/* ============================================================
   NEO STANDARD — TOKYO NIGHT RESIDENCE — デザイントークン (2026-10-04 改訂)
   旧「NEO STANDARD CITY POP」(アイボリー×ネイビー×コーラル)から刷新。
   核をCHARCOAL×JADE GREEN×NIGHT BLUEに変更し、Greenを装飾色でなく
   ブランド色として扱う。既存の`--ns-*`変数名はそのまま残し、値のみ
   新パレットへ repoint することで、本ファイル以下の既存ルール(400行超)を
   個別に書き換えずに全面的に新配色へ切り替える。
   `--neo-*`/`--night-blue`/`--deep-teal`/`--ivory`/`--paper`/`--coral`/
   `--warm-yellow`は新規セクション(ヒーロー・ブランドブレイク・LATE NIGHT)で
   直接使う実名トークン。
   fonts-override.cssの機能的な修正(モバイルPrologue座標・ハンバーガー開閉・
   FAQ矢印回転等)には一切触れず、本ファイルは視覚層(配色・タイポ・余白・角丸)のみを担当する。
   ============================================================ */
:root {
  /* 新パレット実名トークン */
  --neo-black: #191718;
  --neo-jade: #36b696;
  --night-blue: #082b36;
  --deep-teal: #103e43;
  --ivory: #f4f0e7;
  --paper: #ece6da;
  --coral: #d76461;
  --warm-yellow: #e1cb78;
  --ink: #161616;

  /* 既存コードベース互換の`--ns-*`は新トークンへ repoint。
     コーラルは旧デザインでは主アクセントだったが、新方針で
     jadeが主アクセントに交代するため --ns-coral は jade を指す。
     単体のコーラルが必要な箇所は --coral を直接使う。 */
  --ns-ivory: var(--ivory);
  --ns-ivory-soft: var(--paper);
  --ns-ink: var(--neo-black);
  --ns-ink-soft: #55534f;
  --ns-midnight: var(--night-blue);
  --ns-midnight-soft: var(--deep-teal);
  --ns-navy: var(--deep-teal);
  --ns-coral: var(--neo-jade);
  --ns-coral-soft: #d9eee7;
  --ns-cyan: var(--neo-jade);
  --ns-yellow: var(--warm-yellow);
  --ns-line: rgba(22, 22, 22, .12);
  --ns-line-on-dark: rgba(244, 240, 231, .2);
  /* 2026-10-18 Lighthouse Accessibility対応: --neo-jade(#36b696)はivory/paper(薄い背景)の
     小さいテキストに使うとcontrast 2.0-2.2しか出ない(WCAG 4.5:1未達)。暗い背景(night-blue等)
     では既に5.8以上あり問題ないため、--neo-jade自体は変更せず、薄い背景のテキスト専用に
     濃いバリアントを新設する(Pythonで実計算・ivory/paper両方で4.5:1以上を確認済み)。 */
  --ns-coral-text: #21705d;
  /* ダークセクション(#ikebukuro-inquiry、background: night-blue)の本文テキスト用。
     旧rgba(244,240,231,.2)はnight-blue上でcontrast 1.78しか出ず不合格だったため、
     同系色を実計算で合成した不透明色に変更(contrast 4.75)。border用途のrgbaはそのまま維持。 */
  --ns-text-on-dark: #869495;
  --ns-font-editorial: "Inter", "Zen Kaku Gothic New", sans-serif;
  --ns-font-display: "Archivo", "Zen Kaku Gothic New", sans-serif;
  --ns-radius-photo: 2px;
  --ns-radius-panel: 8px;
  --ns-radius-btn: 4px;
  --ns-ease-expo: cubic-bezier(.19, 1, .22, 1);
}

/* 角丸の規律: SaaS風の丸角カード・pillボタンを避ける(Neo Standard City Popの方針) */
.ikb-hero-cta, .cal-submit-btn, .iq-submit, .Header-module-scss-module__P7cjuG__reserveBtn,
.ikb-faqteaser-cta {
  border-radius: var(--ns-radius-btn) !important;
}

