@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@600&text=MENUCLOS&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,500&display=swap");
/* メニューボタンと、開いたメニュー（全ページ共通）。2026-10-12 社長。
   ボタン：線画のダンベル＋MENU。背景なし、白いふちで写真の上でも見える。ときどき持ち上げる動き。スクロールにふわっとついてくる（footer.php の小さなJS）。
   開いたメニュー：生成りの全面。写真・日本語＋英字・ふわっと順に出る。戻す＝header.php の読み込み1行と、メニュー部分を _fg-backup の控えに戻す。 */

/* ボタン */
.toggle_btn.fg-mb{position:fixed!important;top:6px!important;right:6px!important;left:auto!important;width:66px!important;height:58px!important;background:transparent!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;gap:3px;z-index:60!important;cursor:pointer;-webkit-tap-highlight-color:transparent;transform:translateY(var(--fy,0px));will-change:transform}
.toggle_btn.fg-mb:focus-visible{outline:2px solid #7a5c43;outline-offset:2px;border-radius:12px}
.fg-mb-svg{display:block;width:48px;height:21px;overflow:visible}
.fg-mb-svg .fg-mb-halo{fill:none;stroke:#fff;stroke-width:9;stroke-linejoin:round;stroke-linecap:round;opacity:.92}
.fg-mb-svg rect.fg-mb-halo,.fg-mb-halo rect{fill:#fff}
.fg-mb-svg .fg-mb-line{fill:none;stroke:#3b3732;stroke-width:3.4;stroke-linejoin:round;stroke-linecap:round}
.fg-mb-db{transform-box:fill-box;transform-origin:50% 60%;animation:fgLift 3.8s ease-in-out infinite;transition:opacity .25s,transform .35s}
.fg-mb-x{opacity:0;transform-box:fill-box;transform-origin:50% 50%;transform:scale(.4) rotate(-45deg);transition:opacity .25s,transform .4s cubic-bezier(.3,1.5,.5,1)}
.fg-mb-tx{display:block;font:600 11px/1 Quicksand,"Century Gothic","Zen Kaku Gothic New",sans-serif;letter-spacing:.24em;padding-left:.24em;color:#3b3732;text-shadow:0 0 2px #fff,0 0 3px #fff,0 0 5px #fff}
.fg-mb-on{display:none}
.open .fg-mb-db{animation:none;opacity:0;transform:scale(.5)}
.open .fg-mb-x{opacity:1;transform:none}
.open .fg-mb-off{display:none}
.open .fg-mb-on{display:inline}
@keyframes fgLift{0%,62%,100%{transform:none}70%{transform:translateY(-12%) rotate(-7deg)}78%{transform:translateY(-16%) rotate(6deg)}86%{transform:translateY(-6%) rotate(-3deg)}93%{transform:none}}
@media (min-width:769px){.toggle_btn.fg-mb{top:12px!important;right:20px!important;width:76px!important;height:62px!important}.fg-mb-svg{width:54px;height:24px}.fg-mb-tx{font-size:12px}}

/* 開いたメニュー */
#navArea #mask,.open #mask{display:none!important}
nav.nav.fg-nav{display:block!important;position:fixed!important;inset:0!important;top:0!important;left:0!important;width:100%!important;height:100%!important;z-index:55!important;background:radial-gradient(120% 55% at 100% 0,#f1e8da 0,rgba(241,232,218,0) 62%),radial-gradient(90% 40% at 0 100%,#f3ecdf 0,rgba(243,236,223,0) 60%),#fcfaf6;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility 0s linear .45s;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.open nav.nav.fg-nav{opacity:1;visibility:visible;transition:opacity .45s ease,visibility 0s}
.fg-nav-in{max-width:520px;margin:0 auto;padding:74px 24px calc(40px + env(safe-area-inset-bottom));font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;color:#2a2622}
.fg-nav-label{margin:0 0 14px;text-align:center;font:italic 500 24px/1 "Cormorant Garamond",serif;letter-spacing:.16em;color:#7a5c43}
.fg-nav-photo{position:relative;margin:0 0 10px;border-radius:18px;overflow:hidden;aspect-ratio:16/9;background:#efe6d8}
.fg-nav-photo img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(1.06);transition:transform 1.2s ease}
.open .fg-nav-photo img{transform:none}
.fg-nav-photo figcaption{position:absolute;left:0;right:0;bottom:0;padding:28px 16px 12px;font-size:12px;font-weight:500;line-height:1.6;letter-spacing:.08em;color:#fff;background:linear-gradient(transparent,rgba(42,38,34,.55))}
.fg-nav-list{list-style:none;margin:0;padding:0}
.fg-nav-list li{margin:0!important;border-bottom:1px solid #e6ddd0;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .5s cubic-bezier(.2,.7,.2,1)}
.open .fg-nav-list li{opacity:1;transform:none;transition-delay:calc(.12s + var(--i) * .05s)}
.fg-nav-list a{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:15px 4px;color:#2a2622!important;text-decoration:none!important;background:none!important}
.fg-nav-ja{font-size:16px;font-weight:500;letter-spacing:.08em;white-space:nowrap}
.fg-nav-en{font:italic 500 15px/1 "Cormorant Garamond",serif;letter-spacing:.12em;color:#7a5c43;transition:transform .3s}
.fg-nav-list a:hover .fg-nav-ja{color:#7a5c43}
.fg-nav-list a:hover .fg-nav-en{transform:translateX(-4px)}
.fg-nav-cta{display:flex;align-items:center;justify-content:center;gap:.6em;min-height:56px;margin:28px 0 0;border-radius:999px;background:#9be213;color:#16181b!important;font-weight:700;font-size:15px;letter-spacing:.08em;text-decoration:none!important;box-shadow:0 8px 22px #7a5c4326}
.fg-nav-cta::after{content:"→"}
.fg-nav-sub{display:block;margin:16px auto 0;width:max-content;font-size:13px;letter-spacing:.08em;color:#5d554d!important;text-decoration:underline!important;text-underline-offset:4px}
.fg-nav-sns{display:flex;justify-content:center;gap:28px;list-style:none;margin:24px 0 0;padding:0}
.fg-nav-sns img{width:30px;height:30px;display:block;filter:brightness(0);opacity:.7}
.fg-nav-cta,.fg-nav-sub,.fg-nav-sns{opacity:0;transition:opacity .5s ease}
.open .fg-nav-cta,.open .fg-nav-sub,.open .fg-nav-sns{opacity:1;transition-delay:.5s}
html.fg-menu-open,html.fg-menu-open body{overflow:hidden}
html.fg-menu-open .fg-float{display:none}
@media (min-width:900px){
  .fg-nav-in{max-width:1000px;display:grid;grid-template-columns:1fr 1fr;column-gap:56px;align-items:start;padding-top:110px}
  .fg-nav-label{grid-column:1/-1;margin-bottom:28px}
  .fg-nav-photo{grid-row:2/6;aspect-ratio:4/5}
  .fg-nav-list,.fg-nav-cta,.fg-nav-sub,.fg-nav-sns{grid-column:2}
}
@media (prefers-reduced-motion:reduce){.fg-mb-db{animation:none}.toggle_btn.fg-mb{transform:none}.fg-nav-list li,.fg-nav-photo img{transition:none;transform:none}}