@charset "utf-8"; 
/*@latest 2019.07.17 ssj */

.calendar006_wide {width:100%; height:100%; float:left; margin:0 auto; box-sizing:border-box; position:relative; border:1px solid rgba(0,0,0,0.1); background:#fff;}

.calendar006_wide .titbox {text-align:left;box-sizing:border-box;width:100%;position:relative;background:none;height: 40px;border-bottom: 1px solid rgba(0,0,0,0.1);padding: 0 5px 0 15px;}
.calendar006_wide .titbox h3 {font-size:18px; color:#838383; line-height: 40px; font-weight:600;
							  white-space:nowrap; display:inline-block; box-sizing:border-box; position:relative; overflow:hidden; text-overflow:ellipsis;}


.calendar006_wide .titbox h3 + a {font-size:30px;float:right;width: 40px;height: 40px;line-height: 40px;text-align:center;font-weight: 400;font-family: -webkit-pictograph;}

/*btn setting*/
.calendar006_wide .arrow_box {float:right ;position:absolute;right:0; top:0;}
.calendar006_wide .arrow_box span {width: 40px; height: 40px; float:left; text-align:center; line-height:58px;
							 	   box-sizing:border-box; -webkit-transition:background 0.5s; transition:background 0.5s;}
.calendar006_wide .arrow_box span:before {-webkit-transition:color 0.5s; transition:color 0.5s; width:100%; height:100%; float:left;}
.calendar006_wide .arrow_box span.prev_btn:before {content:"";background: url(../img/squre_prev.png) no-repeat center; background-size:contain;}
.calendar006_wide .arrow_box span.next_btn:before {content:"";background: url(../img/squre_next.png) no-repeat center; background-size:contain;}
	
	.calendar006_wide .left_wrap .arrow_box {}
	.calendar006_wide .left_wrap .arrow_box span {position:absolute; top:30px; width:10px; height:20px;}
	.calendar006_wide .left_wrap .arrow_box span.day_prev {left:10px;}
	.calendar006_wide .left_wrap .arrow_box span.day_next {right:10px;}

	.calendar006_wide .month_box .arrow_box {width:100%;}
	.calendar006_wide .month_box .arrow_box span {position:absolute; top:22px; width:15px; height:14px; opacity:0; -webkit-transition:opacity 1s; transition:opacity 1s;}
	.calendar006_wide .month_box .arrow_box span.month_prev {left:15px;}
	.calendar006_wide .month_box .arrow_box span.month_next {right:15px;}
	.calendar006_wide .month_box:hover .arrow_box span {opacity:0.5}


.calendar006_wide .conbox_wrap {width:100%; float:left;}

/* left date box */
.calendar006_wide .left_wrap {width:20%; position:relative; float:left; height:209px; background:#f0f0f0;}
.calendar006_wide .left_wrap > div {width:100%; float:left; text-align:center; box-sizing:border-box; padding:15px; margin-top:8px;}
.calendar006_wide .left_wrap > div h4 {font-size:45px; display: inline-block;}
.calendar006_wide .left_wrap > div h4 + p {display:inline-block; font-size:17px; opacity:0.7; margin-left:3px;}
.calendar006_wide .left_wrap > div span {font-size:14px; font-weight:600; color:#838383; padding-top:2px; display:inline-block;}
.calendar006_wide .left_wrap > div span.cMonthY:after {content:".";}

.calendar006_wide .left_wrap > p {background:#1a2a43;color:white;width: 100%;float:left;text-align: left;padding: 15px;box-sizing: border-box;
								position: absolute;bottom: 0;font-size: 13px;line-height: 22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.calendar006_wide .left_wrap > p strong {text-decoration:underline;letter-spacing: 0px;font-weight: 400;padding-right: 2px;}



/* right -calendar */
.calendar006_wide .right_wrap {width:80%; box-sizing:border-box; float:left;}
.calendar006_wide .right_wrap .month_box {width:100%; /*max-width:1300px;*/ margin:0 auto; height:100%; float:left; background:rgba(26,42,67,0.1); box-sizing:border-box;
										  position:relative; padding:15px 15px 17px;}

.calendar006_wide .right_wrap .month_box .dd_box {box-sizing:border-box; background:transparent;}
.calendar006_wide .right_wrap .month_box .dd_box table {text-align:left;vertical-align:middle;box-sizing:border-box;/* padding-top:10px; */}
.calendar006_wide .right_wrap .month_box .dd_box table tr {display:table-cell;max-width: 20%;}
.calendar006_wide .right_wrap .month_box .dd_box table td {color:#88888a;font-size: 14px;text-align:center;}

.calendar006_wide .right_wrap .month_box .dd_box table td.dd_xx {/*display:none;*/ opacity:0; padding:0 !important; visibility:hidden; position:absolute;}
.calendar006_wide .right_wrap .month_box .dd_box table td.dd_on {font-weight:600; position:relative;}
.calendar006_wide .right_wrap .month_box .dd_box table td.dd_weekend, 
.calendar006_wide .right_wrap .month_box .dd_box table tbody tr td:first-child {color:#d0171b;}

/* right -contents */
.calendar006_wide .right_wrap .dd_event {width:100%; padding:10px 15px -0; box-sizing:border-box; float:left;}
.calendar006_wide .right_wrap .dd_event ul {width:100%;}
.calendar006_wide .right_wrap .dd_event ul li {width:50%; float:left; border-top:1px dashed #ddd; padding:12px 0; position:relative; box-sizing:border-box;}
.calendar006_wide .right_wrap .dd_event ul li:first-child, 
.calendar006_wide .right_wrap .dd_event ul li:nth-child(2) {border-top:none;}
.calendar006_wide .right_wrap .dd_event ul li:nth-child(2n) {padding-left:10px;}
.calendar006_wide .right_wrap .dd_event ul li:nth-child(2n+1) {padding-right:10px;}
.calendar006_wide .right_wrap .dd_event ul li:nth-child(4) ~ li {display:none;}
.calendar006_wide .right_wrap .dd_event ul li:before {content:"\b7"; position:absolute; /*left:0;*/ line-height:24px; font-size:20px;}
.calendar006_wide .right_wrap .dd_event ul li p {width:95%; font-size:13px; line-height:22px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; 
												float:left; padding-bottom:2px; padding-left:10px;}
.calendar006_wide .right_wrap .dd_event ul li span {font-size:12px; line-height:20px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;
								  					float:left; padding-left:11px; opacity:0.8;}


/* hover */
.calendar006_wide .right_wrap .dd_event ul li:hover p {text-decoration:underline;}
.calendar006_wide .arrow_box span:hover {cursor:pointer;}




	@media (min-width:600px){
		.calendar006_wide .right_wrap .dd_event {height:147px;}
	}

	@media (max-width:799px){
		.calendar006_wide .titbox {height:45px;}
		.calendar006_wide .titbox h3 {font-size:17px; line-height:45px;}
		.calendar006_wide .titbox h3 + a, 
		.calendar006_wide .arrow_box span {height:45px; line-height:45px; width:45px;}

	}

	@media (max-width:599px){
		.calendar006_wide {width:calc(100% - 20px); margin:0 10px;}
		.calendar006_wide .left_wrap, 
		.calendar006_wide .right_wrap {width:100%; height:auto;}
		.calendar006_wide .left_wrap > div:first-child {width:30%; margin-top:0; padding:13px 15px 12px; text-align:left;}
		.calendar006_wide .left_wrap > div h4 {font-size:27px; }
		.calendar006_wide .left_wrap > p {width:70%; position:relative;}

		.calendar006_wide .left_wrap .arrow_box {width:50px; left:20%; top:auto; bottom:3px; opacity:0.7;}
		.calendar006_wide .left_wrap .arrow_box span {top:0; width:8px;}
	}












	@media (min-width:1300px){
		.calendar006_wide .right_wrap .month_box .dd_box table {margin-left:-11px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 11px 0 10px !important;}
	}
	@media (min-width:600px){
		.calendar006_wide .right_wrap .month_box .dd_box table td {width:15%; display:table-cell;}
		.calendar006_wide .right_wrap .month_box .dd_box table td.today_pc span {background:#1a2a43;color:#fff;border-radius:100%;width:25px;height:25px;line-height:25px;cursor:pointer;display:inline-block;font-size: 12px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td.today_pc:hover span {font-weight:600;} 
	}

	@media (min-width:800px){
		.calendar006_wide .right_wrap .month_box .dd_box {width:100%; height:30px; line-height:32px; text-align:center;}
		.calendar006_wide .right_wrap .month_box .dd_box table {/*width:100%; float:left;*/width:auto; max-width:100%; display:inline-block;}
		.calendar006_wide .right_wrap .month_box .dd_box table tr {float:left; max-width:none;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {float:left; width:auto;}
		.calendar006_wide .right_wrap .month_box .dd_box table td.dd_on span {position:relative; border-bottom:2px solid rgba(155,155,155,0.5); display:inline-block;}

	}
	@media (min-width:1300px){
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 7px !important;}
	}

	@media (min-width:1151px) and (max-width:1299px){
		.calendar006_wide .right_wrap .month_box .dd_box table {margin-left:-8px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 5px 0 6px;}
	}
	@media (min-width:1050px) and (max-width:1150px){
		.calendar006_wide .right_wrap .month_box .dd_box table {margin-left:-7px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 4px 0 4px;}
	}
	@media (min-width:991px) and (max-width:1049px){
		.calendar006_wide .right_wrap .month_box .dd_box table {margin-left:-6px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 4px 0 3px;}
	}


	@media (min-width:891px) and (max-width:990px){
		.calendar006_wide .right_wrap .month_box {padding:15px 5px 17px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 3px; font-size:13px;}
	}
	@media (min-width:800px) and (max-width:890px){
		.calendar006_wide .right_wrap .month_box {padding:15px 5px 17px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0 2px; font-size:13px;}
	}

	@media (min-width:600px) and (max-width:799px){
		.calendar006_wide .right_wrap .month_box .dd_box {padding-top:7px;}
		.calendar006_wide .right_wrap .month_box .dd_box table {width:95%; float:left; padding-left:10px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td {padding:0; opacity:0.5; line-height:23px; font-size:13px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td:hover span {padding:3px;}
		.calendar006_wide .right_wrap .month_box .dd_box table td.dd_on {text-decoration:underline; opacity:1;}
		.calendar006_wide .right_wrap .month_box .dd_box table td.today_pc {opacity:1;}
		.calendar006_wide .right_wrap .month_box .dd_box table td.today_pc span {width:23px;}
	}
	@media (max-width:799px){
		.calendar006_wide .right_wrap .month_box {display:none;}
	}