@charset "UTF-8";
/*=============================================
 * body
 *=============================================*/
body {
  background: url("../img/shared/body_bg.jpg") repeat center top;
  color: #000;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: normal;
  font-size: 14px;
  line-height: 27px;
  letter-spacing: 0;
  min-width: inherit;
  max-height: 100%;
  cursor: auto;
  text-align: justify; }

.navOpen {
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; }

.navOpen #pagetop {
  z-index: -1; }

body.navOpen,
body.navOpen *,
body.navOpen *:hover,
body.navOpen *:focus,
body.navOpen *:active {
  touch-action: none !important;
  pointer-events: none !important; }

body.navOpen .hamburger,
body.navOpen #menu_toggle,
body.navOpen #menu_toggle * {
  touch-action: auto !important;
  pointer-events: visible !important; }

.fnt-mincho {
  font-family: 'Sawarabi Mincho', sans-serif; }

.fnt-meiryo {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴシックPro", "ＭＳ ゴシック", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

.fnt-gothic {
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif; }

.fnt-eng {
  font-family: Georgia, "Times New Roman", Times, "serif"; }

.fnt-zen-kaku-gothic {
  font-family: "Zen Kaku Gothic New", sans-serif; }

.block::after {
  clear: both;
  content: "";
  display: block; }

.txt-center {
  text-align: center; }

.txt_b {
  font-weight: bold; }

a:hover {
  text-decoration: none; }

.brk {
  display: inline-block; }

img {
  width: 100%;
  height: auto; }

/*=============================================
 * header
 *=============================================*/
header {
  background: url("../img/shared/ft_bg.jpg") repeat center top;
  color: #fff; }
  header .wrap {
    padding: 2vw 4vw 4vw; }

header .logo {
  width: 50%; }

header h1 {
  font-size: 10px;
  line-height: 15px; }

/*====================== nav ====================== */
header .menu_toggle {
  width: 100%;
  height: 100vh;
  background: url("../img/shared/ft_bg.jpg") repeat center top;
  color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  transition: all 0.3s linear;
  padding: 50px 8vw 150px;
  opacity: 0;
  visibility: hidden; }

#menu_toggle li {
  transform: matrix(1, 0, 0, 1, 0, -20);
  transition: all ease 0.5s 0.3s;
  opacity: 0;
  text-align: center; }
  #menu_toggle li a {
    color: #fff;
    font-size: 15px;
    line-height: 30px;
    background: url("../img/shared/nav-on.png") no-repeat center bottom/auto 0;
    padding: 0 0 10px; }
    #menu_toggle li a span {
      color: #9f5d40; }
    #menu_toggle li a.curent {
      color: #bc9144;
      background-size: auto 15px;
      margin-bottom: 10px; }

#menu_toggle li.line {
  padding-top: 15px; }

#menu_toggle li.line img {
  width: auto;
  max-width: 100%; }

.navOpen #menu_toggle {
  opacity: 1;
  visibility: visible;
  pointer-events: visible; }

.navOpen #menu_toggle li {
  opacity: 1;
  transform: matrix(1, 0, 0, 1, 0, 0); }

.hamburger {
  color: #fff;
  position: fixed;
  top: 4vw;
  right: 4vw;
  z-index: 101;
  padding: 0 0 14px; }

.hamburger:after {
  font-size: 11px;
  content: 'MENU';
  position: absolute;
  bottom: 4px;
  right: 0;
  left: 0px;
  text-align: center;
  line-height: 1; }

.navOpen .hamburger:after {
  content: 'CLOSE'; }

/*====================== end nav ====================== */
/*====================== header key ====================== */
#key {
  background: url("../img/shared/key-border.jpg") repeat-x center bottom/auto 20px;
  padding-bottom: 20px; }

/*====================== end nav ====================== */
section {
  overflow: hidden; }

/*=============================================*/
/*                   　footer　　　　　          */
/*=============================================*/
footer {
  background: url("../img/shared/ft_bg.jpg") center top repeat;
  color: #fff;
  font-size: 14px;
  line-height: 24px;
  padding-top: 12vw;
  padding-bottom: 80px;
  text-align: center;
  position: relative; }
  footer:after {
    content: '';
    width: 100%;
    height: 35px;
    background: url("../img/shared/ft_line.png") repeat center top/auto 100%;
    position: absolute;
    top: 0;
    left: 0; }

