/* ============================================================
   TOP 以外のページの見出しをそろえる（v1.22.0）
   ------------------------------------------------------------
   ★2026-09-29 竹林堂さんと見本（見出しそろえ_見本.html）で決めた形

     A ページタイトル  28px（スマホ24px）・太字・濃い緑・中央・字間あり
                       すぐ下に英字（14px・緑・大文字）、その下に金の線（48px）
     B 章見出し        25px・太字・緑・中央（TOP と同じ形）
     C 小見出し        19px・太字・濃い緑・左・金の縦棒（症状ページの形）
     D カード見出し    18px・太字・濃い緑（箱の中の見出し。寄せ方は今のまま）

   ★色の役目
     濃い緑 #2c3527 … 読む文字（タイトル・小見出し・カード見出し）
     緑     #667a59 … 章見出しと英字の添え字（TOP の見出しと同じ色）
     金     #aa9166 … 飾り（線・縦棒）だけ。★金の文字は白地で薄く見えるため、文字には使いません

   ★変えないもの
     TOP（type.css で合わせ済み）／写真や色の帯の上の白い見出し／予約ページの分類の色帯／
     月額サービス（別デザインの1ページ）／よくある質問・プライバシーポリシー（テーマの標準ブロック）／
     小さな英字ラベル（standard seitai など）／出張ページの番号付き見出し
     ★ここに名前が無い見出しには当たりません（ページごとに作りが違うため、名前で1つずつ指定しています）

   ★v1.22.1：余白は「上下だけ」決めます。左右（中央寄せの auto）はページのものを残します。
     （v1.22.0 で左右を 0 にしたため、オプションの説明の文＝幅 600px の箱が、PC で左に寄りました）

   ★英字がタイトルになっているページは、表示するときに中身を入れ替えています（includes/headings.php）。
     .ckd-ph-en はそのとき付ける目印（＝英字の添え字）です。
   ============================================================ */

:root {
	--ckd-h-dark: #2c3527;
	--ckd-h-green: #667a59;
	--ckd-h-gold: #aa9166;
}

/* ------------------------------------------------------------
   A ページタイトル
   ------------------------------------------------------------ */
body:not(.home) .article-body :is(.access-main-title, .ckd-sx-main-title, .detail-title, .menu-main-title, .res-main-title, .main-title-text, .ckd-now-title) {
	font-size: 28px !important;
	font-weight: 700 !important;
	line-height: 1.5 !important;
	letter-spacing: .12em !important;
	color: var(--ckd-h-dark) !important;
	text-align: center !important;
	margin-top: 0 !important;
	margin-bottom: .35em !important;
	text-transform: none !important;
}

/* タイトルの上の小ラベル（日本語の分類名＝マッサージ・ヘッドスパ）… 上のまま小さく */
body:not(.home) .article-body :is(.menu-header, .access-header, .visit-header-main, .detail-header, .ckd-sx-header, .res-header, .ckd-now-head) .category-tag {
	display: block !important;
	font-size: 13px !important;
	font-weight: 700 !important;
	letter-spacing: .2em !important;
	color: var(--ckd-h-green) !important;
	margin-top: 0 !important;
	margin-bottom: .6em !important;
}

/* タイトルの下の英字（添え字）… 14px・緑・大文字 */
body:not(.home) .article-body :is(.menu-sub-title, .access-sub-title, .ckd-sx-sub-title, .res-sub-title, .ckd-ph-en),
body:not(.home) .article-body .visit-header-main > .sub-title-text,
body:not(.home) .article-body .detail-header > p,
body:not(.home) .article-body .detail-header > .category-tag.ckd-ph-en {
	display: block !important;
	font-size: 14px !important;
	font-weight: 700 !important;
	line-height: 1.7 !important;
	letter-spacing: .12em !important;
	color: var(--ckd-h-green) !important;
	text-align: center !important;
	text-transform: uppercase !important;
	margin-top: 0 !important;
	margin-bottom: .6em !important;
}

/* ★説明の文（オプションの「竹林堂整体院が自信を持って…」）は添え字ではないので、大文字にも緑にもしません */
body:not(.home) .article-body .detail-header > div.sub-title-text {
	font-size: 15px !important;
	font-weight: 400 !important;
	letter-spacing: .02em !important;
	color: #555 !important;
	text-transform: none !important;
	text-align: center !important;
	margin-top: .4em !important;
	margin-bottom: .6em !important;
}

/* 金の線 */
body:not(.home) .article-body :is(.menu-header, .access-header, .visit-header-main, .detail-header, .ckd-sx-header, .res-header, .ckd-now-head) > :is(.header-accent, .header-line, .ckd-now-rule) {
	width: 48px !important;
	height: 2px !important;
	border: 0 !important;
	background: var(--ckd-h-gold) !important;
	margin: 1em auto 1.4em !important;
}

/* ------------------------------------------------------------
   B 章見出し（TOP と同じ形）
   ★文字の下の飾り線（::after）はそのまま残すため、余白と枠には触りません
   ------------------------------------------------------------ */
body:not(.home) .article-body :is(h2.main-process-title, h2.option-title, h2.simple-section-title, h2.ckd-sx-h2, h3.section-title, h3.option-title) {
	font-size: 25px !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
	letter-spacing: .04em !important;
	color: var(--ckd-h-green) !important;
	text-align: center !important;
	text-transform: none !important;
	margin-bottom: .9em !important;
}

/* ------------------------------------------------------------
   C 小見出し（金の縦棒）
   ------------------------------------------------------------ */
body:not(.home) .article-body :is(h3.ckd-news-h, h3.ckd-now-h, h3.ckd-sx-h3, h3.content-title, h4.inner-title, h3.concept-title, h3.story-title, h2.section-subtitle, h3.section-subtitle) {
	font-size: 19px !important;
	font-weight: 700 !important;
	line-height: 1.6 !important;
	letter-spacing: .02em !important;
	color: var(--ckd-h-dark) !important;
	text-align: left !important;
	border: 0 !important;
	border-left: 3px solid var(--ckd-h-gold) !important;
	padding: 0 0 0 .6em !important;
	background: none !important;
}

/* 施術者紹介：小見出しの下の、もう一段小さい見出し（上下がわかるように一回り小さく） */
body:not(.home) .article-body h4.inner-title {
	font-size: 17px !important;
}

/* ------------------------------------------------------------
   D カード見出し（箱の中）
   ------------------------------------------------------------ */
body:not(.home) .article-body :is(h3.diagnosis-title, .info-card h3:not([class]), :is(.method-detail, .option-card, .theory-deep-dive) > h4:not([class]), .card-title, .guide-title, .sel-title, .option-name, .name-kanji, .contact-title, .env-title) {
	font-size: 18px !important;
	font-weight: 700 !important;
	letter-spacing: .02em !important;
	color: var(--ckd-h-dark) !important;
}

/* ------------------------------------------------------------
   スマホ
   ------------------------------------------------------------ */
@media (max-width: 599px) {
	body:not(.home) .article-body :is(.access-main-title, .ckd-sx-main-title, .detail-title, .menu-main-title, .res-main-title, .main-title-text, .ckd-now-title) {
		font-size: 24px !important;
	}
}