@charset "UTF-8";

* {
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
}

body {
        font-family: 'メイリオ', Meiryo, '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'ＭＳ Ｐゴシック', 'MS PGothic', 'Montserrat', sans-serif;
        margin: 0;
        letter-spacing: -0.01em;
        min-width: 420px;
}

img {
        backface-visibility: hidden;
}

a {
        transition: all 0.3s;
}


.top_buttom {
        position: fixed;
        bottom: 10px;
        left: 10px;
        font-size: 14px;
        text-align: center;
        z-index: 500;
        line-height: 50px;
}

.top_buttom a {
        display: block;
        text-decoration: none;
        color: #fff;
        background-color: rgb(205, 205, 205);
        width: 50px;
        height: 50px;
        border-radius: 25px;
}

.top_buttom a:hover {
        color: #000;
        background-color: rgb(175, 165, 115);
        width: 50px;
        height: 50px;
        border-radius: 25px;
}

/*headerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.header {
        text-align: center;
        padding: 15px 10px 5px 10px;
        background-color: rgb(175, 165, 115);
}

.header table {
        margin: auto;
}

.header a {
        padding: 10px;
}

.header img {
        height: 65px;
        filter: drop-shadow(0 0 3px rgba(105, 90, 95, 0.7));
}

/*schdーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.contents {
        background-color: #f1f0ec;
}

a:after {
        text-decoration: none;
}

.month {
        font-family: "Montserrat";
        font-weight: bold;
        font-size: 4rem;
        color: rgb(175, 165, 115);
        text-align: center;
        padding: 30px 15px 15px;
        line-height: 30px;
}

.month_in {
        font-size: 20px;
        font-weight: 600;
        text-align: center;
        width: 100%;
}


.calendar {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        margin: 0;
        padding: 0px;
}


.calendar li {

        box-sizing: border-box;
        list-style: none;
        width: 12%;
        font-size: 12px;
        letter-spacing: -0.02em;
        margin: 10px;
        padding: 0;
}

.calendar li.li_in {
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
}

.calendar a {
        text-decoration: none;
        overflow: hidden;
}

.plans_out {
        box-sizing: border-box;
        border-radius: 5px;
        background-color: rgb(255, 255, 255);
}

.plans1,
.plans2,
.plans_sat,
.plans_sun {
        line-height: 13px;
        margin: 0;
        padding: 0;
        height: 100%;
}

.plans1,
.plans_sat,
.plans_sun {
        box-sizing: border-box;
        font-family: "Montserrat";
        font-weight: bold;
        font-size: 15px;
        padding: 13px 13px 10px;
        border-radius: 5px 5px 0 0;
        width: 100%;
}

.plans1 span,
.plans_sat span,
.plans_sun span {
        font-size: 25px;
        padding-right: 10px;
}

.plans1 {
        background-color: rgb(205, 205, 205);
        color: rgb(85, 85, 85);
}

.plans_sat {
        background-color: rgb(165, 215, 255);
        color: rgb(0, 128, 255);
}

.plans_sun {
        background-color: rgb(255, 205, 205);
        color: rgb(255, 50, 50);
}

.plans_in {
        box-sizing: border-box;
        font-weight: 600;
        padding: 10px;
        width: auto;
        height: 100%;
        background-color: rgb(255, 255, 255);
        border-radius: 0 0 5px 5px;
}

.plans_in p {
        margin: 0 0 3px 0;
        padding: 2px;
        color: rgb(255, 255, 255);
        background-color: rgb(175, 165, 115);
}

/* .plans2:hover {
        background-color: rgb(229, 220, 159);
        border-radius: 5px;
        padding: 5px;
        transition: 0.3s;
} */


.plans_in table img {
        vertical-align: bottom;
}


.plans2,
.plans3 {
        vertical-align: bottom;
        display: block;
        text-align: center;
        width: auto;
        color: rgb(0, 0, 0);
        padding: 5px;
}

.plans2 img {
        width: 100%;
        border-radius: 5px;
}

.plans2 p {
        font-weight: bold;
}

.blank {
        opacity: 0.5;
}

table,
th,
td {
        font-weight: normal;
        line-height: 16px;
        width: 100%;
}

/*footerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

.footer {
        font-family: 'Montserrat';
        font-weight: 300;
        height: 100%;
        margin: 0 auto;
        padding: 10px;
        text-align: center;
        background-color: rgb(255, 255, 255);
}

.footer img {
        margin-top: 15px;
        width: 60px;
}

.footer p {
        margin: -3px 0 0 0;
        padding: 0;
        font-size: 10px;
        color: rgb(0, 0, 0);
}

.footer a {
        box-shadow: none;
}


@media(max-width:1280px) {

        .calendar li {
                width: 18%;
        }

        .blank {
                display: none;
        }
}


@media(max-width:960px) {

        .calendar li {
                width: 22%;
        }
}


@media(max-width:820px) {

        .calendar li {
                width: 30%;
        }

}


@media(max-width:600px) {

        .calendar li {
                width: 45%;
        }

}


@media(max-width:420px) {

        .calendar li {
                width: 100%;
        }

}