@charset "utf-8";
/*--京calendar_iframe.css--*/
html{
    font-size: 16px;
}

body{
    background: none;
}

.pager_s ul{
    display: flex;
    justify-content: space-between;
}

    .pager_s ul li a{
        display: inline-block;
        text-decoration: none;
        color: #222;
        line-height: 1.2;
        font-size: 0.9em;
        padding: 0.3em 0.4em 0;
        border: 1px solid rgba(30,60,125,0.5);
        background: #fff;
        transition: .3s all ease;
    }

    .pager_s ul li a:hover{
        border-color: rgba(30,60,125,1);
        background: rgba(30,60,125,1);
        color: #fff;
    }

.calendar_box_wrapper{
    display: flex;
    gap: 2rem;
    font-size: 1rem;
    width: 100%;
}

    .calendar_box{
        width: calc((100% - 2rem) / 2);
    }

        .calendar_box p{
            text-align: center;
            color: #333;
            font-weight: 500;
            font-size: 1.1em;
            line-height: 1.4;
            margin-bottom: 0.2em;
        }

        .calendar_box table{
            width: 100%;
            line-height: 1.5;
            background: #fff;
            table-layout: fixed;
        }

            .calendar_box table th,
            .calendar_box table td{
                border: 1px solid #ddd;
                text-align: center;
            }

            .calendar_box table tr th:nth-child(1),
            .calendar_box table tr td:nth-child(1){
                color: #e42331;
            }

            .calendar_box table tr th:nth-child(7),
            .calendar_box table tr td:nth-child(7){
                color: #2878e6;
            }

            .calendar_box table tr th:nth-child(1){
                background: #ffe1e1;
            }

            .calendar_box table tr th:nth-child(7){
                background: #d7f0fd;
            }

            .calendar_box table tr td.holiday{
                background: #e42331;
                color: #fff;
            }


/*1200px以下*/
@media screen and (min-width:1px) and (max-width:1200px){
}

/*ipad*/
@media screen and (min-width:1px) and (max-width:1024px){
    html{
        font-size: 2.4vw;
    }

}

/* ##########SP########## */
@media screen and (min-width:1px) and (max-width:575px) {
    html{
        font-size: 2.62vw;
    }

}