@media (prefers-reduced-motion: reduce) {
  * { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
}

/* ============================================================
   ヘッダー: スクロールで透明→アイボリー半透明+blurへ(header-scroll.jsが
   body.ikb-scrolledを切り替える)
   ============================================================ */
body.ikb-scrolled .Header-module-scss-module__P7cjuG__nav {
  background: rgba(251, 246, 236, .86) !important;
  backdrop-filter: blur(10px) !important;
  -webkit-backdrop-filter: blur(10px) !important;
  border-bottom: 1px solid var(--ns-line) !important;
}
.Header-module-scss-module__P7cjuG__nav { transition: background .3s, border-color .3s; }

/* 2026-10-05 Shownコメント対応: 「ヘッダーの文字が見えない」。ヒーロー全面背景化
   (本ファイル下部.ikb-hero参照)でmargin-topを無くした結果、スクロール前のヘッダーが
   暗いヒーロー写真の直上に乗るようになったが、ナビ文字は基底CSSのcolor:#000のまま
   だったため見えなくなっていた。ヒーローを持つページ(トップ)のスクロール前のみ
   明るい文字色にする。スクロール後は.ikb-scrolledの明るい背景に対し黒文字のままでよい。 */
body:has(.ikb-hero):not(.ikb-scrolled) .Header-module-scss-module__P7cjuG__navItem,
body:has(.ikb-hero):not(.ikb-scrolled) .Header-module-scss-module__P7cjuG__langBtnText {
  color: var(--ivory) !important;
}
body:has(.ikb-hero):not(.ikb-scrolled) .Header-module-scss-module__P7cjuG__hamburgerIcon line {
  stroke: var(--ivory) !important;
}

/* ============================================================
   ヒーロー: Editorial Split Layout(PC=左テキスト/右写真、SP=縦積み)
   写真は全面背景でなく余白で額装する(雑誌・レコードジャケット的な見せ方)
   ============================================================ */
/* 2026-10-05 Shownコメント対応: 「左右分割で写真が箱に収まり一部だけに見える、
   もっとエモーショナルに・1枚の画面にしてほしい」との指摘を受け、2カラム分割を廃止。
   写真をヒーロー全面の背景として敷き、その上にテキストを重ねる没入型レイアウトに変更。
   (実測: 旧レイアウトでは写真が628×785pxしかなく、1440px幅のうち半分以下だった) */
.ikb-hero {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  /* fonts-override.cssのheight:100vh/max-height:940pxを明示的に無効化
     (全面写真+余白拡大後のコンテンツがmax-height内に収まらずクリップされるため)。 */
  height: auto !important;
  min-height: 100vh;
  max-height: none !important;
  /* margin-top:100px(fonts-override.css)がヒーロー背景の外側に余白を作り、
     その部分だけ背景色が無く白く見えてしまうバグ(Shownコメント#2)があったため、
     marginを打ち消しpaddingに置き換えて背景色がヘッダー裏まで届くようにする。 */
  margin-top: 0 !important;
  padding: clamp(132px, 16vw, 168px) clamp(24px, 5vw, 72px) clamp(56px, 7vw, 96px);
  background: var(--night-blue);
  overflow: hidden;
  text-align: center;
}

/* ============================================================
   2026-10-04 NEO STANDARD — TOKYO NIGHT RESIDENCE:
   ヒーロー上部の巨大ブランドロックアップ(全面背景の上に重ねて中央寄せ表示)
   ============================================================ */
.ns2-hero-lockup {
  position: relative;
  z-index: 1;
  margin-bottom: clamp(16px, 2.4vw, 28px);
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ns2-hero-kicker {
  display: block;
  font-family: var(--ns-font-editorial);
  font-size: 11px;
  letter-spacing: .36em;
  color: var(--neo-jade);
  margin-bottom: 14px;
}
.ns2-hero-wordmark {
  margin: 0;
  font-family: var(--ns-font-display);
  font-weight: 500;
  font-size: clamp(3rem, 2rem + 7vw, 8.5rem);
  line-height: .96;
  letter-spacing: -.01em;
  color: var(--ivory);
  text-transform: uppercase;
}
.ns2-hero-wordmark span { display: block; }
.ns2-hero-wordmark-accent { color: var(--neo-jade); }
[data-px] { backface-visibility: hidden; }

/* スクロールインで左から伸びる罫線(data-reveal-line + ns2-motion.js) */
.ns2-divider {
  display: block;
  height: 1px;
  width: min(100%, 220px);
  margin: clamp(18px, 2.4vw, 32px) auto 0;
  background: linear-gradient(90deg, rgba(54,182,150,0) 0%, var(--neo-jade) 50%, rgba(54, 182, 150, 0) 100%);
  transform: scaleX(0);
  transition: transform 1.1s var(--ns-ease-expo);
}
.ns2-divider.is-drawn { transform: scaleX(1); }

.ikb-hero-content {
  position: relative;
  z-index: 1;
  max-width: 40rem;
  margin: 0;
  padding: 0;
  text-align: center;
  align-items: center;
}
.ikb-hero-eyebrow {
  font-family: var(--ns-font-editorial);
  color: var(--neo-jade) !important;
  letter-spacing: .32em;
}
.ikb-hero-title {
  color: var(--ivory) !important;
  font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem) !important;
  font-weight: 500 !important;
  text-shadow: none !important;
  letter-spacing: .02em !important;
  /* 「徒歩10分」「暮らすように滞在する」のような数字+助数詞・熟語が行末で
     不自然に分断されないよう、CJKの行分割規則(keep-all)を適用する
     (2026-10-02 実機検証でデスクトップ1440pxにて分断を確認し修正)。 */
  word-break: keep-all;
  overflow-wrap: break-word;
}
.ikb-hero-lead {
  color: rgba(244, 240, 231, .68) !important;
}
.ikb-hero-cta {
  border-color: var(--ivory) !important;
  color: var(--ivory) !important;
}
.ikb-hero-cta::before { background: var(--neo-jade) !important; }
.ikb-hero-cta:hover { color: var(--neo-black) !important; }

/* 写真をヒーロー全面の背景として敷く(箱に収めず没入感を出す)。
   テキストより手前に出ないようz-index:0、ヒーロー本体はoverflow:hiddenで
   スケールアニメーションがはみ出さないようにする。 */
.ikb-hero-media {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.ikb-hero-media .ikb-hero-bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(.95) contrast(1.05);
  transform: none;
  /* 1.03倍のslow zoom(控えめ・常時再生)。prefers-reduced-motionは:rootの
     共通ルールでduration実質ゼロへ落ちる */
  animation: ns2-slow-zoom 28s ease-in-out infinite alternate;
}
@keyframes ns2-slow-zoom {
  from { transform: scale(1); }
  to { transform: scale(1.03); }
}
/* 全面写真の上に、文字が読めるよう暗幕を重ねる(単層ではなく上下で濃淡をつけ、
   テキストが乗る中央〜下部をやや濃くする) */
.ikb-hero-media::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8,43,54,.55) 0%, rgba(8,43,54,.38) 32%, rgba(8,43,54,.62) 75%, rgba(8,43,54,.8) 100%);
  pointer-events: none;
}
.ns2-hero-tag {
  position: absolute;
  right: 20px;
  bottom: 20px;
  z-index: 1;
  font-family: var(--ns-font-editorial);
  font-size: 10.5px;
  letter-spacing: .24em;
  color: var(--ivory);
  opacity: .72;
}

@media (max-width: 900px) {
  .ikb-hero { height: auto !important; min-height: 100vh; margin-top: 0 !important; padding-top: 112px; }
  .ns2-hero-wordmark { font-size: clamp(2.6rem, 2rem + 11vw, 4.2rem); }
  .ikb-hero-title { font-size: clamp(1.3rem, 1rem + 2.4vw, 1.7rem) !important; }
}

/* ============================================================
   Quick Facts(ヒーロー直下の4項目)
   ============================================================ */
