@charset "utf-8";
/* calendar002_wide */


.calendar002_wide {width:100%;height:100%;background: #f4f4f4;box-sizing:border-box;position:relative;float: left;}

.calendar002_wide .titbox {width: 100%; display: block; text-align: center;}
.calendar002_wide .titbox > a {display:inline-block;}
.calendar002_wide .titbox .title {line-height: 150%;}


.calendar002_wide .calWrap {width: 100%; clear: both; display: block; float: left;}
.calendar002_wide .calWrap .ym_box {text-align: center;box-sizing:border-box; position:relative; float: left;line-height: 150%;}
.calendar002_wide .calWrap .ym_box .datebox {width: 100%; padding: 0 30px; box-sizing: border-box; text-align: center;}
.calendar002_wide .calWrap .ym_box .datebox .date {line-height:150%;}
.calendar002_wide .calWrap .ym_box a {position:absolute;top: 50%;transform: translateY(-45%);}
.calendar002_wide .calWrap .ym_box .prev_btn:before {content:"\276C";}
.calendar002_wide .calWrap .ym_box .next_btn:before {content:"\276D";}
.calendar002_wide .calWrap .ym_box .prev_btn {left: 0;color: inherit;}
.calendar002_wide .calWrap .ym_box .next_btn {right:0;color: inherit;}

.calendar002_wide .calWrap .dd_box {float:left; box-sizing:border-box;}
.calendar002_wide .calWrap .dd_box table {text-align: right;vertical-align:middle;}
.calendar002_wide .calWrap .dd_box table>tbody>tr {display:inline-block;}
.calendar002_wide .calWrap .dd_box table td {color: #333;font-size:19px;transition: padding-right 1s;}
.calendar002_wide .calWrap .dd_box table td.dd_xx {opacity:0.2; display:none;}
.calendar002_wide .calWrap .dd_box table td.dd_on {font-weight:600; position:relative;}



/* mobile text box */
.calendar002_wide .calWrap .dd_box .dd_event {width:100%;margin-top:10px;padding: 15px 0 10px;border-top: 1px solid rgba(0,0,0,0.1);box-sizing:border-box;}
.calendar002_wide .calWrap .dd_box .dd_event ul {width:100%;}
.calendar002_wide .calWrap .dd_box .dd_event ul li {font-size: 15px;line-height: 140%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-bottom: 5px;}
.calendar002_wide .calWrap .dd_box .dd_event ul li:before {content:"\b7"; margin:0 2px;}



	@media (min-width:600px){
		.calendar002_wide .calWrap .ym_box {width:15%;}
		.calendar002_wide .calWrap .dd_box {width:85%;}
		.calendar002_wide .calWrap .ym_box .day {display:none;}
		.calendar002_wide .calWrap .dd_box .dd_event {display:none;}

		.calendar002_wide .calWrap .dd_box table {float:right;}
		.calendar002_wide .calWrap .dd_box table td {padding-right:12px;}
		.calendar002_wide .calWrap .dd_box table td.today_pc span {background: rgba(255,255,255,0.5); border-radius:100%;cursor:pointer;width: 23px;height: 23px;line-height: 23px;float: left;padding: 5px;text-align: center;position: relative;}
		.calendar002_wide .calWrap .dd_box table td.today_pc:hover span {background: rgba(255,255,255,0.9);}


		.calendar002_wide .calWrap .ym_box .prev_btn:before,
		.calendar002_wide .calWrap .ym_box .next_btn:before {font-size: 22px;}
	}

	@media (min-width:991px) and (max-width:1199px){
		.layout_01 .calendar002_wide .calWrap .dd_box table td {padding-right:7px;}
	}
	@media (min-width:600px) and (max-width:1050px){
		.calendar002_wide .calWrap .ym_box {width:20%;margin-right: 10%;}
		.calendar002_wide .calWrap .dd_box {width:70%;}
		.calendar002_wide .calWrap .dd_box table {text-align:left;}
		.calendar002_wide .calWrap .dd_box table td {padding-right: 10px;font-size: 17px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.calendar002_wide .calWrap .ym_box {width:25%; margin-right:5%;}
		.calendar002_wide .calWrap .ym_box .datebox {padding:0 15px;}
	}


	@media (max-width:599px){
		.calendar002_wide .titbox {margin-bottom: 10px;}
		
		.calendar002_wide .calWrap .ym_box .day {display:block;}
		.calendar002_wide .calWrap .ym_box .month {display:none;}

		.calendar002_wide .calWrap .ym_box {width: 100%;}
		
		.calendar002_wide .calWrap .ym_box .prev_btn:before,
		.calendar002_wide .calWrap .ym_box .next_btn:before {font-size: 26px !important;}
		.calendar002_wide .calWrap .ym_box div {width:90%;float:left;text-align:center;}
		.calendar002_wide .calWrap .ym_box .datebox .date {margin-right: 60px;font-size: 30px;}
		.calendar002_wide .calWrap .ym_box .datebox .date:after {content:".";}

		.calendar002_wide .calWrap .dd_box {width: 100%;position: relative;}
		.calendar002_wide .calWrap .dd_box table {text-align:center;width: auto;display: inline-block;position: absolute;top: -42px;left: 50%;margin-left: 35px;}
		.calendar002_wide .calWrap .dd_box table tbody tr {display:inline-block;}
		.calendar002_wide .calWrap .dd_box table td {display:none;}
		.calendar002_wide .calWrap .dd_box table td.today {display:block;font-size: 33px;font-weight:900;color: #333;}
	}