footer .tel {
  padding: 2vw 0; }

footer .shopinfo {
  position: relative;
  padding-bottom: 2vw; }

#socialbuttons {
  padding-top: 5vw; }

footer .nav {
  display: flex;
  flex-wrap: wrap;
  padding-top: 8vw; }
  footer .nav li {
    box-sizing: border-box;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    flex: 1 0 50%;
    margin-bottom: -1px; }
    footer .nav li:nth-child(even) {
      border-left: 1px solid #fff; }
    footer .nav li a {
      display: block;
      padding: 10px; }

footer address {
  background: url("../img/shared/address.jpg") repeat center top;
  /*line-height: 50px;*/
  color: #8b6f64;
  font-size: 10px;
  letter-spacing: 0px;
  text-align: center;
  margin-top: 4vw; }

footer address a{
 font-size: 10px;
 color: #8b6f64;
 display: block;
 text-decoration: none;
}



/*====================== ft_fixed ====================== */
#ft_fixed {
  background: url("../img/shared/ft_bg.jpg") repeat center top;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99; }

.navOpen #ft_fixed {
  display: none; }

.has_nav #ft_fixed {
  opacity: 1;
  visibility: visible; }

.ft_fixed_shared {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-flow: row;
  text-align: center;
  width: 100%;
  border-top: 1px solid #fff;
  z-index: 100; }

.ft_fixed_shared li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 25%;
  color: #fff; }
  .ft_fixed_shared li + li {
    border-left: 1px solid #fff; }
  .ft_fixed_shared li a {
    display: block;
    font-size: 18px;
    line-height: 20px;
    padding: 12px 0; }
    .ft_fixed_shared li a i {
      display: block;
      width: 30px;
      height: 30px;
      font-size: 25px;
      line-height: 1;
      margin: 0 auto 5px; }

#pagetop {
  width: 60px;
  bottom: 90px;
  right: 10px; }

.navOpen #ft_fixed,
.navOpen #pagetop {
  display: none; }

/* iPhone X */
@media only screen and (max-width: 767px) and (min-device-width: 375px) and (min-device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait) {
  footer {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px); }

  #ft_fixed {
    padding-bottom: calc(env(safe-area-inset-bottom) - 0px); }

  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 90px); } }
/* iPhone XR */
@media only screen and (max-width: 767px) and (min-device-width: 414px) and (min-device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait) {
  footer {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px); }

  #ft_fixed {
    padding-bottom: calc(env(safe-area-inset-bottom) - 0px); }

  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 90px); } }
/* iPhone 11 */
@media only screen and (max-width: 767px) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) {
  footer {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px); }

  #ft_fixed {
    padding-bottom: calc(env(safe-area-inset-bottom) - 0px); }

  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 90px); } }
@media only screen and (max-width: 767px) and (device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) {
  footer {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px); }

  #ft_fixed {
    padding-bottom: calc(env(safe-area-inset-bottom) - 0px); }

  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 90px); } }
@media only screen and (max-width: 767px) and (device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) {
  footer {
    padding-bottom: calc(env(safe-area-inset-bottom) + 80px); }

  #ft_fixed {
    padding-bottom: calc(env(safe-area-inset-bottom) - 0px); }

  #pagetop {
    bottom: calc(env(safe-area-inset-bottom) + 90px); } }
/*=============================================*/
/* custom
/*=============================================*/
.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.link-archo li {
  width: 49%;
  float: left;
  color: #fff;
  padding: 10px 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center; }

.botan {
  color: #fff;
  padding: 5px 13px !important;
  margin-bottom: 0; }

.btn_pc {
  text-align: center;
  border: 1px solid #000;
  color: #000;
  position: relative;
  display: none; }

.btn_pc:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  margin: 0;
  border-bottom: 10px solid;
  border-left: 10px solid transparent; }

.btn_pc a {
  display: block;
  padding: 10px 0; }