.ikb-quickfacts {
  background: var(--ns-ivory);
  padding: 0 24px clamp(32px, 5vw, 56px);
}
.ikb-quickfacts-list {
  max-width: 1040px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 1px;
  background: var(--ns-line);
  border: 1px solid var(--ns-line);
  list-style: none;
  padding: 0;
}
.ikb-quickfacts-list li {
  background: var(--ns-ivory);
  padding: 18px 16px;
  text-align: center;
  font-family: var(--ns-font-editorial);
  font-size: 12.5px;
  font-weight: 500;
  letter-spacing: .02em;
  color: var(--ns-ink);
}
@media (max-width: 640px) {
  .ikb-quickfacts-list { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   お部屋セクション(.room、実在の1LDK/1K紹介。構造は既存のまま配色のみ)
   ============================================================ */
.page-module-scss-module__zcQm6a__room { background: var(--ns-ivory) !important; }
.page-module-scss-module__zcQm6a__roomLead { color: var(--ns-ink-soft) !important; }

/* ============================================================
   設備紹介(.lounge、実在のWelcome Back/設備紹介セクション)
   ============================================================ */
.page-module-scss-module__zcQm6a__lounge { background: var(--ns-midnight) !important; }
.page-module-scss-module__zcQm6a__loungeWelcomeText { color: var(--ns-ivory) !important; }
.page-module-scss-module__zcQm6a__loungeWelcomeOverlay {
  background: linear-gradient(180deg, rgba(12,33,53,.3) 0%, rgba(12,33,53,.72) 100%) !important;
}

/* ============================================================
   料金プラン(新規セクション、quote-pricing.jsの値をprice-table.jsが描画)
   ============================================================ */
.ikb-price {
  background: var(--ns-ivory);
  padding: clamp(48px, 7vw, 96px) 24px;
}
.ikb-price-head { max-width: 640px; margin: 0 auto 40px; text-align: center; }
.ikb-price-eyebrow {
  font-family: var(--ns-font-editorial);
  font-size: 11px; letter-spacing: .3em; color: var(--ns-coral-text); margin-bottom: 14px; text-transform: uppercase;
}
.ikb-price-head h2 { color: var(--ns-ink); margin-bottom: 12px; }
.ikb-price-lead { font-size: 14px; color: var(--ns-ink-soft); line-height: 1.8; }
.ikb-price-grid {
  max-width: 1040px; margin: 0 auto 32px;
  display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px;
  background: var(--ns-line); border: 1px solid var(--ns-line);
}
.ikb-price-card { background: var(--ns-ivory); padding: 24px 18px; text-align: center; }
.ikb-price-card-label {
  font-family: var(--ns-font-editorial); font-size: 11.5px; font-weight: 600;
  color: var(--ns-ink-soft); margin-bottom: 14px; min-height: 2.6em;
}
.ikb-price-card-row { font-family: var(--ns-font-editorial); font-variant-numeric: tabular-nums; margin-bottom: 6px; }
.ikb-price-card-row span { font-size: 22px; font-weight: 600; color: var(--ns-ink); }
.ikb-price-card-row small { font-size: 11px; color: var(--ns-ink-soft); margin-left: 2px; }
.ikb-price-card-sub { font-family: var(--ns-font-editorial); font-size: 11px; color: var(--ns-ink-soft); margin-bottom: 10px; }
.ikb-price-card-clean { font-family: var(--ns-font-editorial); font-size: 13px; font-weight: 600; color: var(--ns-navy); }
.ikb-price-card-clean small { font-weight: 400; color: var(--ns-ink-soft); margin-left: 2px; }
.ikb-price-fixed {
  max-width: 1040px; margin: 0 auto 24px; border: 1px solid var(--ns-line); padding: 20px 24px;
}
.ikb-price-fixed-title { font-size: 11px; letter-spacing: .1em; color: var(--ns-ink-soft); margin-bottom: 12px; }
.ikb-price-fixed-items { display: flex; gap: 32px; flex-wrap: wrap; }
.ikb-price-fixed-item { display: flex; align-items: baseline; gap: 8px; font-size: 13px; }
.ikb-price-fixed-item span:first-child { color: var(--ns-ink-soft); }
.ikb-price-fixed-item span:last-child { font-family: var(--ns-font-editorial); font-weight: 600; color: var(--ns-ink); }
.ikb-price-note { max-width: 640px; margin: 0 auto; font-size: 11.5px; color: var(--ns-ink-soft); text-align: center; }
@media (max-width: 760px) {
  .ikb-price-grid { grid-template-columns: repeat(2, 1fr); }
}

/* ============================================================
   アクセス(.access、トップページの簡易プレビュー)
   ============================================================ */
.page-module-scss-module__gcuJEq__section,
.page-module-scss-module__yTTEea__section,
.page-module-scss-module__zcQm6a__access {
  background: var(--ns-ivory) !important;
}

/* ============================================================
   2026-10-04 NEO STANDARD — TOKYO NIGHT RESIDENCE:
   ACCESS簡易路線図(実在のアクセス情報・地図は変更せず、その直前に
   装飾として追加する。数値は quickfacts/access.stationDetail の
   既存の確認済みの値(目白11分・池袋10分)と一致させている)
   ============================================================ */
.ns2-transit {
  background: var(--night-blue);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 14px;
  padding: 22px 24px;
  font-family: var(--ns-font-editorial);
}
.ns2-transit-station {
  font-size: 13px; letter-spacing: .22em; color: var(--ivory);
}
.ns2-transit-station--home { color: var(--neo-jade); font-weight: 600; }
.ns2-transit-line { font-size: 11px; letter-spacing: .1em; color: rgba(244, 240, 231, .55); }
.ns2-transit-dot { width: 18px; height: 1px; background: var(--neo-jade); display: inline-block; }
@media (max-width: 560px) {
  .ns2-transit { gap: 8px; padding: 18px 16px; }
  .ns2-transit-dot { width: 10px; }
}

/* ============================================================
   池袋レジデンスとは(.sumuBrand、About)
   ============================================================ */
.page-module-scss-module__zcQm6a__sumuBrand { background: var(--ns-ivory-soft) !important; }
.page-module-scss-module__zcQm6a__sumuBrandKicker { color: var(--ns-coral-text) !important; }

/* ============================================================
   FAQプレビュー(新規セクション、トップページ下部)
   ============================================================ */
.ikb-faqteaser { background: var(--ns-ivory); padding: clamp(48px, 7vw, 96px) 24px; }
.ikb-faqteaser-head { max-width: 640px; margin: 0 auto 32px; }
.ikb-faqteaser-eyebrow {
  font-family: var(--ns-font-editorial); font-size: 11px; letter-spacing: .3em; color: var(--ns-coral-text);
  text-transform: uppercase; margin-bottom: 12px;
}
.ikb-faqteaser-head h2 { color: var(--ns-ink); }
.ikb-faqteaser-list { max-width: 640px; margin: 0 auto; }
.ikb-faqteaser-item {
  display: flex; gap: 20px; align-items: baseline; padding: 18px 0; border-top: 1px solid var(--ns-line);
}
.ikb-faqteaser-list .ikb-faqteaser-item:last-child { border-bottom: 1px solid var(--ns-line); }
.ikb-faqteaser-num { font-family: var(--ns-font-editorial); font-size: 11px; color: var(--ns-coral-text); min-width: 24px; }
.ikb-faqteaser-item p { margin: 0; font-size: 14px; color: var(--ns-ink); }
.ikb-faqteaser-cta {
  display: inline-block; margin: 28px auto 0; max-width: 640px; width: 100%; text-align: center;
  padding: 14px; border: 1px solid var(--ns-ink); color: var(--ns-ink); text-decoration: none;
  font-size: 12.5px; letter-spacing: .08em; box-sizing: border-box;
}
.ikb-faqteaser-cta:hover { background: var(--ns-ink); color: var(--ns-ivory); }

/* ============================================================
   空室確認(カレンダー)・お見積もり: 配色のみNeo Standardトークンに統一
   (構造・ID・イベントリスナーは一切変更しない)
   ============================================================ */
#ikebukuro-calendar { background: var(--ns-ivory); }
#ikebukuro-calendar .cal-eyebrow,
#ikebukuro-quote .qt-eyebrow { color: var(--ns-coral-text); font-family: var(--ns-font-editorial); }
#ikebukuro-calendar .cal-type-row.active { background: var(--ns-ink) !important; border-color: var(--ns-ink) !important; }
#ikebukuro-calendar .cal-day-in-range { background: var(--ns-coral-soft) !important; color: var(--ns-midnight) !important; }
#ikebukuro-calendar .cal-day-checkin, #ikebukuro-calendar .cal-day-checkout { background: var(--ns-ink) !important; }
#ikebukuro-calendar .cal-dot-range { background: var(--ns-coral-soft) !important; border-color: var(--ns-ink) !important; }
#ikebukuro-calendar .cal-submit-btn { background: var(--ns-ink) !important; }
#ikebukuro-calendar .cal-submit-btn:hover { background: var(--ns-midnight-soft) !important; }
#ikebukuro-calendar .cal-selected { color: var(--ns-ink) !important; }
#ikebukuro-quote { background: var(--ns-ivory-soft); }
#ikebukuro-quote .qt-eyebrow { letter-spacing: .3em; }
#ikebukuro-quote .qt-result {
  border-color: var(--ns-line) !important;
  padding: clamp(24px, 4vw, 40px) clamp(20px, 4vw, 36px) !important;
}
#ikebukuro-quote .qt-lines { border-top: 1px solid var(--ns-line); }
#ikebukuro-quote .qt-line {
  border-bottom: 1px solid var(--ns-line) !important;
  padding: 11px 0 !important;
}
#ikebukuro-quote .qt-line span:first-child { color: var(--ns-ink-soft); letter-spacing: .02em; }
#ikebukuro-quote .qt-line span:last-child,
#ikebukuro-quote .qt-total span:last-child {
  font-family: var(--ns-font-display);
  font-variant-numeric: tabular-nums;
}
#ikebukuro-quote .qt-total {
  border-top-color: var(--ns-ink) !important;
  border-top-width: 2px !important;
  color: var(--ns-ink) !important;
  padding-top: 18px !important;
}
#ikebukuro-quote .qt-total span:last-child { font-size: clamp(22px, 1.6rem + .6vw, 30px); font-weight: 600; }

