@charset "utf-8"; 
/* @latest 2022.07.27 OSY */


.calendar011 {position:relative; float:left; width:100%; height:100%;}
.calendar011 .widget_wrap {width:100%; height:100%; background:#fff; box-sizing:border-box; overflow:hidden;}

/* title */
.calendar011 .widget_wrap .tit_wrap {position:relative; padding:10px 0; background:#364e74; box-sizing:border-box;}
	.calendar011 .widget_wrap .tit_wrap .tit {display:inline-block; width:calc(90% - 30px); height:100%; color:#fff; vertical-align:middle; white-space:nowrap; text-overflow:ellipsis; box-sizing:border-box; overflow:hidden;}
	.calendar011 .widget_wrap .tit_wrap .btn_more {position:absolute; right:0; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); display:inline-block; width:40px; height:100%; padding:4px 0; vertical-align:middle; text-align:center; color:#fff; background:#364e74; box-sizing:border-box;}

/* content */
.calendar011 .widget_wrap .cont_wrap {position:relative; width:100%; overflow:hidden; box-sizing:border-box;}
.calendar011 .widget_wrap .cont_wrap > div:not(.bg_box) {position:relative; padding:30px; box-sizing:border-box; overflow:hidden;}

	/* left */
	.calendar011 .widget_wrap .cont_wrap .left_box .bg_box {position:absolute; top:0; left:0; z-index:0; width:100%; height:100%; box-sizing:border-box;}
	.calendar011 .widget_wrap .cont_wrap .left_box .bg_box img {display:block; width:auto; min-width:100%; height:auto; min-height:100%; max-height:100%;}
	.calendar011 .widget_wrap .cont_wrap .left_box {text-align:center; box-sizing:border-box;}
	.calendar011 .widget_wrap .cont_wrap .left_box .align_box {position:relative; width:100%; text-align:center; padding:30px 0; background:rgba(255,255,255,0.9); box-sizing:border-box;}
	.calendar011 .widget_wrap .cont_wrap .left_box .txt {width:100%; margin-bottom:20px;}
	.calendar011 .widget_wrap .cont_wrap .left_box .txt .txt01,
	.calendar011 .widget_wrap .cont_wrap .left_box .txt .txt02 {width:100%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.calendar011 .widget_wrap .cont_wrap .left_box .icon {display:inline-block; width:80px; height:80px; text-align:center; margin-bottom:20px; background:#3A6D8A; box-sizing:border-box;}
	.calendar011 .widget_wrap .cont_wrap .left_box .icon img {display:inline-block; max-width:50px; max-height:50px;}
	.calendar011 .widget_wrap .cont_wrap .left_box .date {box-sizing:border-box;}
		/* date arrow */
		.calendar011 .date a:not(.ym_box) {display:inline-block; border:1px solid rgba(0,0,0,1); opacity:0.5; width:17px; height:17px; transform:rotate(45deg); text-align:center; margin:0 7px; transition:all 0.2s;}
		.calendar011 .date .month_prev {border-width:0 0 1px 1px !important; margin-right:-4px;}
		.calendar011 .date .month_next {border-width:1px 1px 0 0 !important; margin-right:4px;}
		.calendar011 .date .month_prev:hover, .calendar011 .date .month_next:hover,
		.calendar011 .date .month_prev:active, .calendar011 .date .month_next:active {opacity:1;}

	/* right */
	.calendar011 .widget_wrap .cont_wrap .right_box {text-align:center; border-style:solid; background:#e9e9e9; border-color:rgba(255,255,255,0.7); border-width:0 0 0 1px;}
	.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl {height:100%; overflow:hidden;}
	.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl .week {border-style:solid; border-color:#364E74; background:#3A6D8A; border-width:1px 0;}
	.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl .week th {width:calc(100% / 7); padding:10px 0; color:#fff; font-weight:normal;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl tbody {background:#fff;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td {color:inherit;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td span {box-sizing:border-box;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td.dd_xx {opacity:0.4;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td.dd_on span {display:inline-block; font-weight:600; border-bottom:1px solid #000; padding:0 3px;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td.today_pc span {padding:5px; background:rgba(0,0,0,0.15); font-weight:600; color:#000; border-radius:3px;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td.today_pc span:hover {background:rgba(0,0,0,0.7); color:#fff;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl tr:first-child td {padding-top:8px;}
		.calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl tr:last-child td {padding-bottom:8px;}



/* layout */
.border-radius .calendar011 .widget_wrap,
.border-radius .calendar011 .widget_wrap .tit_wrap {border-radius:20px;}
.border-radius .calendar011 .widget_wrap .tit_wrap .tit {padding-left:15px;}
.border-radius .calendar011 .widget_wrap .tit_wrap .btn_more,
.border-radius .calendar011 .widget_wrap .cont_wrap .left_box .icon {border-radius:50%;}
.border-radius .calendar011 .widget_wrap .cont_wrap {border-radius:20px;}
.border-radius .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl,
.border-radius .calendar011 .widget_wrap .cont_wrap .left_box .align_box {border-radius:15px;}
.border-radius .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl .week {border-top:0;}
.border-radius .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl td.today_pc span {border-radius:50%;}

	@media (min-width:1300px){
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box,
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box {width:50% !important;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .align_box {padding:27px 10px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .icon {width:70px; height:70px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .icon img {width:40px; height:40px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl #data td {padding:6px 0;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .date {font-size:1.5em;}
		.layout_height_H .calendar011 .date a:not(.ym_box) {width:15px; height:15px;}
	}
	@media (max-width:1299px) and (min-width:799px){
		.calendar011 .widget_wrap .cont_wrap {height:100%;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap {display:block;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap > div:not(.bg_box) {padding:20px 30px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .align_box {float:right; width:calc(100% - 60px); height:50px; padding:5px 5px 5px 10px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box {width:100% !important; height:100%;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box {width:100% !important; height:180px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .txt {margin:0 auto;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .txt .txt01, 
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .txt .txt02 {width:calc(100% - 200px); text-align:left;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .txt .txt01 {font-size:16px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .txt .txt02 {font-size:14px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .date {position:absolute; right:10px; top:0; line-height:50px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .icon {position:absolute; left:-60px; top:0; width:50px; height:50px; padding:10px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .left_box .icon img {max-width:30px; max-height:30px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box {overflow:revert;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl {position:absolute; top:-260px; width:calc(100% - 60px) !important;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl .fs14 {font-size:12px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl #data td {padding:4px 0;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl #data tr:first-child td {padding-top:10px;}
		.layout_height_H .calendar011 .widget_wrap .cont_wrap .right_box .cld_tbl #data tr:last-child td {padding-bottom:10px}
	}
	@media (min-width:900px){
		.calendar011 .widget_wrap .cont_wrap {display:flex; justify-content:center; align-items:stretch;}

	}
	@media (max-width:899px){
		.calendar011 .widget_wrap .cont_wrap > div {padding:20px 0;}
		.calendar011 .widget_wrap .cont_wrap .right_box {padding-bottom:0;}
		.calendar011 .widget_wrap .cont_wrap .right_box {border-width:1px 0 0 0; height:300px;}		

	}
	@media (max-width:799px){
		
	}
	
	@media (max-width:599px){

	}