.top {
    background-color: bisque;
    text-align: center;
}

.top p {
    font-size: 20px;
    margin-bottom: 0;
}

@media screen and (max-width: 321px) {
    .top h1 {
        font-size: 22px;
    }
}

@media screen and (max-width: 426px) {
    .top p {
        font-size: 14px;
    }
}

@media screen and (min-width: 426px) {
    .br-disp0 {
        display: none;
    }
}

.price {
    background-color: lavenderblush;
}

.level-list {
    margin: 0 auto;
    line-height: 50px;
}

.level {
    width: 70px;
}

.level-list td {
    border: 1px solid black;
}

h2 {
    text-align: center;
    padding-top: 30px;
}

 #red {
    font-size: 16px;
    color: red;
}

@media screen and (min-width: 768px) {
    .br-disp {
        display: none;
    }
}


.price-table {
    border: 5px double black;
    margin: 0 auto;
}

@media screen and (max-width: 480px) {
    .price-table {
        width: 100%;
    } 
}

.price-table th {
    border: 2px dashed #a8d4f3;
    text-align: center;
    width: 80px;
}   

.span {    
    writing-mode: vertical-lr;
    white-space: pre;
    display: inline-block;
    height; 100px;
}

.price-table td {
    border: 2px dashed #a8d4f3;
    white-space: nowrap;
}

@media screen and (max-width: 765px){
    .price-table {
        font-size: 10px;
    }
}

.orange {
    background-color: coral;
}

.green {
    background-color: forestgreen;
}

@media screen and (min-width: 768px) {
    .br-disp2 {
        display: none;
    }
}


.content {
    margin: 0 auto;
    position: relative;
}

.day {
    font-size: 16px;
    margin-left: 20px;
}

thead {
    font-size: 20px;
}


.bold {
    font-weight: bold; 
}

@media screen and (max-width: 376px) {
    .bold {
        font-size: 15px;
    }
}

.required-time {
    padding-left: 20px;
    font-size: 20px;
}

@media screen and (max-width: 376px) {
    .required-time{
        font-size: 18px;
    }
}


.price-table2 {
    margin: 0 auto;
}

.price-table2 th {
        text-align: left;
}

.price-table2 td {
    text-align: center;
    border: 1px solid black;
    width: 120px;
}

.money {
    font-weight: normal;
}

.example {
    text-align: center;
}

h4 {
    padding-top: 30px;
}

#yellow {
    background: linear-gradient(transparent 60%, yellow );
}

.example table {
    margin: 0 auto;
}

.example-table tr {
    height: 50px;
}

.example-table th {
    border-right: 1px solid black;
}

.example-table td {
    border-right: 1px solid black;
}


#none {
    border-style: none;
    border: 0px none;
}

.snack {
    font-size: 12px;
}

.example-table td {
    white-space: nowrap;
    width: 115px;
}

@media screen and (max-width: 350px) {
    .example-table {
        font-size: 13px;
    }
}

@media screen and (min-width: 426px) {
    .br-disp3 {
        display: none;
    }
}

@media screen and (max-width: 425px) {
    .example-table th {
        width: 100px;
        font-size: 12px;
    }
    .example-table td {
        font-size: 12px;
    }
}

.container li {
    list-style: none;
    padding: 5px 0;
    display: inline-flex;
}

.container a {
    text-decoration: none;
    margin: 20px 30px;
}

.inquiry {
    text-align: center;
    line-height: 35px;
    padding-top: 20px;
}

.row1 {
    font-size: 40px;
    color: red;
}

.row2 {
    font-size: 20px;
    margin-bottom: 0;
}

.row3 {
    font-size: 30px;
}

.row4 {
    font-size: 40px;
}

@media screen and (max-width: 426px) {
    .row3 {
        font-size: 20px;
    }

    .row4 {
        font-size:25px;
    }
}

.row5  {
    font-size: 20px;
    font-weight: bold;
}

.row6  {
    font-size: 20px;
    font-weight: bold;
}

.link {
    text-align: center;
}

.link ul {
    padding: 0;
}

@media screen and (max-width: 769px) {
    .link li{
        display: block;
        white-space: nowrap;
    }
}

footer p {
    text-align: right;
    font-family: 'Aref Ruqaa Ink', serif;
}



.s {
    opacity: 0;
}

.show {
    transition: all 2s;
    opacity: 1;
}