/* CSS Document */
@charset "UTF-8";

@media(max-width:834px){
	
    .top .mainV{height:100vh;}
    .top .js-main{width:100%;}
    .top .mainV .h2Wrap{right:20px;bottom:50px;}
    .top .mainV h2{font-size:18px;line-height:30px;margin-bottom:20px;}
    .top .mainV p{font-size:12px;line-height:22px;}

    .ttl_wrap{padding-left:15px;margin-bottom:35px;}
    .ttl_wrap h2{font-size:22px;line-height:22px;margin-bottom:10px;}
    .ttl_wrap h2::before{left:-15px;}
    .ttl_wrap.rl{padding:0 15px 0 0;}
    .ttl_wrap.rl h2{margin:0 0 0 15px;}
    .ttl_wrap.rl h2::before{width:1px;height:20px;right:-15px;}
    .btn_wrap{margin-top:35px;}
    .btn_wrap a{font-size:14px;}

    .top .sec1{padding:25px 20px 0 20px;}
    .top .sec1 .aj_box{padding:30px 20px;}
    .top .sec1 p{font-size:14px;text-align:left;}

    .top .sec2{padding:40px 0 50px 0;background:url(../img/top/a_bg_sp.png) no-repeat bottom center/100% auto;}
    .top .sec2 .text_wrap{flex-direction:column;align-items:center;}
    .top .sec2 .text_wrap > p{font-size:14px;line-height:30px;margin-top:0;}
    .top .sec2 .img_wrap{padding-left:20px;margin-top:40px;z-index: inherit;}

    .top .sec3{padding-top:50px;}
    .top .sec3 .aj_box{flex-direction:column;}
    .top .sec3 .img_wrap{margin-top:50px;}
    .top .sec3 .img_wrap div{padding:0;width:100%;}

    .top .sec4{padding:35px 0;background-color:#000000;}
    .top .sec4 .outer{padding:0 20px;}
    .top .sec4 .ttl_wrap.rl{margin-bottom:35px;}
    .top .sec4 .outer{background:none;}
    .top .sec4 .outer > p{text-align:justify;}
    .top .sec4 .btn_wrap{text-align: left;}
    .top .sec4 .img_wrap:last-of-type{position:relative;width:100%;height:inherit;max-width:100%;padding:0 20px;margin-top:45px;top:inherit;right:inherit;}

    .top .sec55{padding-top:45px;margin-top:0;}
    .top .sec55 .inner{padding:0 20px;width:100%;position:relative;top:inherit;right:inherit;transform: inherit;}
    .top .sec55 .ttl_wrap{padding-left: 20px;margin-bottom:25px;}
    .top .sec55 .img_wrap{margin-top:35px;width:100%;}
    .top .sec55.secB .inner{left:inherit;right:inherit;}
    .top .sec55.secC{background:inherit;}
    
    .top .sec6{padding-top:55px;}
    .top .sec6 .aj_box{flex-direction: column;align-items: flex-start;position: relative;}
    .top .sec6 .logo{position:absolute;right:0;top: -125px;}
    .top .sec6 .text_wrap{width:100%;margin-left:0;}
    .top .sec6 dl{flex-direction: column;margin-bottom:25px;}
    .top .sec6 dt,
    .top .sec6 dd{padding: 25px 0;width: 100%;}
    .top .sec6 dt{padding-bottom:10px;border-bottom:none;}
    .top .sec6 dd{padding-top:0;border-top:none;}
    .top .sec6 dt:last-of-type{border-bottom: none;}
    .top .sec6 iframe{height:200px;}
    .top .sec6 .img_wrap{margin-top:40px;}

    .article .mainV h1{width:45px;}
    .article .h3_ttl{font-size:22px;padding-bottom:20px;}
    .article .mainV{background-image:url(../img/shop/hero_sp.jpg);width:100%;height:inherit;margin-bottom:0;}
    .article .mainV::before{content:"";display:block;padding-top:100%;width:100%;}
    .article .sec_info{padding-top:25px;}
    .article .sec_info p{font-size:14px;line-height:24px;}
    .article .sec_info .outer{padding-bottom:25px;}

    .shop .sec1{padding-top:50px;}
    .shop .sec1 .aj_box{margin-bottom:50px;}
    .shop .sec1 h3{font-size:18px;padding-left:30px;margin-left:30px;}
    .shop .sec1 p{font-size:16px;line-height:36px;}
    .shop .sec1 .img_wrap{height:inherit;}

    .shop .sec2{padding:40px 0;}
    .shop .sec2 .items{flex-direction:column;}
    .shop .sec2 .item,
    .shop .sec2 .item:nth-of-type(odd){width:100%;margin-top:80px;}
    .shop .sec2 .cardo{font-size:90px;left:inherit;top:-60px;}
    .shop .sec2 h4{font-size:18px;line-height:30px;}
    .shop .sec2 p{font-size:14px;line-height:24px;}
    
    .shop .sec33 .outer{padding:35px 0;}
    .shop .sec33 .outer::after{width:calc(100% - 50px);}
    .shop .sec3 .item{width:52%;}

    .shop .sec4{padding:40px 0;}
    .shop .sec4 .items{flex-direction:column;}
    .shop .sec4 .item{width:100%;}
    .shop .sec4 .item:last-of-type{margin-top:20px;}
    
    .shop .sec5{padding:90px 20px 70px 20px;}
    .shop .sec5::before{height:70px;}
    .shop .sec5 p{font-size:16px;line-height:36px;}
    
    .shop .sec6{padding:40px 0;}
    .shop .sec6 .main_wrap{flex-direction:column-reverse;margin-bottom:40px;}
    /* .shop .sec6 .main_wrap div:not(.text_wrap),
    .shop .sec6 .main_wrap .text_wrap{width:100%;height:200px;} */
    .shop .sec6 .main_wrap div:not(.text_wrap){width:100%;height:200px;}
    .shop .sec6 .main_wrap .text_wrap{width:100%;}

    .shop .sec6 .main_wrap .text_wrap{margin-bottom:20px;margin-left: 0;}
    .shop .sec6 .main_wrap dl{flex-direction:column;padding:10px 0;}
    .shop .sec6 .main_wrap dt,
    .shop .sec6 .main_wrap dd{font-size:14px;line-height:26px;width:100%;}
    .shop .sec6 .main_wrap dt{padding-bottom:5px;}
    .shop .sec6 .main_wrap dd{padding-top:0;}
    .shop .sec6 .main_wrap dd:last-of-type{padding-bottom:0}
    .shop .sec6 .info_wrap{width:100%;padding:25px;flex-direction:column-reverse;}
    .shop .sec6 .info_wrap div:not(.text_wrap){width:100%;}
    .shop .sec6 .info_wrap .text_wrap{width:100%;margin:0 0 30px 0;}
    .shop .sec6 .info_wrap p{line-height:24px;}
    .shop .sec6 .info_wrap .btn_wrap{text-align: left;}

    .takeout .mainV{background-image:url(../img/takeout/hero_sp.jpg);}
    .takeout .sec1{margin-top:35px;padding-bottom:40px;}
    .takeout .sec1 .item{flex-direction: column;margin-top:35px;}
    .takeout .sec1 .ttl_wrap{display: flex;justify-content: space-between;margin:0 0 10px 0;}
    .takeout .sec1 h3{font-size:18px;line-height:30px;letter-spacing: 0.02em;writing-mode: inherit;padding: 0 0 0 60px;margin:0;}
    .takeout .sec1 h3::before{width:40px;height:1px;left:0;top:50%;transform: translateY(-50%);}
    .takeout .sec1 .img_wrap{width:100%;}

    .takeout .sec2{padding-bottom:35px;}
    .takeout .sec2 .outer{padding:30px 0;margin-bottom:35px;}
    .takeout .sec2 h3{font-size:18px;line-height:30px;margin-bottom:20px;}
    .takeout .sec2 .inner{padding:30px 20px;}

    .recruit .mainV{background-image:url(../img/recruit/hero_sp.jpg);}
    .recruit .sec1{padding:35px 0;}
    .recruit .sec1 h3{font-size:22px;line-height:38px;margin-bottom:0;}
    .recruit .sec1 h3 + p{font-size:14px;}
    .recruit .sec1 dl{margin-top:35px;}
    .recruit .sec1 dt,
    .recruit .sec1 dd{font-size:14px;line-height:24px;padding:30px 0;}
    .recruit .sec1 dt{width:70px;}
    .recruit .sec1 dd{width:calc(100% - 70px);padding-left:35px;}
    .recruit .sec1 .info_wrap{margin-top:40px;padding:25px;}
    .recruit .sec1 .info_wrap h3{font-size:18px;}
    .recruit .sec1 .info_wrap p{font-size:14px;}


    .dinner .mainV{background-image:url(../img/dinner/hero_sp.jpg);}
    .menu .sec_info .outer{flex-direction:column;}
    .menu .sec_info .inner{margin:0 0 25px 0;}
    .menu .sec_info p{margin-right:0;}
    .menu .sec_info .item{width:100%;}
    .menu .sec_info .btn_wrap a{font-size: 14px;}
    .menu .sec_insta .aj_box{padding:0;}
    .menu .sec_insta .outer{padding:25px 20px 20px 20px;flex-direction:column;}
    .menu .sec_insta h3{font-size:22px;text-align:center;padding-bottom: 0;margin-bottom:10px;border-bottom:none;}
    .menu .sec_insta p{font-size:14px;line-height:24px;text-align:center;margin-bottom:20px;}
    .menu .sec_insta .img_wrap{margin-left:0;}

    .menu .sec1{padding:35px 0 30px 0 ;}
    .menu .sec1 h3{font-size:22px;margin-bottom: 15px;}
    .menu .sec1 .item:not(:first-of-type){margin-top:25px;}
    .menu .sec1 .item div:not(.text_wrap){width:calc(100% + 40px);margin-left:-20px;}
    .menu .sec1 .item h4{font-size:18px;line-height:30px;padding-bottom:15px;margin-bottom:15px;}
    .menu .sec1 .item h4 span{font-size:12px;line-height:24px;position:relative;right:inherit;bottom:inherit;display: block;}
    .menu .sec1 .item p{font-size:14px;line-height:24px;}
    .menu .sec1 .item .price{font-size:16px;line-height:26px;}
    .menu .sec1 .iA .text_wrap{max-width:100%;margin-top:-20px;padding:15px 25px;}
    .menu .sec1 .iB,
    .menu .sec1 .iB:nth-of-type(even){flex-direction:column;}
    .menu .sec1 .iB div:not(.text_wrap){margin-left:0;}
    .menu .sec1 .iB .text_wrap,
    .menu .sec1 .iB:nth-of-type(even) .text_wrap{width:100%;margin:-20px 0 0 0;padding:15px 25px;}

    .menu .sec2{padding:40px 20px;}
    .menu .sec2 .aj_box{padding:0;}
    .menu .sec2 .outer{margin-bottom:50px;}
    .menu .sec2 h3{font-size:22px;line-height:38px;margin-bottom:10px;}
    .menu .sec2 h3 span{font-size:16px;}
    .menu .sec2 .items{flex-direction:column;}
    .menu .sec2 dl{width:100%;}
    .menu .sec2 dl:first-of-type{margin-right:0;width:100%;}
    .menu .sec2 dt,
    .menu .sec2 dd{font-size:14px;;padding:20px 0;}
    .menu .sec2 dt{width:70%;}
    .menu .sec2 dd{width:30%;}
    .menu .sec2 .at{margin-top:20px;text-align: justify;}

    .menu .sec3{padding:40px 0 25px 0;}
    .menu .sec3 h3{font-size:22px;margin-bottom:20px;padding:0 20px;}
    .menu .sec3 .outer{width:100%;margin:0 auto;}
    .menu .sec3 .aj_box{flex-direction:column;padding:0;}
    .menu .sec3 .img_wrap{width:100%;margin:0;padding:0 20px;background:linear-gradient(transparent 50%,rgba(53,53,53,0.05) 50%);}
    .menu .sec3 .img_wrap::before{display: none;}
    .menu .sec3 .img_wrap img{position:static;transform: none;}
    .menu .sec3 .text_wrap{width:100%;margin:0;padding:20px;background-color:rgba(53,53,53,0.05);}
    .menu .sec3 .item{background:none;padding:0;margin-bottom:30px;}
    .menu .sec3 .item h4{font-size:50px;line-height:50px;margin-bottom:15px;padding-bottom:15px;}
    .menu .sec3 .item h4 .at{font-size:12px;line-height:24px;bottom:15px;}
    .menu .sec3 .item:first-of-type h4{font-size:18px;}
    .menu .sec3 .item:first-of-type h4 .at{bottom:12px;line-height:18px;}
    .menu .sec3 p{font-size:14px;line-height:24px;}
    .menu .sec3 .price{font-size:16px;line-height:30px;margin-bottom:5px;}
    .menu .sec3 .info_wrap{width:calc(100% - 40px);padding:15px;margin-top:0;position:relative;}
    .menu .sec3 .info_wrap::before{position:absolute;content:"";left:-20px;top:0px;width:calc(100% + 40px);height:calc(100% + 25px);background-color:rgba(53,53,53,0.05);}
    .menu .sec3 .info_wrap p{font-size:14px;}
    
    .lunch .mainV{background-image:url(../img/lunch/hero_sp.jpg);}
    .lunch .sec3 .item:first-of-type h4{font-size:50px;}
    .lunch .sec3 .at_wrap{margin:20px auto;}
    .lunch .sec3 .at_wrap p{padding:0 20px;}
    .lunch .sec3 .aj_box.k_wrap{width:calc(100% - 40px);padding:20px;}
    .lunch .sec3 .k_wrap > div:not(.text_wrap){width:100%;}
    .lunch .sec3 .k_wrap .text_wrap{width:100%;margin:0 auto;background:none;padding:0;margin-top:20px;}
    .lunch .sec3 .k_wrap h3{padding: 0 0 20px 0;margin-bottom:20px;}

    /*contact*/
    /*.contact .outer{padding-bottom:40px;}*/
    .contact .outer:last-of-type{padding-top:50px;margin-top:50px;}
    .contact .tel{font-size:16px;padding:10px 20px;}
    .contact table{margin:40px 0 40px 0;}
    .contact tr th,
    .contact tr td{display:block;}
    .contact td{padding-top:0;}
    .contact input.in1{width:100%;}



}