/* 合計行・料金数字はtabular-numsのGroteskで統一 */
#ikebukuro-quote .qt-total span:last-child,
#ikebukuro-quote .qt-meta dd,
.ikb-price-card-row span {
  font-family: var(--ns-font-editorial);
}

/* ============================================================
   お問い合わせ(フッター直前のダークセクション=クライマックス)
   ============================================================ */
#ikebukuro-inquiry {
  background: var(--ns-midnight) !important;
  padding-top: clamp(48px, 7vw, 96px);
  padding-bottom: clamp(48px, 7vw, 96px);
}
#ikebukuro-inquiry .iq-eyebrow { color: var(--ns-coral); font-family: var(--ns-font-editorial); }
#ikebukuro-inquiry h2, #ikebukuro-inquiry label { color: var(--ns-ivory) !important; }
#ikebukuro-inquiry .iq-lead, #ikebukuro-inquiry .iq-note { color: var(--ns-text-on-dark) !important; }
#ikebukuro-inquiry input, #ikebukuro-inquiry textarea {
  background: rgba(251, 246, 236, .06) !important;
  border: 1px solid var(--ns-line-on-dark) !important;
  color: var(--ns-ivory) !important;
}
#ikebukuro-inquiry .iq-submit { background: var(--ns-coral) !important; color: var(--ns-midnight) !important; }
#ikebukuro-inquiry .iq-submit:hover { background: var(--ns-ivory) !important; }
#ikebukuro-inquiry .iq-done h3 { color: var(--ns-ivory) !important; }
#ikebukuro-inquiry .iq-done p { color: var(--ns-text-on-dark) !important; }
#line-float-btn { background: var(--ns-coral-text) !important; }

/* ============================================================
   フッター
   ============================================================ */
