@media all and (min-width: 750px){
    .programplan_SP table{
        display:none;
    }

    .programplan_PC table{
        padding : 10px 20px 10px 20px;
    }
    .programplan_PC table th{
        width : auto;
    }
    .programplan_PC table th:first-child{
        width : 20%;
    }
    .programplan_PC table th:last-child{
        width :auto;
    }
    .programplan_PC table td{
        width : auto;
    }
    .programplan_PC table td:first-child{
        width : 20%;
    }
    .programplan_PC table td:last-child{
        width : auto;
    }

}

@media all and (max-width: 750px){
    .programplan_PC table{
        display:none;
        font-size : 1rem;
    }

    .programplane_SP table th {
        width :50%;
        font-size : 1rem;
    }
    .programplane_SP table td {
        width :50%;
        font-size : 1rem;
    }

    .programplan_SP table th:first-child{
        width : 50%;
        font-size : 1rem;
    }
    .programplan_SP table td:first-child,
    .programplan_SP table td:last-child{
        width : 50%;
        font-size : 1rem;
    }
}



.wappen-sp .s0 {
    background-color : #bbbbbb;
    width : 20%;
}
.wappen-sp .s1 {
    background-color : #bbbbbb;
}
.wappen-sp .s2 {
    background-color : #ccffff;
}        
.wappen-sp .s3 {
    background-color : #ccffcc;
}        
.wappen-sp .s4 {
    background-color : #ffcccc;
}

@media all and (min-width : 750px){ 
    .wappen-sp {
        display : none;
    }
}

@media all and (max-width: 750px){
    .wappen-sp table{
        font-size : 1rem;
    }
    .waffle{
        display : none;
    }

}