@media screen and (max-width:540px) {
    .header {
        position: relative;
        background: linear-gradient(135deg, rgba(5, 5, 5, 0.5), rgba(5, 5, 5, 0.5) ),url(../img/store.jpg) center/cover;
        /* width: 100%;
        min-width: 1000px;
        height: 100%;
        min-height: 520px;
        z-index: 0; */
        /* width: auto; */
        width: 100%;
        /* min-width: auto; */
        /* min-width: 1000px; */
        height: 100%;
        min-height: 520px;
        z-index: 0;
    }
    .header ul{
        -ms-writing-mode: tb-rl;
        /* writing-mode: vertical-rl; */
        width: 100%;
    }
    .flex {
        display: flex;
        /* flex-flow: column;
        align-content: space-around;
        row-gap: 30px; */
    }
    .logo{
        position: absolute;
        left: 3%;
    }
    .logo img{
        width: 22%;
    }
    .menu{
        /* position: fixed;
        right: 50%;
        top: 2%;
        z-index: 2; */
        position: absolute;
        right: 3%;
        top: 1%;
        z-index: 2;
    }
    .menu ul li{
        font-size: 18px;
        /* font-size: 20px; */
        padding: 4px 2px;
        /* padding: 10px 5px; */
        text-align: right;
    }
    /* .menu{
        position: absolute;
        right: 3.85%;
        top: 2.5%;
        z-index: 2;
    }
    .menu ul li{
        font-size: 20px;
        padding: 10px 5px;
    } */
    .main-txt{
        -ms-writing-mode: tb-rl;
        /* writing-mode: vertical-rl; */
        letter-spacing: 8px;
        line-height: 1.6;
        font-size: 32px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 120px;
        height: 200px;
    }
    .lang-opt{
        font-size: 15px;
        position: absolute;
        left: 2%;
        bottom: 2%;
    }
    .lang-opt p{
        padding: 0 10px;
    }
    .JP{
        border-right: solid 1px white;
    }
    .EN{
        border-right: solid 1px white;
    }


    .home-content{
        margin:0px auto;
        padding: 90px 0 30px;
    }
    .intro{
        display: none;
        padding:90px 20px 60px;
        width: 100%;
    }
    .intro-ttl{
        display: none;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 28px;
        font-weight: bold;
        margin: 0 auto;
        letter-spacing: 8px;
        position: relative;
    }
    .intro-ttl::before{
        display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(45deg);
        top: -55%;
        left: -40%;
    }
    .intro-ttl::after{
        display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(-45deg);
        top: -55%;
        right: -50%;
    }
    /* スマホ画像用 */
    .dish,.dish-smt{
        padding:90px 20px 60px;
        width: 100%;
    }
    .dish-ttl,.dish-ttl-smt{
        -ms-writing-mode: tb-rl;
        /*writing-mode: vertical-rl;*/
        font-size: 28px;
        font-weight: bold;
        margin: 0 auto;
        letter-spacing: 8px;
        position: relative;
        width: 72px;
    }
    .dish-ttl::before,.dish-ttl-smt::before{
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(30deg);
        top: -55%;
        left: 10%;
    }
    .dish-ttl::after,.dish-ttl-smt::after{
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(-30deg);
        top: -55%;
        right: 10%;
    }

    .intro-box{
        position: relative;
        height: 450px;
    }
    .intox2{
        padding: 30px 0;
    }
    .intro-box img{
        width:600px;
        position: absolute;
    }
    .intro-img{
        top: 5%;
        right: 5%;
    }
    .intro-img2{
        top: 5%;
        left: 5%;
    }
    .intro-box p{
        letter-spacing: 2px;
        line-height: 2;
        z-index: 1;
        position: absolute;
        width: 600px;
    }
    .intro-txt{
        top: 25%;
        left: 5%;
    }
    .intro-txt2{
        top: 32%;
        right: 5%;
    }
    .intro-box span{
        font-weight: bold;
        display: block;
        font-size: 26px;
    }
    .br::before {
        content: "\A" ;
        white-space: pre ;
    }
    .dish-txt{
        letter-spacing: 2px;
        line-height: 2;
        display: block;
        font-size: 17px;
        /* font-size: 21px; */
        padding: 25px 0 0;
        text-align: center;
    }

    /* スマホ画像用 */
    .dish-txt-smt{
        letter-spacing: 2px;
        line-height: 2;
        display: block;
        font-size: 17px;
        /* font-size: 21px; */
        padding: 25px 0 0;
        text-align: center;
    }
    .img-box{
        margin-top: 25px;
    }
    .img-box img{
        width: 700px;
        margin: 0 auto;
        display: block;
    }
    /* .gap{
        gap: 20px
    } */
    .dish-img{
        /* align-content: space-around; */
        /* justify-content: space-around; */
        /* width: 660px; */
        margin: 25px 25px 25px 18px;
        /* margin: 25px; */
        /* margin: 25px auto; */
        flex-flow: column;
        align-content: space-around;
        row-gap: 30px;
    }
    .dish-img img{
        width: 300px;
    }
    /* スマホ画像用 */
    .dish-img-smt{
        /* align-content: space-around; */
        /* justify-content: space-around; */
        /* width: 660px; */
        margin: 25px 25px 25px 18px;
        /* margin: 25px; */
        /* margin: 25px auto; */
        flex-flow: column;
        align-content: space-around;
        row-gap: 30px;
    }
    .dish-img-smt img{
        width: 300px;
    }
    .slider_2{
        margin-top: 25px;
    }
    .swiper-slide img{
        width: 600px;
    }
    .swiper-button-prev{
        border-left: #9a9a9a 3px solid;
        border-top: #9a9a9a 3px solid;
        transform: rotate(-45deg);
        width: 60px !important;
        height:60px !important;
        background-image: none !important;
    }
    .swiper-button-next{
        border-left: #9a9a9a 3px solid;
        border-top: #9a9a9a 3px solid;
        transform: rotate(135deg);
        width: 60px !important;
        height:60px !important;
        background-image: none !important;
    }

    footer{
        background: #c0c0c0;
        text-align: center;
        padding: 20px 20px  10px;
    }
    footer img{
        width: 50px;
    }
    footer p{
        color: black;
        font-size: 14px;
    }
}