.Footer-module-scss-module__kQc2fa__footer { background: var(--ns-ivory-soft) !important; }
.Footer-module-scss-module__kQc2fa__footerLink,
.Footer-module-scss-module__kQc2fa__footerReserveBtn { color: var(--ns-ink) !important; }
.Footer-module-scss-module__kQc2fa__footerReserveBtn { background: var(--ns-ink) !important; color: var(--ns-ivory) !important; }

/* ============================================================
   部屋ページ/アクセス/FAQ/お問い合わせの見出し帯(kicker)に差し色
   ============================================================ */
.RoomHero-module-scss-module__U8saRq__heroKicker,
.ikb-page-kicker {
  color: var(--ns-coral) !important;
  font-family: var(--ns-font-editorial) !important;
}
h1.ikb-room-title-text, span.ikb-room-title-text { color: var(--ns-ink) !important; }

/* ============================================================
   アクセスページ: 路線図風(Transit diagram)の軽い装飾
   ============================================================ */
.page-module-scss-module__gcuJEq__accessList { border-left: 2px solid var(--ns-coral-soft); }

/* ============================================================
   2026-10-04 NEO STANDARD — TOKYO NIGHT RESIDENCE:
   アクセスページの空港カード(既存の実データ=access.haneda.*/access.narita.*を
   そのまま使用、文言・経路情報は一切変更しない)をダーク+タイポグラフィ主体の
   カードへ格上げ。
   ============================================================ */
/* 2026-10-05 Shownコメント対応: 埋め込み地図(iframe)はクリックしてもパン/ズーム
   するだけでGoogleマップへ遷移しなかった。iframe自体はクリックを奪ってしまうため
   `<a>`で囲えず、右下に重ねる形で外部リンクボタンを追加する
   (既存のaccess.stationName横にある「MAP」ボタンと同じURL形式)。 */
.page-module-scss-module__gcuJEq__mapCard { position: relative; }
.ikb-mapcard-link {
  position: absolute;
  right: 14px;
  bottom: 14px;
  z-index: 2;
  background: var(--neo-black);
  color: var(--ivory);
  font-family: var(--ns-font-editorial);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .1em;
  padding: 8px 16px;
  text-decoration: none;
  border-radius: var(--ns-radius-btn);
  box-shadow: 0 2px 10px rgba(0,0,0,.3);
}
.ikb-mapcard-link:hover { background: var(--neo-jade); color: var(--neo-black); }

.page-module-scss-module__gcuJEq__airportCard,
.page-module-scss-module__gcuJEq__stationCard {
  background: var(--night-blue) !important;
  padding: clamp(24px, 3.4vw, 36px) !important;
  border-radius: var(--ns-radius-panel) !important;
}
/* 2026-10-05 Shownコメント対応: stationCard(最寄り駅)がairportCardと同じ
   cardTitle/cardSubtitle(クリーム色文字)を使っているのに、stationCard自体の
   背景が白のままだったため文字が読めなくなっていた(実測コントラスト比約1.1:1)。
   airportCardと同じダーク背景を適用して解消。 */

/* 2026-10-05 Shownコメント対応: 設備紹介冒頭の斜線ストライプ装飾画像
   (deco-lounge.png)が「実写真が無くプレースホルダー感が強い」と指摘。
   タイポグラフィ優先の既定方針(26枚の写真撤去と同じ考え方)に合わせ非表示化。 */
.page-module-scss-module__zcQm6a__loungeDeco {
  display: none !important;
}

/* 2026-10-05 Shownコメント対応: 「このセクションは全く変わってない、一新してほしい」。
   loungeWelcome(扉が開くAutoDoorOverlayの「Welcome Back」導入パネル)は、直下の
   loungeHero見出し(「設備紹介」)と内容が重複するだけの汎用テンプレ由来ギミックで、
   かつIntersectionObserverで一度だけ開く扉演出がPDF静止画キャプチャでは開く前の
   ほぼ黒塗り状態で固まって見え、未完成に見える一因だった。本題の見出しが直下に
   あるため、導入パネルごと非表示にする(26枚の写真撤去・装飾ストライプ撤去と同じ方針)。 */
.page-module-scss-module__zcQm6a__loungeWelcome {
  display: none !important;
}

/* 設備紹介(Lounge)のコラボカード: loungeCollabTitle/Textが黒文字のまま、
   親セクション.loungeの背景がダークネイビーに変わったため読めなくなっていた
   (実測コントラスト比約1.4:1)。明るい文字色に上書きする。 */
/* loungeTitle(「設備紹介」本体の見出し)はikb-title-text(fonts-override.cssで
   色#1a1a1aを強制)を併用しているため、同じく黒文字のまま紺背景に埋もれていた。
   loungeLead(導入文)も同様。2026-10-05 実機検証(2回目)で発見・修正。 */
.page-module-scss-module__zcQm6a__loungeTitle.ikb-title-text {
  color: var(--ivory) !important;
}
.page-module-scss-module__zcQm6a__loungeLead {
  color: rgba(244, 240, 231, .78) !important;
}
.page-module-scss-module__zcQm6a__loungeCollabTitle {
  color: var(--ivory) !important;
}
.page-module-scss-module__zcQm6a__loungeCollabText {
  color: rgba(244, 240, 231, .78) !important;
}

/* 2026-10-05 Shownコメント対応: 1Kページの部屋説明写真3枚の削除指示。
   roomImages(common-cutlery.jpg/mv-right-04.jpg)は1LDK/1K共通コンポーネントで
   同じ写真を使い回しているため、一貫性のため両ページとも非表示にする。
   sumuwallImage(game-zoom.jpg、「池袋レジデンスWall」の写真)は1Kページのみ存在。 */
.RoomDescription-module-scss-module__p87wpW__roomImages {
  display: none !important;
}
/* 2026-10-05 実機検証(2回目)で発見: ギャラリー内の"common-bathroom.jpg"は
   ファイル名に反して実際には寝室・ベッドの写真(目視確認済み)で、削除依頼された
   ベッド写真と同種の内容が別ファイル名で紛れ込んでいた。1LDK/1K共通ギャラリーの
   該当スライドのみ非表示にする。 */