.btn_pc a:before {
  padding-right: 5px; }

.js_full .bx-viewport {
  overflow: visible !important;
  padding: 0 5%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.js_full_ext {
  padding-left: 0; }

.js_full_ext .js_in {
  padding-left: 5%; }

.js_full_ext img {
  width: 90%; }

.js_full_ext .bx-prev {
  display: none; }

.js_full_ext .bx-next {
  right: -18%; }

.wrap {
  padding: 0 4vw; }

.cl_red {
  color: #E4070B; }

.fz-10 {
  font-size: 10px; }

.fz-12 {
  font-size: 12px; }

.fz-14 {
  font-size: 14px; }

.fz-16 {
  font-size: 16px; }

.fz-18 {
  font-size: 18px; }

.fz-20 {
  font-size: 20px; }

.fz-22 {
  font-size: 22px; }

.fz-24 {
  font-size: 24px; }

.fz-26 {
  font-size: 26px; }

.fz-28 {
  font-size: 28px; }

.fz-30 {
  font-size: 30px; }

.toggle .accor4:after {
  color: #000;
  display: block;
  position: static;
  margin-top: 0; }

.pop_icon i {
  display: block; }

.padd_wrap {
  padding-left: 3%;
  padding-right: 3%; }

.pb4vw {
  padding-bottom: 4vw; }

.txt-c {
  text-align: center; }

.menu-list dl {
  display: flex;
  gap: 2vw;
  background: url("../img/menu/dl_li.png") repeat-x center bottom;
  padding: 12px 0; }
  .menu-list dl dt {
    flex: 1 0 55%; }
  .menu-list dl dd {
    color: #c5a639;
    text-align: right; }
.menu-list .f_ico {
  color: #c9503d; }

.slick-dots {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vw; }
  .slick-dots li {
    width: 4vw;
    height: 4vw; }
  .slick-dots button {
    display: block;
    width: 100%;
    height: 100%;
    border: 1px solid #693722;
    background-color: #fff;
    border-radius: 50%;
    font-size: 0; }
  .slick-dots .slick-active button {
    background-color: #693722; }

.slick-arrow {
  display: block;
  border: 0;
  background-color: transparent;
  font-size: 0;
  position: absolute;
  top: 80%;
  z-index: 1; }
  .slick-arrow:after {
    content: '\e829';
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    line-height: 20px;
    color: inherit;
    font-size: 6vw;
    color: #693722; }

.slick-prev {
  left: 0; }
  .slick-prev:after {
    content: "\e82a"; }

.slick-next {
  right: 0; }
  .slick-next:after {
    content: "\e82b"; }

/*=============================================
 * contents
 *=============================================*/
#index #onlineshop {
  background: url("../img/shared/bg-wood.jpg") repeat center top;
  color: #fff;
  padding: 12vw 0; }
  #index #onlineshop .btn-link a {
    display: block;
    font-size: 4.8vw;
    font-weight: 700;
    line-height: 1;
    display: block;
    letter-spacing: 0.05em;
    text-align: center;
    padding: 7.5vw 0 7vw;
    color: #fff;
    background: #e72e2e;
    text-decoration: none; }
#index .btn_recruit {
  padding: 12vw 4vw 0; }
  #index .btn_recruit a {
    display: block;
    padding: 10vw 0;
    background: #910000;
    color: #fff;
    font-size: 6.4vw;
    text-align: center;
    box-shadow: 0 0 10px 2px rgba(0, 0, 0, 0.45);
    letter-spacing: 0.2em;
    line-height: 1;
    box-sizing: border-box;
    -moz-transition: opacity 0.35s ease;
    -o-transition: opacity 0.35s ease;
    -webkit-transition: opacity 0.35s ease;
    transition: opacity 0.35s ease; }
#index #sec1 .bnr {
  margin-bottom: -16vw;
  position: relative;
  z-index: 1; }
#index #sec2 {
  background: url("../img/index/sec2-deco.png") no-repeat center bottom/100% auto;
  padding-bottom: 16vw; }
  #index #sec2 .slider-scroll {
    padding-top: 8vw; }
    #index #sec2 .slider-scroll .slick-list {
      overflow: visible; }
