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

.calender_outer h2 {font-size: 40px; color: #304fc7; margin-bottom: 20px;}
.calender_outer .min {font-size: 16px; color: #ff7f7f; margin-top: 5px;}
@media screen and (max-width:500px) {

.calender_outer {
    padding: 0 16px;
}
}

.calender_outer .calendar {margin: 70px auto 0}
.calender_box{width: 1200px;max-width: 100%;margin: 40px auto;}
.calender_box table {width: 100%;}
.calender_box table tbody{border-left:1px solid #e3e3e3 ;border-bottom: 1px solid #e3e3e3;width: 100%;}
.calender_box th{background-color: #000;text-align: center;font-weight: bold;color: #fff;}
.calender_box tbody td {background-color: #fff; width: 171.4px;height: 135px;border-right:1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.calender_box td .cpt_date{display: block;background-color: #2b3700;color: #fff !important;text-align: center;pointer-events: none;}
.calender_box td .cpt_com{display: block;padding: 10px;font-size: 11px;height: 100%;}
.calender_box tfoot #next{text-align: right;} 
@media screen and (max-width:500px) {
.calender_box td .cpt_com{font-size: 3vw; padding: 5px;}
}

.calendar_month{width: 30%;font-size: 14px;display: table;float: left;clear: both;font-weight: bold;margin-bottom: 10px;}
@media screen and (max-width:500px) {
.calendar_month{width: 100%;}
}
.month_pre{display: table-cell;border: 1px solid #000;background-color: #fff;text-align: center;}
.month_pre a{padding: 5px 10px;display: block;}
.month_now{display: table-cell;border: 1px solid #000000;background-color: #000;color: #fff;padding: 5px 10px;text-align: center;}
.month_next{display: table-cell;border: 1px solid #000;background-color: #fff;text-align: center;}
.month_next a{padding: 5px 10px;display: block;}
li.pad{display: none;}

#calendar_single {margin-bottom: 40px;}
#calendar_single .con01 {box-sizing: border-box;display: block;background: url(img/index/box03_bg.jpg)top center repeat;}
#calendar_single .con01 .right_box {width: 100%; position: relative; box-sizing: border-box; margin-right: 20px; display: flex; padding: 30px;}
#calendar_single .con01 h2 { box-sizing: border-box;background: #2b3700; padding: 16px 0 16px 10px; font-size: 30px;margin-bottom: 0;}
#calendar_single .con01 h2 span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#calendar_single .con01 img {margin-left: 30px;}
#calendar_single .con01 .btn {background: #000;position: relative;bottom: 30px;left: 0;right: 0;margin: 30px auto 0;width: 350px; height: 50px; line-height: 1;}
#calendar_single .con01 .btn02 {background: #2b3700; margin-left: 30px;}
#calendar_single .con02 {box-sizing: border-box; background: url("img/index/box05_bg.jpg")top left repeat; padding-bottom: 40px;}
#calendar_single .con02 h2 {background: #2b3700; padding: 16px 0 16px 10px; font-size: 30px; box-sizing: border-box; margin-bottom: 40px;}
#calendar_single .con02 h2 span {box-sizing: border-box; border-left: 5px solid #fff; padding-left: 10px;}
#calendar_single .con02 .txt_box {padding: 0 40px; margin-bottom: 40px;}
#calendar_single .con02 ul {padding: 0 40px;}
#calendar_single .con02 li {box-sizing: border-box; width: 360px; margin-right: 20px;}
#calendar_single .con02 li:nth-child(3n) {margin-right: 0;}
#calendar_single .con02 li img {width: 100%; height: 240px; object-fit: cover;}

@media screen and (max-width:500px) {
	#calendar_single .con02 {padding-bottom: 30px;}
	#calendar_single .con02 h2,#calendar_single .con01 h2 {font-size: 5vw; padding: 10px; margin-bottom: 20px;}
	#calendar_single .con02 h2 span,#calendar_single .con01 h2 span {border-left: 3px solid #fff; padding-left: 5px;}
	#calendar_single .con02 .txt_box,#calendar_single .con01 .txt_box {padding: 0 16px; font-size: 3.5vw; line-height: 2; margin-bottom: 16px;}
	#calendar_single .con02 ul {display: block; padding: 0 16px;}
	#calendar_single .con02 li {width: 100%; margin-right: 0;}
	#calendar_single .con02 li:nth-child(n + 2) {margin-top: 20px;}
	#calendar_single .con02 li img {height: auto;}
	#calendar_single .con01 {display: block; background-position: top center; padding-bottom: 30px; margin-top: 0;}
	#calendar_single .con01 .right_box {height: auto; display: block; padding: 0 16px 20px;}
	#calendar_single .con01 .btn {position: relative; width: 48%; height: auto; bottom: inherit; font-size: 4vw; padding: 12px 0; margin: 0;}
	#calendar_single .con01 .btnbox{padding: 0 16px; justify-content: space-between;}
	#calendar_single .con01 img {margin-left: 0; margin-top: 20px;}
	#calendar_single .con {height: auto; padding-bottom: 20px;}
	
	
}