.RoomMvSlider-module-scss-module__jv9Dzq__slide:has(img[src*="common-bathroom.jpg"]) {
  display: none !important;
}
/* 2026-10-08 Shownコメント対応(2巡目): 「写真が横長すぎる、プレビューみたいな
   普通の比率にしてほしい」。前回(初回コメント)は高さだけを500→400pxに縮めたが、
   横幅(コンテナの80%、最大1000px超)はそのままだったため、かえって縦横比が
   引き伸ばされて見えるようになっていた(反省点・根本原因は幅と高さを別々に
   固定pxで扱っていたこと)。今回はスライダー全体の最大幅を絞り、
   aspect-ratioで4:3に固定することで、幅が変わっても常に自然な写真比率になる
   ようにする(デスクトップのみ。モバイルは元々端末幅いっぱいで問題なし)。 */
@media (min-width: 768px) {
  .RoomMvSlider-module-scss-module__jv9Dzq__mvSlider {
    max-width: 640px !important;
    margin: 0 auto !important;
  }
  .RoomMvSlider-module-scss-module__jv9Dzq__slide img {
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
  }
}
.Room池袋レジデンスWall-module-scss-module__jV3mXq__sumuwallImage {
  display: none !important;
}
.Room池袋レジデンスWall-module-scss-module__jV3mXq__sumuwallContent {
  width: 100% !important;
  max-width: 640px;
  margin: 0 auto;
}

/* 2026-10-05 Shownコメント対応: 「wallは不要・わかりにくい」との指摘を受け、
   池袋レジデンスWallセクション自体を1Kページから削除したため、上記line-height
   修正ルールは対象要素が無くなり不要(削除済み)。 */
.page-module-scss-module__gcuJEq__cardSubtitle { color: rgba(244, 240, 231, .55) !important; }
/* 2026-10-05 Shownコメント対応: 「アクセスページの最寄り駅カードの文字が読みにくい」。
   cardTitle/cardSubtitleは既にクリーム色化済みだったが、徒歩時間の本文(cardText)と
   羽田/成田空港カードのルート説明(routeList li)が黒文字のまま(#000)残っており、
   ダーク背景(night-blue)の上で視認できなかった(同じairportCard/stationCardダーク化の
   副作用)。両方とも明るい文字色に統一する。 */
.page-module-scss-module__gcuJEq__cardText,
.page-module-scss-module__gcuJEq__routeList li {
  color: rgba(244, 240, 231, .78) !important;
}
.page-module-scss-module__gcuJEq__orangeDot { background: var(--neo-jade) !important; }
.page-module-scss-module__gcuJEq__cardTitle {
  color: var(--ivory) !important;
  font-family: var(--ns-font-display);
  font-weight: 500;
  font-size: clamp(1.6rem, 1.2rem + 1.6vw, 2.2rem) !important;
}
.page-module-scss-module__gcuJEq__routeList li {
  color: rgba(244, 240, 231, .78) !important;
  border-top: 1px solid var(--ns-line-on-dark) !important;
}
/* 2026-10-05 実機検証(3回目)で発見: routeInfo(羽田/成田カード内の「所要時間・料金目安」
   小ボックス)はrouteList/cardTextとは別物で、自身がライトグレー背景(#f2f2f2)の
   独立パネルとして元から存在する。上記.routeList liのダーク背景向け修正を誤って
   routeInfoTitle/routeInfoList liにも適用していたため、明るいjade/ivory文字が
   明るい背景の上に乗り実測コントラスト比約2.3:1/1.0:1でほぼ読めなくなっていた。
   ライトパネル用にダーク文字へ修正する(WCAG AA 4.5:1以上を実測確認)。 */