@media screen and (min-width:541px) and (max-width:1024px) {
    .header {
        position: relative;
        background: linear-gradient(135deg, rgba(5, 5, 5, 0.5), rgba(5, 5, 5, 0.5) ),url(../img/store.jpg) center/cover;
        /* width: 100%;
        min-width: 1000px;
        height: 100%;
        min-height: 520px;
        z-index: 0; */
        /* width: auto; */
        width: 100%;
        /* min-width: auto; */
        /* min-width: 1000px; */
        height: 100%;
        min-height: 520px;
        z-index: 0;
    }
    .header ul{
        -ms-writing-mode: tb-rl;
        /* writing-mode: vertical-rl; */
        width: 100%;
    }
    .flex {
        display: flex;
    }
    .logo{
        position: absolute;
        left: 3%;
    }
    .logo img{
        width: 22%;
    }
    .menu{
        position: absolute;
        right: 3.85%;
        top: 2.5%;
        z-index: 2;
    }
    .menu ul li{
        font-size: 20px;
        padding: 4px 5px;
        text-align: right;
    }
    .main-txt{
        -ms-writing-mode: tb-rl;
        /* writing-mode: vertical-rl; */
        letter-spacing: 8px;
        line-height: 1.6;
        font-size: 32px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 50px;
        height: 200px;
    }
    .lang-opt{
        font-size: 15px;
        position: absolute;
        left: 2%;
        bottom: 2%;
    }
    .lang-opt p{
        padding: 0 10px;
    }
    .JP{
        border-right: solid 1px white;
    }
    .EN{
        border-right: solid 1px white;
    }

    .home-content{
        margin:0px auto;
        padding: 90px 0 30px;
    }
    .intro,.dish{
        padding:70px 20px 60px;
        width: 100%;
    }
    .intro-ttl,.dish-ttl{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 28px;
        font-weight: bold;
        margin: 0 auto;
        letter-spacing: 8px;
        position: relative;
    }
    .intro-ttl::before,.dish-ttl::before{
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(45deg);
        top: -55%;
        left: -40%;
    }
    .intro-ttl::after,.dish-ttl::after{
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(-45deg);
        top: -55%;
        right: -50%;
    }
    /* スマホ画像用 */
    .dish-smt{
        display: none;
        padding:90px 20px 60px;
        width: 100%;
    }
    .dish-ttl-smt{
        display: none;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 28px;
        font-weight: bold;
        margin: 0 auto;
        letter-spacing: 8px;
        position: relative;
    }
    .dish-ttl-smt::before{
        display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(45deg);
        top: -55%;
        left: -40%;
    }
    .dish-ttl-smt::after{
        display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(-45deg);
        top: -55%;
        right: -50%;
    }
    .intro-box{
        position: relative;
        height: 450px;
    }
    .intox2{
        padding: 30px 0;
    }
    .intro-box img{
        width:600px;
        position: absolute;
    }
    .intro-img{
        top: 5%;
        right: 5%;
    }
    .intro-img2{
        top: 5%;
        left: 5%;
    }
    .intro-box p{
        letter-spacing: 2px;
        line-height: 2;
        z-index: 1;
        position: absolute;
        width: 600px;
    }
    .intro-txt{
        top: 25%;
        left: 5%;
    }
    .intro-txt2{
        top: 32%;
        right: 5%;
    }
    .intro-box span{
        font-weight: bold;
        display: block;
        font-size: 26px;
    }
    .dish-txt{
        letter-spacing: 2px;
        line-height: 2;
        display: block;
        font-size: 20px;
        padding: 25px 0 0;
        text-align: center;
    }
    /* スマホ画像用 */
    .dish-txt-smt{
        display: none;
        letter-spacing: 2px;
        line-height: 2;
        display: block;
        font-size: 17px;
        /* font-size: 21px; */
        padding: 25px 0 0;
        text-align: center;
    }
    .img-box{
        margin-top: 25px;
    }
    .img-box img{
        width: 700px;
        margin: 0 auto;
        display: block;
    }
    .dish-img{
        justify-content: space-around;
        width: 660px;
        margin: 25px auto;
    }
    .dish-img img{
        width: 300px;
    }
    /* スマホ画像用 */
    .dish-img-smt{
        display: none;
        /* align-content: space-around; */
        /* justify-content: space-around; */
        /* width: 660px; */
        margin: 25px 25px 25px 18px;
        /* margin: 25px; */
        /* margin: 25px auto; */
        flex-flow: column;
        align-content: space-around;
        row-gap: 30px;
    }
    .dish-img-smt img{
        display: none;
        width: 300px;
    }
    .slider_2{
        margin-top: 25px;
    }
    .swiper-slide img{
        width: 600px;
    }
    .swiper-button-prev{
        border-left: #9a9a9a 3px solid;
        border-top: #9a9a9a 3px solid;
        transform: rotate(-45deg);
        width: 60px !important;
        height:60px !important;
        background-image: none !important;
    }
    .swiper-button-next{
        border-left: #9a9a9a 3px solid;
        border-top: #9a9a9a 3px solid;
        transform: rotate(135deg);
        width: 60px !important;
        height:60px !important;
        background-image: none !important;
    }

    footer{
        background: #c0c0c0;
        text-align: center;
        padding: 20px 20px  10px;
    }
    footer img{
        width: 50px;
    }
    footer p{
        color: black;
        font-size: 15px;
    }
}

