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

.booking-mangemnt-calendar-block {
    width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    max-width: 860px;
    margin: 0 auto;
}

.reception-period-table {
    width: 100%;
    max-width: 640px;
    font-size: 14px;
    margin: 50px auto !important;
    border: solid 2px #333;
    border-collapse: collapse;
    border-spacing: 0;
}
.reception-period-table th,
.reception-period-table td {
    line-height: 1.5em;
    text-align: center;
    vertical-align: middle !important;
    padding: 5px 10px;
    border: solid 1px #333;
}
.reception-period-table th {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 16px;
    background-color: #FFBA75;
    border-bottom: double 3px #333;
}
.reception-period-table th:first-child {
    border-right: solid 2px #333;
}
.reception-period-table .colum1 {
    width: 50%;
}
.reception-period-table .colum2 {
    width: 27%;
}
.reception-period-table .colum3 {
    width: 23%;
}
.reception-period-table .colum1 p {
    width: 100%;
    text-align: left;
    line-height: 1.75em;
    margin: 0;
}
.reception-period-table .colum1 p.center {
    text-align: center;
    font-weight: bold;
}
.reception-period-table .colum1:first-line {
    text-align: left !important;
}
.reception-period-table .colum2 {
    text-align: right;
    padding-left: 1.163%;
    padding-right: 3.4884%;
    border-right: solid 2px #333;
}
.reception-period-table .colum2 br {
    display: none;
}
@media screen and (max-width:679px) {
    .reception-period-table .colum2 br {
        display: inherit;
    }
}
.reception-period-table .colum3 {
    background-color: #fff6bf;
}
.reception-period-table .colum3.ok {
    background-color: #c4ffdb;
}
.reception-period-table .colum3.no {
    background-color: #f8a6a6;
}
.reception-period-table .colum3.stint {
    background-color: #FFFCB7;
}
.period-color5 {
    background-color: #9abbff !important;
    background: linear-gradient(#c5ffba, #9abbff) !important;
}
.period-color6 {
    background-color: #c5ffba !important;
    background: linear-gradient(#fff78d, #c5ffba) !important;
}
.period-color7 {
    background-color: #fff78d !important;
    background: linear-gradient(#ffb5b5, #fff78d) !important;
}
.period-color8 {
    background-color: #fc95e8 !important;
    background: linear-gradient(#fc95e8, #ffb5b5) !important;
}

#booking-calendar-title {
    width: 98%;
    max-width: 860px;
    text-align: center;
    font-size: 24px;
    margin: 0 auto 20px auto;
    padding-top: 10px;
    padding-bottom: 10px;
    border: double 6px #999;
}
#flag-description {
    width: 100%;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    text-align: center;
    margin: 0 0 20px 0;
}
.controlline {
    width: 100%;
    max-width: 860px;
    margin: 0 auto 20px;
}
.controlline .update-date {
    float: left;
    width: 50%;
    font-size: 14px;
    color: #e00;
    padding-top: 5px;
}
.controlline .select-note {
    color: #0900db;
}
.controlline .yymm-select {
    float: right;
    width: 50%;
    text-align: right;
}
.controlline .yymm-select::after {
    clear: both;
}
#calendar-select {
    font-size: 16px;
    text-align: right;
    padding: 2px 5px;
}

.booking-calendar-table {
    width: 100%;
    max-width: 860px;
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    border: solid 2px #333;
    border-collapse: collapse;
    border-spacing: 0;
}
.booking-calendar-table th,
.booking-calendar-table td {
    width: 10%;
    vertical-align: middle;
    line-height: 1.5em;
    padding: 3px 0;
    border: solid 1px #333;
}
.booking-calendar-table th {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
    font-size: 16px !important;
}
.booking-calendar-table .item1 {
    background-color: #fff682;
}
.booking-calendar-table .item2,
.booking-calendar-table .item3 {
    font-size: 12px !important;
}
.booking-calendar-table .item2 {
    background-color: #D3B466;
}
.booking-calendar-table .item3 {
    background-color: #9ECC9A;
}
.booking-calendar-table .status {
    font-size: 20px !important;
}
.booking-calendar-table .Saturday td {
    background-color: #C1E7FF;
}
.booking-calendar-table .Saturday td.day,
.booking-calendar-table .Saturday td,dayofweek {
    color: #00f;
}
.booking-calendar-table .Sunday td {
    background-color: #F8C2C3;
}
.booking-calendar-table .Sunday td.day,
.booking-calendar-table .Sunday td.dayofweek {
    color: #f00;
    font-weight: bold;
}
.booking-calendar-table .holiday td {
    background-color: #FAD9D9;
}
.booking-calendar-table .holiday td.day,
.booking-calendar-table .holiday td.dayofweek {
    color: #f00;
}
.booking-calendar-table .day,
.booking-calendar-table .dayofweek {
    width: 5% !important;
    font-size: 14px !important;
}
.booking-calendar-table .closed-day td {
    background-color: #E6E5E5;
}
.booking-calendar-table .closed-day td:last-child {
    letter-spacing: 20px;
}