/* デフォルトで.br_smを非表示 */
.br_sm{
    display: none;
}

@media screen and (max-width:768px){
    .wrapper {
        display: block;
    }
    .side-left,
    .side-right {
        display: none;
    }
    .main-content {
        width: 100%;
    }
    .reservation-btn {
        right: 20px;
    }
    .bg-shop-fixed {
        background-size: 100% 100%;
    }
}

@media screen and (max-width:400px){
    .menu_content h3{
        font-size: 18px;
    }

    .menu_price{
        font-size: 24px;
    }

    .br{
        display: none;
    }

    .menu_note{
        font-size: 12px;
    }

    .sm_midasi{
        width: 75%;
        padding-bottom: 50px;
    }

    .br_sm{
        display: inline;
    }

    .menu-btn{
        bottom: 5%;
    }
}