#index #sec3 {
  background: url("../img/index/sec3-deco.png") no-repeat center bottom/100% auto;
  padding-bottom: 16vw; }
  #index #sec3 .bnr {
    margin-bottom: -55vw;
    position: relative;
    z-index: 1; }
#index #sec4 {
  padding-bottom: 16vw; }
  #index #sec4 .banner li:nth-child(1) {
    position: relative;
    z-index: 1; }
  #index #sec4 .banner li:nth-child(2) {
    margin: -15vw 0 -13vw; }
#index #sec5 {
  padding-bottom: 16vw; }
  #index #sec5 .feed .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5%; }
    #index #sec5 .feed .item + .item {
      margin-top: 6vw; }
    #index #sec5 .feed .item .photo {
      width: 45%; }
      #index #sec5 .feed .item .photo a {
        display: block;
        padding-top: 100%;
        position: relative; }
        #index #sec5 .feed .item .photo a span {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }
    #index #sec5 .feed .item dl {
      width: 50%;
      line-height: 24px; }
      #index #sec5 .feed .item dl .time {
        color: #ea4141; }
      #index #sec5 .feed .item dl .title {
        font-weight: bold; }
      #index #sec5 .feed .item dl .txt a {
        color: #ea4141; }
#index #gmap {
  width: 100%;
  height: 480px;
  background: url("../img/index/gmap-border-img.png") repeat-x center top/auto 15px;
  padding-top: 15px;
  position: relative; }
  #index #gmap iframe {
    display: block;
    width: 100%;
    height: 100%; }

#about #sec1 {
  padding: 12vw 0; }
#about #sec2 {
  background: url("../img/about/line.png") repeat-x center top/auto 28px;
  padding: 12vw 0 16vw; }
  #about #sec2 h2 {
    margin-bottom: -7vw;
    position: relative;
    z-index: 1; }
#about #sec3 {
  padding-bottom: 12vw; }
#about #sec4 {
  padding-bottom: 16vw; }
  #about #sec4 .feed .item {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5%; }
    #about #sec4 .feed .item + .item {
      margin-top: 6vw; }
    #about #sec4 .feed .item .photo {
      width: 45%; }
      #about #sec4 .feed .item .photo a {
        display: block;
        padding-top: 100%;
        position: relative; }
        #about #sec4 .feed .item .photo a span {
          width: 100% !important;
          height: 100% !important;
          position: absolute;
          top: 0;
          left: 0; }
    #about #sec4 .feed .item dl {
      width: 50%;
      line-height: 24px; }
      #about #sec4 .feed .item dl .time {
        color: #ea4141; }
      #about #sec4 .feed .item dl .title {
        font-weight: bold; }
      #about #sec4 .feed .item dl .txt a {
        color: #ea4141; }
#about #sec5 {
  height: 100vw;
  background: url(../img/about/line2.png) repeat-x center top/auto 25px;
  padding-top: 14px;
  position: relative; }
  #about #sec5 .bg-parallax {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1; }
#about #sec6 {
  background: url(../img/about/line2.png) repeat-x center top/auto 25px;
  padding-top: 14px; }
  #about #sec6 .block1 {
    padding: 12vw 0; }
  #about #sec6 .block2 {
    background: url("../img/about/sec6-photo2.jpg") no-repeat center top/cover;
    color: #fff;
    padding: 12vw 0; }
  #about #sec6 .block3 {
    background: url("../img/about/sec6-photo3.jpg") no-repeat center top/cover;
    color: #fff;
    padding: 12vw 0; }

#menu #sec1 {
  padding-bottom: 16vw; }
  #menu #sec1 ul {
    display: flex; }
#menu #sec2 {
  background: url("../img/about/line2.png") repeat-x center top/auto 25px, url("../img/menu/sec2-bg-img.jpg") no-repeat center top/cover;
  padding: 20vw 0 16vw; }
  #menu #sec2 .block {
    background: url("../img/menu/box_bg.jpg") repeat center top;
    border-radius: 10px;
    box-shadow: 0px 0px 8px #2d2c2c;
    padding: 6vw 4vw 4vw;
    position: relative; }
  #menu #sec2 .mark {
    width: 100%;
    position: absolute;
    top: -10vw;
    left: 0; }
  #menu #sec2 .slider-fade .slide dl {
    padding: 0 8vw; }