@media screen and (min-width:1025px) {
    .header {
        position: relative;
        background: linear-gradient(135deg, rgba(5, 5, 5, 0.5), rgba(5, 5, 5, 0.5) ),url(../img/store.jpg) center/cover;
        width: 100%;
        min-width: 1000px;
        height: 100%;
        min-height: 520px;
        z-index: 0;
    }
    .header ul{
        -ms-writing-mode: tb-rl;
        /* writing-mode: vertical-rl; */
    }
    .flex {
        display: flex;
    }
    .logo{
        position: absolute;
        left: 3%;
    }
    .logo img{
        width: 22%;
    }
    .menu{
        position: absolute;
        right: 2%;
        top: 2.5%;
        z-index: 2;
    }
    .menu ul li{
        font-size: 20px;
        padding: 5px 5px;
        text-align: right;
    }
    .main-txt{
        -ms-writing-mode: tb-rl;
        /* writing-mode: vertical-rl; */
        letter-spacing: 8px;
        line-height: 1.6;
        font-size: 32px;
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        left: 0;
        margin: auto;
        width: 200px;
        height: 200px;
        text-align: center;
    }
    .lang-opt{
        font-size: 15px;
        position: absolute;
        left: 2%;
        bottom: 2%;
    }
    .lang-opt p{
        padding: 0 10px;
    }
    .JP{
        border-right: solid 1px white;
    }
    .EN{
        border-right: solid 1px white;
    }


    .home-content{
        margin:0px auto;
        padding: 90px 0 30px;
    }
    .intro,.dish{
        padding:90px 20px 60px;
        width: 100%;
    }
    .intro-ttl,.dish-ttl{
        -ms-writing-mode: tb-rl;
        /*writing-mode: vertical-rl;*/
        font-size: 28px;
        font-weight: bold;
        margin: 0 auto;
        letter-spacing: 8px;
        position: relative;
        width: 73px;
    }
    .intro-ttl::before,.dish-ttl::before{
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(30deg);
        top: -55%;
        left: 10%;
    }
    .intro-ttl::after,.dish-ttl::after{
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(-30deg);
        top: -55%;
        right: 10%;
    }
    /* スマホ画像用 */
    .dish-smt{
        display: none;
        padding:90px 20px 60px;
        width: 100%;
    }
    .dish-ttl-smt{
        display: none;
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
        font-size: 28px;
        font-weight: bold;
        margin: 0 auto;
        letter-spacing: 8px;
        position: relative;
    }
    .dish-ttl-smt::before{
        display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(45deg);
        top: -55%;
        left: -40%;
    }
    .dish-ttl-smt::after{
        display: none;
        content: "";
        position: absolute;
        width: 100px;
        height: 1px;
        background: white;
        transform: rotate(-45deg);
        top: -55%;
        right: -50%;
    }
    .intro-box{
        position: relative;
        height: 450px;
    }
    .intox2{
        padding: 30px 0;
    }
    .intro-box img{
        width:600px;
        position: absolute;
    }
    .intro-img{
        top: 5%;
        right: 5%;
    }
    .intro-img2{
        top: 5%;
        left: 5%;
    }
    .intro-box p{
        letter-spacing: 2px;
        line-height: 2;
        z-index: 1;
        position: absolute;
        width: 600px;
    }
    .intro-txt{
        top: 25%;
        left: 5%;
    }
    .intro-txt2{
        top: 32%;
        right: 5%;
    }
    .intro-box span{
        font-weight: bold;
        display: block;
        font-size: 26px;
    }
    .dish-txt{
        letter-spacing: 2px;
        line-height: 2;
        display: block;
        font-size: 20px;
        padding: 25px 0 0;
        text-align: center;
    }
    /* スマホ画像用 */
    .dish-txt-smt{
        display: none;
        letter-spacing: 2px;
        line-height: 2;
        display: block;
        font-size: 17px;
        /* font-size: 21px; */
        padding: 25px 0 0;
        text-align: center;
    }
    .img-box{
        margin-top: 25px;
    }
    .img-box img{
        width: 700px;
        margin: 0 auto;
        display: block;
    }
    .dish-img{
        justify-content: space-around;
        width: 660px;
        margin: 25px auto;
    }
    .dish-img img{
        width: 300px;
    }
    /* スマホ画像用 */
    .dish-img-smt{
        display: none;
        /* align-content: space-around; */
        /* justify-content: space-around; */
        /* width: 660px; */
        margin: 25px 25px 25px 18px;
        /* margin: 25px; */
        /* margin: 25px auto; */
        flex-flow: column;
        align-content: space-around;
        row-gap: 30px;
    }
    .dish-img-smt img{
        display: none;
        width: 300px;
    }
    .slider_2{
        margin-top: 25px;
    }
    .swiper-slide img{
        width: 600px;
    }
    .swiper-button-prev{
        border-left: #9a9a9a 3px solid;
        border-top: #9a9a9a 3px solid;
        transform: rotate(-45deg);
        width: 60px !important;
        height:60px !important;
        background-image: none !important;
    }
    .swiper-button-next{
        border-left: #9a9a9a 3px solid;
        border-top: #9a9a9a 3px solid;
        transform: rotate(135deg);
        width: 60px !important;
        height:60px !important;
        background-image: none !important;
    }

    footer{
        background: #c0c0c0;
        text-align: center;
        padding: 20px 20px  10px;
    }
    footer img{
        width: 50px;
    }
    footer p{
        color: black;
        font-size: 15px;
    }
}