/* プログラムページ共通（全プログラムで、各プログラムのCSSより先に読み込む）。
   旧サイトのCSS（`.sdfit-program` に閉じ込めたもの）と、WordPressのテーマのCSSの、ふるまいの違いをそろえる。 */

/* 旧サイトでは、見出しは親の行の高さを引き継いでいた（テーマは見出しごとに 1.3 を指定している） */
.sdfit-program h1,
.sdfit-program h2,
.sdfit-program h3,
.sdfit-program h4,
.sdfit-program h5,
.sdfit-program h6 {
	line-height: inherit;
}

/* テーマ（assets/css/child.css）に `p img { margin-bottom: -11.5px }` があり、旧サイトの本文の画像にも効いてしまうのを打ち消す */
.sdfit-program p img {
	margin-bottom: 0;
}

/* ヘッダーは固定表示（画面の上に重なる）ので、本文を、ヘッダーの高さの分だけ下げる。高さは programs/_base.js が測って --sdfit-header-h に入れる（JSが動くまでの仮の値を指定してある） */
div.sdfit-program { /* 旧サイトのリセット（.sdfit-program { padding: 0 }）に負けないよう、div を付けて強くする */
	padding-top: var(--sdfit-header-h, 116px);
}
@media (max-width: 767px) {
	div.sdfit-program {
		padding-top: var(--sdfit-header-h, 85px);
	}
}

/* 'fv_top'（data/programs.php）のプログラム: FVの画像を、ヘッダーの緑の帯の真下から始める（ロゴ・メニューの行は、画像の上に重ねる）。高さは _base.js が --sdfit-band-h に入れる */
@media (min-width: 768px) { /* スマホは、ロゴがFVの文字に重なるので、これまでどおりヘッダーの下から始める */
	div.sdfit-program.sdfit-program--fv-top {
		padding-top: var(--sdfit-band-h, 35px);
	}
}

/* プログラムページ: ヘッダーのロゴは、スクロール前の白（-before）に切り替えず、最初から黒（-after）にする（背景が明るいため） */
.sdfit-program-page .site-branding__logo.-before {
  display: none;
}
.sdfit-program-page .site-branding__logo.-after {
  display: block;
}

/* プログラムページ: 右下の「ページの先頭へ」ボタン（▲）は出さない（JSが fadeIn で表示するので !important） */
.sdfit-program-page .pagetop {
  display: none !important;
}

/* プログラムページ: 画面に固定表示する「見学予約」「入会予約」のボタン（PCは右端、スマホは下の帯）は出さない */
.sdfit-program-page #reservation-container {
  display: none !important;
}