/* =========================================================
   fs-chrome.css — 全ページ共通のヘッダーナビ（fs-header）
   fs-theme.css のヘッダー部分を抽出。baked / TOP にも読み込み、
   全ページのグローバルナビを fs-header に統一する。
   （clean ページは fs-theme.css 側で同一定義を持つ）
   ========================================================= */
:root{
  --fs-rose:#c67b93;
  --fs-rose-deep:#a6586a;
  --fs-serif:"Noto Serif JP",serif;
}

/* ---------- ヘッダー（スクロール追従） ---------- */
.fs-topbar{font-family:var(--fs-serif);font-size:12px;color:#8d8481;padding:5px 20px;letter-spacing:.02em;background:#fff;}
.fs-topbar__h1{margin:0;font-size:inherit;font-weight:400;line-height:inherit;color:inherit;display:inline;}
.fs-header{position:sticky;top:0;z-index:1000;background:#fff;box-shadow:0 1px 8px rgba(90,60,60,.06);}
.fs-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1400px;margin:0 auto;padding:8px 24px;}
.fs-logo{display:inline-block;}
.fs-logo img{width:270px;height:auto;}
.fs-nav__list{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0;}
.fs-nav__item{position:relative;}
.fs-nav__item>a{display:block;padding:10px 15px;font-family:var(--fs-serif);font-weight:500;font-size:16px;color:var(--fs-rose-deep);white-space:nowrap;border-left:1px solid #e9dee1;letter-spacing:.02em;text-decoration:none;}
.fs-nav__item:first-child>a{border-left:none;}
.fs-nav__item>a:hover{color:var(--fs-rose);}
/* ドロップダウン */
.fs-subnav{position:absolute;top:100%;left:0;min-width:220px;background:#fff;box-shadow:0 8px 24px rgba(90,60,60,.14);list-style:none;margin:0;padding:6px 0;opacity:0;visibility:hidden;transform:translateY(8px);transition:.22s;z-index:20;}
.fs-nav__item.has-child:hover .fs-subnav{opacity:1;visibility:visible;transform:translateY(0);}
.fs-subnav>li>a{display:block;padding:9px 18px;font-size:14px;color:#5b4b48;white-space:nowrap;text-decoration:none;}
.fs-subnav>li>a:hover{background:#fbf1f4;color:var(--fs-rose);}
.fs-burger{display:none;}
.fs-nav__close{display:none;}

/* ---------- レスポンシブ（ハンバーガー：右端） ---------- */
@media screen and (max-width:1024px){
  .fs-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:40px;background:none;border:none;cursor:pointer;padding:0;}
  .fs-nav__close{display:block;position:absolute;top:12px;right:18px;width:40px;height:40px;background:none;border:none;font-size:32px;line-height:1;color:var(--fs-rose-deep);cursor:pointer;z-index:2;}
  .fs-burger span{display:block;width:26px;height:2px;background:var(--fs-rose-deep);transition:.25s;}
  .fs-nav{position:fixed;inset:0 0 0 auto;width:min(84%,340px);background:#fff;transform:translateX(100%);transition:.3s;overflow-y:auto;box-shadow:-8px 0 30px rgba(80,50,50,.15);z-index:1200;padding:70px 0 40px;}
  .fs-nav.is-open{transform:translateX(0);}
  .fs-nav__list{flex-direction:column;align-items:stretch;gap:0;}
  .fs-nav__item>a{border-left:none;border-bottom:1px solid #f0e6e8;padding:14px 24px;font-size:15px;}
  .fs-subnav{position:static;opacity:1;visibility:visible;transform:none;box-shadow:none;padding:0 0 8px;background:#fbf3f5;}
  .fs-subnav>li>a{padding:10px 38px;}
  .fs-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .fs-burger.is-open span:nth-child(2){opacity:0;}
  .fs-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}
}