.page-module-scss-module__gcuJEq__routeInfoTitle { color: #1d6251 !important; }
.page-module-scss-module__gcuJEq__routeInfoList li {
  color: var(--neo-black) !important;
  font-family: var(--ns-font-editorial);
  font-variant-numeric: tabular-nums;
}

/* ============================================================
   2026-10-04 Shown指示: 「過ごし方」演出(Prologue)・お部屋モザイク・設備紹介の
   コラボ写真(計22枚)を全て撤去。理由=スカイツリー・かっぱ橋等、池袋と無関係な
   地名写真が混在/廃止済みの5コンセプト部屋の名残写真/出所不明のストック的写真。
   テキスト自体は実在・正確な内容のため維持し、写真部分のみ非表示にして
   タイポグラフィ・罫線・色面によるプレースホルダー(ikb-story/ikb-placeholder-*)に
   置き換える。旧DOM構造(絶対座標等)は保持したまま display:none するだけなので、
   後日実写真を撮影した際は display:none を外すだけで復活できる。
   ============================================================ */
.page-module-scss-module__zcQm6a__prologue,
.page-module-scss-module__zcQm6a__roomMosaic,
.page-module-scss-module__zcQm6a__loungeWelcomeBg,
.page-module-scss-module__zcQm6a__loungeContentsPhoto,
.page-module-scss-module__zcQm6a__loungeCollabMedia,
.TopRoomSlider-module-scss-module__R_Gn5a__roomMedia {
  display: none !important;
}
/* loungeWelcome banner: 背景写真を消した分、単色背景に差し替える */
.page-module-scss-module__zcQm6a__loungeWelcome {
  background: var(--ns-midnight);
}
.page-module-scss-module__zcQm6a__roomItem { display: block !important; }

/* loungeContents/loungeCollabの各ブロックは「写真+テキスト」の2カラム前提だった
   ため、写真を消した後はテキスト側を全幅にする */
.page-module-scss-module__zcQm6a__loungeContentsMain {
  display: block !important;
}
.page-module-scss-module__zcQm6a__loungeCollabList {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: 16px;
}
.page-module-scss-module__zcQm6a__loungeCollabItem {
  border: 1px solid var(--ns-line-on-dark);
  padding: 16px;
}

/* ヒーロー直後の「過ごし方(Story)」プレースホルダー: 実在するprologue.*の
   i18nキー(テキストのみ既存・正確)を、罫線+タイポグラフィの新しいレイアウトで表示 */
.ikb-story {
  background: var(--ns-ivory);
  padding: clamp(40px, 6vw, 80px) 24px;
}
.ikb-story-grid {
  max-width: 920px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1px;
  background: var(--ns-line);
  border: 1px solid var(--ns-line);
}
.ikb-story-grid p {
  background: var(--ns-ivory);
  margin: 0;
  padding: 28px 26px;
  font-size: 14px;
  line-height: 2;
  color: var(--ns-ink-soft);
}
.ikb-story-grid p:first-child {
  grid-column: 1 / -1;
  font-size: 17px;
  color: var(--ns-ink);
}
.ikb-story-grid p strong { color: var(--ns-coral-text); font-weight: 600; }
.ikb-story-cta {
  display: block; max-width: 920px; margin: 24px auto 0; text-align: center;
  padding: 16px; border: 1px solid var(--ns-ink); color: var(--ns-ink); text-decoration: none;
  font-size: 13px; letter-spacing: .1em;
}
.ikb-story-cta:hover { background: var(--ns-ink); color: var(--ns-ivory); }
@media (max-width: 640px) {
  .ikb-story-grid { grid-template-columns: 1fr; }
}

/* お部屋セクション: roomMosaic(写真)の代わりに大きな部屋番号タイポグラフィを表示 */
.ikb-placeholder-rooms {
  max-width: 1040px; margin: 32px auto 0; padding: 0 24px;
  display: grid; grid-template-columns: 1fr 1fr; gap: 1px;
  background: var(--ns-line); border: 1px solid var(--ns-line);
}
.ikb-placeholder-room-card {
  background: var(--ns-ivory); padding: 40px 28px; text-align: center;
}
/* 2026-10-18 Shown指示: お部屋カードの写真が古い(無関係な写真)だったため、
   撮影済みの新しい室内写真(1ldk-room-04.jpg/1k-room-01.jpg)をプレースホルダー
   カード上部に追加。タイポグラフィ部分(ROOM NUM/TYPE)はそのまま維持。
   実機検証で発見: imgに直接 width:100%+aspect-ratio を付けると、.roomHero
   (display:flexでタイトル/リード文と横並び)の中で画像の自然サイズ(1448px等)が
   min-content計算に混入し、768px幅でリード文の列が約50pxまで潰れる崩れを誘発した
   (画像を隠すと直る/aspect-ratioを外すと直ることを実機で確認済み)。
   古典的なpadding-top比率ボックスに変更し、imgの自然サイズがflexの
   サイズ計算に影響しないようにして解消。 */
.ikb-placeholder-room-photo-wrap {
  position: relative; width: 100%; padding-top: 75%; overflow: hidden;
  border-radius: 4px; margin-bottom: 24px;
}
.ikb-placeholder-room-photo {
  position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block;
}
.ikb-placeholder-room-num {
  font-family: var(--ns-font-editorial); font-size: 13px; letter-spacing: .3em;
  color: var(--ns-coral-text); margin-bottom: 12px;
}
.ikb-placeholder-room-type {
  font-family: var(--ns-font-editorial); font-weight: 700; font-size: clamp(40px, 6vw, 64px);
  color: var(--ns-ink); line-height: 1;
}
@media (max-width: 640px) {
  .ikb-placeholder-rooms { grid-template-columns: 1fr; }
}

/* 設備紹介直後の中間CTA(写真が減った分、クロージングへの導線を増やす) */
.ikb-midcta { background: var(--ns-midnight); padding: 28px 24px; text-align: center; }
.ikb-midcta-link {
  display: inline-block; color: var(--ns-ivory); text-decoration: none;
  border-bottom: 1px solid var(--ns-coral); padding-bottom: 4px;
  font-family: var(--ns-font-editorial); font-size: 14px; letter-spacing: .06em;
  transition: transform .3s var(--ns-ease-expo);
}
.ikb-midcta-link:hover { color: var(--ns-coral); transform: translateX(4px); }

/* ============================================================
   2026-10-04 NEO STANDARD — TOKYO NIGHT RESIDENCE:
   ブランドブレイク(DAY) — ページ中盤にポスター的なブランド表示を1回挟む。
   .ikb-midctaの上に積み重ねる形で拡張(既存のリンク・導線は変更しない)。
   ============================================================ */
.ns2-brandbreak {
  position: relative;
  padding: clamp(72px, 11vw, 160px) 24px;
  overflow: hidden;
  isolation: isolate;
}
.ns2-brandbreak-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  opacity: .34;
  filter: saturate(.85) contrast(1.05);
  z-index: 0;
}
.ns2-brandbreak-media::after { content: none; }
.ns2-brandbreak-poster {
  position: relative;
  z-index: 1;
  margin: 0 0 10px;
  font-family: var(--ns-font-display);
  font-weight: 500;
  font-size: clamp(3.4rem, 2.2rem + 8vw, 9rem);
  line-height: .92;
  letter-spacing: -.01em;
  color: var(--ivory);
  text-transform: uppercase;
}
.ns2-brandbreak-poster span { display: inline; }
.ns2-brandbreak-accent { color: var(--neo-jade); margin-left: .35em; }
.ns2-brandbreak-sub {
  position: relative; z-index: 1;
  margin: 0 0 32px;
  font-family: var(--ns-font-editorial);
  font-size: 12px; letter-spacing: .3em; color: rgba(244, 240, 231, .6);
}
.ns2-brandbreak .ikb-midcta-link { position: relative; z-index: 1; }
@media (max-width: 640px) {
  /* 横1行に収めようとすると390px幅で"STANDARD"がクリップするため、
     縮小ではなく縦積みに切り替える(2026-10-04 実機検証で発見・修正)。 */
  .ns2-brandbreak-poster { font-size: clamp(2.6rem, 1.6rem + 13vw, 3.6rem); }
  .ns2-brandbreak-poster span { display: block; }
  .ns2-brandbreak-accent { margin-left: 0; }
}

