@charset "utf-8";
main dl {
    width: 100%;
    max-width: 800px;
    display: flex;
    flex-direction: column;
}
.calendarSection {
    width: 800px;
}
.calendarSection .monthNav {
    margin-bottom: 16px;
}
.calendarSection .monthNav ul li a {
    font-size: 14px;
}
.calendarSection .monthNav ul .thisYearMonth {
    font-size: 16px;
}
.calendarSection .checkTable {
    border-collapse: collapse;
}
.calendarSection .checkTable th {
    padding: 0;
}
.calendarSection td,
.calendarSection td.blank_td.checked {
    padding: 0 !important;
}
.calendarSection td.checked {
    border-width: 2px !important;
}
.thisDayStatus {
    display: block;
    background-color: #c7c7c7;
    text-align: center;
    font-size: 14px;
    padding: 10px 0;
}
.checked .thisDayStatus {
    background-color: #f6accb;
    color: #b91358;
    cursor: pointer;
    transition: .3s;
}
.checked .thisDayStatus:hover {
    background-color: #b91358;
    color: #fff;
}

.providerList dt {
    display: none;
}
.providerList li {
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}
.providerList li img {
    width: 100px;
    margin-right: 16px;
}
.providerList li span {
    display: flex;
    flex-direction: column;
}
.providerList li a:hover {
    text-decoration: underline;
}


/* スマホ以下 */
@media only screen and (max-width: 767px) {
    main .inner {
        padding-top: 0;
    }
    /* calendarSection上書き */
    .calendarSection {
        width: 100%;
        margin: 0;
    }
    .calendarSection .checkTable th {
        padding: 8px 0;
    }
    .calendarSection td,
    .calendarSection td.blank_td.checked {
        /*padding: 10px !important;*/
    }
    .calendarSection table tr.dayName_tr {
        display: table-row !important;
    }
    .reservation_index_table .date_name_th,
    .blank_td {
        display: table-cell !important;
    }
    .calendarSection table tr {
        display: table-row !important;
    }
    .calendarSection td .dayName {
        display: none !important;
    }
    .calendarSection td .tdContentWrap {
        display: block !important;
    }
    .calendarSection td .dayNumber {
        width: 100% !important;
        text-align: center !important;
    }
    /* //calendarSection上書き */
}
/* このとじカッコは消さないこと */