@charset "UTF-8";
/*
  既存記事（投稿・固定ページ）の本文を、このテーマのデザインで表示する。

  SANGO のブロックを標準ブロックへ変換したあと（ツール → OREKOKO 移行）、
  本文に残るのは見出し・グループ・詳細・段落・表・画像だけになる。
  legacy.css は SANGO 由来の装飾（見出しの三角など）を持つため、
  このファイルを後から読み込んで上書きする。読み込みは inc/compat-sango.php。
*/

/* 見出し：サービス・公演ページの ok-h2 / ok-h3 と同じ形にそろえる。 */
.entry-content h2,
.entry-content h2:not(.sgb-heading) {
  margin: var(--ok-space-h2) 0 16px;
  padding: 0 0 8px;
  background: none;
  border-bottom: 2px solid var(--ok-ink);
  font-size: var(--ok-fs-h2);
  font-weight: 800;
  line-height: 1.45;
  color: var(--ok-ink);
  scroll-margin-top: 16px;
}
.entry-content h2::before,
.entry-content h2::after,
.entry-content h2:not(.sgb-heading)::before,
.entry-content h2:not(.sgb-heading)::after { content: none; border: 0; }

.entry-content h3 {
  margin: var(--ok-space-h3) 0 10px;
  padding: 0;
  background: none;
  border: 0;
  font-size: var(--ok-fs-h3);
  font-weight: 800;
  line-height: 1.5;
  color: var(--ok-ink);
}
.entry-content h3::before, .entry-content h3::after { content: none; border: 0; }

.entry-content h4 {
  margin: 1.6rem 0 .5rem;
  padding: 0;
  background: none;
  border: 0;
  font-size: var(--ok-fs-lead);
  font-weight: 800;
  line-height: 1.6;
  color: var(--ok-ink);
}

/* 手順（旧タイムライン）：申込手順と同じ、番号付きの縦並び。 */
.entry-content .ok-flow { counter-reset: okflow; margin: 1.5rem 0 2rem; }
.entry-content .ok-flow__item {
  position: relative;
  margin: 0 0 0 13px;
  padding: 0 0 1.6rem 40px;
  border-left: 2px solid var(--ok-rule);
}
.entry-content .ok-flow__item:last-child { border-left-color: transparent; padding-bottom: .3rem; }
.entry-content .ok-flow__item::before {
  counter-increment: okflow;
  content: counter(okflow);
  position: absolute; left: -14px; top: 0;
  display: grid; place-items: center;
  width: 26px; height: 26px;
  background: var(--ok-ink); color: #fff;
  font-family: var(--ok-en); font-size: var(--ok-fs-compact); font-weight: 600;
}
.entry-content .ok-flow__head {
  margin: 0 0 .4rem;
  font-size: var(--ok-fs-lead);
  font-weight: 800;
  line-height: 1.5;
}
.entry-content .ok-flow__item > p { margin: 0 0 .6rem; font-size: var(--ok-fs-text); line-height: var(--ok-lh-text); color: var(--ok-ink-2); }
.entry-content .ok-flow__item img { border-radius: 8px; border: 1px solid #dfe3e8; }

/* 囲みボックス（旧 box / block-simple / message）：注意点と同じ形。 */
.entry-content .ok-note {
  margin: 1.5rem 0;
  padding: .9rem 1.1rem;
  background: var(--ok-wash);
  border-left: 3px solid var(--ok-accent-ink);
  border-radius: 0 var(--ok-radius) var(--ok-radius) 0;
}
.entry-content .ok-note > *:first-child { margin-top: 0; }
.entry-content .ok-note > *:last-child { margin-bottom: 0; }
.entry-content .ok-note__title {
  margin: 0 0 .5rem;
  font-size: var(--ok-fs-fact);
  font-weight: 800;
  color: var(--ok-ink);
}

/* よくある質問（旧 FAQ）：開閉せず、質問と回答を並べる（サービス・公演ページと同じ見せ方）。 */
.entry-content .ok-qa { margin: 1.5rem 0 2rem; border-top: 1px solid var(--ok-rule); }
.entry-content .ok-qa__q {
  position: relative;
  margin: 0;
  padding: .9rem 0 .35rem 1.7rem;
  font-size: var(--ok-fs-q);
  font-weight: 700;
  line-height: var(--ok-lh-snug);
  color: var(--ok-ink);
}
.entry-content .ok-qa__q::before {
  content: "Q";
  position: absolute; left: 0; top: .9rem;
  font-family: var(--ok-en); font-weight: 700; color: var(--ok-accent-ink);
}
.entry-content .ok-qa__a {
  position: relative;
  margin: 0;
  padding: 0 0 .9rem 1.7rem;
  border-bottom: 1px solid var(--ok-rule);
  font-size: var(--ok-fs-text);
  line-height: var(--ok-lh-text);
  color: var(--ok-ink-2);
}
.entry-content .ok-qa__a::before {
  content: "A";
  position: absolute; left: 0; top: 0;
  font-family: var(--ok-en); font-weight: 700; color: var(--ok-dim);
}

/* 本文に直接置かれた標準ボタン（提携リンクと結び付かないもの）も、サイトのボタンの形にそろえる。 */
.entry-content .wp-block-button__link {
  display: inline-flex; align-items: center; justify-content: center;
  min-height: 48px;
  padding: .7rem 1.4rem;
  border-radius: var(--ok-radius);
  background: var(--ok-ink);
  color: #fff;
  font-size: var(--ok-fs-text);
  font-weight: 700;
  text-decoration: none;
}
.entry-content .wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent; color: var(--ok-ink); border: 1px solid var(--ok-ink);
}

