/* schedule */

/* PC */
table.schedule { 
    table-layout: fixed;
    width: 100%;
}

table.schedule,
table.schedule th,
table.schedule td {
    border: 1px solid #000000;
    border-collapse: collapse;
    padding: 5px;
}

table.schedule th {
    background-color: #C6D9D9;
    text-align: center;
}

table.schedule td {
    background-color: #FFFFFF;
    text-align: center;
}

table.schedule th.day, table.schedule td.day { width: 20%; }
table.schedule th.area_name,table.schedule td.area_name { width: 20%; }
table.schedule th.open_time,table.schedule td.open_time { width: 12%; }
table.schedule th.member,table.schedule td.member { width: 10%; }
table.schedule th.place,table.schedule td.place { width: 38%; }

.schedule_box {
    width: 95%;
    margin: 30px auto;
}

/* MO */
table.schedule_mo { 
    table-layout: fixed;
    width: 100%;
}

table.schedule_mo,
table.schedule_mo th,
table.schedule_mo td {
    border: 1px solid #000000;
    border-collapse: collapse;
    padding: 5px;
}

table.schedule_mo th {
    background-color: #C6D9D9;
    text-align: center;
    width: 30%;
}

table.schedule_mo td {
    background-color: #FFFFFF;
    text-align: left;
    width: 70%;
}

@media screen and (min-width:770px) {
    .ver_pc {
        display: block;
    }

    p.no-schedule {
        text-align: center;
        font-size: 2rem;
        margin: 20px auto;
    }

    .ver_mo {
        display: none;
    }
}

@media screen and (max-width:769px) {
    .ver_pc {
        display: none;
    }

    p.no-schedule {
        text-align: center;
        font-size: 1.4rem;
        margin: 20px auto;
    }

    .ver_mo {
        display: block;
    }
}