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

#calendar_plan .btn_area {display: flex; justify-content: space-between; align-items: center;} 
#calendar_plan .btn_area p {background-color: #3C4D55; color: #fff; font-size: 30px; width: 580px; padding: 20px 0;}
#calendar_plan .btn_area p:nth-child(2) {background-color: #CE958E}
#calendar_plan .select_txt {font-size: 30px; line-height: 1; padding: 20px 0; box-sizing: border-box; border: 3px solid #3C4D55; background-color: #3C4D55; margin-top: 20px; color: #fff;}
#calendar_plan .select_txt02 {background-color: #CE958E; border: 3px solid #CE958E;}
#calendar_plan h2 {font-size: 30px; color: #fff; background-color: #9C8251; padding: 15px 20px; line-height: 1;}
#calendar_plan .con {box-sizing: border-box; border: 3px solid #80592E; background: url(img/calendar/plan/con_bg.jpg)top center repeat; margin-top: 20px; font-size: 20px;}
#calendar_plan .con .inner {display: flex; justify-content: flex-start; align-items: center; text-align: justify; padding: 20px;}
#calendar_plan .con .inner img {margin-right: 20px;}
#calendar_plan .con .big {font-size: 30px; line-height: 1; margin-top: 30px;}
#calendar_plan .con .btn {font-size: 30px; line-height: 1; padding: 15px 0; box-sizing: border-box; border: 3px solid #D0C1A2; margin: 0 20px 20px; background-color: #D0C1A2;}
#calendar_plan h1 {margin-bottom: 40px;}
.step {margin: 0 auto 40px;}
.karen_time{box-sizing: border-box; border: 3px solid #80592E; display: flex; justify-content: space-between; align-items: flex-start; text-align: center; border-bottom: none;}
.time_btn01 {background-color: #9C8251; color: #fff; width: 448px; font-size: 20px; display: flex; align-items: center; justify-content: center; height: 42px;}
.time_btn02 {background-color: #D0C1A2; color: #fff; width: 448px; font-size: 20px; display: flex; align-items: center; justify-content: center; height: 42px;}
.time_title {width: 311px; font-size: 25px; line-height: 1.3; height: 1755px; display: flex; justify-content: center; align-items: center; box-sizing: border-box; border-bottom: 3px solid #80592E;}
.time_ul01 {width: 350px;}
.time_ul01 li {box-sizing: border-box; border: 3px solid #80592E; border-top: none; line-height: 1; font-size: 30px; height: 65px; display: flex; align-items: center; justify-content: center;}
.time_ul02 {width: 65px;}
.time_ul02 li {box-sizing: border-box; border: 3px solid #80592E; border-top: none; border-left: none; line-height: 1; font-size: 30px; height: 65px; display: flex; align-items: center; justify-content: center;}
.time_ul03 {width: 468px;}
.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 #80592E;}
.time_txt {font-size: 30px; line-height: 1; padding: 20px 0; box-sizing: border-box; border: 3px solid #226644; background-color: #fff; margin-bottom: 20px;}
 
.calender_outer .title_area {display: flex; justify-content: center; font-size: 35px; line-height: 1; align-items: center;}
.calender_outer .title_area img {margin-right: 10px;}
.calender_outer .min {font-size: 16px; color: #ff7f7f; margin-top: 5px;}
@media screen and (max-width:500px) {

.calender_outer {
    padding: 20px 16px;
}
}

.calender_outer .calendar {margin: 70px auto 0}


.calender_box{width: 1200px;max-width: 100%;margin: 20px auto 0;}
.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: #80592E;text-align: center;font-weight: bold; color: #fff;}
.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: #5F7865;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: 10px;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 #a3a3a3;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: #5F7865;color: #D0C1A2;padding: 5px 10px;text-align: center;}
.month_next{display: table-cell;border: 1px solid #a3a3a3;background-color: #fff;text-align: center;}
.month_next a{padding: 5px 10px;display: block;}
li.pad{display: none;}