@charset "UTF-8";
/* ============================================================
   base.css（2026リニューアル）
   全ページ共通の色・文字・部品。テンプレートのロック部分で読み込む。
   ※ mother.css / index.css より後に読み込むこと
============================================================ */

:root {
  --bz-beige: #E8DFCB;   /* 背景 */
  --bz-paper: #F3EDE0;   /* 少し明るい面（フッターなど） */
  --bz-ink: #221E1B;     /* 文字・黒ボタン */
  --bz-sub: #6B6259;     /* 補足の文字 */
  --bz-accent: #fb6544;  /* ピンクオレンジ。小さい文字の色には使わない（印・線・背景・ホバーのみ） */
  --bz-rule: #BFB39A;    /* 罫線 */
  --bz-font: "Zen Kaku Gothic New", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
}

body {
  margin: 0;
  background: var(--bz-beige);
  color: var(--bz-ink);
  font-family: var(--bz-font);
  font-feature-settings: "palt";
}

/* ---------- 部品 ---------- */

/* 小見出し（例：劇団文化座 東京公演）。横に伸びる線は、線を減らす方針でやめた */
.bz-kicker {
  display: flex; align-items: center; gap: 14px;
  margin: 0; font-family: var(--bz-font); font-size: 13px; font-weight: 700;
  line-height: 1.6; letter-spacing: 0; text-align: left; color: var(--bz-ink);
}

/* 見出し（下に罫線だけ）。index.css の h1〜h4 の設定を全部打ち消す */
.bz-heading {
  margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px solid var(--bz-ink);
  font-family: var(--bz-font); font-size: 13px; font-weight: 900; line-height: 1.5;
  letter-spacing: 0; text-align: left; color: var(--bz-ink);
}

/* 情報の表：<dl class="bz-table"><div><dt>日程</dt><dd>…</dd></div>…</dl> */
.bz-table { margin: 0; }
.bz-table > div { padding: 5px 0; }
.bz-table dt { font-size: 11px; font-weight: 700; color: var(--bz-sub); letter-spacing: 0; }
.bz-table dd { margin: 0; font-size: 14px; font-weight: 500; line-height: 1.55; letter-spacing: 0; }
.bz-table dd small { font-size: 11.5px; font-weight: 400; color: var(--bz-sub); }

/* 黒ボタン（1ページに1つ） */
a.bz-button:link, a.bz-button:visited {
  display: block; padding: 16px 8px; background: var(--bz-ink); color: var(--bz-beige);
  font-size: 15px; font-weight: 700; letter-spacing: .06em; text-align: center;
}
a.bz-button:hover { background: var(--bz-accent); color: var(--bz-ink); opacity: 1; }

/* 矢印つきの文字リンクの並び：<nav class="bz-links"><a>…</a>…</nav> */
.bz-links a:link, .bz-links a:visited {
  display: flex; justify-content: space-between; padding: 6px 2px;
  font-size: 12.5px; font-weight: 500; letter-spacing: 0; color: var(--bz-ink);
}
.bz-links a::after { content: "→"; }
.bz-links a:hover { text-decoration: underline; opacity: 1; }

/* 名前の頭にピンクオレンジの■ */
.bz-name::before { content: "■"; margin-right: 4px; font-size: .8em; color: var(--bz-accent); }