@charset "UTF-8";
/* 見出し（H2・H3）をWordPressの本文ページと同じ見た目に揃える
 *
 * H2・H3のデザイン自体（紺の帯・白文字・下線など）はSWELLと子テーマのCSSが持っており、
 * WordPressと同じクラス名（h2="wp-block-heading" / h3="wp-block-heading u-mb-ctrl u-mb-10"）
 * を付けるだけで再現できる。自前で色や大きさを書く必要はない。
 *
 * ただし1点だけズレる。SWELLには
 *     .post_content > h2 { margin-left: var(--swl-h2-margin--x); ... }   ← 標準は -16px
 * というルールがあり、**本文の直下にあるH2は左右16pxはみ出して**紺の帯が本文より
 * 太く伸びる。
 *
 * WordPress側（/equipment/recommend/ や /owd/diving_shop/）は、H2をグループブロックの
 * 中に入れているため「直下」に当たらず、はみ出さずに本文と揃っている。実測で確認：
 *     WP …… H2の左端 − 段落の左端 = 0px
 *     自作 … H2の左端 − 段落の左端 = -16px（16pxはみ出す）
 *
 * 静的HTMLでWPと同じようにグループブロックで包むと入れ子が増えて読みにくくなるので、
 * はみ出し量の変数を0にして揃える。これで見た目はWPと同じになる。 */

.post_content {
	--swl-h2-margin--x: 0;
}


/* ============================================================
 * 見出しにしない「サブタイトル」と「詳細はこちら」のリンク
 *   （2026-07-31 依頼者指示）
 *
 * 原本はどちらも見出しタグ（h2/h3）で書かれていたが、
 * 内容としては見出しではないため、ただの文章に戻したうえで
 * 見た目だけ整えている。
 * ============================================================ */

/* メーカー紹介ページの1行目（キャッチコピー）
 *   例：「世界最大のダイビング器材メーカー」→「日本アクアラング」
 *   ★H2が2つ続いて見えていたので、1行目は見出しをやめた。
 *   太字・少し大きめ・中央揃え。 */
.pg-subtitle {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
}
/* 中央揃えにするかどうかは原本に合わせる（has-text-align-center が付く）。
   メーカー紹介ページは原本が <center> で囲んでいるので中央、
   ドクター紹介ページは囲んでいないので左寄せになる。 */

/* 「〇〇 詳細はこちら≫」のリンク行
 *   太字・少し大きめ。文字色はリンクの色（SWELLの --color_link）がそのまま出る。 */
.pg-detail-link {
	font-size: 1.25em;
	font-weight: 700;
	line-height: 1.6;
}