/* 開閉のFAQが残っている場合の見た目（変換前・自分で追加した場合）。 */
.entry-content .ok-qa { margin: 1.5rem 0 2rem; border-top: 1px solid var(--ok-rule); }
.entry-content .wp-block-details {
  margin: 0;
  padding: 0;
  border-bottom: 1px solid var(--ok-rule);
}
.entry-content .wp-block-details > summary {
  position: relative;
  list-style: none;
  cursor: pointer;
  padding: .9rem 2rem .9rem 1.6rem;
  font-size: var(--ok-fs-q);
  font-weight: 700;
  line-height: var(--ok-lh-snug);
  color: var(--ok-ink);
}
.entry-content .wp-block-details > summary::-webkit-details-marker { display: none; }
.entry-content .wp-block-details > summary::before {
  content: "Q";
  position: absolute; left: 0; top: .9rem;
  font-family: var(--ok-en); font-weight: 700; color: var(--ok-accent-ink);
}
.entry-content .wp-block-details > summary::after {
  content: "";
  position: absolute; right: .4rem; top: 1.25rem;
  width: .5rem; height: .5rem;
  border-right: 2px solid var(--ok-dim); border-bottom: 2px solid var(--ok-dim);
  transform: rotate(45deg);
  transition: transform .15s ease;
}
.entry-content .wp-block-details[open] > summary::after { transform: rotate(-135deg); }
.entry-content .wp-block-details > *:not(summary) {
  margin: 0 0 .9rem;
  padding-left: 1.6rem;
  font-size: var(--ok-fs-text);
  line-height: var(--ok-lh-text);
  color: var(--ok-ink-2);
}
.entry-content .wp-block-details > p:not(summary)::before { content: none; }

/*
  SANGO のブロックスタイル・文字装飾のクラスは本文に残る（ブロックではなく単なるクラス）。
  クラス名は変えずに、このテーマの色・形へ置き換える。
  互換CSS（sgb-compat.css / legacy.css）より後に読み込むので、ここでの指定が優先される。
*/

