@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: #b5b5b5;text-align: center;font-weight: bold;}
.calender_box tbody td {background-color: #fff; width: 171.4px;height: 100px;border-right:1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
.calender_box td .cpt_date{display: block;background-color: #304fc7;color: #fff !important;text-align: right;pointer-events: none;padding-right: 5px;}
.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: right;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_time .big02 {font-size: 30px; line-height: 1; padding: 15px 0; background-color: #304fc7; margin-top: 40px;}
#calendar_time .num {margin-top: 40px;}
#calendar_time .inner {box-sizing: border-box; border: 3px solid #b5b5b5; margin-bottom: 40px;}
#calendar_time .big {display: flex; align-items: center; justify-content: center; width: 350px; height: auto; font-size: 25px;}
.time_btn01 {background-color: #304fc7; color: #fff; width: 448px; font-size: 20px; display: flex; align-items: center; justify-content: center; height: 42px;}
.time_btn02 {background-color: #b5b5b5; color: #fff; width: 448px; font-size: 20px; display: flex; align-items: center; justify-content: center; height: 42px;}
.time_ul01 {width: 350px;}
.time_ul01 li {box-sizing: border-box; border: 3px solid #b5b5b5; border-top: none; line-height: 1; font-size: 30px; height: 65px; display: flex; align-items: center; justify-content: center;}
.time_ul01 li:nth-last-child(1) {border-bottom: none;}
.time_ul02 {width: 65px;}
.time_ul02 li {box-sizing: border-box; border: 3px solid #b5b5b5; border-top: none; border-left: none; line-height: 1; font-size: 30px; height: 65px; display: flex; align-items: center; justify-content: center;}
.time_ul02 li:nth-last-child(1) {border-bottom: none;}
.time_ul03 {width: auto;}
.time_ul03 li {width: 100%; height: 65px; text-align: center; display: flex; justify-content: center; align-items: center; padding: 10px; box-sizing: border-box; border-bottom: 3px solid #b5b5b5;}
.time_ul03 li:nth-last-child(1) {border-bottom: none;}