@charset "UTF-8";
/*****************************************************
* 共通部分
******************************************************/
@import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css);
@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,800);
body { font-size: 1rem; line-height: 3rem; font-family: source-han-sans-japanese, sans-serif; font-style: normal; }

img { max-width: 100%; }

.flex { display: -webkit-box; display: -ms-flexbox; display: flex; }

.between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.around { -ms-flex-pack: distribute; justify-content: space-around; }

.aic { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.ma0auto { margin: 0 auto; }

.c-padding { padding: 2% 5%; }

h1 { line-height: 1rem; }

h2 { font-size: 50px; font-family: teko, sans-serif; font-style: normal; font-weight: 300; padding-top: 2%; }

/* Material iconsを利用する */
.material-icons { font-family: 'Material Icons'; font-weight: normal; font-style: normal; font-size: 24px; /* 推奨サイズ */ display: inline-block; width: 1em; height: 1em; line-height: 1; text-transform: none; /* WebKitブラウザサポート */ -webkit-font-smoothing: antialiased; /* Chrome、Safariサポート */ text-rendering: optimizeLegibility; /* Firefoxサポート */ -moz-osx-font-smoothing: grayscale; /* IEサポート */ -webkit-font-feature-settings: 'liga'; font-feature-settings: 'liga'; }

@font-face { font-family: 'Material Icons'; font-style: normal; font-weight: 400; src: url(https://example.com/MaterialIcons-Regular.eot); /* For IE6-8 */ src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://example.com/MaterialIcons-Regular.woff2) format("woff2"), url(https://example.com/MaterialIcons-Regular.woff) format("woff"), url(https://example.com/MaterialIcons-Regular.ttf) format("truetype"); }

.spnav { position: fixed; top: 58px; left: 0; width: 75%; height: 450px; background-color: #000; opacity: .8; font-size: 1.8rem; line-height: 66px; font-family: teko, sans-serif; font-style: normal; font-weight: 200; text-align: center; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transform: translateX(-100%); transform: translateX(-100%); z-index: 10; }

.spnav ul { padding: 20px 40px; }

.spnav a { text-decoration: none; color: #fff; }

.pc-nav { display: none; }

.nav-open { position: fixed; top: 58px; left: 0; -webkit-transform: translateX(0); transform: translateX(0); display: block; z-index: 50; }

.btn-open { position: fixed; top: 58px; left: 0; -webkit-transform: translateX(0); transform: translateX(0); display: block; z-index: 50; }

.header_sp_nav { position: relative; width: 35px; height: 30px; margin-right: 10px; cursor: pointer; z-index: 100; }

.header_sp_nav span { position: absolute; left: 0; width: 100%; height: 4px; background-color: #fff; border-radius: 4px; }

.header_sp_nav, .header_sp_nav span { display: inline-block; -webkit-transition: all .5s; transition: all .5s; -webkit-box-sizing: border-box; box-sizing: border-box; }

.header_sp_nav span:nth-of-type(1) { top: 0; }

.header_sp_nav span:nth-of-type(2) { top: 13px; }

.header_sp_nav span:nth-of-type(3) { bottom: 0; }

/*============================= #btn01 =============================*/
.nav_line { display: block; width: 100%; height: 2px; background: #fff; -webkit-transition: .3s; transition: .3s; }

.nav_line1 { -webkit-transform: translateY(0%); transform: translateY(0%); -webkit-animation: line1_de 1s ease 0s 1 alternate; animation: line1_de 1s ease 0s 1 alternate; }

@-webkit-keyframes line1_de { 0% { -webkit-transform: translateY(750%) rotate(45deg); transform: translateY(750%) rotate(45deg); }
  10% { -webkit-transform: translateY(750%) rotate(0deg); transform: translateY(750%) rotate(0deg); }
  30% { -webkit-transform: translateY(750%) rotate(0deg); transform: translateY(750%) rotate(0deg); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

@keyframes line1_de { 0% { -webkit-transform: translateY(750%) rotate(45deg); transform: translateY(750%) rotate(45deg); }
  10% { -webkit-transform: translateY(750%) rotate(0deg); transform: translateY(750%) rotate(0deg); }
  30% { -webkit-transform: translateY(750%) rotate(0deg); transform: translateY(750%) rotate(0deg); }
  100% { -webkit-transform: translateY(0%); transform: translateY(0%); } }

.nav_line2 { opacity: 1; -webkit-transform: translateY(750%); transform: translateY(750%); -webkit-animation: line2_de 1s ease 0s 1 alternate; animation: line2_de 1s ease 0s 1 alternate; }

@-webkit-keyframes line2_de { 0% { opacity: 0; }
  90% { opacity: 1; } }

@keyframes line2_de { 0% { opacity: 0; }
  90% { opacity: 1; } }

.nav_line3 { -webkit-animation: line3_de 1s ease 0s 1 alternate; animation: line3_de 1s ease 0s 1 alternate; -webkit-transform: translateY(1500%); transform: translateY(1500%); }

.sp-nav { width: 100%; background-color: #000; opacity: .8; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; z-index: 50; }

.sp-nav h1 { z-index: 51; }

.pc-nav-header { display: none; }

#header { height: 58px; position: fixed; top: 0; -webkit-transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); transition: 0.3s cubic-bezier(0.4, 0, 0.2, 1); width: 100%; z-index: 199999; }

.head-animation { -webkit-transform: translateY(-100%); transform: translateY(-100%); }

.sp-logo { padding: .4rem 0; width: 80px; height: auto; z-index: 100; }

/* 画像スライダー */
.pc-slider { display: none; }

.sp-slider { display: block; }

.swiper-slide img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; }

.swiper-button-prev, .swiper-button-next { color: #fff; }

/*****************************************************
* top-page
******************************************************/
/*----------------------------
* bout-arms
*----------------------------*/
.about-arms p { font-size: .9rem; line-height: 1.75rem; font-family: ten-mincho-text, serif; font-style: normal; font-weight: 400; color: #707070; padding-bottom: 1.3rem; letter-spacing: .8px; }

.about-arms h4 { font-size: 1rem; color: #707070; font-family: ten-mincho-text, serif; font-style: normal; font-weight: 700; color: #707070; }

.about-setumei { padding-bottom: 2%; }

.js-scroll-fade { position: relative; opacity: 0; -webkit-transform: translate(0, 40px); transform: translate(0, 40px); -webkit-transition: all 1s cubic-bezier(0.155, 0.91, 0.695, 0.95); transition: all 1s cubic-bezier(0.155, 0.91, 0.695, 0.95); }

.js-scroll-fade.is-animation { opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

/* 750px ~ 1024px : i-pad */
@media screen and (min-width: 750px) and (max-width: 1024px) { .about-arms p { font-size: 1rem; letter-spacing: 2px; }
  .about-arms h4 { font-size: 30px; padding-bottom: 16px; }
  .fancybox-caption__body { text-align: left; width: 80%; margin: 0 auto; }
  dt { font-size: 40px; line-height: 29px; font-style: italic; }
  dd { font-size: 1rem; line-height: 1.5rem; padding-top: 22px; } }

/* 1025px以上 : pc 
------------------------------ */
@media (min-width: 1025px) { .about-arms p { font-size: 1rem; letter-spacing: 2px; line-height: 2; }
  .about-arms h4 { font-size: 36px; padding-bottom: 16px; padding-top: 20px; }
  dt { font-size: 44px; line-height: 28px; font-style: italic; }
  dd { font-size: 16px; line-height: 1.75; padding-top: 22px; } }

/*----------------------------
* menu
*----------------------------*/
.fancybox-navigation .fancybox-button--arrow_left { padding: 30px 30px 30px 0px; }

.fancybox-navigation .fancybox-button--arrow_right { padding: 30px 0px 30px 30px; }

.menu dt { font-family: rift, sans-serif; font-style: italic; line-height: .7; font-size: 2rem; color: #6A3906; color: #6A3906; border-bottom: solid 2px #6A3906; font-weight: 700; }

.menu dd { font-size: .75rem; line-height: 1.5; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; padding-top: .5rem; text-align: left; }

.menu .recomend { text-align: center; }

.menu-cate { font-family: sunflower, sans-serif; line-height: 1.25rem; font-style: normal; font-weight: 400; padding-top: 10px; }

.menu-cate img { width: 100%; }

.menu-cate figure p { font-size: .75rem; line-height: 1.25rem; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }

.menu-cate figure p:nth-child(3) { font-size: .6rem; font-weight: 400; text-align: left; }

.cate-name p { font-size: 16px; line-height: 27px; text-align: center; padding-top: 5px; }

.cate-name p:first-child { display: inline-block; padding-bottom: 5px; border-bottom: solid 2px #000; }

.thum-cap p { font-size: 16px; padding-top: 8px; }

.thum-cap p:nth-child(2) { font-size: 12px; text-align: left; }

.arrow { color: #fff; }

.fancybox-caption__body { text-align: left; }

.menu-text p { text-align: left; }

.fancybox-infobar { top: 14%; left: 85%; }

.fancybox-toolbar { top: 8%; right: 0%; }

.thum { overflow: hidden; position: relative; vertical-align: bottom; }

.thum p { font-size: 130%; color: #fff; padding-top: .5rem; text-align: center; }

.thum .mask { width: 100%; height: 20%; position: absolute; bottom: -24%; left: 0; background-color: rgba(0, 0, 0, 0.4); -webkit-transition: all 0.4s ease; transition: all 0.4s ease; vertical-align: bottom; font-family: sunflower, sans-serif; font-size: 130%; color: #fff; }

.thum:hover .mask { bottom: 5px; vertical-align: bottom; }

.thum .mask:active { background-color: #fff; }

.thum img { -webkit-transition: all 0.4s ease; transition: all 0.4s ease; }

.thum:hover img { -webkit-transform: scale(1); transform: scale(1); }

.thum-arrow-left { position: absolute; top: 50%; left: 0; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); }

.thum-arrow-right { position: absolute; top: 50%; right: 0; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); }

/*----------------------------
* shop-info sp
*----------------------------*/
.pc-img { display: none; }

.shops { margin: 30px auto; }

.shop-info dd { font-size: .75rem; line-height: 1.5; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; padding-top: .5rem; text-align: left; }

.shop-info .shop-img { position: relative; }

.shop-info .shop-img h3 { position: absolute; top: 30px; left: 30px; display: block; font-size: 2.7rem; line-height: 1; color: #fff; font-weight: 400; font-family: charcuterie-sans, sans-serif; font-weight: 700; font-style: italic; }

.shop-info .shop-img p { position: absolute; top: 116px; left: 30px; }

.shop-info .shop-img img { width: 100%; -webkit-filter: brightness(80%); filter: brightness(80%); }

.shop-info .shop-img .modal-open-btn { display: block; position: absolute; bottom: 44px; left: 30px; border: 3px solid #922707; padding: 8px 40px; background: rgba(146, 39, 7, 0.8); color: #fff; text-decoration: none; -webkit-transition: .2s all; transition: .2s all; font-size: 1rem; width: 80%; }

.shop-info .shop-img .modal-open-btn:hover { border: 3px solid #fff; color: #fff; background: none; }

figure.info-inner { font-family: 'Raleway', Arial, sans-serif; position: relative; width: 100%; color: #fff; text-align: left; font-size: 16px; }

figure.info-inner * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.5s ease; transition: all 0.5s ease; }

figure.info-inner img { max-width: 100%; -webkit-backface-visibility: hidden; backface-visibility: hidden; vertical-align: bottom; }

.ps-shop-info-wrap { margin: auto; }

.ps-shop-info-02 h5 { padding: 0; }

.ps-shop-info-02 .psbl { text-align: center; margin: auto; width: 90%; }

.ps-shop-info-02 .psbl img { width: 40%; margin: 10px; }

.psbl img:hover { opacity: 0.6; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

a { text-decoration: none; }

.grand-menu-ico { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-top: 60px; }

.grand-menu-ico img { width: 150px; height: auto; }

.ps-eatin, .ps-takeout, .deli-takeout, .deli-deli { width: 150px; text-align: center; margin: 0 auto; }

.ps-eatin p, .ps-takeout p, .deli-takeout p, .deli-deli p { font-family: source-han-sans-japanese, sans-serif; font-size: .75rem; line-height: 1.25rem; font-style: normal; font-weight: 700; padding: 20px 0; color: #164935; }

.sp-grand-menu { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

figure.info-inner figcaption { position: absolute; top: 0; left: 0; }

.apper { z-index: 10; }

figure.info-inner figcaption { width: 90%; margin: 2em 5%; }

figure.info-inner h3, figure.info-inner .links { width: 100%; margin: 5px 0; padding: 0; }

figure.info-inner h3 { line-height: 0; font-weight: 700; font-size: 1.4em; text-transform: uppercase; opacity: 0; }

figure.info-inner p { font-size: 0.7em; font-weight: 400; letter-spacing: 1px; opacity: 1; top: 0; }

figure.info-inner h3, figure.info-inner:hover p, figure.info-inner.hover p, figure.info-inner:hover i, figure.info-inner.hover i { -webkit-transform: translate(0px, 0px); transform: translate(0px, 0px); opacity: 1; }

.lunch { text-align: left; }

.lunch-img { padding: 3%; margin: 0 auto; }

.lunch-img img { width: 46%; height: auto; padding: .2rem .4rem 0 .2rem; }

.lunch-img img:hover { opacity: 0.6; -webkit-transition-duration: 0.5s; transition-duration: 0.5s; }

.drinks { padding-bottom: 30px; }

.address-cate p, .address-info p, .bikou p { font-size: .75rem; line-height: 1.25rem; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }

.address-cate p:first-child { padding-bottom: 40px; }

.shop { margin-bottom: .8rem; }

.shop-info { position: relative; }

.shop-info h2 { padding-left: 5%; }

.shop-info p { font-size: .8rem; line-height: 1.5rem; font-family: source-han-sans-japanese; font-weight: 700; padding-bottom: 2%; }

.ps-shop-info-top { position: relative; text-align: center; }

.ps-shop-info-top img { width: 100%; -webkit-filter: brightness(60%); filter: brightness(60%); }

.ps-shop-info-top h3 { font-size: .75rem; line-height: 1.3rem; font-family: lint-mccree, sans-serif; font-weight: 700; font-style: italic; font-family: cortado, sans-serif; font-style: normal; font-weight: 400; font-family: charcuterie-sans, sans-serif; font-weight: 700; font-style: italic; color: #fff; border-bottom: solid 1px #fff; display: inline; }

.ps-shop-info-top h3:first-child { font-size: 2.5rem; border: none; }

.ps-shop-info-top p { font-size: .1rem; line-height: 1.5rem; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #000; }

.ps-shop-info-top-02 { padding: 0 5px 20px; }

.psbl img, .in-shop img { -webkit-filter: brightness(100%); filter: brightness(100%); }

.ps-shop-info-bottom { position: relative; background-color: #cfceba; padding: 20px 20px 10px; }

.ps-shop-info-bottom h5 { font-size: 1.4rem; line-height: 1; }

.ps-shop-info-bottom h6 { font-size: 1rem; }

.ps-shop-info-bottom p { font-size: .75rem; line-height: 1.25rem; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }

.ps-shop-info-bottom-02 { padding: 0 5px 20px; }

.ps-shop-info-bottom a { color: blue; }

.close { background: #000; color: #fff; }

.address { position: absolute; position: relative; max-width: 100%; background-color: #fff; opacity: 1; margin-left: auto; margin-right: auto; border: solid 1px #707070; padding-top: 20px; padding-bottom: 10px; }

.address-cate { text-align: right; padding: 24px 10px 0; }

.address-info { padding: 24px 10px 0; }

.address-wrap { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; }

.in-shop a { color: #fff; margin-top: 0; }

.in-shop img { display: inline-block; width: 150px; height: 200px; margin: 3% 4%; }

.in-shop-ico { text-align: center; margin: 0 auto; padding-bottom: 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; }

.in-shop-ico img { display: inline-block; width: 100px; height: auto; padding: 1% 2%; -webkit-filter: brightness(100%); filter: brightness(100%); }

.in-shop-ico span { display: block; color: brown; margin-top: -22px; }

.grand-menu-ico img { height: 26vh; width: auto; }

.grand-menu-4 img { height: 25vh; }

.grand-menu-ico { display: none; }

.pc-ps-out img { max-width: 100%; }

.pl-05 { padding-left: 5%; }

.google-map { display: -webkit-box; display: -ms-flexbox; display: flex; }

.google-map a { font-size: .75rem; line-height: .75rem; display: inline; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; text-decoration: none; background: blue; padding: 4px 6px 6px; margin-left: 3px; color: #fff; }

.add-part { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; }

.add-left { width: 35%; text-align: right; padding: 0 10px; }

figure.info-inner .add-left p, figure.info-inner .add-right p { font-size: .6rem; font-weight: 700; }

.credit-wrap { width: 90%; margin: auto; margin-bottom: 20px; }

.credit-wrap img { width: 17%; -webkit-filter: brightness(100%); filter: brightness(100%); display: inline-block; padding: 3px; vertical-align: bottom; }

.credit-wrap p { border: #000 dotted 1px; padding: 2px 2px 2px 10px; margin: 2px; }

.ps-shop-info, .bikou { background-color: #fff; opacity: .9; padding: 20px; }

.ps-shop-info p, .bikou p { font-weight: 700; }

.ps-shop-info-wrap p { padding-bottom: 20px; }

.open-hour-tel { font-family: lint-mccree, sans-serif; font-weight: 400; font-style: italic; font-size: 1.3rem; color: #fff; }

.open-hour-tel a { text-decoration: none; color: #fff; }

.btn, .btn2, .btn-close { position: absolute; }

.btn-open { display: none; }

.deli { padding-top: 30px; }

.delivery h5 { font-size: 1rem; font-weight: 700; padding-top: 5%; }

.yen { font-size: .9rem; }

.bikou { background-color: #cfceba; }

.bikou p { padding-bottom: 20px; }

.content { margin: 0 auto; }

.box { background: #eee; height: 200px; margin-bottom: 100px; }

.modal { display: none; height: 100vh; top: 0; width: 100%; overflow-y: scroll; }

.modal__bg { background: rgba(0, 0, 0, 0.8); height: 100vh; position: absolute; width: 100%; }

.modal__content { background: rgba(0, 0, 0, 0.8); left: 50%; padding: 40px; position: absolute; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 98%; }

.modal-close-text { color: #fff; text-decoration: underline; }

#overlay, #overlay2 { display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 9; background-color: rgba(0, 0, 0, 0.75); }

.serfice { position: relative; }

.arrow-down { position: absolute; bottom: -330px; right: -24px; z-index: 100; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); font-size: 10px; display: none; }

#modal, #modal2 { display: none; position: fixed; left: 50%; top: 50%; z-index: 99; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 90%; height: 90vh; -webkit-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; }

#modal::-webkit-scrollbar { display: none; }

.active { display: block !important; }

.overflow { overflow: hidden; }

.display-none { display: none; }

.display-block { display: block; }

#close, #close2 { color: #fff; background: none; border: none; }

.ps-shop-info-wrap p { padding-bottom: 10px; }

.bikou { padding: 20px 10px 10px; }

.bikou p:nth-child(1) { padding-bottom: 20px; }

/*----------------------------
* shop-info  750px ~ 1024px : i-pad 
*----------------------------*/
@media screen and (min-width: 750px) and (max-width: 1024px) { .shop-info .shops { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px auto; }
  .shop-info dd { font-size: 1rem; line-height: 1.5rem; padding-top: 22px; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; }
  .shop-info .shop-img img { width: 90%; }
  .shop-info .shop-img h3 { font-size: 2.5rem; }
  .shop-info .shop-img p { top: 112px; }
  .shop-info .shop-img .modal-open-btn { bottom: 46px; left: 30px; width: 44%; padding: 10px; }
  .shop-info .ps-shop-info-bottom { padding: 20px 40px; }
  .shop-info .ps-shop-info-bottom h5 { font-size: 2rem; }
  .shop-info .ps-shop-info-bottom h6 { font-size: 1.3rem; }
  .shop-info .ps-shop-info-bottom p { font-size: .75rem; }
  .shop-info .pc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 10px; }
  .shop-info .middle-pc-flex { border-top: 5px dotted #4E5735; border-bottom: 5px dotted #4E5735; }
  .shop-info .ps-shop-info-02 { margin-bottom: 28px; }
  .shop-info .ps-shop-info-02 .pc-flex div { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .shop-info .ps-shop-info-02 .psbl img { width: 26%; }
  .shop-info .in-shop-ico { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 60%; padding-bottom: 0; margin: 20px auto; }
  .shop-info .in-shop-ico img { padding: 4px 20px; margin-bottom: 4px; -webkit-transition: .2s all; transition: .2s all; }
  .shop-info .in-shop-ico img:hover { opacity: .7; }
  .shop-info .in-shop-ico span { display: block; line-height: 1; }
  .shop-info .open-hour-tel { font-size: 1.5rem; line-height: 1; }
  .shop-info .address { width: 70%; padding-bottom: 20px; }
  .shop-info .bikou { padding: 20px 30px 0; }
  .shop-info .bikou p:nth-child(1) { padding-bottom: 20px; }
  .ps-shop-info-wrap p { padding-bottom: 6px; }
  .arrow-down { bottom: 30px; right: 18px; } }

/*----------------------------
* shop-info  1025px以上 : pc 
*----------------------------*/
@media (min-width: 1025px) { .shop-info .shop-img img { width: 90%; }
  .shop-info .shop-img h3 { font-size: 4.5rem; line-height: 5rem; }
  .shop-info .shop-img p { top: 196px; }
  .shop-info .shop-img .modal-open-btn { bottom: 50px; left: 30px; width: 44%; padding: 16px; }
  .shop-info .shop-img .open-hour-tel { font-size: 2rem; line-height: 1; }
  #modal { width: 80%; }
  .modal-close-text { color: #fff; text-decoration: underline; display: block; padding-left: 60px; }
  .pc-img { text-align: center; margin: 0 auto; display: none; }
  .sp-img { display: block; }
  .ps-eatin p, .ps-takeout p, .deli-takeout p, .deli-deli p { font-size: 1rem; line-height: 1.5; }
  .shop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; margin: 2%; }
  .pc-flex { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .middle-pc-flex { border-top: 5px dotted #4E5735; border-bottom: 5px dotted #4E5735; }
  .ps-shop-info-bottom p { font-size: .75rem; }
  .ps-shop-info-02 .pc-flex div { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; }
  .ps-shop-info-02 .psbl img { width: 26%; }
  .ps-shop-info-02, .bikou { margin: 30px; }
  .in-shop-ico { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; width: 60%; padding-bottom: 0; margin: 20px auto; }
  .in-shop-ico img { padding: 4px 20px; margin-bottom: 4px; -webkit-transition: .2s all; transition: .2s all; }
  .in-shop-ico img:hover { opacity: .7; }
  .in-shop-ico span { display: block; line-height: 1; }
  .ps-shop-info-top h3:first-child { font-size: 4.5rem; line-height: 4rem; }
  figure.info-inner figcaption { margin: 2em 5%; }
  figure.info-inner h3 { font-size: 4rem; line-height: 1.5; border-bottom: 2px solid #fff; }
  .accbox label { font-size: 15px; }
  figure.info-inner p { font-size: .8rem; }
  figure.info-inner .add-left p, figure.info-inner .add-right p { font-size: .8rem; }
  figure.info-inner p { line-height: 1.5rem; }
  .shibuya, .shibuya2, .setagaya { width: 18%; margin: 0 2%; }
  .shop-info { max-width: 1200px; margin: 0 auto 80px; }
  .shop-info h2 { padding-left: 0; }
  .shop-info p { font-size: .9rem; line-height: 2; }
  .in-shop { text-align: center; margin: 0 auto; padding-bottom: 2%; }
  .in-shop a { width: 48%; color: #fff; margin-top: 0; }
  .address { width: 67%; margin-left: 28px; margin-bottom: 30px; }
  .ps-shop-info-wrap p { padding-bottom: 6px; }
  #close { font-size: 16px; } }

/*----------------------------
* delivery 
*----------------------------*/
.delivery { padding: 2% 5% 0; }

.delivery p { font-size: .75rem; line-height: 1rem; font-weight: normal; }

.delivery h4 { margin-left: 5%; font-weight: 700; font-size: 1.5rem; display: inline-block; }

.delivery dd { font-size: .75rem; line-height: 1.5; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; padding-top: .5rem; text-align: left; }

.open-tel { height: 60px; padding: 1rem; border-top: 3px solid #922707; border-bottom: 3px solid #922707; background-color: #ece4cf; display: inline-block; text-align: left; }

.delivery .open-tel p { font-family: rift, sans-serif; font-weight: 700; font-style: italic; font-size: 1rem; }

.menu-tel { margin-top: 10px; }

.deli-area { border: solid 1px #000; padding: 4%; margin-top: 2%; }

.deli-area-flex ul { margin: 16px; }

.deli-area-flex ul li:first-child { font-size: 1rem; font-weight: 700; padding-bottom: 5px; }

.deli-area-flex li { font-size: .625rem; line-height: .8rem; }

.delivery p { font-size: .8rem; line-height: 1.3rem; }

.deli-area-flex li { font-size: .8rem; line-height: 1.2rem; }

.limited-area { width: 100%; }

.limited-area p { font-size: .7rem; }

.shibuya, .shibuya2, .setagaya { width: 30%; }

.limited-area-red { background: #922707; color: #fff; padding: .8rem; margin-top: 1%; }

.limited-area-red p { text-align: center; }

.hosoku ul { padding-top: .5rem; }

.hosoku li { font-size: .7rem; font-weight: normal; line-height: 1rem; padding-bottom: .5%; }

/*----------------------------
* deli-bottom
*----------------------------*/
.tel-logo { text-align: left; padding-top: 1.8rem; padding-left: 10px; }

.tel-logo a { text-decoration: none; font-size: 1.8rem; font-family: rift, sans-serif; font-weight: 700; font-style: italic; line-height: normal; color: #6A3906; padding-left: 5px; }

.deli-bottom { width: 100%; }

.deli-bottom p:nth-child(1) { font-family: rift, sans-serif; font-weight: 700; font-style: italic; line-height: normal; font-size: 1.5rem; color: #6A3906; padding: 0 0 0 5px; }

.bike { height: 100%; }

.bike img { padding-top: .5rem; }

.icon { background-color: #4E5735; height: 85px; width: 100%; }

.sns { padding-left: 2rem; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.sns img { padding-right: 1rem; }

.sns p { font-size: .75rem; line-height: 1rem; font-weight: 700; padding-right: 2rem; }

.sns { padding-left: 1rem; }

.sns-r { text-align: center; padding: 10px 10px 0 0; }

.sns-r p { font-size: .6rem; line-height: .6rem; font-weight: 700; color: #fff; }

.insta { width: 44px; }

.facebook { width: 36px; }

.demaekan img { width: 70px; padding: 10%; display: inline-block; }

.maishoku img { width: 70px; display: inline-block; padding: 0 10%; }

/*----------------------------
* footer
*----------------------------*/
footer { background-color: #44473f; color: #fff; font-size: .7rem; text-align: center; line-height: 2rem; width: 100%; }

.page-up { position: fixed; bottom: 121px; right: 0; z-index: 100; }

.page-up a { text-decoration: none; width: 70px; padding: 20px; background: #000; color: #fff; text-align: center; line-height: 1rem; opacity: .8; }

.page-up a a:link { color: #fff; }

.lunch a { text-decoration: none; }

.lunch-pop { position: relative; }

.lunch-pop span { position: absolute; top: 7.7%; left: 50%; background: #fff; font-size: 12px; line-height: 1.5; border: 1px solid; padding: 2px 10px; text-align: center; transform: translateX(-50%); -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); width: 76%; }

.lunch-pop a { color: blue; text-decoration: underline; }

.lunch-pop img { width: 100%; vertical-align: bottom; }

.lunch-pop p { font-family: source-han-sans-japanese, sans-serif; color: #fff; font-style: normal; font-weight: 700; padding-top: .5rem; text-align: left; font-size: .8rem; line-height: 1.2rem; padding: 1% 0; }

.lunch-pop-top { background-color: #4E5735; padding: 2% 3% 0; }

.lunch-pop h2 { color: #fff; padding-top: 0; }

.lunch-pop h3 { display: inline-block; padding: 1%; font-family: source-han-sans-japanese, sans-serif; color: #fff; font-style: normal; font-weight: 700; text-align: left; font-size: 1rem; line-height: 1.5rem; border: #fff solid 1px; }

.lunch-bottom { width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: rgba(156, 165, 156, 0.5); }

.lunch-bottom img { height: 100%; }

.logo-bk { width: 100px; height: auto; padding: .5rem; display: inherit; }

.grand-menu { height: 64px; padding-top: .5rem; }

.grand-menu img { width: 130px; height: auto; }

.grand-menu p { font-size: .6rem; line-height: 1rem; font-weight: 700; }

.lb-right { padding: 1% 2%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: right; }

.lb-right a { width: 73px; text-align: center; display: inline-block; text-decoration: none; color: #fff; font-size: .5rem; line-height: 1rem; font-weight: 700; padding: .4rem; background-color: #6A3906; border-bottom: solid 3px #3d2103; border-right: solid 3px #3d2103; border-radius: 3px; }

.lb-right a:active { /*ボタンを押したとき*/ -webkit-transform: translateY(3px); transform: translateY(3px); /*下に動く*/ border-bottom: none; /*線を消す*/ }

.marker { padding: 0 5px; background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, transparent), color-stop(50%, #f7e226)); background: linear-gradient(transparent 50%, #f7e226 50%); font-weight: bold; }

/*----------------------------
* news.html
*----------------------------*/
.news-page { background-image: url(../img/p0004.jpg); background-size: cover; }

.news { background-image: url(../img/IMG_5554.jpg); background-size: cover; min-width: 375px; width: 100%; }

.news-mask { height: 100%; background: rgba(41, 31, 4, 0.6); }

.news-insta { padding-top: 40px; }

.news-list { border-collapse: separate; border-spacing: 0px; padding-bottom: 10px; }

.news-list th { font-size: 14px; line-height: normal; width: 25%; padding: 10px; text-align: left; vertical-align: top; color: #fff; }

.news-list td { font-size: 14px; color: #fff; line-height: normal; padding: 10px; }

.news-list td a { text-decoration: underline; color: paleturquoise; }

.bg h2 { font-weight: 200; color: #fff; padding-top: 5rem; }

.bg p { font-size: 14px; line-height: 1.5; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 700; color: #fff; padding-bottom: 2rem; }

.bg li { font-size: .75rem; line-height: 1rem; font-family: source-han-sans-japanese, sans-serif; font-style: normal; font-weight: 400; color: #fff; padding-bottom: 2rem; }

.bg .article li { padding-bottom: 2rem; }

.date { padding-right: .8rem; }

.date ul { width: 20%; }

/*----------------------------
* info.html
*----------------------------*/
.info { background-image: url(../img/deli00-01.jpg); background-size: cover; background-position: 90% 0; min-width: 375px; width: 100%; height: 520px; }

.info h2 { padding-top: 30px; }

.info p { font-size: 14px; font-weight: normal; line-height: 1.5; }

.info span { font-size: 16px; font-weight: bold; padding-bottom: 5px; }

.info a { color: paleturquoise; text-decoration: underline; }

.info-mask { height: 100%; background: rgba(19, 36, 25, 0.6); }

.info-list { border-collapse: separate; border-spacing: 0px; padding-bottom: 10px; }

.info-list th { font-size: 14px; line-height: normal; width: 25%; padding: 10px; text-align: left; vertical-align: top; color: #fff; }

.info-list td { font-size: 14px; color: #fff; line-height: normal; padding: 10px; }

/*----------------------------
* recruit 
*----------------------------*/
.recruit { background-image: url(../img/recluit02.jpg); background-size: cover; background-position: 90% 70%; min-width: 375px; width: 100%; height: 720px; }

.recruit h2 { color: #fff; padding-top: 2rem; }

.recruit .article li { padding-bottom: 2rem; color: #fff; }

.recruit p { color: #fff; }

.recruit a { color: paleturquoise; text-decoration: underline; }

.recruit-mask { height: 100%; background: rgba(51, 50, 51, 0.6); }

.part-time { padding-top: 10px; }

.date ul { width: 20%; }

.date p { display: inline-block; }

.apply p { border: solid 1px #fff; display: inline-block; padding-bottom: 0; padding: .5rem; }

.treatment { border-collapse: separate; border-spacing: 0px; padding-bottom: 10px; }

.treatment th { width: 25%; padding: 10px; line-height: 2; font-size: 14px; text-align: left; vertical-align: top; color: #fff; background: rgba(250, 250, 250, 0.1); border-bottom: 1px solid #ccc; }

.treatment td { color: #fff; line-height: normal; padding: 10px; font-size: 14px; line-height: 2; background: rgba(250, 250, 250, 0.2); border-bottom: 1px solid #ccc; }

.treatment .g-menu h1 { background: #4d533c; margin: auto; }

/* 750px ~ 1024px : i-pad */
@media screen and (min-width: 750px) and (max-width: 1024px) { /*---------------------------- 共通 ----------------------------*/
  h2 { font-size: 90px; padding-bottom: 15px; }
  .sp-slider { display: none; }
  .pc-slider { display: block; }
  .c-padding { padding: 2% 10% 5%; }
  .spnav, .header_sp_nav { display: none; }
  .sp-nav { display: none; }
  .pc-nav-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #000; opacity: .7; z-index: 51; }
  .pc-nav-header h1 { display: inline-block; }
  .pc-nav { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .9; font-family: teko, sans-serif; font-size: 1.8rem; font-style: normal; font-weight: 200; z-index: 51; padding-right: 1rem; }
  .pc-nav ul { min-width: 700px; -ms-flex-pack: distribute; justify-content: space-around; padding-top: .8%; }
  .pc-nav a { text-decoration: none; color: #fff; }
  .hover-line a { position: relative; display: inline-block; line-height: 20px; -webkit-transition: .3s; transition: .3s; }
  .hover-line a::after { position: absolute; bottom: -5px; left: 50%; content: ''; width: 0; height: 3px; background-color: #ffffff; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .hover-line a:hover::after { width: 100%; }
  .sp-img { display: block; }
  .pc-img { display: none; }
  .thum .thum-arrow-left, .thum .thum-arrow-right { display: none; }
  .swiper-slide img { width: 100%; height: auto; -o-object-fit: cover; object-fit: cover; }
  /*---------------------------- shop-info ----------------------------*/
  .shop-info p { font-size: 1rem; }
  .shop-info h2 { padding-left: 5%; }
  .shop-info dd { font-size: 0.9rem; }
  /*---------------------------- menu ----------------------------*/
  .menu dt { font-size: 2.5rem; }
  .menu dd { font-size: .9rem; }
  .cate-name p { font-size: 27px; line-height: 38px; text-align: center; }
  .fancybox-toolbar { top: 8%; right: 0%; }
  .fancybox-infobar { top: 14%; left: 90%; }
  .lunch-img { padding: 3%; text-align: center; margin: 0 auto; }
  .lunch-img img { width: 25%; height: auto; padding: 1rem; }
  .grand-menu-ico img { height: 26vh; }
  .lunch-box { background-image: url(/img/p0004.jpg); }
  .lunch-pop { font-size: 1rem; }
  .lunch-pop-top { padding: 2% 3% 0; }
  .lunch-pop-top p { font-size: 1rem; line-height: 1.5rem; padding: 1% 0; }
  .lunch-pop h2 { color: #fff; padding-top: 0; font-size: 6rem; padding: 3% 0; }
  .lunch-pop h3 { font-size: 1.2rem; line-height: 1.5rem; }
  .shop { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-pack: distribute; justify-content: space-around; }
  .thum img { max-width: 70%; }
  .thum .mask { height: 15%; max-width: 70%; left: 15%; }
  .thum-cap p:nth-child(2) { width: 70%; padding-left: 15%; }
  .ps-shop-info-top h3:first-child { font-size: 3rem; line-height: 1rem; }
  figure.info-inner figcaption { margin: 2rem 5%; }
  figure.info-inner h3 { font-size: 4rem; line-height: 1.5; border-bottom: 2px solid #fff; }
  .accbox label { font-size: 15px; }
  figure.info-inner p { font-size: .8rem; }
  figure.info-inner .add-left p, figure.info-inner .add-right p { font-size: .8rem; }
  figure.info-inner p { line-height: 1.5rem; }
  .in-shop { text-align: center; margin: 0 auto; padding-bottom: 2%; }
  .in-shop a { width: 48%; color: #fff; margin-top: 0; }
  .in-shop .scale { width: 25%; }
  .grand-menu-ico { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sp-grand-menu { display: none; }
  figure.grand-menu-img { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; margin: 10px; min-width: 220px; max-width: 310px; max-height: 310px; background: #000000; color: #ffffff; text-align: left; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  figure.grand-menu-img * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  figure.snip1141 img { max-width: 100%; position: relative; opacity: 0.9; }
  figure.grand-menu-img .circle { position: relative; height: 55px; width: 55px; top: 0%; left: 0%; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; text-align: center; }
  figure.grand-menu-img .circle:before, figure.grand-menu-img .circle:after { border: 2px solid white; border-right-color: transparent; position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  figure.grand-menu-img .circle:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  figure.grand-menu-img .circle:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  figure.grand-menu-img figcaption { position: absolute; top: 20px; left: 20px; display: block; width: 100%; height: 150px; overflow: hidden; }
  figure.grand-menu-img h2 { font-size: 32px; position: absolute; margin: 0; text-transform: uppercase; font-weight: 300; letter-spacing: -1px; line-height: 55px; top: 0%; left: 0%; width: 100%; padding: 0 20px; opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  figure.grand-menu-img .icon { overflow: hidden; width: 100%; position: absolute; }
  figure.grand-menu-img i { color: white; font-size: 48px; line-height: 55px; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  figure.grand-menu-img a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; }
  figure.grand-menu-img:hover .circle, figure.grand-menu-img.hover .circle { background-color: rgba(0, 0, 0, 0); }
  figure.grand-menu-img:hover .circle:before, figure.grand-menu-img.hover .circle:before, figure.grand-menu-img:hover .circle:after, figure.grand-menu-img.hover .circle:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-delay: 0s; transition-delay: 0s; }
  figure.grand-menu-img:hover h2, figure.grand-menu-img.hover h2 { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(0); transform: translateX(0); }
  figure.grand-menu-img:hover img, figure.grand-menu-img.hover img { opacity: 0.35; -webkit-transform: scale(1.1); transform: scale(1.1); }
  figure.grand-menu-img:hover i, figure.grand-menu-img.hover i { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; }
  /* Demo purposes only */
  html { height: 100%; }
  body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0; height: 100%; }
  .open-hour-tel { font-size: 2rem; color: #fff; }
  .open-hour-tel a { text-decoration: none; color: #fff; }
  .delivery dd { font-size: .9rem; }
  .delivery p { font-size: 1rem; line-height: 1.5rem; }
  .delivery .grand-menu-ico { margin-top: 0; }
  .delivery .open-tel { height: 106px; }
  .delivery .open-tel p { font-size: 1.3rem; line-height: 36px; text-align: right; }
  .deli-area { border: solid 1px #000; width: 80%; margin: 5% auto 0; }
  .shibuya, .shibuya2, .setagaya { width: 18%; margin: 0 auto; }
  .limited-area { width: 80%; margin: 0 auto; }
  .limited-area li, .hosoku li { text-align: left; font-size: .8rem; line-height: 1.1rem; }
  .limited-area-red p { text-align: center; font-size: .9rem; line-height: 1.3rem; }
  .tel-logo { padding-left: 30px; }
  .tel-logo a { font-size: 2.3rem; }
  .deli-bottom p:nth-child(1) { font-size: 1.8rem; }
  .bike { height: 100%; width: 20%; padding-top: 2%; }
  .icon { padding: 0 2%; }
  .insta { width: 60px; }
  .facebook { width: 50px; }
  .sns-r { text-align: center; padding: 20px 20px 0 0; }
  .sns-r p { font-size: .6rem; line-height: .7rem; font-weight: 700; color: #fff; }
  /*---------------------------- lunch-weekend.html ----------------------------*/
  .lunch-pop span { font-size: .9rem; padding: 6px; width: 56%; }
  /*---------------------------- news page html ----------------------------*/
  .bg p { line-height: 1.5; }
  .bg li { font-size: 1rem; }
  .news { height: 1120px; }
  .news-list th { width: 18%; }
  .g-menu h1 { background: #4d533c; font-size: 2rem; line-height: 2.5rem; margin: auto; }
  .info h2 { padding-top: 40px; } }

/*----------------------------
* 1025px以上 : pc
*----------------------------*/
@media (min-width: 1025px) { /*----------------------------
* 共通
*----------------------------*/
  .c-padding { padding: 2% 20% 5%; margin: auto; }
  .c-padding2 { padding: 2% 10% 5%; }
  .sp-slider { display: none; }
  .pc-slider { display: block; }
  .thum .thum-arrow-left, .thum .thum-arrow-right { display: none; }
  .g-menu h1 { background: #4d533c; font-size: 2rem; line-height: 2.5rem; margin: auto; }
  .drinks { margin-bottom: 90px; }
  .spnav, .header_sp_nav { display: none; }
  .sp-nav { display: none; }
  .pl-05 { padding-left: 0; }
  .pc-nav-header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; background-color: #000; opacity: .7; z-index: 51; }
  .pc-nav-header h1 { display: inline-block; }
  .pc-nav { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; opacity: .9; font-family: teko, sans-serif; font-size: 1.8rem; font-style: normal; font-weight: 200; z-index: 51; padding-right: 1rem; }
  .pc-nav ul { min-width: 700px; -ms-flex-pack: distribute; justify-content: space-around; padding-top: .8%; }
  .pc-nav a { text-decoration: none; color: #fff; }
  .hover-line a { position: relative; display: inline-block; line-height: 20px; -webkit-transition: .3s; transition: .3s; }
  .hover-line a::after { position: absolute; bottom: -5px; left: 50%; content: ''; width: 0; height: 3px; background-color: #ffffff; -webkit-transition: .3s; transition: .3s; -webkit-transform: translateX(-50%); transform: translateX(-50%); }
  .hover-line a:hover::after { width: 100%; }
  /*---------------------------- about-arms  ----------------------------*/
  h2 { font-size: 100px; padding-top: 46px; padding-bottom: 15px; }
  /*---------------------------- menu ----------------------------*/
  .menu dt { font-size: 3rem; }
  .menu dd { font-size: 1rem; }
  .cate-name { padding: 20px 0 40px; }
  .cate-name p { font-size: 28px; line-height: 27px; text-align: center; padding-top: 15px; }
  .cate-name p:first-child { display: inline-block; padding-bottom: 13px; border-bottom: solid 2px #000; }
  .menu-cate figure p { font-size: 18px; padding-bottom: 10px; line-height: 1.75; }
  .lunch-img { padding: 0; }
  .lunch-img img { width: 27%; padding: 1rem; }
  .grand-menu-ico img { height: 40vh; }
  .grand-menu-ico { margin-bottom: 60px; }
  .thum-cap p:nth-child(2) { font-size: 12px; line-height: 1.75; }
  .thum .mask { height: 15%; max-width: 70%; left: 15%; }
  .granf-menu dt { font-size: 44px; }
  .granf-menu dd { font-size: 16px; }
  .thum img { max-width: 70%; }
  .thum-cap { max-width: 70%; margin: 0 auto; }
  .thum-cap p:nth-child(2) { text-align: center; }
  .thum .mask { height: 15%; max-width: 70%; }
  .fancybox-toolbar { top: 8%; right: 0%; }
  .fancybox-infobar { top: 14%; left: 92%; }
  .lunch-pop-top p { font-size: 1rem; line-height: 1.5rem; padding: 1% 0; }
  .lunch-pop h2 { color: #fff; padding-top: 0; font-size: 6rem; padding: 3% 0; }
  .lunch-pop h3 { font-size: 1.2rem; line-height: 1.5rem; }
  /*---------------------------- shop-info ----------------------------*/
  .shops { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px auto; }
  .shop-info dd { font-size: 1rem; }
  /*---------------------------- delivery ----------------------------*/
  .scale { width: 25%; }
  .delivery { padding: 0; max-width: 1200px; margin: auto; }
  .delivery h4 { font-size: 2rem; }
  .delivery h5 { font-size: 1.6rem; }
  .delivery dd { font-size: 1rem; }
  .delivery p { font-size: 1rem; line-height: 1.5rem; }
  .delivery .open-tel p { font-size: 1.3rem; line-height: 36px; text-align: right; font-weight: 400; font-size: 1.5rem; text-align: right; }
  .open-tel { height: 110px; }
  .deli-area-flex li { font-size: 1rem; line-height: 1.5; }
  .deli-area-flex ul li:first-child { font-size: 1.3rem; font-weight: 700; padding-bottom: 5px; }
  .deli-area { max-width: 1000px; margin: 2% auto; }
  .limited-area { width: 80%; margin: 0 auto; }
  .limited-area p { font-size: 1.2rem; line-height: 2; }
  .limited-area-red p { text-align: center; }
  .hosoku li { text-align: left; font-size: 1rem; line-height: 1.5; }
  .deli-bottom { width: 80%; }
  .pc-img { display: block; }
  .sp-img { display: none; }
  .yen { font-size: 1.3rem; }
  .tel-logo { padding-left: 45px; }
  .tel-logo a { font-size: 2.3rem; }
  .deli-bottom p:nth-child(1) { font-size: 1.8rem; }
  .bike { height: 100%; width: 20%; padding-top: 2%; }
  .icon { padding: 0 2%; }
  .icon-inner { width: 80%; margin: auto; }
  .sns-r { text-align: center; padding: 20px 20px 0 0; }
  .sns-r p { font-size: .6rem; line-height: .7rem; font-weight: 700; color: #fff; }
  .insta { width: 60px; }
  .facebook { width: 50px; }
  .demaekan img { width: 100px; }
  .maishoku img { width: 100px; }
  .news { height: 1050px; }
  .info h2 { padding-top: 60px; }
  /*---------------------------- lunch-weekend.html ----------------------------*/
  .lunch-pop span { font-size: 1rem; padding: 6px; top: 8.4%; width: 40%; }
  /* Icon set - http://ionicons.com/ */
  
  
  .grand-menu-ico { display: block; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
  .sp-grand-menu { display: none; }
  figure.grand-menu-img { font-family: 'Raleway', Arial, sans-serif; position: relative; overflow: hidden; margin: 10px; min-width: 220px; max-width: 310px; max-height: 310px; width: 100%; background: #000000; color: #ffffff; text-align: left; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); box-shadow: 0 0 5px rgba(0, 0, 0, 0.15); }
  figure.grand-menu-img * { -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
  figure.snip1141 img { max-width: 100%; position: relative; opacity: 0.9; }
  figure.grand-menu-img .circle { position: relative; height: 55px; width: 55px; top: 0%; left: 0%; background-color: rgba(0, 0, 0, 0.4); border-radius: 50%; text-align: center; }
  figure.grand-menu-img .circle:before, figure.grand-menu-img .circle:after { border: 2px solid white; border-right-color: transparent; position: absolute; content: ''; height: 100%; width: 100%; top: 0; left: 0; border-radius: 50%; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.35s ease-in-out; transition: all 0.35s ease-in-out; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  figure.grand-menu-img .circle:before { -webkit-transform: rotate(45deg); transform: rotate(45deg); }
  figure.grand-menu-img .circle:after { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
  figure.grand-menu-img figcaption { position: absolute; top: 20px; left: 20px; display: block; width: 100%; height: 150px; overflow: hidden; }
  figure.grand-menu-img h2 { font-size: 32px; position: absolute; margin: 0; text-transform: uppercase; font-weight: 300; letter-spacing: -1px; line-height: 55px; top: 0%; left: 0%; width: 100%; padding: 0 20px; opacity: 0; -webkit-transform: translateX(-10%); transform: translateX(-10%); }
  figure.grand-menu-img .icon { overflow: hidden; width: 100%; position: absolute; }
  figure.grand-menu-img i { color: white; font-size: 48px; line-height: 55px; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; }
  figure.grand-menu-img a { left: 0; right: 0; top: 0; bottom: 0; position: absolute; z-index: 1; }
  figure.grand-menu-img:hover .circle, figure.grand-menu-img.hover .circle { background-color: rgba(0, 0, 0, 0); }
  figure.grand-menu-img:hover .circle:before, figure.grand-menu-img.hover .circle:before, figure.grand-menu-img:hover .circle:after, figure.grand-menu-img.hover .circle:after { -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition-delay: 0s; transition-delay: 0s; }
  figure.grand-menu-img:hover h2, figure.grand-menu-img.hover h2 { opacity: 1; -webkit-transition-delay: 0.3s; transition-delay: 0.3s; -webkit-transform: translateX(0); transform: translateX(0); }
  figure.grand-menu-img:hover img, figure.grand-menu-img.hover img { opacity: 0.35; -webkit-transform: scale(1.1); transform: scale(1.1); }
  figure.grand-menu-img:hover i, figure.grand-menu-img.hover i { opacity: 0; -webkit-transition-delay: 0s; transition-delay: 0s; }
  /* Demo purposes only */
  body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-flow: wrap; flex-flow: wrap; margin: 0; } }
/*# sourceMappingURL=style.min.css.map */