@charset "UTF-8";
/* ==========================================================================
   t3-class-detail.css ｜ T3 クラス詳細
   --------------------------------------------------------------------------
   対象：子供7ページ（バレエ／ポワント／バリエーション／ピラティス／
        コンテンポラリー／親子）＋大人3ページ ＝ 計10ページ
   出典：_docs/40_デザイン仕様.md 13章／原稿 _docs/31 ②・_docs/32
   ルール：10ページが同じ骨格を共有する。ページごとの差は「ブロックを出すか出さないか」
          だけで作る。クラスごとにCSSを足さない。
   ========================================================================== */

/* --------------------------------------------------------------------------
   1. 年齢別ブロック（バレエクラスのみ3つ。他のクラスは1つ）
   旧URLからの301リダイレクト先がアンカーになる（50 2章）ため、
   見出しの手前に余白を確保して、sticky のアンカーナビに隠れないようにする。
   -------------------------------------------------------------------------- */

/* 年齢別ブロックと、アンカーナビの行き先になるセクション。
   sticky のナビに見出しが隠れないよう、ナビの高さぶんの余白を確保する */
.p-class__block,
.p-class__anchor { scroll-margin-top: calc(var(--h-nav-anchor) + 24px); }
.p-class__block + .p-class__block { margin-top: 96px; }

.p-class__photos {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: var(--gap-col3);
  margin-bottom: 40px;
}

.p-class__body { display: flex; flex-direction: column; gap: var(--gap-para); max-width: 42em; }
.p-class__body + .c-list { margin-top: 32px; }

/* レッスンの流れ／曜日・時間 は横に並べる。スマホでは縦に落ちる */
.p-class__tables { margin-top: 40px; }

.p-class__tables h4,
.p-class__sub-head {
  margin-bottom: 16px;
  font-family: var(--f-gothic);
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: var(--c-brown);
}

.p-class__capacity { margin-top: 18px; }

/* --------------------------------------------------------------------------
   2. 料金ブロック
   ポワント・バリエーションは「週◯回」に含めない別料金。この注記は必ず表の
   直下に置く（20 4章の必須記載）。
   ※注記ボックスは 2026-09-21（ロット4）に components.css の .c-note-box へ
     昇格させました。配置は .c-note-box に u-mt-s を足すだけです。
   -------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------
   3. 開講前のページ（「秋ごろ開講予定」「開講準備中」）
   曜日・時間・料金の代わりに、公式LINEの受け皿を置く。
   準備中のページを見込み客の受け皿に変える（32 ③の実装メモ）。
   -------------------------------------------------------------------------- */

.p-class--upcoming .p-class__tables { margin-top: 0; }
.p-class__upcoming-note { margin-top: 24px; }

/* --------------------------------------------------------------------------
   4. スマホ
   ※ 3列以上の表を積む .c-table--stack は、T2（大人クラスTOP）でも
      必要になったため components.css へ移しました（2026-09-21）。
   -------------------------------------------------------------------------- */

@media (max-width: 768px) {
  .p-class__photos { grid-template-columns: 1fr; gap: 16px; }
  .p-class__block + .p-class__block { margin-top: 56px; }
}