/* ==============================================================================
 * souken.css への後がけの上書き
 * ------------------------------------------------------------------------------
 * サイト共通の見た目は assets/scss/souken.scss をビルドした assets/css/souken.css
 * が持っている。あのファイルは 16万字あり、1行直すのにもビルドが要る。
 *
 * そこで「souken.scss の一部だけを打ち消したい」ときは、SCSS に手を入れず
 * このファイルに書く。souken.css の直後に読み込むので、詳細度が同じなら
 * こちらが勝つ（functions.php の souken_scripts）。
 *
 * 書くときの約束:
 *   ・何を打ち消しているのかを、元の指定ごと書き添える（探し直さずに済むように）
 *   ・打ち消す範囲は、そのページのクラスに閉じる（サイト全体に及ばないように）
 *   ・SCSS 側を直す機会があれば、こちらから消して向こうへ移す
 *
 * 会員まわりの画面（body に souken-ui が付く画面）は別建てで、
 * assets/css/member-ui.css が担当する。
 * ============================================================================ */

/* ==============================================================================
 * /regist/ 会員登録ページ
 * ============================================================================ */

/*
 * 見出しの下のボタン「葬研会員登録フォーム」。
 *
 * souken.scss:
 *   .regist-heading-btn { width: 359px; ... }   ← max-width がない
 *
 * 359px は画面幅320pxの端末には収まらず、ページごと右へはみ出していた
 * （2026-08-26 Chrome で実測）。幅の指定はそのままに、画面より広くならない
 * ようにだけ止める。
 */
.regist-heading-btn {
  max-width: 100%;
}

/*
 * 「会員登録の流れ」の各ステップの見出し。
 *
 * souken.scss（@media max-width:767px の中）:
 *   .page-template-regist .regist-content .regist-step .step-heading {
 *     color: red; font-size: 24px; ... }   ← 画面幅によらず固定
 *
 * 左に「STEP 1」の札が約100px入るため、スマホでは見出しに使える幅が
 * 233px（画面390px）〜175px（画面320px）しかない。24px 固定だと
 * 「会員登録フォーム入力」（10文字＝240px）が入りきらず、
 * 「会員登録フォーム入／力」と最後の1文字だけが次の行に落ちていた。
 *
 * 周りの本文は画面幅に連動して縮む（14.04px→11.52px）のに、この見出しだけが
 * 取り残されていたのが原因。em にして本文と同じように縮ませる。
 *
 * 上限を 24px で止めているのは、本文の基準が 600px 付近まで vw で育つため。
 * 素の 1.5em だと画面幅560pxで30pxまで大きくなり、元より目立ってしまう。
 * min() で「これまでどおり24px。入らない幅でだけ縮む」という形にする。
 *
 * セレクタは打ち消したい指定と同じ形にしてある（詳細度が同じなら、あとから
 * 読み込むこちらが勝つ）。範囲も向こうと同じ 767px までに揃える。
 *
 * text-wrap: balance は、それでも2行になったときに「会員登録／フォーム入力」
 * のように行を分けあうための保険。line-break: strict は、その分けかたが
 * 「会員登録フ／ォーム入力」のように小書きの「ォ」を行頭に置かないための
 * 歯止め（どちらも、対応していないブラウザは黙って無視する）。
 */
@media (max-width: 767px) {
  .page-template-regist .regist-content .regist-step .step-heading {
    font-size: min(24px, 1.5em);
    text-wrap: balance;
    line-break: strict;
  }
}