#menu #sec3 {
  background: url("../img/shared/bg01.jpg") repeat center top;
  padding: 16vw 0; }
  #menu #sec3 .block {
    background: url("../img/menu/box_bg.jpg") repeat center top;
    border-radius: 10px;
    padding: 10vw 4vw 4vw;
    position: relative; }
  #menu #sec3 .mark {
    position: absolute;
    top: -14vw;
    right: -4vw;
    left: -4vw; }
#menu #sec4 {
  background: url("../img/menu/sec4-bg-img.png") no-repeat center top/cover;
  padding: 16vw 0; }
  #menu #sec4 .block {
    background: url("../img/menu/box_bg.jpg") repeat center top;
    border-radius: 10px;
    padding: 8vw 4vw 4vw;
    position: relative; }
  #menu #sec4 .mark {
    position: absolute;
    top: -10vw;
    right: 0;
    left: 0; }
#menu #sec5 {
  background: url("../img/about/line.png") repeat-x center top/auto 28px;
  padding: 16vw 0; }
  #menu #sec5 .slider-scroll {
    padding: 4vw 4vw 0; }
    #menu #sec5 .slider-scroll .slick-list {
      overflow: visible; }
    #menu #sec5 .slider-scroll .slick-track {
      display: flex; }
      #menu #sec5 .slider-scroll .slick-track:before, #menu #sec5 .slider-scroll .slick-track:after {
        display: none; }
    #menu #sec5 .slider-scroll .slide {
      height: auto;
      background: url("../img/menu/sec5-slide-bg.png") no-repeat center top/100% 100%;
      margin: 0 2vw;
      padding: 4vw 4vw 12vw;
      float: none; }
    #menu #sec5 .slider-scroll dl {
      padding-top: 4vw; }
    #menu #sec5 .slider-scroll .price {
      font-weight: bold;
      color: #dca75c;
      font-size: 5vw;
      line-height: 1.2;
      text-align: center;
      padding: 2vw 0; }
      #menu #sec5 .slider-scroll .price span {
        font-size: 4vw; }
    #menu #sec5 .slider-scroll .slick-dots {
      position: absolute;
      right: 0;
      bottom: 4vw;
      left: 0; }
    #menu #sec5 .slider-scroll .slick-arrow {
      top: 70%; }
  #menu #sec5 .menu-list {
    padding-top: 8vw; }
    #menu #sec5 .menu-list .toggle-link:after {
      color: #ea4141; }
  #menu #sec5 .info_txt {
    padding-top: 8vw; }
    #menu #sec5 .info_txt span {
      display: inline-block;
      border: 2px solid #C00;
      padding: 5px 15px;
      background-color: #d5100c;
      color: #fff;
      text-align: center; }
#menu #sec6 {
  background: url("../img/shopinfo/line_bg.png") repeat-x center top/auto 36px, url("../img/shared/bg-wood1.jpg") repeat center top;
  padding: 16vw 0; }
  #menu #sec6 .block1 {
    padding-bottom: 16vw; }
  #menu #sec6 .slider-scroll {
    padding: 8vw 4vw 0; }
    #menu #sec6 .slider-scroll .slick-list {
      overflow: visible; }
    #menu #sec6 .slider-scroll .slick-track {
      display: flex; }
      #menu #sec6 .slider-scroll .slick-track:before, #menu #sec6 .slider-scroll .slick-track:after {
        display: none; }
    #menu #sec6 .slider-scroll .slick-arrow {
      top: 50%;
      transform: translateY(-50%);
      color: #fff; }
    #menu #sec6 .slider-scroll .slick-dots {
      opacity: 0;
      visibility: hidden; }
    #menu #sec6 .slider-scroll .slide {
      background: url("../img/menu/frame1.jpg") repeat center top;
      position: relative;
      margin: 0 4vw;
      padding: 0 8vw 8vw; }
      #menu #sec6 .slider-scroll .slide:before {
        content: '';
        border: 1px solid #d74040;
        position: absolute;
        top: 2vw;
        right: 2vw;
        bottom: 2vw;
        left: 2vw; }
      #menu #sec6 .slider-scroll .slide dt {
        position: relative;
        top: -7vw; }
      #menu #sec6 .slider-scroll .slide dd {
        margin-top: -4vw; }
  #menu #sec6 .block2 {
    padding-bottom: 12vw; }
  #menu #sec6 .menu-list {
    background: url("../img/menu/cl_bg.jpg") repeat center top;
    border: 10px solid transparent;
    border-image: url("../img/menu/frame2.jpg") 10 round;
    margin-top: 8vw; }
    #menu #sec6 .menu-list .toggle-link {
      padding: 2vw 0 6vw; }
      #menu #sec6 .menu-list .toggle-link:after {
        color: #693722;
        bottom: 2vw; }
    #menu #sec6 .menu-list .toggle-main {
      padding: 0 4vw 4vw; }

