@charset "utf-8"; 
/* calendar010 - SSJ 2022.03.22 */

.calendar010 {width:100%;height:100%;display: flex;background: #1d5793; box-sizing:border-box;position:relative;}

.calendar010 .ym_box {width: 30%;padding-left: 15px;padding-right: 15px;text-align:center;box-sizing:border-box;align-items: center;justify-content: center;/* display: flex; */margin: auto;}
.calendar010 .ym_box .clndrTit {color:#fff;padding-bottom:4px;/* white-space:nowrap; *//* overflow:hidden; *//* text-overflow:ellipsis; */padding-bottom: 20px;line-height: 140%;}
.calendar010 .ym_box .clndrMonth {color: #fff;font-weight: 600;text-indent: 5px;letter-spacing: 7px;}
.calendar010 .ym_box .clndrYear {color: #fff;letter-spacing: 8px;text-indent: 5px;}
.calendar010 .ym_box .btnbox {display: block;float: left;width: 100%;padding: 20px 0 50px;}
.calendar010 .ym_box .btnbox a {display: inline-block;border: 1px solid rgba(255,255,255,0.7);width: 30px;height: 30px;text-align: center;line-height: 30px;margin: 0 7px;}
.calendar010 .ym_box .btnbox a:before {content: "";width: 10px;height: 10px;transform: rotate(45deg);border-width: 1px;border-style: solid;border-color: inherit;display: inline-block;margin-top: 7px;}
.calendar010 .ym_box .btnbox .month_prev:before {border-width: 0 0 1px 1px;margin-right: -4px;}
.calendar010 .ym_box .btnbox .month_next:before {border-width: 1px 1px 0 0;margin-right: 5px;}
.calendar010 .ym_box .moreBtn {color: #fff;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;text-align: center;}

.calendar010 .dd_box {width: 70%;padding-left: 15px;padding-right: 15px;box-sizing: border-box;border: 1px solid rgba(255,255,255,0.3);border-width: 0 0 0 1px;margin: auto;}
.calendar010 .dd_box table {text-align:center; vertical-align:middle; border-collapse:collapse;}
.calendar010 .dd_box table thead.week {background:none;}
.calendar010 .dd_box table thead.week th {width:14.285%;color:#fff;font-size: inherit;padding: 10px 5px 30px;text-transform: uppercase;}
.calendar010 .dd_box table td {color: #e3e3e3;font-size: inherit;padding: 4px 4px;}
.calendar010 .dd_box table td span {/* padding: 6px; */width: 30px;height: 30px;line-height: 30px;display: inline-block;box-sizing: border-box;text-align: center;}

.calendar010 .dd_box table td.dd_xx {opacity:0.3;}
.calendar010 .dd_box table td.dd_on {font-weight:600;position:relative;overflow:hidden;color: #fff;}
.calendar010 .dd_box table td.dd_on span {border: 1px solid rgba(255,255,255,0.5);}
.calendar010 .dd_box table td.today_pc {}
.calendar010 .dd_box table td.today_pc span {background: rgba(255,255,255,1);color: #333;font-weight: 600;}
.calendar010 .dd_box table tr:nth-child(2) ~ tr td.today_pc span {text-indent: -3px;}


	.border-radius .calendar010 .ym_box .btnbox a {border-radius:100%;margin: 0 2px;}
	.border-radius .calendar010 .dd_box table td.today_pc span,
	.border-radius .calendar010 .dd_box table td.dd_on span {border-radius:100%;}

	
	.layout_height_M .calendar010 .ym_box .btnbox {padding-bottom: 15px;}
	.layout_height_M .calendar010 .dd_box {padding-top:15px; padding-bottom:10px;}
	.layout_height_M .calendar010 .dd_box table thead.week th {padding-bottom: 15px;}
	.layout_height_M .calendar010 .dd_box table td {padding: 0 4px;}


	@media (min-width:800px){
		.layout_height_A .calendar010 {min-height:400px;}
	}
	@media (min-width:800px) and (max-width:990px){
		.layout_02 .calendar010 .ym_box {width: 25%;padding-left: 5px;padding-right: 5px;}
		.layout_02 .calendar010 .dd_box {width: 75%;padding-left: 5px;padding-right: 5px;}
		.layout_02 .calendar010 .ym_box .btnbox a {margin:0;}
		.layout_02 .calendar010 .dd_box table {font-size: 14px;}
	}
	@media (max-width:799px){
		.calendar010 {flex-direction:column;}
		.calendar010 .ym_box {width:100%;padding-bottom: 20px;}
		.calendar010 .dd_box {width:100%;border-width: 1px 0 0 0;}
		.calendar010 .ym_box .moreBtn {display:none;}
		.calendar010 .ym_box .btnbox {padding-bottom:10px;}
	}