/* ============================================================
   2026-10-04 NEO STANDARD — TOKYO NIGHT RESIDENCE:
   LATE NIGHT — お問い合わせ直前の最後のブランドモーメント。
   ============================================================ */
.ns2-latenight {
  position: relative;
  min-height: clamp(320px, 48vw, 480px);
  display: flex;
  align-items: flex-end;
  padding: clamp(32px, 5vw, 56px) clamp(24px, 5vw, 72px);
  overflow: hidden;
  background: var(--neo-black);
}
.ns2-latenight-media {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  filter: saturate(.9) contrast(1.05);
  animation: ns2-slow-zoom 28s ease-in-out infinite alternate;
}
.ns2-latenight::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(8, 43, 54, .78) 0%, rgba(8, 43, 54, .06) 55%);
}
.ns2-latenight-body { position: relative; z-index: 1; }
.ns2-latenight-eyebrow {
  display: block;
  font-family: var(--ns-font-editorial);
  font-size: 11px; letter-spacing: .34em; color: var(--neo-jade);
  margin-bottom: 10px;
}
.ns2-latenight-lead {
  margin: 0;
  font-family: var(--ns-font-display);
  font-weight: 500;
  font-size: clamp(1.6rem, 1.2rem + 2.2vw, 2.6rem);
  line-height: 1.3;
  color: var(--ivory);
}

/* ============================================================
   フォーカス・アクセシビリティ
   ============================================================ */
a:focus-visible, button:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible {
  outline: 2px solid var(--ns-coral) !important;
  outline-offset: 2px;
}

/* ============================================================
   2026-10-13 Shownコメント対応: 1Kページの新写真ギャラリー
   (AIで加工した部屋写真10枚+設備クローズアップ写真12枚を「部屋」「設備」の
   2グループに分け、横スクロールで見せる)。
   RoomMvSlider(transform+JSクリックで1枚ずつ送る方式)ではなく、
   overflow-x:auto + scroll-snap-type のネイティブ実装にすることで、
   トラックパッド/スワイプでの横スクロールがブラウザ本来の慣性でそのまま
   滑らかに動く(JS側でアニメーションを作り込む必要がない)。
   矢印ボタンはscrollBy()でネイティブスクロールを1枚分進めるだけの補助。
   ============================================================ */
.ikb-gallery2 {
  max-width: 1300px;
  margin: 0 auto;
  padding: 40px 0 56px;
}
.ikb-gallery2-group {
  margin-bottom: 40px;
}
.ikb-gallery2-group:last-child {
  margin-bottom: 0;
}
.ikb-gallery2-heading {
  font-family: var(--ns-font-display);
  font-weight: 500;
  font-size: clamp(1.1rem, 1rem + 0.5vw, 1.4rem);
  letter-spacing: 0.02em;
  margin: 0 0 16px;
  padding: 0 20px;
  color: var(--neo-black);
}
@media (min-width: 768px) {
  .ikb-gallery2-heading { padding: 0 40px; }
}
.ikb-gallery2-track {
  position: relative;
}
.ikb-gallery2-scroll {
  display: flex;
  gap: 12px;
  overflow-x: auto;
  scroll-snap-type: x proximity;
  -webkit-overflow-scrolling: touch;
  padding: 0 20px;
  scrollbar-width: none;
}
.ikb-gallery2-scroll::-webkit-scrollbar { display: none; }
@media (min-width: 768px) {
  .ikb-gallery2-scroll { padding: 0 40px; gap: 16px; }
}
.ikb-gallery2-item {
  flex: 0 0 auto;
  width: 72vw;
  aspect-ratio: 4 / 3;
  scroll-snap-align: start;
  border-radius: 10px;
  overflow: hidden;
  background: var(--paper);
}
.ikb-gallery2-scroll--room .ikb-gallery2-item { width: 72vw; }
.ikb-gallery2-scroll--amenity .ikb-gallery2-item { width: 52vw; }
@media (min-width: 600px) {
  .ikb-gallery2-scroll--room .ikb-gallery2-item { width: 360px; }
  .ikb-gallery2-scroll--amenity .ikb-gallery2-item { width: 240px; }
}
@media (min-width: 768px) {
  .ikb-gallery2-scroll--room .ikb-gallery2-item { width: 480px; }
  .ikb-gallery2-scroll--amenity .ikb-gallery2-item { width: 280px; }
}
.ikb-gallery2-item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.ikb-gallery2-arrow {
  display: none;
}
@media (min-width: 900px) {
  .ikb-gallery2-arrow {
    display: flex;
    cursor: pointer;
    z-index: 2;
    color: #fff;
    background: var(--neo-black);
    border: none;
    border-radius: 50%;
    width: 44px;
    height: 44px;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    transition: opacity 0.2s, background 0.2s;
  }
  .ikb-gallery2-arrow:hover { background: var(--neo-jade); }
  .ikb-gallery2-arrow-left { left: 4px; }
  .ikb-gallery2-arrow-right { right: 4px; }
}

/* ============================================================
   2026-10-18 SEO/AIO満点化(seo-aio-audit): 新規追加FAQ(details/summary、
   JS不要のネイティブアコーディオン)の最小限スタイル。
   ============================================================ */
.ikb-faq2 { max-width: 860px; margin: 56px auto; padding: 0 20px; }
.ikb-faq2-heading { font-family: var(--ns-font-display); font-weight: 500; font-size: clamp(1.3rem,1.1rem+1vw,1.8rem); margin: 0 0 20px; color: var(--neo-black); }
.ikb-faq2-item { border-bottom: 1px solid var(--ns-line); }
.ikb-faq2-item summary { cursor: pointer; padding: 16px 4px; font-weight: 600; list-style: none; display: flex; justify-content: space-between; gap: 12px; color: var(--neo-black); }
.ikb-faq2-item summary::-webkit-details-marker { display: none; }
.ikb-faq2-item summary::after { content: "+"; flex: none; color: var(--neo-jade); }
.ikb-faq2-item[open] summary::after { content: "\2212"; }
.ikb-faq2-item p { margin: 0 0 18px; padding: 0 4px; color: var(--ns-ink-soft); line-height: 1.8; }