#drink #sec1 {
  background: url("../img/drink/sec1-bg.png") repeat center top;
  padding: 16vw 0 24vw; }
  #drink #sec1 .list {
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 46vw;
    background: url("../img/drink/sec1-deco.png") no-repeat center top/cover;
    margin-top: 8vw; }
    #drink #sec1 .list dl {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      color: #542d2d;
      font-size: 18px; }
      #drink #sec1 .list dl dd {
        color: #e53131; }
        #drink #sec1 .list dl dd span {
          font-size: 14px; }
#drink #sec2 {
  margin-top: -14vw;
  padding-bottom: 8vw; }
  #drink #sec2 .list {
    padding-bottom: 8vw; }
    #drink #sec2 .list dl {
      display: flex;
      justify-content: space-between;
      font-weight: bold;
      font-size: 16px; }
      #drink #sec2 .list dl dd span {
        font-size: 14px; }
  #drink #sec2 .menu-list {
    background: url("../img/drink/sec1-bg.png") repeat center top; }
    #drink #sec2 .menu-list .toggle-link {
      padding: 6vw 0 8vw; }
      #drink #sec2 .menu-list .toggle-link:after {
        bottom: 3vw; }
    #drink #sec2 .menu-list .toggle-main {
      padding: 0 4vw 4vw; }
      #drink #sec2 .menu-list .toggle-main .item {
        margin-top: 6vw; }
      #drink #sec2 .menu-list .toggle-main h3 {
        font-weight: bold; }

#nikukai #sec1 {
  padding: 6vw 0 12vw; }
  #nikukai #sec1 ul {
    display: flex;
    width: 80%;
    margin: 0 auto; }
#nikukai #sec2 .toggle {
  background: url("../img/nikukai/frame.jpg") repeat center top;
  border: 20px solid transparent;
  border-image: url("../img/nikukai/box_bg.jpg") 20 round;
  box-sizing: border-box;
  position: relative;
  padding: 4vw 2vw; }
  #nikukai #sec2 .toggle h3 {
    padding-bottom: 2vw; }
#nikukai #sec2 .toggle .price {
  color: #dca75c;
  font-weight: bold;
  font-size: 4.5vw;
  line-height: 1.5;
  padding-bottom: 4vw; }
  #nikukai #sec2 .toggle .price span {
    font-size: 4vw; }
#nikukai #sec2 .toggle .toggle-main {
  padding-top: 4vw; }
#nikukai #sec2 .toggle .toggle-main li {
  background: url("../img/nikukai/dot.png") no-repeat 0 8px;
  padding-left: 15px; }
#nikukai #sec2 .toggle .toggle-main span {
  float: right;
  color: #dca75c; }
#nikukai #sec2_1 {
  background: url("../img/about/line.png") repeat-x center top/auto 28px, url("../img/nikukai/sec2-bg-img.jpg") no-repeat center top/cover;
  padding: 16vw 0 8vw; }
  #nikukai #sec2_1 figure {
    margin-top: -10vw;
    position: relative;
    z-index: 1; }
