@charset "utf-8";


.sr-only { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0 0 0 0); overflow:hidden; }

.calender-dd { padding:0 0 7.69vw; }
.calender-dd:last-child { padding:0; }
.calender-dd p { padding:0 0 2vw; }
.blk { display:flex; flex-flow:row nowrap; justify-content:start; }
.blk label { display:block; width:40vw !important; }
.blk select { width:40vw !important; margin:0 0 0 3.33vw; }
.reservation-error { text-align:left; }
#confirm .confirm-no,
#confirm .must { display:none; }
#confirm .kibo-off { display:none; }

.js_timetable {
  display: none;
}
.js_timetable__def {
  display: block;
}

@media screen and (min-width:900px){
.calender-dd { padding:0 0 2.19vw; }
.calender-dd p { padding:0 0 1vw; }
.blk label { width:14.49vw !important; }
.blk select { width:14.49vw !important; margin:0 0 0 1.45vw; }
}
@media screen and (min-width:1380px){
.calender-dd { padding:0 0 30px; }
.calender-dd p { padding:0 0 15px; }
.blk label { width:200px !important; }
.blk select { width:200px !important; margin:0 0 0 20px; }
}




#ui-datepicker-div { background:#fff; box-shadow:0 0 10px 4px rgba(0, 0, 0, .06); padding:4vw; }
.ui-datepicker-header { text-align:center; padding:5.13vw 0; font-size:5.13vw; position:relative; }
.ui-datepicker-prev { position:absolute; top:1.2vw; left:1.2vw; display:flex; justify-content:center; align-items:center; width:10.24vw; height:10.24vw; background:#f3efe9; font-size:3.33vw; cursor:pointer; }
.ui-datepicker-next { position:absolute; top:1.2vw; right:1.2vw; display:flex; justify-content:center; align-items:center; width:10.24vw; height:10.24vw; background:#f3efe9; font-size:3.33vw; cursor:pointer; }
.ui-datepicker-calendar {}
.ui-datepicker-calendar tr th { font-size:4vw; }
.ui-datepicker-calendar tr th:first-child span { color:#ff0000; }
.ui-datepicker-calendar tr th:last-child span { color:#0067c0; }
.ui-datepicker-calendar tr td { padding:2.05vw 1.03vw; }
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-sunday > span,
.ui-datepicker-calendar .day-holiday > a,
.ui-datepicker-calendar .day-holiday > span { display:flex; justify-content:center; align-items:center; width:10vw; height:10vw; font-size:4vw; color:#ff0000 !important; }
.ui-datepicker-calendar .day-saturday > a,
.ui-datepicker-calendar .day-saturday > span { display:flex; justify-content:center; align-items:center; width:10vw; height:10vw; font-size:4vw; color:#0067c0 !important; }
.ui-datepicker-calendar .day-closed > a,
.ui-datepicker-calendar .day-closed > span,
.ui-state-disabled span { display:flex; justify-content:center; align-items:center; width:10vw; height:10vw; font-size:4vw; color:#25292E !important; }
.day-weekday a,
.day-workday a { display:flex; justify-content:center; align-items:center; width:10vw; height:10vw; background:#f3efe9; border-radius:50%; font-size:4vw; text-decoration:none; color:#8F7869 !important; }
.ui-datepicker-today span { display:flex; justify-content:center; align-items:center; width:10vw; height:10vw; background:#36527c; border-radius:50%; font-size:4vw; color:#fff !important; opacity:1 !important; }
.ui-datepicker-calendar tr td a:hover,
.ui-state-active { display:flex; justify-content:center; align-items:center; width:10vw; height:10vw; background:#fff096 !important; font-size:4vw; border-radius:50%; color:#36527c !important; }
.ui-datepicker-unselectable span { opacity:0.3; }

@media screen and (min-width:900px){
#ui-datepicker-div { padding:1.45vw; }
.ui-datepicker-header { padding:2.17vw 0; font-size:1.45vw; }
.ui-datepicker-prev { top:0.87vw; left:0.87vw; width:3.62vw; height:3.62vw; font-size:1.09vw; }
.ui-datepicker-next { top:0.87vw; right:0.87vw; width:3.62vw; height:3.62vw; font-size:1.09vw; }
.ui-datepicker-calendar tr th { font-size:1.16vw; }
.ui-datepicker-calendar tr td { padding:0.72vw; }
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-sunday > span,
.ui-datepicker-calendar .day-holiday > a,
.ui-datepicker-calendar .day-holiday > span { width:2.9vw; height:2.9vw; font-size:1.16vw; }
.ui-datepicker-calendar .day-saturday > a,
.ui-datepicker-calendar .day-saturday > span { width:2.9vw; height:2.9vw; font-size:1.16vw; }
.ui-datepicker-calendar .day-closed > a,
.ui-datepicker-calendar .day-closed > span,
.ui-state-disabled span { width:2.9vw; height:2.9vw; font-size:1.16vw; }
.day-weekday a,
.day-workday a { width:2.9vw; height:2.9vw; font-size:1.16vw; }
.day-weekday a:hover,
.day-workday a:hover { opacity:0.7; transition:1s ease; }
.ui-datepicker-today span { width:2.9vw; height:2.9vw; font-size:1.16vw; }
.ui-datepicker-calendar tr td a:hover,
.ui-state-active { width:2.9vw; height:2.9vw; font-size:1.16vw; }
}
@media screen and (min-width:1380px){
#ui-datepicker-div { padding:20px; }
.ui-datepicker-header { padding:30px 0; font-size:20px; }
.ui-datepicker-prev { top:12px; left:12px; width:50px; height:50px; font-size:15px; }
.ui-datepicker-next { top:12px; right:12px; width:50px; height:50px; font-size:15px; }
.ui-datepicker-calendar tr th { font-size:16px; }
.ui-datepicker-calendar tr td { padding:10px; }
.ui-datepicker-calendar .day-sunday > a,
.ui-datepicker-calendar .day-sunday > span,
.ui-datepicker-calendar .day-holiday > a,
.ui-datepicker-calendar .day-holiday > span { width:40px; height:40px; font-size:16px; }
.ui-datepicker-calendar .day-saturday > a,
.ui-datepicker-calendar .day-saturday > span { width:40px; height:40px; font-size:16px; }
.ui-datepicker-calendar .day-closed > a,
.ui-datepicker-calendar .day-closed > span,
.ui-state-disabled span { width:40px; height:40px; font-size:16px; }
.day-weekday a,
.day-workday a { width:40px; height:40px; font-size:16px; }
.ui-datepicker-today span { width:40px; height:40px; font-size:16px; }
.ui-datepicker-calendar tr td a:hover,
.ui-state-active { width:40px; height:40px; font-size:16px; }
}