/* ---------- EN共通：公開ENページのインラインCSSとの干渉の打ち消し＋英語向けの調整（body.lower-proto にスコープ） ---------- */
/* 公開ENは head のインラインCSSで、600px以下に body{padding-top:32px}、.mfp-close{top:32px!important} 等（旧の言語バー32px用）を持つ。見本は言語切替をヘッダー内に置くので打ち消す */
body.lower-proto { padding-top: 0 !important; letter-spacing: .02em; }
body.lower-proto button.mfp-close { top: calc((var(--h-h) - 44px) / 2) !important; }
body.lower-proto .gnav { gap: 22px; letter-spacing: .06em; }
body.lower-proto .site-header .lang a, body.lower-proto .site-header .lang span { white-space: nowrap; }
/* 予約ボタン(Availability & Online Booking)は長いので2行まで折り返す（公開PCでも2行） */
body.lower-proto .btn-reserve { white-space: normal; text-align: center; line-height: 1.4; max-width: 210px; padding: 7px 16px; font-size: 12.5px; letter-spacing: .06em; }
body.lower-proto h1, body.lower-proto h2, body.lower-proto h3, body.lower-proto p, body.lower-proto li, body.lower-proto dd, body.lower-proto dt, body.lower-proto h4, body.lower-proto th, body.lower-proto td, body.lower-proto figcaption, body.lower-proto main a { overflow-wrap: break-word; }
body.lower-proto #zoom-menu nav a { letter-spacing: .06em; }
@media (max-width: 600px) { body.lower-proto { padding-top: 0 !important; } }

/* [v2] 既存ロゴ画像を維持（PC=白SVG・SP=暗色SVG・フッター=白SVG。src/altは公開HTMLのまま）。画像の形・文字は変えず、白SVGは明るい背景で見えるよう色だけ暗くする（実表示は未確認） */
body.lower-proto .site-header .logo { display: flex; align-items: center; min-width: 0; margin-right: auto; text-decoration: none; }
body.lower-proto .site-header .logo img { height: auto; max-width: 100%; }   /* displayはここに書かない（PC/SPの切替を詳細度で負かさない） */
body.lower-proto .site-header .logo img.logo-img-pc { display: block; width: auto; height: 52px; filter: brightness(0); }      /* 元は142×102の白SVG（暗色ヘッダー用）。縦を52pxに縮小し黒に */
body.lower-proto .site-header .logo img.logo-img-sp { display: none; width: 200px; height: auto; }              /* 元は228×20の暗色SVG */
body.lower-proto .site-footer .logo-img-footer { display: block; width: 96px; height: auto; filter: brightness(0); }  /* 元は160×115の白SVG（暗色フッター用） */
@media (max-width: 600px) {
  body.lower-proto .site-header .logo img.logo-img-pc { display: none; }
  body.lower-proto .site-header .logo img.logo-img-sp { display: block; width: min(200px, 100%); }
}