#nikukai #sec2_2 {
  background: url("../img/shared/bg01.jpg") repeat center top;
  padding: 8vw 0 12vw; }
  #nikukai #sec2_2 figure {
    margin-top: -10vw;
    position: relative;
    z-index: 1; }
#nikukai #sec3 {
  background: url("../img/shopinfo/line_bg.png") repeat-x center top/auto 36px, url("../img/shared/bg-wood1.jpg") repeat center top;
  padding: 8vw 0; }
  #nikukai #sec3 .slider-scroll .slick-arrow {
    top: 50%;
    transform: translateY(-50%); }
    #nikukai #sec3 .slider-scroll .slick-arrow:after {
      color: #fff; }
  #nikukai #sec3 .slider-scroll .slick-prev {
    left: 10vw; }
  #nikukai #sec3 .slider-scroll .slick-next {
    right: 10vw; }
#nikukai #sec4 {
  background: url("../img/shopinfo/line_bg.png") repeat-x center top/auto 36px, url("../img/nikukai/sec4-bg-img.jpg") repeat center top;
  padding: 12vw 0 8vw; }

#shopinfo #sec1 {
  padding: 12vw 0; }
  #shopinfo #sec1 .tbl_info table {
    width: 100%; }
    #shopinfo #sec1 .tbl_info table th,
    #shopinfo #sec1 .tbl_info table td {
      border-bottom: 1px solid #d2b082;
      padding: 12px 0; }
    #shopinfo #sec1 .tbl_info table th {
      width: 30%; }
  #shopinfo #sec1 .video {
    padding-top: 8vw; }
    #shopinfo #sec1 .video dd {
      width: 100%;
      padding-top: 56.25%;
      position: relative; }
      #shopinfo #sec1 .video dd iframe {
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0; }
#shopinfo #sec2 {
  background: url("../img/shopinfo/line_bg.png") repeat-x center top/auto 36px, url("../img/shared/bg-wood1.jpg") repeat center top;
  color: #fff;
  padding: 12vw 0; }
  #shopinfo #sec2 h3 {
    padding-top: 8vw; }
  #shopinfo #sec2 .info .col {
    background: url("../img/menu/box_bg.jpg") repeat center top;
    border-radius: 10px;
    color: #000;
    padding: 8vw 4vw;
    margin-top: 4vw;
    text-align: center; }
    #shopinfo #sec2 .info .col dd {
      padding-top: 2vw; }
  #shopinfo #sec2 .bnr {
    padding-top: 4vw; }
    #shopinfo #sec2 .bnr .col {
      padding-top: 4vw; }
#shopinfo #sec3 {
  background: url("../img/index/gmap-border-img.png") repeat-x center top/auto 15px;
  padding: 12vw 0; }
#shopinfo #gmap {
  width: 100%;
  height: 480px;
  position: relative;
  background: url("../img/shopinfo/line.jpg") repeat-x center top/auto 10px;
  padding-top: 10px; }
  #shopinfo #gmap iframe {
    display: block;
    width: 100%;
    height: 100%; }

#onlineshop #lead {
  background: url("../img/onlineshop/lead-bg-img.jpg") no-repeat center top/cover;
  padding: 12vw 0; }
  #onlineshop #lead .slider-scroll .slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6vw;
    height: 65.4vw;
    background-color: #d44b00;
    border-radius: 50%;
    text-align: center;
    color: #fff;
    margin: 2vw 4vw;
    position: relative; }
    #onlineshop #lead .slider-scroll .slide:before {
      content: '';
      border-radius: 50%;
      border: 2px solid #d44b00;
      position: absolute;
      top: -2vw;
      right: -2vw;
      bottom: -2vw;
      left: -2vw; }
    #onlineshop #lead .slider-scroll .slide dt {
      font-weight: bold;
      font-size: 4vw;
      letter-spacing: 0.05em;
      line-height: 1.5; }
      #onlineshop #lead .slider-scroll .slide dt span {
        display: inline-block;
        font-size: 8vw;
        border-bottom: 3px solid #fff;
        padding: 0 2vw; }
    #onlineshop #lead .slider-scroll .slide dd {
      font-weight: bold;
      font-size: 4vw;
      letter-spacing: 0.05em;
      line-height: 1.5; }
      #onlineshop #lead .slider-scroll .slide dd span {
        font-size: 8vw; }
