@charset "utf-8";

#menu-onoff{
    display: none;
}

.menu-btn{
    display: none;
}

.menu-btn{
    font-size: clamp(0.75rem, 0.464rem + 1.43vw, 1rem);
}

@media(max-width:600px){
    .menu-btn{/*トップのメニューボタン*/
        background-color: #253958;
        color:#ffffff;

        width: 3em;
        height: 3em;

        display: flex;
        justify-content: center;
        align-items: center;

        padding: 0.5rem;
        border-radius: 0.25em;

        position: fixed;
        top: 1em;
        right: 0.5em;
    }

    .global-nnav__item:nth-child(2),
    .global-nav__item:nth-child(3){
        display:none;
    }

    .global-nav{
        flex-direction: column;
    }

    nav{
        background-color:#253958;

        position: fixed;
        top:0;
        left:0;

        width: 100%;
        height: 100%;
    }

    .global-nav__item a:visited {
        color:#ffffff;
    }

    .global-nav__item a:hover{
        text-decoration:none;
    }

    .global-nav__item{
        font-size:1.25em;

        border-bottom: solid 1px #ffffff;
    }

    .global-nav__item a{
        padding: 1em 0;
    }

    nav{
        padding-top:5em;
        padding-left: 4em;
    }

    .menu-btn{
        z-index: 100;

        border: solid 1px #ffffff;
    }

    nav{
        left: 100%;
    }

    #menu-onoff:checked~nav{
        left: 0;
    }

    nav{
        transition: all 0.3s linear;
    }

    .header-logo{
        margin-bottom: 0;
        margin-left: 0;
        padding-left: 0.5em;
    }

    .menu-btn{
        top: 1.5rem;
    }

    
}
/*03_menu.css*/
.menu-hero{
    background-image: url(../images/menu-hero.jpg);
}

.menu-list{
    padding-left: 0;
    list-style-type: none;
}

.menu-title,
.menu-price {
    display: block;
}

.menu-list{
    display: grid;
    grid-template-columns: repeat(3,1fr);/*画像３列*/
    gap: 1.5em;/*画像に幅*/

    font-family: "Zen Maru Gothic", serif;
    font-size: 0.9em;
    font-weight: 800;

}

.menu-title{
    padding-top: 0.5em;
}

.menu-price{
    text-align: right;
    letter-spacing: -0.2em;
}