@charset "UTF-8";
/*
$jpG: 'YakuHanJP', 'Noto Sans JP', sans-serif;
$jpM: 'YakuHanMP', 'Noto Serif JP', serif;
$jpH: 'YakuHanMP', 'Shippori Mincho B1', serif;
$en:  'EB Garamond', serif; // サイト独自のフォントを指定
$enG: 'Roboto', sans-serif;
$enM: 'EB Garamond', serif;
*/
/* ----------------------------------------------------------------------------------------------------------------------------
 header設定

---------------------------------------------------------------------------------------------------------------------------- */
/* line 15, header.scss */
header { width: 100%; position: fixed; top: 0; left: 0; z-index: 1000; /*background: rgba($white, 1);*/ min-width: 1100px; background: #fff; }
/* line 16, header.scss */
header #header { margin: auto; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; /*max-width: 1500px;*/ width: calc(100% - 100px); height: 100px; }
@media screen and (min-width: 751px) and (max-width: 1280px) { /* line 16, header.scss */
  header #header { width: calc(100% - 40px); } }
/* line 22, header.scss */
header #header h1, header #header #h01, header #header #navId, header #navIdWrap h1, header #navIdWrap #h01, header #navIdWrap #navId { width: 350px; }
/* line 23, header.scss */
header #header h1 a, header #header #h01 a, header #header #navId a, header #navIdWrap h1 a, header #navIdWrap #h01 a, header #navIdWrap #navId a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; }
/* line 24, header.scss */
header #header h1 a span, header #header #h01 a span, header #header #navId a span, header #navIdWrap h1 a span, header #navIdWrap #h01 a span, header #navIdWrap #navId a span { width: 40px; }
/* line 25, header.scss */
header #header h1 a em, header #header #h01 a em, header #header #navId a em, header #navIdWrap h1 a em, header #navIdWrap #h01 a em, header #navIdWrap #navId a em { width: 287px; }
/* line 26, header.scss */
header #header h1 a em i, header #header #h01 a em i, header #header #navId a em i, header #navIdWrap h1 a em i, header #navIdWrap #h01 a em i, header #navIdWrap #navId a em i { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
/* line 27, header.scss */
header #header h1 a em i:nth-of-type(1), header #header #h01 a em i:nth-of-type(1), header #header #navId a em i:nth-of-type(1), header #navIdWrap h1 a em i:nth-of-type(1), header #navIdWrap #h01 a em i:nth-of-type(1), header #navIdWrap #navId a em i:nth-of-type(1) { width: 100%; }
/* line 28, header.scss */
header #header h1 a em i:nth-of-type(2), header #header #h01 a em i:nth-of-type(2), header #header #navId a em i:nth-of-type(2), header #navIdWrap h1 a em i:nth-of-type(2), header #navIdWrap #h01 a em i:nth-of-type(2), header #navIdWrap #navId a em i:nth-of-type(2) { width: 80%; margin: 8px auto 0; }

@media print, screen and (min-width: 751px) { /* line 40, header.scss */
  .drawer-nav { width: 100% !important; right: 0 !important; overflow: visible !important; border-top: 1px solid rgba(255, 255, 255, 0.15); }
  /* line 41, header.scss */
  ul.drawer-menu { background: url("../img/cmn/bg01.webp") repeat center; background-size: 1920px auto; }
  /* line 42, header.scss */
  ul.drawer-menu::after { content: ""; width: 100%; height: 10px; mix-blend-mode: multiply; background: linear-gradient(to bottom, black 0%, rgba(0, 0, 0, 0) 100%); position: absolute; top: 100%; left: 0; opacity: .15; opacity: 0; transition: .4s all; }
  /* line 43, header.scss */
  ul.drawer-menu li { height: 60px; }
  /* line 44, header.scss */
  ul.drawer-menu li em { /*font-family: $jpZ; font-weight: 500;*/ }
  /* line 45, header.scss */
  ul.drawer-menu li span { font-family: "FuturaLTPro-Medium"; }
  /* line 46, header.scss */
  ul.drawer-menu li button { display: none; }
  /* line 47, header.scss */
  ul.drawer-menu li a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  /* line 48, header.scss */
  ul.drawer-menu li.gNav { position: relative; width: calc(100% / 9 - 0px); }
  /* line 49, header.scss */
  ul.drawer-menu li.gNav::before, ul.drawer-menu li.gNav::after { content: ""; width: 1px; height: 60%; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; /*mix-blend-mode: multiply;*/ }
  /* line 50, header.scss */
  ul.drawer-menu li.gNav::before { left: calc(100% + 1px); background: white; opacity: .25; }
  /* line 51, header.scss */
  ul.drawer-menu li.gNav::after { left: calc(100% - 1px); background: black; opacity: .15; }
  /* line 52, header.scss */
  ul.drawer-menu li.gNav a { padding: 0px 0px; color: #f5f4f4; display: flex; flex-direction: column; flex-wrap: wrap; flex-direction: column-reverse; }
  /* line 53, header.scss */
  ul.drawer-menu li.gNav a em { font-size: 10px; line-height: 1; margin-top: 1em; }
  /* line 54, header.scss */
  ul.drawer-menu li.gNav a span { font-size: 13px; line-height: 1; letter-spacing: .15em; }
  /* line 67, header.scss */
  ul.drawer-menu li.gNav.uc { opacity: 1; /*&::before{ content: "COMING SOON"; font-family: $enG; background: rgba($white, .8); color: $mC; font-size: 10px; line-height: 1; padding: 5px 0 2px; letter-spacing: 0; @include centerX; bottom: 7px; width: 90px; display: none;}*/ }
  /* line 68, header.scss */
  ul.drawer-menu li.gNav.uc em, ul.drawer-menu li.gNav.uc span { opacity: .5; }
  /* line 72, header.scss */
  ul.drawer-menu li.map, ul.drawer-menu li.outline, ul.drawer-menu li.request, ul.drawer-menu li.reserve { position: absolute; z-index: 120; }
  /* line 76, header.scss */
  ul.drawer-menu li.map, ul.drawer-menu li.outline { bottom: 84px; }
  /* line 77, header.scss */
  ul.drawer-menu li.map a, ul.drawer-menu li.outline a { color: inherit; padding: 12px 15px; padding-left: 24px; position: relative; }
  /* line 78, header.scss */
  ul.drawer-menu li.map a::before, ul.drawer-menu li.outline a::before { content: ""; background: url("../img/cmn/arw.webp") no-repeat; background-size: 100% auto; width: 14px; height: 14px; position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: 0; transition: .4s all; line-height: 0; }
  /* line 80, header.scss */
  ul.drawer-menu li.map a:hover::before, ul.drawer-menu li.outline a:hover::before { left: 5px; }
  /* line 83, header.scss */
  ul.drawer-menu li.map span, ul.drawer-menu li.outline span { display: none; }
  /* line 84, header.scss */
  ul.drawer-menu li.map em, ul.drawer-menu li.outline em { font-family: "FOT-筑紫明朝 Pr6N M"; font-size: 15px; line-height: 1; }
  /* line 86, header.scss */
  ul.drawer-menu li.map { right: 475px; }
  /* line 87, header.scss */
  ul.drawer-menu li.outline { right: 345px; }
  /* line 91, header.scss */
  ul.drawer-menu li.request, ul.drawer-menu li.reserve { position: absolute; bottom: 86px; }
  /* line 93, header.scss */
  ul.drawer-menu li.request span, ul.drawer-menu li.request em, ul.drawer-menu li.request i, ul.drawer-menu li.reserve span, ul.drawer-menu li.reserve em, ul.drawer-menu li.reserve i { filter: drop-shadow(1px 1px 2px rgba(0, 0, 0, 0.15)); }
  /* line 98, header.scss */
  ul.drawer-menu li.request { right: 16px; }
  /* line 99, header.scss */
  ul.drawer-menu li.reserve { display: none; right: 12px; }
  /* line 101, header.scss */
  ul.drawer-menu li.uc em, ul.drawer-menu li.uc i { opacity: .6; } }
/* ヘッダーFixed 
--------------------------------------------------------------------------------- */
@media print, screen and (min-width: 751px) { /* line 112, header.scss */
  header, #header, #header h1, #header h1 span, #header h1 em, #header #h01, #header #h01 span, #header #h01 em, #header h1 a, #header #h01 a, #grobalNav .drawer-nav, #grobalNav .drawer-nav ul li, #grobalNav .drawer-nav ul li a, #grobalNav .drawer-nav ul li a em, #grobalNav .drawer-nav ul li a span { transition: .5s; }
  /* line 115, header.scss */
  header.fixed { top: -50px; }
  /* line 116, header.scss */
  header.fixed #header { height: 50px; }
  /* line 117, header.scss */
  header.fixed #header h1, header.fixed #header #h01 { width: 320px; }
  /* line 119, header.scss */
  header.fixed #header h1 a span, header.fixed #header #h01 a span { width: 26px; }
  /* line 120, header.scss */
  header.fixed #header h1 a em, header.fixed #header #h01 a em { width: 260px; }
  /* line 123, header.scss */
  header.fixed ul.drawer-menu::after { opacity: .15; }
  /* line 124, header.scss */
  header.fixed ul.drawer-menu li { height: 50px; }
  /* line 125, header.scss */
  header.fixed ul.drawer-menu li.gNav { font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; }
  /* line 127, header.scss */
  header.fixed ul.drawer-menu li.gNav a em { font-size: 10px; margin-top: 3px; }
  /* line 128, header.scss */
  header.fixed ul.drawer-menu li.gNav a span { font-size: 14px; padding-top: 1px; }
  /* line 131, header.scss */
  header.fixed ul.drawer-menu li.gNav.uc::before { font-size: 10px; padding: 5px 0 2px; bottom: 5px; }
  /* line 134, header.scss */
  header.fixed ul.drawer-menu li.map, header.fixed ul.drawer-menu li.outline { bottom: 61px; }
  /* line 135, header.scss */
  header.fixed ul.drawer-menu li.map a, header.fixed ul.drawer-menu li.outline a { padding: 12px 15px; padding-right: 25px; }
  /* line 136, header.scss */
  header.fixed ul.drawer-menu li.map a::before, header.fixed ul.drawer-menu li.outline a::before { /*width: 7px; height: 14px;*/ }
  /* line 138, header.scss */
  header.fixed ul.drawer-menu li.map em, header.fixed ul.drawer-menu li.outline em { /*font-size: 13px;*/ }
  /* line 140, header.scss */
  header.fixed ul.drawer-menu li.request, header.fixed ul.drawer-menu li.reserve { height: 38px; bottom: 57px; } }
/* パンくずリスト */
/* line 148, header.scss */
#breadlist { text-align: left; margin: 30px auto 0px; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; top: 150px; z-index: 50; }
@media screen and (min-width: 601px) and (max-width: 750px) { /* line 148, header.scss */
  #breadlist { padding: 0 20px; } }
/* line 150, header.scss */
#breadlist li { font-size: 11px; font-size: 0.6875rem; line-height: 1.2375rem; position: relative; }
/* line 151, header.scss */
#breadlist li:not(:last-child)::after { content: "\f054"; font-family: "Font Awesome 6 Pro"; font-weight: 400; padding: 0 3px 0 8px; font-size: 80%; }
/* line 152, header.scss */
#breadlist li:first-child { font-family: "FuturaLTPro-Medium"; }

@media only screen and (max-width: 750px) { /* ヘッダー */
  /* line 162, header.scss */
  header { width: 100%; min-width: 100%; top: 0; left: 0; position: absolute; }
  /* line 163, header.scss */
  header #header, header #navIdWrap { width: 100%; min-width: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; height: 70px; display: flex !important; }
  /* line 164, header.scss */
  header #header h1, header #header #h01, header #header #navId, header #navIdWrap h1, header #navIdWrap #h01, header #navIdWrap #navId { width: 290px; margin-left: -4%; }
  /* line 165, header.scss */
  header #header h1 a, header #header #h01 a, header #header #navId a, header #navIdWrap h1 a, header #navIdWrap #h01 a, header #navIdWrap #navId a { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: space-between; }
  /* line 166, header.scss */
  header #header h1 a span, header #header #h01 a span, header #header #navId a span, header #navIdWrap h1 a span, header #navIdWrap #h01 a span, header #navIdWrap #navId a span { width: 10%; }
  /* line 167, header.scss */
  header #header h1 a em, header #header #h01 a em, header #header #navId a em, header #navIdWrap h1 a em, header #navIdWrap #h01 a em, header #navIdWrap #navId a em { width: 85%; margin-top: .2em; }
  /* line 168, header.scss */
  header #header h1 a em i, header #header #h01 a em i, header #header #navId a em i, header #navIdWrap h1 a em i, header #navIdWrap #h01 a em i, header #navIdWrap #navId a em i { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; }
  /* line 169, header.scss */
  header #header h1 a em i:nth-of-type(1), header #header #h01 a em i:nth-of-type(1), header #header #navId a em i:nth-of-type(1), header #navIdWrap h1 a em i:nth-of-type(1), header #navIdWrap #h01 a em i:nth-of-type(1), header #navIdWrap #navId a em i:nth-of-type(1) { width: 100%; }
  /* line 170, header.scss */
  header #header h1 a em i:nth-of-type(2), header #header #h01 a em i:nth-of-type(2), header #header #navId a em i:nth-of-type(2), header #navIdWrap h1 a em i:nth-of-type(2), header #navIdWrap #h01 a em i:nth-of-type(2), header #navIdWrap #navId a em i:nth-of-type(2) { width: 86%; margin: .75em auto 0; }
  /* line 179, header.scss */
  header ul.btns.sp { position: fixed; bottom: 0; left: 0; z-index: 100; display: flex; justify-content: space-between; flex-wrap: wrap; justify-content: flex-start; width: 100%; height: 60px; display: flex !important; filter: drop-shadow(0px 0px 4px rgba(0, 0, 0, 0.35)); }
  /* line 181, header.scss */
  header ul.btns.sp::before, header ul.btns.sp::after { content: ""; position: absolute; width: 100%; height: 60px; position: absolute; bottom: 0; left: 0; }
  /* line 182, header.scss */
  header ul.btns.sp::before { /*background: $white; z-index: 0;*/ display: none; }
  /* line 183, header.scss */
  header ul.btns.sp::after { background: url("../img/cmn/bg01.webp") repeat center; background-size: 1920px auto; background-size: 1280px auto; z-index: 1; opacity: .9; mix-blend-mode: multiply; }
  /* line 184, header.scss */
  header ul.btns.sp li { width: calc(100% / 5); /*font-family: $jpZ;*/ font-size: 500; height: 100%; /* border-right: 1px solid rgba($white, .6);*/ box-sizing: border-box; z-index: 10; position: relative; }
  /* line 185, header.scss */
  header ul.btns.sp li::after { content: ""; width: 1px; height: 60%; background: rgba(245, 244, 244, 0.25); position: absolute; top: 50%; transform: translateY(-50%); z-index: 10; left: calc(100% - 0px); }
  /* line 186, header.scss */
  header ul.btns.sp li a { color: #f5f4f4; width: 100%; height: 100%; display: flex; flex-direction: column; flex-wrap: wrap; justify-content: space-between; align-items: center; position: relative; }
  /* line 187, header.scss */
  header ul.btns.sp li i { position: absolute; left: 0; right: 0; margin: auto; z-index: 10; font-size: 20px; top: 12px; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; color: #f5f4f4; /*background: $sC; -webkit-background-clip: text; -webkit-text-fill-color: transparent;*/ }
  /* line 189, header.scss */
  header ul.btns.sp li i.arrow { display: none; }
  /* line 191, header.scss */
  header ul.btns.sp li em { font-size: 10px; line-height: 1; margin-top: auto; margin-bottom: 8px; }
  /* line 192, header.scss */
  header ul.btns.sp li span { display: none; }
  /* line 197, header.scss */
  header ul.btns.sp li.uc { opacity: 1; }
  /* line 198, header.scss */
  header ul.btns.sp li.uc a { opacity: .4; }
  /* パンくずリスト */
  /* line 211, header.scss */
  #breadlist { width: 90%; position: relative; top: auto; left: auto; right: auto; margin: auto; padding: 10px 0 0; } }
@media only screen and (max-width: 750px) and (min-width: 601px) and (max-width: 750px) { /* line 211, header.scss */
  #breadlist { width: calc(100% - 40px); padding-top: 15px; } }
@media only screen and (max-width: 750px) { /* line 212, header.scss */
  #breadlist li { font-size: 10px; font-size: 0.625rem; line-height: 1.125rem; }
  /* line 213, header.scss */
  #breadlist li:not(:last-child)::after { padding: 0 3px 0 8px; font-size: 80%; } }