/*============Banner Css===============*/
.banner-section{overflow: hidden; background: #fff; position: relative;}

@keyframes crescendo {
  0% {transform: scale(1);}
  50% {transform: scale(1.08);}
  100% {transform: scale(1);}
}

.banner-blk:before {content: ''; display: inline-block; width: 100%; height: 50%; position: absolute; top: 0; left: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%);}
.banner-blk{height: 100vh; position: relative;}
.banner-blk:after {content: ''; display: inline-block; width: 100%; height: 50%; position: absolute; bottom: 0; left: 0; z-index: 1; background: linear-gradient(180deg, rgba(0, 0, 0, 0.58) 0%, rgba(0, 0, 0, 0) 100%); transform: rotate(-180deg);}
.banner-blk .banner-img{width: 100%; opacity: 0; visibility: hidden;}
.site-loaded .owl-item.active .banner-blk .banner-img{opacity: 1; visibility: visible; animation: crescendo 70s infinite ease-out;}
.banner-content{position: absolute; top: auto; bottom: 60px; left: 80px; z-index: 9;}
.logo{}
.logo a{display: flex; align-items: center;}
.banner-content .logo a img{width: 83px;}
.logo a h1{font-weight: 600; font-size: 36px; line-height: 92px; letter-spacing: 0.1em; color: #FFFFFF; margin: 0 0 0 20px;}

/*=======Measures Section CSS==========*/
.measures-section{background: #F6F1EA; padding: 120px 0;}
.measures-blk{background: #fff; padding: 8px;}
.measures-inr{border: 3px solid #000000; padding: 8px;}
.measures-main{border: 1px solid #000000; padding: 50px;}
.measures-tp{margin: 0 0 40px;}
.measures-tp h2{font-weight: bold; font-size: 30px; line-height: 43px; letter-spacing: 0.1em; color: #000000; text-align: center; margin: 0;}
.measures-list{margin: 0 0 50px;}
.measures-list ul{margin-left: -14px; margin-right: -14px; margin-bottom: 0; padding: 0; display: flex; justify-content: center;}
.measures-list ul li{padding: 0 14px; list-style-type: none;}
.measures-img{background: #D8D8D8; width: 100px; height: 100px; border-radius: 100%; margin: 0 auto 6px; display: flex; align-items: center; justify-content: center;}
.measures-img img{}
.measures-list span{font-weight: 600; font-size: 18px; line-height: 26px; text-align: center; letter-spacing: 0.1em; color: #000000; min-height: 52px; display: block;}
.measures-txt{}
.measures-txt p{font-weight: 600; font-size: 18px; line-height: 30px; text-align: center; letter-spacing: 0.1em; color: #000000; margin: 0;}

/*=======Meat Section CSS==========*/
.meaty-section{background-repeat: no-repeat; background-position: center center; background-size: cover; background-attachment: fixed; padding: 180px 0; position: relative;}
@media screen and (min-width: 768px){
    .webp .meaty-section{background-image: url(../../../images/ginza-no-yoshoku/top-page/meat-bg.webp);}
    .no-webp .meaty-section{background-image: url(../../../images/ginza-no-yoshoku/top-page/meat-bg.jpg);}
}


.meaty-shape {margin: 0 0 100px;}
.meaty-shape img{margin: 0 auto;}
.meaty-blk{}
.meaty-lft{width: 100%; position: relative; -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl; -webkit-text-orientation: upright;
  text-orientation: upright; display: flex; flex-direction: column; justify-content: center;}
.meaty-lft p{font-size: 18px; line-height: 46px; color: #000; margin: 0; padding: 0 32px; letter-spacing: 5px;}
.meaty-lft p span{letter-spacing: -1px;}
.meaty-lft p span.space{margin-bottom: 8px;}
.meaty-rgt{position: absolute; right: 0; bottom: 0;}
.meaty-rgt-img{}
.meaty-rgt-img img{}


/*=======Technique Section CSS==========*/
.technique-section{overflow: hidden;}
.technique-outer{height: 100vh; position: relative;}
@keyframes crescendo2 {
  0% {transform: scale(1);}
  50% {transform: scale(1.30);}
  100% {transform: scale(1);}
}
.technique-outer .technique-img {width: 100%;}
.site-loaded .technique-outer .technique-img{animation: crescendo2 200s linear;}
.technique-tp:before {content: ''; display: inline-block; background: #fff; width: 1px; height: 90px; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.technique-tp{text-align: center; position: absolute; top: 0; left: 50%; transform: translateX(-50%);}
.technique-tp span{font-weight: 600; font-size: 24px; line-height: 28px; letter-spacing: 0.1em; color: #FFFFFF; display: inline-block; width: 31px; word-break: break-all; position: relative; top: 112px;}
.technique-mdl{text-align: center; padding: 60px 0 0; margin: 0; position: absolute; top: 50%; left: 50%; width: 100%; transform: translate(-50%, -50%);}
.technique-mdl h2.jp{font-weight: 600; font-size: 36px; letter-spacing: 0.1em; color: #FFFFFF; position: relative; margin: 0 0 50px;}
.technique-mdl h2.jp:after {content: ''; display: inline-block; background: #fff; width: 230px; height: 1px; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%);}
.technique-mdl h2.jp span{font-weight: 600; font-size: 24px; letter-spacing: 0.1em; color: #FFFFFF; display: block; margin: 0 0 26px;}
.technique-mdl h2.en{font-weight: 600; font-size: 18px; letter-spacing: 0.1em; color: #FFE144; margin: 0 0 90px;}
.technique-btn{text-align: center;}
.technique-btn a{background: rgba(255, 255, 255, 0.63); font-weight: 600; font-size: 18px; text-align: center; color: #000000; padding: 17px 0px; width: 265px; display: inline-flex; align-items: center; justify-content: center;}
.technique-btn .btn-effect:after{background-color: #fff;}
.technique-btn .btn-effect:hover .effect-cnt {color: #000;}


/*=======Course Menu Section CSS==========*/
.course-menu-section{background-repeat: repeat; background-position: center center; padding: 140px 0; background-size: 36px;}
.webp .course-menu-section{background-image: url(../../../images/ginza-no-yoshoku/top-page/course-menu-bg.webp);}
.no-webp .course-menu-section{background-image: url(../../../images/ginza-no-yoshoku/top-page/course-menu-bg.png);}

.menu-blk{}
.menu-tp{margin: 0 0 50px;}
.menu-tp .cm-blk h2.english{color: #382902;}
.menu-mdl{margin: 0 0 60px;}
.menu-mdl ul{margin-left: -8px; margin-right: -8px; margin-bottom: 0px; padding: 0; display: flex; flex-wrap: wrap;}
.menu-mdl ul li{list-style-type: none; padding: 0 8px; width: 25%;}
.menu-mdl ul li img{}
.menu-btn{text-align: center;}
.menu-btn a{border: 1px solid #382902; font-weight: normal; font-size: 18px; text-align: center; color: #382902; width: 265px; display: block; margin: 0 auto; padding: 16px 0;}
.menu-btn .btn-effect:after{background-color: #382902;}


/*=======Ginza Section CSS==========*/
.ginza-section{background: #F6F1EA; padding: 110px 0; overflow: hidden;}
.ginza-blk{margin: 0 0 60px;}
.ginza-tp{padding: 0 0 20px; display: flex;}
.ginza-tp-lft{width: 70%;}
.ginza-tp-img{height: 750px;}
.webp .ginza-tp-img{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-tp.webp);}
.no-webp .ginza-tp-img{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-tp.jpg);}
.ginza-tp-img img{}
.ginza-tp-rgt{width: 30%; position: relative; left: -10%;}
.ginza-tp-cnt{text-align: right; padding: 90px 0 0;}
.ginza-tp-cnt > span{font-weight: 600; font-size: 36px; line-height: 52px; letter-spacing: 0.15em; color: #000; position: relative; display: block; margin: 0 0 10px;}
.ginza-tp-cnt > span:after {content: ''; display: inline-block; width: 200px; height: 1px; background: #000; position: absolute; bottom: -10px; right: 0;}
.ginza-tp-cnt > p{font-weight: 600; font-size: 144px; letter-spacing: 0.15em; color: #000; margin: 0 0 40px; position: relative; right: -20px; line-height: inherit;}
.ginza-tp-txt{float: right; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
.ginza-tp-txt h2{font-size: 18px; line-height: 46px; color: #000; margin: 0 6px; letter-spacing: 8px; position: relative;}
.ginza-tp-txt h2:nth-child(1){}
.ginza-tp-txt h2:nth-child(2){top: 20px;}
.ginza-tp-txt h2:nth-child(3){top: 40px;}

.ginza-mdl-one{margin-left: -10px; margin-right: -10px; padding: 0 0 20px; display: flex;}
.ginza-mdl-one-lft{width: 35%; padding: 0 10px;}
.ginza-mdl-one-lft-blk{height: 243px;}
.webp .ginza-mdl-one-lft-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-mdl1.webp);}
.no-webp .ginza-mdl-one-lft-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-mdl1.jpg);}
.ginza-mdl-one-rgt{width: 65%; padding: 0 10px;}
.ginza-mdl-one-rgt-blk{height: 243px;}
.webp .ginza-mdl-one-rgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-mdl2.webp);}
.no-webp .ginza-mdl-one-rgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-mdl2.jpg);}

.ginza-mdl{margin-left: -10px; margin-right: -10px; padding: 0 0 20px; display: flex;}
.ginza-mdl-lft{width: 30%; padding: 0 10px;}
.ginza-mlft-blk{height: 412px; padding: 0 20px; display: flex; align-items: center; justify-content: center;}
.ginza-mlft-inr{}
.ginza-mlft-inr h3 span{font-weight: 600; font-size: 36px; line-height: 52px; letter-spacing: 0.15em; color: #000; margin: 0 0 8px; display: block;}
.ginza-mlft-inr h3 p{font-weight: normal; font-size: 18px; line-height: 25px; letter-spacing: 0.19em; color: #000; margin: 0;}
.ginza-mdl-rgt{width: 70%; padding: 0 10px;}
.ginza-mrgt-blk{height: 412px;}
.webp .ginza-mrgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-mdl3.webp);}
.no-webp .ginza-mrgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-mdl3.jpg);}
.ginza-btm{margin-left: -10px; margin-right: -10px; display: flex;}
.ginza-btm-lft{width: 35%; padding: 0 10px;}
.ginza-blft-blk{height: 698px;}
.webp .ginza-blft-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm.webp);}
.no-webp .ginza-blft-blk{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm.jpg);}
.ginza-blft-blk img{}
.ginza-btm-rgt{width: 65%; padding: 0 10px;}
.ginza-brgt-blk{padding: 40px 0 0;}
.ginza-brgt-blk h3{font-weight: normal; font-size: 24px; line-height: 25px; letter-spacing: 0.065em; color: #000; text-align: center; margin: 0 0 50px;}
.ginza-brgt-inr{margin-left: -10px; margin-right: -10px; display: flex;}
.ginza-brgt-inrl{width: 50%; padding: 0 10px;}
.ginza-brgt-img1{height: 281px; margin: 0 0 20px;}
.webp .ginza-brgt-img1{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm1.webp);}
.no-webp .ginza-brgt-img1{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm1.jpg);}
.ginza-brgt-img1 img{}
.ginza-brgt-img2{height: 281px;}
.webp .ginza-brgt-img2{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm2.webp);}
.no-webp .ginza-brgt-img2{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm2.jpg);}
.ginza-brgt-img2 img{}
.ginza-brgt-inrr{width: 50%; padding: 0 10px;}
.ginza-brgt-img3{height: 583px;}
.webp .ginza-brgt-img3{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm3.webp);}
.no-webp .ginza-brgt-img3{background-image: url(/images/ginza-no-yoshoku/top-page/ginza-btm3.jpg);}
.ginza-brgt-img3 img{}

.m-ginza-blk{display: none;}

/*=======Instagram Section CSS==========*/
.instagram-section{padding: 160px 0 150px; background: #fff; }
.instagram-blk{}
.instagram-tp{margin: 0 0 50px;}
.instagram-tp img{}
.instagram-blk .item{height: 100%; width: 100%;}
.owl-theme .owl-nav button[class*=owl-]{position: absolute; top: 50%; background: #FFFFFF; border: 1px solid #000000; width: 67px; height: 67px; line-height: 67px; margin: 0; box-shadow: none; transform: translateY(-50%);}
.owl-theme .owl-nav [class*=owl-]:hover{background: transparent; opacity: 0.7;}
.owl-theme .owl-nav button span {width: 42px; height: 13px; font-size: 0px; display: inline-block; line-height: 32px; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.owl-theme .owl-nav button.owl-prev{left: -100px;}
.owl-theme .owl-nav button.owl-next{right: -100px;}
.owl-theme .owl-nav button.owl-prev span{background-image: url(../../../images/ginza-no-yoshoku/top-page/left-arrow.png);}
.owl-theme .owl-nav button.owl-next span{background-image: url(../../../images/ginza-no-yoshoku/top-page/right-arrow.png);}
.instagram-section .owl-stage { display: flex; }
.instagram-section .owl-item img { width: 100%; height: 100%; object-fit: cover; max-width: initial; }
.instagram-section .owl-item .description-overlay {
    background: rgba(0,0,0,0.6);
    position: absolute;
    height: 99%;
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    -webkit-transition: all 0.4s ease-in-out 0s;
    -moz-transition: all 0.4s ease-in-out 0s;
    transition: all 0.4s ease-in-out 0s;
    max-width: 100%;
}

.instagram-section .owl-item:hover .description-overlay {
    opacity: 1;
}

.instagram-section .owl-item .description {
    position: absolute;
    color: #fff;
    font-size: 1em;
    text-align: center;
    padding-left: 0.8em;
    line-height: 1.2;
    padding-right: 1em;
    width: 100%;
    top: 50%;
    left: 50%;
    opacity: 0;
    -webkit-transform: translate(-50%, -40%);
    -moz-transform: translate(-50%, -40%);
    transform: translate(-50%, -40%);
    -webkit-transition: all 0.3s ease-in-out 0s;
    -moz-transition: all 0.3s ease-in-out 0s;
    transition: all 0.3s ease-in-out 0s;
}

.instagram-section .owl-item:hover .description {
    top: 50%;
    left: 50%;
    opacity: 1;
}

.instagram-section .owl-item .fadeIn-bottom {
    top: 80%;
}
/*=======Membership Section CSS==========*/
.membership-section{padding: 130px 0; background-image: url(/images/ginza-no-yoshoku/top-page/member-bg.jpg); background-repeat: no-repeat; background-size: cover; background-position: center center;}
.membership-blk{}
.membership-tp{margin: 0 0 70px;}
.membership-tp .cm-title h2{color: #fff;}
.membership-tp .cm-title h2:before{background: #fff;}
.membership-tp .cm-title h2:after{background: #fff;}
.membership-tp .cm-blk h3{color: #fff;}
.membership-btm{margin-left: -20px; margin-right: -20px; display: flex;}
.membership-lft{width: 40%; padding: 0 20px;}
.membership-lft h3{font-weight: normal; font-size: 24px; line-height: 40px; color: #FFFFFF; margin: 0 0 34px;}
.membership-lft p{font-weight: normal; font-size: 16px; line-height: 34px; color: #FFFFFF; margin: 0 0 50px;}
.membership-btn{}
.membership-btn a{border: 1px solid #FFFFFF; font-weight: normal; font-size: 18px; text-align: center; color: #FFFFFF; display: block; width: 265px; margin: 0 auto; padding: 15px 0;}
.membership-btn .btn-effect:after{background-color: #fff; border-radius: 0px;}
.membership-btn .btn-effect:hover .effect-cnt{color: #000;}
.membership-rgt{width: 60%; padding: 0 20px;}
.membership-rgt-inr{margin-left: -10px; margin-right: -10px; display: flex;}
.membership-inr-cm{width: 50%; padding: 0 10px;}
.membership-inr-cm img{width: 100%; margin: 0 0 22px;}
.membership-inr-cm h4{font-weight: normal; font-size: 18px; line-height: 30px; text-align: center; color: #FFFFFF; margin: 0;}
.membership-inr-cm h4 span{display: block;}
.membership-rgt .membership-btn{display: none;}

/*=======Store Section CSS==========*/
.store-section{background: #F6F1EA; background-position: center center; background-repeat: repeat; padding: 160px 0;}
.store-blk{}
.store-tp{margin: 0 0 70px;}
.store-tp .cm-blk h2.english{color: #382902;}
.store-btm{margin-left: -10px; margin-right: -10px; display: flex;}
.store-lft{width: 45%; padding: 0 10px;}
.info-blk{}
.info-blk > ul{margin: 0; padding: 0;}
.info-blk > ul > li{list-style-type: none; padding: 0 0 14px;}
.info-blk > ul > li:last-child {padding: 0;}
.info-blk > ul > li h3{background: #D1D1D1; display: inline-block; font-weight: normal; font-size: 16px; text-align: center; color: #000000; padding: 5px 25px; margin: 10px 0 6px;}
.info-inr{}
.info-inr h4{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.info-inr a{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000;}
.info-inr ul{margin: 0; padding: 0;}
.info-inr ul li{list-style-type: none; padding: 0 0 4px;}
.info-inr ul li:last-child {padding: 0;}
.info-inr ul li span{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.info-inr ul li p{font-weight: normal; font-size: 18px; line-height: 26px; color: #000000; margin: 0;}
.info-inr ul.card-blk{display: flex;}
.info-inr ul.card-blk li{padding: 0 16px 0 0;}
.info-inr ul.card-blk li h5{}
.info-inr ul.card-blk li img{margin: 0 auto; max-height: 43px;}
.store-rgt{width: 55%; padding: 0 10px;}
.store-map{}
.store-map a{display: block;}
.store-map a span, .instagram-section a span{text-align: right; font-size: 13px; color: #808080; margin: 10px 0 10px; font-weight: 500; display: block;}
.store-map a img{}

/*=====Media Query Css Start======*/
@media all and (max-width:1940px) {
    
}
@media all and (max-width:1670px) {
    /*============Banner Css===============*/
    .banner-blk{height: inherit;}
    
    /*=======Technique Section CSS==========*/
    .technique-outer{height: inherit;}
}
@media all and (max-width:1366px) {
    /*=======Measures Section CSS==========*/
    .measures-blk{width: 84%; margin: 0 auto;}
}

@media all and (max-width:1024px) {
    /*=======Measures Section CSS==========*/
    .measures-section{padding: 80px 0;}
    .measures-blk{width: 100%;}
    .measures-list ul{flex-wrap: wrap;}
    
    /*=======Meat Section CSS==========*/
    .meaty-section{padding: 120px 0;}
    .meaty-lft{padding: 0 10px; justify-content: center;}
    .meaty-lft p{padding: 0 10px;}
    
    /*=======Ginza Section CSS==========*/
    .ginza-tp-cnt > p{font-size: 94px;}
    
    /*=======Instagram Section CSS==========*/
    .owl-theme .owl-nav button.owl-prev {left: 0;}
    .owl-theme .owl-nav button.owl-next {right: 0;}
    
}

@media all and (max-width:960px) {
    
    /*=======Meat Section CSS==========*/
    .meat-lft p{padding: 0 6px; line-height: 36px;}
    
    /*=======Technique Section CSS==========*/
    .technique-tp:before{height: 60px;}
    .technique-tp span{top: 72px;}
    .technique-mdl{padding: 70px 0 0;}
    .technique-mdl h2.en{margin: 0 0 50px;}
    
    /*=======Ginza Section CSS==========*/
    .ginza-tp-img{height: 540px;}
    .ginza-tp-cnt > p{font-size: 68px; margin: 0 0 20px;}
    .ginza-mlft-blk{height: 368px;}
    .ginza-mlft-inr h3 span{font-size: 26px; line-height: 42px;}
    .ginza-mlft-inr h3 p{font-size: 16px; line-height: 18px;}
    .ginza-mrgt-blk {height: 368px;}
    .ginza-blft-blk {height: 468px;}
    .ginza-brgt-blk h3{font-size: 20px; line-height: 14px;}
    .ginza-brgt-img1 {height: 172px;}
    .ginza-brgt-img2 {height: 172px;}
    .ginza-brgt-img3 {height: 364px;}
    
}

@media screen and (max-width:767px) {
    /*============Banner Css===============*/
    .webp .banner-blk.one{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m1.webp);}
    .no-webp .banner-blk.one{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m1.jpg);}
    .webp .banner-blk.two{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m2.webp);}
    .no-webp .banner-blk.two{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m2.jpg);}
    .webp .banner-blk.three{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m3.webp);}
    .no-webp .banner-blk.three{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m3.jpg);}
    .webp .banner-blk.four{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m4.webp);}
    .no-webp .banner-blk.four{background-image: url(/images/ginza-no-yoshoku/top-page/top-page-banner-m4.jpg);}
    .banner-blk{height: 100vh; background-repeat: no-repeat; background-size: cover; background-position: center center;}
    .site-loaded .banner-blk .banner-img{opacity: 0; visibility: hidden; animation: none;}
    .site-loaded .owl-item.active .banner-blk .banner-img{opacity: 0; visibility: hidden;}
    .banner-content{width: 100%; top: 40%; bottom: auto; left: 50%; transform: translate(-50%, -40%);}
    .menu-open .logo {display: none;}
    .logo a{justify-content: center; flex-direction: column;}
    .logo a img {width: 73px; margin: 0 0 10px;}
    .logo a h1{font-size: 24px; line-height: 34px; margin: 0;}
    
    /*=======Measures Section CSS==========*/
    .measures-section {padding: 50px 0;}
    .measures-main{padding: 24px 20px;}
    .measures-tp {margin: 0 0 20px;}
    .measures-tp h2{font-size: 24px; line-height: 34px;}
    .measures-list {margin: 0 0 10px;}
    .measures-list ul{margin-left: -4px; margin-right: -4px;}
    .measures-list ul li{padding: 0 4px; margin: 0 0 6px; width: 33.33%;}
    .measures-img{width: 66px; height: 66px;}
    .measures-img img{width: 35px; margin: 0 auto;}
    .measures-list span{font-size: 12px; line-height: 16px; min-height: inherit;}
    .measures-txt p{font-size: 12px; line-height: 17px; text-align: left; margin: 0 0 8px;}
    .measures-txt p:last-child {margin: 0px;}
    
    /*=======Meat Section CSS==========*/
    .meaty-section{background-attachment: scroll;}
    .webp .meaty-section{background-image: url(../../../images/ginza-no-yoshoku/top-page/meat-bg-m.webp);}
    .no-webp .meaty-section{background-image: url(../../../images/ginza-no-yoshoku/top-page/meat-bg-m.jpg);}
    .meaty-shape{margin: 0 0 50px;}
    .meaty-shape img{width: 50px;}
    .meaty-blk{flex-direction: column-reverse;}
    .meaty-lft{width: 100%; margin: 0;}
    .meaty-lft p{padding: 0 8px; line-height: 19px; font-size: 12px; word-break: keep-all;}
    .meaty-lft p:nth-child(1) br:nth-child(2){display: none;}
    .meaty-lft p span.space {margin-bottom: 16px;}
    .meaty-rgt{left: 0; bottom: 10px;}
    .meaty-rgt-img{display: flex; align-items: center; justify-content: center; width: 100%;}
    .meaty-rgt-img .meaty-img{width: 250px; margin-left: -30px;}
    
    /*=======Technique Section CSS==========*/
    .technique-outer {height: 466px; background-size: cover; background-repeat: no-repeat; background-position: center center;}
    .webp .technique-outer{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-rogama-tcc.webp);}
    .no-webp .technique-outer{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-rogama-tcc.jpg);}
    .technique-outer .technique-img{opacity: 0; visibility: hidden;}
    .site-loaded .technique-outer .technique-img{animation: none;}
    .technique-tp:before{height: 50px;}
    .technique-tp span{font-size: 18px; line-height: 28px; top: 56px;}
    .technique-mdl{padding: 100px 0 0;}
    .technique-mdl h2.jp{font-size: 18px; margin: 0 0 26px;}
    .technique-mdl h2.jp:after{bottom: -12px;}
    .technique-mdl h2.jp span{font-size: 12px; margin: 0 0 24px;}
    .technique-mdl h2.en{font-size: 14px; margin: 0 0 80px;}
    .technique-btn a{font-size: 12px; padding: 7px 0px; width: 187px;}
    
    /*=======Course Menu Section CSS==========*/
    .course-menu-section{padding: 70px 0;}
    
    .menu-blk{}
    .menu-tp {margin: 0 0 24px;}
    .menu-mdl {margin: 0 0 20px;}
    .menu-mdl ul{margin: 0;}
    .menu-mdl ul li{padding: 0 6px; width: 50%; margin: 0 0 20px;}
    .menu-btn a{font-size: 12px; width: 187px; padding: 6px 0;}
    
    /*=======Ginza Section CSS==========*/
    .ginza-section{padding: 90px 0;}
    .ginza-blk{display: none;}
    .m-ginza-blk{display: block; margin: 0 0 70px;}
    .m-ginza-tp{margin: 0 0 20px;}
    .m-ginza-tp-img{height: 488px; position: relative;}
    .webp .m-ginza-tp-img{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-tp.webp);}
    .no-webp .m-ginza-tp-img{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-tp.jpg);}
    .m-ginza-tp-img img{}
    .m-ginza-tp-cnt{position: absolute; top: 30px; width: 100%; padding: 0 20px;}
    .m-ginza-tp-txt1{text-align: right;}
    .m-ginza-tp-txt1 span{font-weight: 600; font-size: 18px; line-height: 26px; letter-spacing: 0.15em; color: #000; position: relative; display: block; margin: 0 0 10px;}
    .m-ginza-tp-txt1 span:after {content: ''; display: inline-block; width: 70px; height: 1px; background: #000; position: absolute; bottom: -10px; right: 0;}
    .m-ginza-tp-txt1 > p{font-size: 48px; margin: 0 0 20px; font-weight: 600; letter-spacing: 0.15em; color: #000; line-height: inherit;}
    .m-ginza-tp-txt2{background: rgba(0,0,0,0.2); display: inline-block; padding: 30px 10px 40px; border-radius: 4px; -ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
    .m-ginza-tp-txt2 h2{font-size: 16px; line-height: 26px; color: #FFFFFF; margin: 0 6px; letter-spacing: 8px; position: relative;}
    .m-ginza-tp-txt2 h2:nth-child(1){}
    .m-ginza-tp-txt2 h2:nth-child(2){top: 20px;}
    .m-ginza-tp-txt2 h2:nth-child(3){top: 40px;}
    
    .m-ginza-mdl-one{margin-left: -8px; margin-right: -8px; margin: 0 0 20px; display: flex;}
    .m-ginza-mdl-one-lft{width: 40%; padding: 0 8px 0 0;}
    .m-ginza-mdl-one-lft-blk{height: 137px;}
    .webp .m-ginza-mdl-one-lft-blk{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-mdl1.webp);}
    .no-webp .m-ginza-mdl-one-lft-blk{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-mdl1.jpg);}
    .m-ginza-mdl-one-rgt{width: 60%; padding: 0 0 0 8px;}
    .m-ginza-mdl-one-rgt-blk{height: 137px;}
    .webp .m-ginza-mdl-one-rgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-mdl2.webp);}
    .no-webp .m-ginza-mdl-one-rgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-mdl2.jpg);}
    
    .m-ginza-mdl{margin: 0 0 20px;}
    .m-ginza-mdl-img{height: 167px;}
    .webp .m-ginza-mdl-img{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-mdl3.webp);}
    .no-webp .m-ginza-mdl-img{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-mdl3.jpg);}
    .m-ginza-mdl-img img{}
    .m-ginza-btm{margin-left: -8px; margin-right: -8px; display: flex;}
    .m-ginza-btm-lft{width: 40%; padding: 0 8px;}
    .m-ginza-blft-blk{}
    .m-ginza-blft-img1{margin: 0 0 20px; height: 95px;}
    .webp .m-ginza-blft-img1{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-b1.webp);}
    .no-webp .m-ginza-blft-img1{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-b1.jpg);}
    .m-ginza-blft-img1 img{}
    .m-ginza-blft-img2{height: 95px;}
    .webp .m-ginza-blft-img2{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-b2.webp);}
    .no-webp .m-ginza-blft-img2{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-b2.jpg);}
    .m-ginza-blft-img2 img{}
    .m-ginza-btm-rgt{width: 60%; padding: 0 8px;}
    .m-ginza-brgt-blk{height: 210px;}
    .webp .m-ginza-brgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-b3.webp);}
    .no-webp .m-ginza-brgt-blk{background-image: url(/images/ginza-no-yoshoku/top-page/m-ginza-b3.jpg);}
    .m-ginza-brgt-blk img{}
    
    /*=======Instagram Section CSS==========*/
    .instagram-section{padding: 60px 0;}
    .instagram-tp {margin: 0 0 30px;}
    .instagram-tp img{}
    .owl-theme .owl-nav button[class*=owl-]{width: 37px; height: 37px; line-height: 37px;}
    .owl-theme .owl-nav button span{width: 22px; line-height: 30px; background-size: 100%;}
    
    /*=======Membership Section CSS==========*/
    .membership-section{padding: 70px 0; background-image: url(/images/ginza-no-yoshoku/top-page/member-bg-mobile.jpg);}
    .membership-tp {margin: 0 0 30px;}
    .membership-btm{margin: 0; flex-direction: column;}
    .membership-lft {width: 100%; padding: 0 10px;}
    .membership-lft h3{font-size: 12px; line-height: 17px; margin: 0 0 20px; text-align: center;}
    .membership-lft p{font-size: 12px; line-height: 19px; margin: 0 0 30px;}
    .membership-btn {display: none;}
    .membership-rgt {width: 100%; padding: 0 10px;}
    .membership-rgt-inr{margin-bottom: 40px;}
    .membership-inr-cm h4{font-size: 14px; line-height: 20px;}
    .membership-rgt .membership-btn{display: block;}
    .membership-btn a{font-size: 12px; width: 187px; padding: 6px 0;}
    .membership-btn .btn-effect .effect-cnt i{font-size: 11px;}
    
    /*=======Store Section CSS==========*/
    .store-section{padding: 60px 0;}
    .store-tp {margin: 0 0 30px;}
    .store-btm{margin: 0; flex-direction: column;}
    .store-lft{width: 100%; margin: 0 0 50px;}
    .info-blk > ul > li h3{font-size: 12px; padding: 2px 16px; margin: 0 0 6px;}
    .info-inr h4{font-size: 12px; line-height: 17px;}
    .info-inr a{font-size: 12px; line-height: 17px;}
    .info-inr ul li span{font-size: 12px; line-height: 17px;}
    .info-inr ul li p{font-size: 12px; line-height: 17px;}
    .store-rgt{width: 100%;}
    
    
    
    
}


/*=====Media Query Css End======*/