/* マーカー（keiko_*）：蛍光色をやめ、下線ぎみの淡い帯にする。 */
.entry-content .keiko_yellow,
.entry-content .keiko_red,
.entry-content .keiko_green,
.entry-content .keiko_blue {
  background: linear-gradient(transparent 62%, var(--ok-accent-bg) 62%);
  padding: 0 .1em;
  font-weight: 700;
}
.entry-content .keiko_red { background: linear-gradient(transparent 62%, #ffe3de 62%); }
.entry-content .keiko_green { background: linear-gradient(transparent 62%, #dff1e6 62%); }
.entry-content .keiko_blue { background: linear-gradient(transparent 62%, #e2eefb 62%); }

/* 注意・メモ・ヒントの段落：注意点ボックスと同じ形にそろえる。 */
.entry-content .is-style-sango-paragraph-exclamation-alt,
.entry-content .is-style-sango-paragraph-memo-alt,
.entry-content .is-style-sango-paragraph-idea-alt {
  position: relative;
  margin: 1.2rem 0;
  padding: .8rem 1rem .8rem 2.4rem;
  background: var(--ok-wash);
  border: 0;
  border-left: 3px solid var(--ok-accent-ink);
  border-radius: 0 var(--ok-radius) var(--ok-radius) 0;
  font-size: var(--ok-fs-text);
  line-height: var(--ok-lh-text);
  color: var(--ok-ink);
}
.entry-content .is-style-sango-paragraph-exclamation-alt::before,
.entry-content .is-style-sango-paragraph-memo-alt::before,
.entry-content .is-style-sango-paragraph-idea-alt::before {
  content: "！";
  position: absolute; left: .7rem; top: .8rem;
  font-size: var(--ok-fs-mini); font-weight: 700; color: var(--ok-accent-ink);
}
.entry-content .is-style-sango-paragraph-memo-alt::before { content: "メモ"; left: .5rem; }
.entry-content .is-style-sango-paragraph-idea-alt::before { content: "ヒント"; left: .4rem; }
.entry-content .is-style-sango-paragraph-memo-alt,
.entry-content .is-style-sango-paragraph-idea-alt { padding-left: 3.2rem; }

/* セトリ記事のラベル（曲の種別など）：サービスのタグと同じ形に。 */
.entry-content .sgb-label-main-c,
.entry-content .sgb-label-accent-c {
  display: inline-block;
  margin-right: .4rem;
  padding: .15em .5em;
  border-radius: var(--ok-radius);
  background: var(--ok-wash);
  color: var(--ok-ink-2);
  font-size: var(--ok-fs-mini);
  font-weight: 700;
  line-height: 1.5;
}
.entry-content .sgb-label-accent-c { background: var(--ok-accent-bg); color: var(--ok-accent-ink); }

/* 画像の枠・影：手順のキャプチャと同じ角丸の枠にそろえる。 */
.entry-content .is-style-sango-with-border img,
.entry-content .is-style-sango-with-shadow img {
  border-radius: 8px;
  border: 1px solid #dfe3e8;
  box-shadow: none;
}

/* リストの装飾：記号だけ残し、色はテーマのアクセントに合わせる。 */
.entry-content .is-style-sango-list-check li::before,
.entry-content .is-style-sango-list-accent-color li::before,
.entry-content .is-style-sango-list-circle li::before { color: var(--ok-accent-ink); }

/* 背景色クラス（SANGO のパレット）は、テーマの淡い背景に寄せる。 */
.entry-content .has-sango-silver-background-color { background: var(--ok-wash); }
/* ラベルの中のリンク・マーカーは、ラベルの文字色をそのまま使う（SANGO は白文字＋独自背景だった）。 */
.entry-content .sgb-label-main-c a,
.entry-content .sgb-label-accent-c a,
.entry-content .sgb-label-main-c mark,
.entry-content .sgb-label-accent-c mark {
  color: inherit;
  background: transparent;
  text-decoration: none;
}
.entry-content .sgb-label-main-c a:hover,
.entry-content .sgb-label-accent-c a:hover { text-decoration: underline; }

/*
  SANGO 由来の互換CSS（sgb-compat.css・67KB）を外すために、実際に使っている指定だけ移した。
  対象は本文に残る少数のクラスのみ（2026-09-16に既存記事のクラスを全数調査して選別）。
*/
.entry-content code,
.entry-content .haiiro {
  padding: .2em .3em;
  margin: 0 .2em;
  border-radius: var(--ok-radius);
  background: var(--ok-wash);
  color: var(--ok-ink-2);
  font-size: .92em;
}
.entry-content .is-style-sango-list-simple { border: 0; padding: 0 0 0 1.2em; }
.entry-content .wp-element-caption { color: var(--ok-dim); font-size: var(--ok-fs-mini); }
.entry-content .big { font-size: 1.2em; }
.entry-content .small { font-size: .85em; }
.entry-content .size-auto,
.entry-content .size-full,
.entry-content .size-large,
.entry-content .size-medium { max-width: 100%; height: auto; }
/* 横に長い表は、表の中だけ横スクロールさせる（旧テーマの responsive スタイルの代わり）。 */
.entry-content .is-style-sango-table-responsive { overflow-x: auto; -webkit-overflow-scrolling: touch; }