@charset "utf-8";
@media screen and (max-width:1200px){ 
}
@media screen and (max-width:1000px){
    .openbtn.sp{
        display: block;
    }
    header nav{
        display: none;
    }
    header .right{
        margin-right:50px;
    }
    /*1000px season*/
    section.season .wrap{
        width:90vw;
    }
    section.chef{
        width:90vw;
    }
    section.info{
        width:90vw;
        margin:auto;
    }
}
/*mobile*/
@media screen and (max-width:500px){
    .pc{
        display: none;
    }
    .sp{
        display: block;
    }
    /*500px common*/
    .h_type{
        margin:0 0 35px;
    }
    .contact-btn02{
        height:60px;
    }
    .contact-btn02::before{
        border-width:30px 0 30px 25px;
    }
    .contact-btn02::after{
        border-width:30px 25px 30px 0;
    }
    /*500px eyecatch*/
    .contact-btn01 span.border{
        padding:7px;
    }
    .contact-btn01 i{
        margin-right:0;
    }
    section.eyecatch h2{
        top:25%;
        margin:0 0 0 5vw;
    }
    .box_green.hours{
        right:0;
        left:0;
        margin:0 1em;
        text-align: center;
    }
    .box_green.hours p span{
        width:auto;
        margin-right:1em;
    }
    /*500px concept*/
    section.concept{
        padding:50px 0;
        background-image: url(../img/bg_sp.png);
        background-size:100%;
    }
    /*500px season menu*/
    section.season{
        padding:50px 0;
    }
    section.season .wrap{
        flex-flow: column;
        width:90vw;
    }
    section.season .wrap a{
        width:100%;
        height:320px;
        margin-bottom:1em;
    }
    section.season .wrap a img{
        height:320px;
    }
    section.season .wrap a h3{
        font-size:16px;
    }
    /*500px grand menu*/
    section.grand-menu{
        padding:50px 0;
        background-size:25%;
    }
    section.menu .box01{
        width:90vw;
    }
    section.menu .box01 h3{
        margin:35px 0 0;
    }
    section.menu .menu-box{
        margin:25px auto;
    }
    section.menu .menu-box a{
        width:48%;
    }
    section.menu .menu-box h4{
        margin:1em 0 35px;
    }
    section.menu .wine-box ul li{
        margin-bottom:1em;
    }
    /*500px coourse menu*/
    section.menu{
        padding:50px 0;
    }
    ul.detail li:nth-of-type(1){
        margin-bottom:25px;
    }
    ul.detail li p{
        margin-top:1em;
    }
    /*500px chef*/
    section.chef, section.contact, section.info{
        padding:50px 0;
    }
    section.chef img{
        width:90%;
        margin:auto;
    }
    section.chef h3{
        width:90%;
        margin:25px auto;
    }
    section.chef ul{
        width:90%;
        margin:auto;
        text-align: left;
    }
    section.chef ul li{
        margin-bottom:1em;
    }
    /*500px infromation*/
    section.info h3{
        width:100%;
    }
    section.info img{
        width:90vw;
        height:auto;
        aspect-ratio:16/9;
    }
    section.info .wrap{
        width:90%;
        margin:25px auto;
    }
    section.info address, section.info p{
        text-align: left;
    }
    section.info iframe{
        width:90vw;
    }
    /*500px footer*/
    footer{
        padding:50px 0 0;
    }
    footer .logo{
        width:180px;
    }
    footer ul{
        flex-flow: column;
        width:90vw;
        margin:35px auto 50px;
    }
    footer ul li{
        margin:1em 0;
    }
    footer .contact-btn01 span.border{
        padding:15px;
    }
}