@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------------*/
/*---sec_cnt_calendar------------------------------------------------------------------*/

div#sec_cnt_calendar{
width:100%;
}

/*---------------------------------------------------------------------*/
/*---calendar_console------------------------------------------------------------------*/

ul.calendar_console{

	display: -webkit-flex;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
ul.calendar_console li{
	padding: 25px 15px;
}

ul.calendar_console li b{
color:#999999;
font-size:26px;
line-height:1.1em;
letter-spacing: 0.15em;
text-align:center;

display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-ms-flex-line-pack: center;
align-content: center;
}

ul.calendar_console li b span{
font-size:16px;
line-height:1.1em;
letter-spacing: 0.2em;
text-align:center;
margin-top: 4px;
}

ul.calendar_console li a{
width:28px;
height:28px;
background-size:12px;
background-position:center center;
text-indent:-9999px;
display:block;
overflow:hidden;
margin:0 auto;
opacity:0.7;
}
ul.calendar_console li a:hover{
opacity:1.0;
}
ul.calendar_console li.prev a{background-image:url(../img/common/icon/arrow_l.svg);}

ul.calendar_console li.next a{background-image:url(../img/common/icon/arrow.svg);}

/*---------------------------------------------------------------------*/
/*---cnt_calendar------------------------------------------------------------------*/

table.cnt_calendar{
width:100%;
background-color:#FFFFFF;
overflow: hidden;
}

/*---thead------------------------------------------------------------------*/

table.cnt_calendar thead{
}

table.cnt_calendar thead th{
color:#999999;
font-weight:normal;
padding:10px 0;
}

table.cnt_calendar thead th a{
width:30px;
height:30px;
background-size:auto 100%;
background-position:center center;
text-indent:-9999px;
display:block;
overflow:hidden;
margin:0 auto;
opacity:0.7;
}
table.cnt_calendar thead th a:hover{
opacity:1.0;
}

div#sec_cnt_calendar thead th.prev a{
background-image:url(../img/common/icon/arrow7_l.svg);
}

div#sec_cnt_calendar thead th.next a{
background-image:url(../img/common/icon/arrow7.svg);
}

table.cnt_calendar thead td{
width:14%;
background-color:#333333;
color:#ffffff;
font-size:12px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
text-align:center;
letter-spacing: 0.1em;
padding:7px 0;
border:1px #ffffff solid;
}

/*---tbody------------------------------------------------------------------*/

table.cnt_calendar tbody{
}

.we_sat{color:#48b0dc!important;}
.we_sun{color:#e94463!important;}

table.cnt_calendar tbody th{
}

table.cnt_calendar tbody td{
vertical-align:top;
border:#ececec solid;
border-width: 0 1px 1px 0;
}

td.other_month{
color:#CCCCCC;
}

table.cnt_calendar tbody td > div{
position:relative;
min-height:70px;
padding:3px 6px;
padding-top:25px;
}

table.cnt_calendar tbody td p.date{
position:absolute;top:4px;left:6px;
background-size:auto 96%;
background-position:center center;
color:inherit;
font-size:12px;
font-family: 'Roboto', sans-serif;
text-align:center;
display:block;
}

table.cnt_calendar tbody td a.add{
width:16px;
height:16px;
position:absolute;top:4px;right:5px;
background-size:auto 100%;
background-position:center center;
background-image:url(../img/common/icon/plus.svg);
font-size:12px;
display:block;
text-indent:-9999px;
overflow:hidden;
opacity:1.0;
}
table.cnt_calendar tbody td a.add:hover{
opacity:0.8;
}

.today_flag p.date{
font-size:14px!important;
font-weight:bold;
}

.before_flag{
background-color:rgba(0,0,0,0.04);
border:#ffffff solid;
border-width: 0 1px 1px 0;
}


/*---data_list------------------------------------------------------------------*/

table.cnt_calendar tbody td > div ul.data_list{
}
table.cnt_calendar tbody td > div ul.data_list > li{
padding: 5px 0;
border-bottom: 1px #dbdbdb dashed;
}
table.cnt_calendar tbody td > div ul.data_list > li:last-child{
	border-bottom: none;
}

table.cnt_calendar tbody td > div ul.data_list > li > a{
	color: #212121;
	font-size: 12px;
	line-height: 1.4em;
	border-bottom: 1px #ececec dashed;
}
table.cnt_calendar tbody td > div ul.data_list > li > a:hover{
	color: #13acc8;
}