/* ===== ヒーロー画像の高さと本文開始位置のズレを解消 (2026-07-29) =====
   旧: ヒーローは常に650px固定、本文は padding-top:430px 固定。
       ヘッダー下の帯の高さが画面幅で 323px / 173px / 313px と変わるため、
       スマホでは画像の下に約100pxの空白、764〜890pxでは本文が画像に47px食い込んでいた。
   ブレークポイントはテーマ側の既存値(763px / 890px)に合わせている。 */

/* スマホ（帯 323px） */
@media (max-width: 763px) {
	.background-slider,
	.background-slider .slide {
		height: 440px;
	}
	.container-top {
		padding-top: 141px; /* 440 + 24 - 323 */
	}
}
@media (max-width: 480px) {
	.background-slider,
	.background-slider .slide {
		height: 400px;
	}
	.container-top {
		padding-top: 101px; /* 400 + 24 - 323 */
	}
}

/* タブレット（帯 173px） */
@media (min-width: 764px) and (max-width: 890px) {
	.background-slider,
	.background-slider .slide {
		height: 520px;
	}
	.container-top {
		padding-top: 371px; /* 520 + 24 - 173 */
	}
}

/* 左カラムのバナー間隔をひとつに統一（テーマ側の margin-bottom:10px と二重になっていた） */
.left-side .left-column a {
	margin-bottom: 0;
}

/* スマホ: 便利ナビが左右2つのULに分かれているため中央に30pxの段差が出ていた（行間は10px）。
   1枚続きの2列に見えるよう揃える */
@media (max-width: 763px) {
	.navi-area-left,
	.navi-area-right {
		margin-bottom: 0;
	}
}