/*
* ホームステイ同行サポート（料金について）（/homestay_price/、page ID 665）専用。
*
* 旧Snow Monkey Blocks（pricing-table／pricing-table-item×4、buttons／btn×3）を
* WordPress標準ブロック（core/columns・core/group・core/heading・core/paragraph・
* core/list・core/buttons）へ置き換えた際の見た目補完用。
*
* 各プランを独立した枠線ボックス（カード）として扱う初版から、静かな
* 「料金比較表」に近い見た目へ調整済み。3列（または単一プラン）を1枚の表と
* みなし、列を分けるのは細い罫線のみで、背景色による塗り分けは行わない。
* 価格の強調は色ではなく太字・サイズのみで表現し、アクセントカラー
* （--accent、青系）は使わない。
*
* PC/スマホの横並び・縦積み切り替えはcore/columnsの標準レスポンシブ挙動
* （782px未満で自動的に縦積みになる）をそのまま利用し、追加のJS・独自
* ブレークポイント制御は行わない。列間の区切り線だけ、その同じ782pxを
* 境に「縦積み時は上罫線」「横並び時は左罫線」に出し分けている。
* 新しい色・spacing systemは増やさず既存tokens.cssの値のみを使う。
*
* ---- ページ全体の幅統一（entry-title／entry-content） ----
* タイトル・本文・料金表・ボタンの幅がそれぞれ1280px/960pxで混在し統一感が
* ないという指摘を受け、ID665専用のmax-width:960px個別指定は削除した
* （2026-09-16）。通常固定ページの共通ルール（style.css側の
* body:not(.home) .entry-content／body.page:not(.home) .entry-title）が
* Footer会社情報（footer.css の .footer__top）と同じ基準
* （var(--width-content)＝1180px、padding-left/right: clamp(1.2rem, 4vw,
* 3rem)）に統一されたため、ID665もこのファイルで個別に幅を持たず、共通
* ルールへそのまま追従する。
*
* これに伴い、料金表（.homestay-price-table）自体が個別に持っていた
* max-width:960px/margin-inline:autoも同時に削除し、entry-content（1180px）
* の幅にそのまま追従させる。
*
* ---- 単一料金表（現地支払い）の罫線不整合の修正 ----
* 3列料金表ではhomestay-price-table（親=wp-block-columns）と
* homestay-price-table__item（子=各wp-block-column）が別要素のため
* :first-childが列の判定として機能するが、単一料金表（wp-block-group）は
* homestay-price-tableとhomestay-price-table__itemが同じ1要素に付いており、
* :first-childは「entry-content内で何番目の子か」を見てしまい意図どおりに
* 働かない（親側border-top/bottomと重複したborder-topや、不要なborder-left
* が出ていた）。DOM/post_contentは変更せず、既存のhomestay-price-table--single
* 修飾クラスをセレクタに使って明示的に上書きする。
*
* ---- ボタンと料金表の間隔 ----
* 現地支払い料金表（core/group、下marginなし）と直後のcore/buttons
* （上marginなし）の間に隙間がなく、ボタンが料金表へ食い込んで見えていた。
* 「料金表直後のbuttons」だけに限定して上marginを追加する（隣接セレクタで
* 限定するため、他ページ・他のbuttonsブロックには影響しない）。
*
* ---- 強調文字色 ----
* post_content内の既存インライン強調（見出し中の数字・キャッチコピーに
* 使われているsme-text-color、色は#fcb900固定・6箇所）について、CSS側から
* 単色で上書きする。post_content・HTML・文言は一切変更しない。値は
* ユーザー指定の#ea9c00（鮮やかすぎず、明確にオレンジと認識できる色）。
* インラインstyle属性はCSSの詳細度に関わらず常に優先されるため、外部
* スタイルシートから上書きするには!importantが技術的に必須（このプロパティ
* に限り使用）。対象は.homestay-price-table配下の.sme-text-colorのみに
* 限定し、ID665の他の要素・他ページには影響しない。
*
* buttons/btnの置換先（core/buttons・core/button）は標準スタイルのみで
* 足りるため、間隔以外は対象外。他ページには一切影響しない。
*
* ---- 現地支払いセクションの2カラム化 ----
* 「ホストファミリーへの支払い」段落＋単一料金表(group)を、core/columns
* (62%/38%)で左（既存の段落・groupをそのまま移設。文言・金額は無変更）／
* 右（装飾用の家アイコン、空のcore/column＋CSS背景画像）に分割した
* （2026-09-16）。3列料金表と視覚的に区別するための構成で、post_content側は
* 段落・groupの中身は一切変更せず、groupのclassNameから外側の枠線用
* 「homestay-price-table」トークンだけを外し（二重枠線を避けるため）、
* 新設した外側columnsへ付け替えている（--single/--itemの罫線修正ロジックは
* class名ベースのため、ネスト位置が変わっても影響を受けない）。
* アイコンはSVGをCSSのbackground-imageとしてdata URIで埋め込む（外部画像・
* 外部ライブラリ不使用）。空のdivに背景画像を置くだけで、alt/aria-hiddenの
* ような装飾用ARIA属性は付与していない（![]()
/