/* 共通ナビ（2026/11/12）：ホーム／コンセプト／各フロア紹介（▾ 1F・2F・3F）／建物について ＋ 国際ロゴ ＋ 出店エントリー。index と 1F・2F・3F で共用 */
.nav-main{display:flex;align-items:center;gap:clamp(14px,2.2vw,30px);font-size:.84rem;font-weight:700;color:var(--ink);letter-spacing:.06em}
.nav-main>a,.dd-btn{display:inline-flex;align-items:center;gap:.4em;padding:.55em 0;background:none;border:0;border-bottom:2px solid transparent;font:inherit;color:inherit;letter-spacing:inherit;cursor:pointer;white-space:nowrap}
.nav-main>a:hover,.dd-btn:hover,.dd.open .dd-btn,.dd:focus-within .dd-btn{border-bottom-color:var(--navy);color:var(--navy)}
.nav-main>a[aria-current="page"]{color:var(--navy);border-bottom-color:var(--navy)}
.dd{position:relative}
.dd-btn i{width:.42em;height:.42em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-2px);transition:transform .2s}
.dd.open .dd-btn i{transform:rotate(-135deg) translate(-1px,-2px)}
.dd-menu{display:none;position:absolute;top:100%;left:50%;transform:translateX(-50%);min-width:270px;background:#fff;border:1px solid var(--line,#E6E3DA);box-shadow:0 12px 30px rgba(42,37,33,.16);padding:8px;z-index:90;font-weight:500}
.dd.open .dd-menu{display:block}
@media(hover:hover){.dd:hover .dd-menu{display:block}}
.dd-menu a{display:flex;align-items:center;gap:.9em;padding:.65em .8em;line-height:1.4;font-size:.84rem;font-weight:700}
.dd-menu a:hover,.dd-menu a:focus-visible{background:#F5F3ED;outline:none}
.dd-menu a[aria-current="page"]{background:#F6E7E2}
.dd-menu b{font-family:"Cormorant Garamond","Times New Roman",serif;font-size:1.35rem;min-width:1.7em;color:var(--navy);line-height:1}
.dd-menu small{display:block;font-weight:500;color:var(--grey,#6F6862);font-size:.7rem;letter-spacing:.04em}
.nav-right{display:flex;align-items:center;gap:14px}
.nav-right .btn{padding:.6em 1.3em;font-size:.78rem;white-space:nowrap}
.kokusai-logo{display:inline-flex;align-items:center;padding:4px 2px;opacity:.95;transition:opacity .2s}
.kokusai-logo:hover{opacity:.7}
.kokusai-logo img{height:36px;width:auto;display:block}
.nav-right .burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.nav-right .burger span{width:24px;height:2px;background:var(--navy);display:block}
/* ドロワー（スマホ）：項目が増えたので上から並べ、はみ出したらスクロール */
.drawer{overflow-y:auto;justify-content:flex-start;padding-top:72px;padding-bottom:32px}
.drawer a.sub{font-size:1rem;padding:.55em 0 .55em 1.2em;border-bottom:1px solid rgba(255,255,255,.1)}
.drawer a.sub b{font-family:"Cormorant Garamond","Times New Roman",serif;font-size:1.2rem;margin-right:.6em}
.drawer .kk{display:inline-flex;align-items:center;gap:.8em;border:0;padding-top:1.2em}
.drawer .kk img{height:30px;width:auto;background:#fff;padding:6px 10px;border-radius:6px}
/* 各階ページ（1F・2F・3F）のドロワー：index と同じ見た目 */
.fp-drawer{position:fixed;inset:0;z-index:100;background:var(--navy);color:#fff;display:none;flex-direction:column;padding:72px 40px 32px;gap:6px;overflow-y:auto}
.fp-drawer.open{display:flex}
.fp-drawer a{font-size:1.2rem;font-weight:700;padding:.6em 0;border-bottom:1px solid rgba(255,255,255,.15)}
.fp-drawer a small{display:block;font-size:.65rem;letter-spacing:.2em;opacity:.6;font-weight:500}
.fp-drawer a.sub{font-size:1rem;padding:.55em 0 .55em 1.2em;border-bottom:1px solid rgba(255,255,255,.1)}
.fp-drawer a.sub b{font-family:"Cormorant Garamond","Times New Roman",serif;font-size:1.2rem;margin-right:.6em}
.fp-drawer .close{position:absolute;top:18px;right:18px;background:none;border:0;color:#fff;font-size:2rem;cursor:pointer}
.fp-drawer .kk{display:inline-flex;align-items:center;gap:.8em;border:0;padding-top:1.2em}
.fp-drawer .kk img{height:30px;width:auto;background:#fff;padding:6px 10px;border-radius:6px}
.fp-drawer .btn{align-self:flex-start;margin-top:14px;font-size:.9rem}
/* index：ネイビー帯のナビ（各フロア紹介の下に 1F・2F・3F のボタン） */
.navband .n-group{display:flex;flex-direction:column;align-items:center;gap:.5em}
.navband .n-group>a{font-weight:700;font-size:.86rem;letter-spacing:.08em;line-height:1.3;text-align:center}
.navband .n-group>a small{display:block;font-size:.62rem;letter-spacing:.18em;font-weight:500;opacity:.65;margin-top:.35em}
.navband .chips{display:flex;gap:6px}
.navband .chips a{border:1px solid rgba(255,255,255,.6);border-radius:999px;padding:.1em .85em;font-size:.74rem;font-weight:700;letter-spacing:.08em}
.navband .chips a:hover{background:#fff;color:var(--navy)}
/* index：フロア案内の見出し下にある「各階のページへ」ボタン */
.floor-jump{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:22px 0 4px}
.floor-jump a{display:flex;flex-direction:column;gap:2px;color:#2A2521;background:#fff;border:1px solid #E6E3DA;border-radius:10px;padding:14px 16px;line-height:1.5;transition:transform .15s,box-shadow .15s}
.floor-jump a:hover,.floor-jump a:focus-visible{transform:translateY(-2px);box-shadow:0 8px 20px rgba(42,37,33,.12);outline:none}
.floor-jump b{font-family:"Cormorant Garamond","Times New Roman",serif;font-size:1.5rem;line-height:1.1;color:var(--navy)}
.floor-jump span{font-size:.86rem;font-weight:700}
.floor-jump small{font-size:.72rem;color:#6F6862;letter-spacing:.04em}
.iso a{cursor:pointer}
.iso a rect{fill:transparent;transition:fill .2s}
.iso a:hover rect,.iso a:focus-visible rect{fill:rgba(241,199,91,.25)}
.iso-hint{font-size:.78rem;color:#6F6862;margin-top:.6em;letter-spacing:.04em}
@media(max-width:960px){
  .nav-main{display:none}
  .nav-right .burger{display:flex}
  .nav-right{gap:8px}
  .kokusai-logo img{height:24px}
}
@media(max-width:700px){.floor-jump{grid-template-columns:1fr}}
@media(max-width:520px){
  .nav-right .btn{padding:.5em .9em;font-size:.7rem}
  .kokusai-logo img{height:20px}
  .floor-jump{grid-template-columns:1fr}
}