#calendar {
    display: flex !important;
    justify-content: center;
}
.calendars {
    margin: 0 auto 80px;
}
.calendars h3 {
    font-size: 26px;
    margin-bottom: 50px;
    text-align: center;
    margin: 70px auto 20px;
}
div.calendar {
    text-align: center;
    margin: 0 15px 10px;
    color: #666;
    width: 320px;
}

#calendar p {
    margin-block-end: 0em !important;
}

.YearMonth {
    text-align: center;
    font-size: 20px;
    width: 100%;
    margin: 1rem 0 0.5rem;
}

#calendar table {
    border: 2px solid #fff;
    border-collapse: collapse;
    width: 100%;
}

#calendar th,
#calendar td {
    border: 2px solid #fff;
    padding: 10px;
    text-align: center;
    color: #666;
}

#calendar th {
    background-color: #928241;
    color: #fffffe;
}

/*ÆüÍËÆü*/
#calendar th:first-child,
#calendar td:first-child {
    color: #c33149;
}

/*ÅÚÍËÆü*/
#calendar th:nth-child(7),
#calendar td:nth-child(7) {
    color: #33658a;
}

/* µÙ¶ÈÆü */
div.calendar table tr td:nth-child(7):not(.empty):not(.holiday),
div.calendar table tr td.holiday,
div.calendar table tr td.closed,
div.calendar table tr td:first-child:not(.empty) {
    background: #ecc;
}

div.calendar table tr td.holiday,
div.calendar table tr td.closed {
    color: #c33149 !important;
}
.calendar_c span {
    color: #ecc !important;
}
.calendar_c {
    font-size: 12px;
    text-align: right;
    width: 640px;
    margin: 0 auto;
}

#calendar td.disabled {
    background: #fff !important;
    border: none;
}
@media screen and (max-width: 768px) {
    #calendar {
        display: block !important;
    }

    div.calendar {
        margin: 0 auto 10px;
    }
    #calendar table {
        margin: 0;
    }
    .calendar_c {
        width: 70%;
    }
}