@charset "UTF-8";
/* ============================================================
   content.css（2026リニューアル・段階2）
   古いHTMLの本文（過去の公演ページ・作品の記録など）を、新しいデザインに寄せる。
   - ルールはすべて本文（.bz-main）の中だけ
   - 要素（p・h1 など）へのルールは :where() で優先度を下げてある
     → 作り直したページの page.css（クラス指定）が必ず勝つ
   - 古いクラス（.text-box など）の中央揃え・字間は、.bz-main を付けて打ち消す
     （作り直したページはこれらのクラスを使わない）
============================================================ */

/* 古いページが文字に直接書き込んでいる var(--color-accent)（ピンク）を、本文の中では黒にする */
.bz-main { --color-accent: var(--bz-ink); --color-accent-deep: var(--bz-ink); }

/* 文章：左揃え・読みやすい行間 */
:where(.bz-main) p { text-align: left; letter-spacing: .02em; line-height: 1.85; }

/* 見出し：黒・左揃え・下に罫線。極端な字間はやめる */
:where(.bz-main) :is(h1, h2, h3, h4, h5, h6) {
  margin: 1.4em 0 .6em; padding: 0 0 6px; border-bottom: 1.5px solid var(--bz-ink);
  font-family: var(--bz-font); font-weight: 900; line-height: 1.35; letter-spacing: 0;
  color: var(--bz-ink); text-align: left;
}
:where(.bz-main) h1 { font-size: 26px; }
:where(.bz-main) h2 { font-size: 22px; }
:where(.bz-main) h3 { font-size: 20px; }
:where(.bz-main) h4 { font-size: 18px; }
:where(.bz-main) :is(h5, h6) { font-size: 16px; }

/* 区切り線：細いベージュの罫線 */
:where(.bz-main) hr, .bz-main .hr3 { width: 100%; height: 1px; margin: 24px 0; border: 0; background: var(--bz-rule); }

/* 表：罫線だけで区切る */
:where(.bz-main) table { border-collapse: collapse; }
:where(.bz-main) :is(th, td) { padding: 8px 10px; border-bottom: 1px solid transparent; text-align: left; vertical-align: top; }
:where(.bz-main) th { font-size: 12px; font-weight: 700; color: var(--bz-sub); }

/* 古いクラスの中央揃え・広い字間を打ち消す（index.css の .text-box p などより強くするため .bz-main を付ける） */
.bz-main :is(.text-box, .text-box3, .text-box5, .text-box6, .text-box7, .text-box8, .tittle-box, .tittle-box2, .right-box, .container, .lpbox) p {
  text-align: left; letter-spacing: .02em;
}
.bz-main .text-box6ai h1 { letter-spacing: 0; }

/* 写真：切らずに、はみ出さない */
:where(.bz-main) img { max-width: 100%; height: auto; }