@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;
*/
@media print, screen and (min-width: 751px) { /* line 17, nav.scss */
  .drawer-hamburger { display: none !important; }
  /* line 18, nav.scss */
  .drawer-nav { top: auto !important; background: none !important; position: relative !important; }
  /* line 21, nav.scss */
  #grobalNav, .drawer-nav, .drawer-nav ul { height: 100%; }
  /* line 23, nav.scss */
  #grobalNav { position: relative; z-index: 100; }
  /* line 25, nav.scss */
  #grobalNav .drawer-nav { /*position: relative;*/ overflow: visible; color: inherit !important; }
  /* line 26, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; flex-wrap: nowrap; width: 100%; }
  /* line 27, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu::before, #grobalNav .drawer-nav ul.drawer-menu::after { content: ""; display: table; }
  /* line 28, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu::after { clear: both; }
  /* line 29, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li { white-space: nowrap; /*&::before{ content: ""; width: 0%; height: 1px; background: rgba($mC, 1); @include centerX; bottom: 0px; transition: .25s;}*/ /* 広がるように */ }
  /* line 31, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; box-sizing: border-box; }
  /* line 34, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul { z-index: 9999; top: calc(100% -10px); padding: 0; width: 180px !important; line-height: 1.8; background: rgba(255, 255, 255, 0.9) !important; position: absolute; left: -100%; right: -100%; margin: auto !important; height: auto; display: flex; flex-direction: column; flex-wrap: wrap; }
  /* line 35, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li { width: 100% !important; position: relative; font-size: 13px; font-size: 0.8125rem; line-height: 1.3rem; letter-spacing: 0em; }
  /* line 36, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li a { width: 100%; display: block; box-sizing: border-box; padding: 10px 0px !important; background: rgba(198, 170, 82, 0.1); }
  /* line 37, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li a::after { top: calc(100% - 2px) !important; }
  /* line 38, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li a:hover { text-decoration: none; /*opacity:0.6;*/ color: #1c7b9d; background: rgba(198, 170, 82, 0.2); }
  /* line 40, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li::before { content: none; }
  /* line 41, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li::before, #grobalNav .drawer-nav ul.drawer-menu li ul li::after, #grobalNav .drawer-nav ul.drawer-menu li ul li a:after { content: none !important; }
  /* line 44, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li:hover ul { /* padding:10px 15px 10px;*/ box-sizing: border-box; width: 100%; }
  /* line 46, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li ul li { overflow: hidden; height: 0; transition: .25s; opacity: 0; }
  /* line 47, nav.scss */
  #grobalNav .drawer-nav ul.drawer-menu li:hover ul li { overflow: visible; height: 42px; opacity: 1; } }
@media only screen and (max-width: 750px) { /* line 63, nav.scss */
  .drawer-hamburger { width: calc(100% / 5) !important; padding: 8px 8px 18px !important; top: auto !important; bottom: 0 !important; right: 0 !important; height: 60px; z-index: 101 !important; box-sizing: border-box !important; }
  /* line 65, nav.scss */
  .drawer-toggle .drawer-hamburger-icon { background: #fff; width: 30px; height: 2px; margin: -3px auto 0; border-radius: 2px; }
  /* line 66, nav.scss */
  .drawer-toggle .drawer-hamburger-icon:before, .drawer-toggle .drawer-hamburger-icon::after { /* background:#fff;*/ height: 2px; border-radius: 2px; }
  /* line 68, nav.scss */
  .drawer-toggle .drawer-hamburger-icon::after { background: #fff; top: 8px !important; }
  /* line 69, nav.scss */
  .drawer-toggle .drawer-hamburger-icon::before { background: #fff; top: -8px !important; }
  /* line 71, nav.scss */
  .drawer-toggle small { color: #fff; font-size: 10px; font-size: 0.625rem; line-height: 0.625rem; letter-spacing: .05em; white-space: nowrap; display: block; position: absolute; left: 0; right: 0; margin: auto; z-index: 10; bottom: 7px; }
  /* line 76, nav.scss */
  .drawer-open .drawer-hamburger-icon { background-color: transparent; width: 24px; }
  /* line 77, nav.scss */
  .drawer-open .drawer-hamburger-icon::before, .drawer-open .drawer-hamburger-icon::after { top: 0 !important; }
  /* line 83, nav.scss */
  .drawer-nav { z-index: 100; height: 0; padding: 0px 0 100px; /*overflow-y: auto !important;*/ overflow-y: scroll !important; background: #fff; background-size: 1280px auto; }
  /* line 84, nav.scss */
  .drawer-nav::after { content: ""; background: url("../img/cmn/bg02.webp") repeat center; background-size: 1920px auto; opacity: .8; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; z-index: 0; transition: .4s all; opacity: 0; display: none; }
  /* line 85, nav.scss */
  .drawer-nav #navIdWrap { position: relative; z-index: 5; }
  /* line 86, nav.scss */
  .drawer-nav .drawer-menu { display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 7.5%; position: relative; z-index: 5; }
  /* line 88, nav.scss */
  .drawer-nav .drawer-menu li.outline { border-bottom: none; }
  /* line 89, nav.scss */
  .drawer-nav .drawer-menu li.gNav, .drawer-nav .drawer-menu li.map, .drawer-nav .drawer-menu li.outline, .drawer-nav .drawer-menu li.selectplan { font-size: 15px; width: 100%; border-bottom: 1px solid rgba(0, 0, 0, 0.15); }
  /* line 90, nav.scss */
  .drawer-nav .drawer-menu li.gNav a, .drawer-nav .drawer-menu li.map a, .drawer-nav .drawer-menu li.outline a, .drawer-nav .drawer-menu li.selectplan a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; flex-wrap: wrap; justify-content: flex-start; padding: .5em .25em; }
  /* line 91, nav.scss */
  .drawer-nav .drawer-menu li.gNav a em, .drawer-nav .drawer-menu li.map a em, .drawer-nav .drawer-menu li.outline a em, .drawer-nav .drawer-menu li.selectplan a em { font-size: 15px; font-family: "FOT-筑紫明朝 Pr6N D"; }
  /* line 92, nav.scss */
  .drawer-nav .drawer-menu li.gNav a span, .drawer-nav .drawer-menu li.map a span, .drawer-nav .drawer-menu li.outline a span, .drawer-nav .drawer-menu li.selectplan a span { font-size: 11px; letter-spacing: .1em; margin-left: 3em; font-family: "FuturaLTPro-Medium"; padding-top: .5em; }
  /* line 97, nav.scss */
  .drawer-nav .drawer-menu li.uc a { pointer-events: none; opacity: .35; }
  /* line 99, nav.scss */
  .drawer-nav .drawer-menu li.request, .drawer-nav .drawer-menu li.reserve { margin-top: 1.5em; }
  /* line 108, nav.scss */
  .drawer-open .drawer-nav { height: calc(100dvh - 0px) !important; top: 0px !important; transition: 0.5s; }
  /* line 109, nav.scss */
  .drawer-open .drawer-nav::after { opacity: .8; display: block; }
  /* line 111, nav.scss */
  .drawer-close .drawer-nav { transition: 0.5s; }
  /* line 112, nav.scss */
  .drawer-close .drawer-nav::after { opacity: 0; display: none; }
  /*#home #footerMenu .home, #concept #footerMenu .concept, #location #footerMenu .location, #landplan #footerMenu .landplan, #design #footerMenu .design, #innerspace #footerMenu .innerspace, #equipment #footerMenu .equipment, #afterservice #footerMenu .afterservice, #map #footerMenu .map, #outline #footerMenu .outline { display: none;}*/ }