#onlineshop #menu {
  background: url("../img/onlineshop/menu-bg-img.jpg") no-repeat center top/cover;
  padding: 20vw 0 4vw; }
  #onlineshop #menu .block {
    background: url("../img/onlineshop/bg1.png") repeat center top;
    border-radius: 20px;
    padding: 16vw 4vw 8vw;
    text-align: center; }
  #onlineshop #menu .fuki {
    width: 100%;
    position: absolute;
    top: -16vw;
    left: 0; }
  #onlineshop #menu h2 {
    font-size: 4vw;
    color: #e72e2e;
    letter-spacing: -0.02em;
    font-weight: 700;
    line-height: 1.8; }
  #onlineshop #menu h2 span {
    display: inline-block;
    font-size: 8vw;
    letter-spacing: 0.05em;
    color: #000;
    margin-top: 0vw; }
  #onlineshop #menu .price {
    font-weight: bold;
    font-size: 4vw;
    letter-spacing: 0.05em;
    line-height: 1.5;
    padding: 2vw 0 4vw; }
  #onlineshop #menu .price span {
    font-size: 7vw;
    letter-spacing: 0.05em; }
  #onlineshop #menu .box {
    position: relative;
    margin-top: 8vw;
    padding-bottom: 4vw; }
    #onlineshop #menu .box:before {
      content: '';
      width: 100%;
      height: 50%;
      background: url("../img/onlineshop/menu_border.png") no-repeat center top/100% auto;
      position: absolute;
      top: 2.5vw;
      left: 0; }
  #onlineshop #menu .box::after {
    content: "";
    border: 0.7vw solid #e72e2e;
    border-top: 0;
    border-radius: 0 0 30px 30px;
    position: absolute;
    top: 10vw;
    right: 0;
    bottom: 0;
    left: 0; }
  #onlineshop #menu .box h3 span {
    display: inline-block;
    font-size: 6vw;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #e72e2e; }
  #onlineshop #menu .box .list {
    width: max-content;
    text-align: left;
    font-weight: bold;
    font-size: 4vw;
    letter-spacing: 0.05em;
    line-height: 1.5;
    margin: 0 auto;
    padding-top: 4vw; }
  #onlineshop #menu .note {
    font-weight: bold;
    font-size: 4vw;
    line-height: 1.2;
    padding-top: 4vw; }
  #onlineshop #menu .btn-web {
    padding-top: 4vw; }
  #onlineshop #menu .btn-web a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4vw;
    font-weight: bold;
    font-size: 6vw;
    letter-spacing: 0.05em;
    line-height: 1;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    background: #a00000;
    text-decoration: none;
    padding: 6vw 0; }
  #onlineshop #menu .btn-web a img {
    width: 7vw; }
#onlineshop #order {
  padding: 16vw 0; }
  #onlineshop #order .box {
    border: 5px solid #3e2514;
    text-align: center;
    padding: 16vw 4vw 8vw;
    margin-top: 8vw;
    position: relative; }
    #onlineshop #order .box .icon {
      width: 20vw;
      position: absolute;
      top: -10vw;
      left: 50%;
      transform: translateX(-50%); }
    #onlineshop #order .box h3 {
      font-weight: bold;
      font-size: 6vw;
      line-height: 1.5;
      letter-spacing: 0.05em; }
    #onlineshop #order .box .text {
      font-weight: 500;
      padding-top: 4vw; }
  #onlineshop #order .btn-web {
    padding-top: 8vw; }
  #onlineshop #order .btn-web a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4vw;
    font-weight: bold;
    font-size: 6vw;
    letter-spacing: 0.05em;
    line-height: 1;
    border-radius: 10px;
    text-align: center;
    color: #fff;
    background: #a00000;
    text-decoration: none;
    padding: 6vw 0; }
  #onlineshop #order .btn-web a img {
    width: 7vw; }

/*# sourceMappingURL=iphone.css.map */