/**
 * サイト固有のスタイル調整を置くファイル。
 *
 * style.css（base 共通）とは分離し、展開した各サイト固有の差分のみをここに記述する。
 * これにより style.css を base と同一に保ち、base の改修をそのまま各サイトへ
 * 取り込めるようにする（custom.js の CSS 版）。
 *
 * style.css の後に読み込まれる（enqueue 依存：style 他）。
 * base 本体にはサイト固有スタイルが無いため、ここは空（雛形）。
 */

/* ====================================================
   プロフィール2カラム：左右入れ替え（写真を右・テキストを左）。
   あわせて写真を右テキスト列の高さに合わせて伸縮させ、縦長写真でも
   下端に段差が出ないようにする（顔が切れないよう上基準トリミング）。
   ==================================================== */
.prof-content-main .media-container { align-items: stretch; flex-direction: row-reverse; }
.prof-content-main .image-area { position: relative; flex: 0 0 35%; }
.prof-content-main .image-area img {
	position: absolute; inset: 0;
	width: 100%; height: 100%;
	min-height: 0;
	object-fit: cover; object-position: top center;
}

@media (max-width: 768px) {
	/* SP は1カラム縦積み（写真→テキストの順）。写真は自然な高さに戻す */
	.prof-content-main .media-container { flex-direction: column; }
	.prof-content-main .image-area { position: static; flex: none; }
	.prof-content-main .image-area img { position: static; height: auto; }
}

/* ====================================================
   ヒーロー画像を block 化（行ボックス由来の余白除去・フルワイド画像の定石）。
   ==================================================== */
.top-mv__img,
.top-mv picture,
.top-mv .slick-slider-container { display: block; }

/* ====================================================
   新着（news）ラベルをトークン黄色（--color-accent）＋黒文字に変更。
   ==================================================== */
.label-news { background: var(--color-accent); color: var(--color-black); }

/* ====================================================
   メッセージ：本番準拠の本文装飾。
   - 政策リスト各項目の見出し（policylist-firstline）
   - subtitle の上マージン / 政策リストの文字太さ（本番はインライン指定だった分）
   ==================================================== */
.message-body .policylist-firstline { font-weight: 700; font-size: 1.4em; margin-bottom: 1em; color: var(--color-primary); }
.message-body .subtitle { font-weight: 900 !important; font-size: 1.8em !important; text-align: center !important; line-height: 1.6em; margin-top: 0; }
.message-body .list-def { font-weight: 500; }
.message-body .wp-block-list li { margin-bottom: 10px; }

@media (max-width: 768px) {
	.message-body .policylist-firstline { font-size: 1.2em; line-height: 1.3em; }
	.message-body .subtitle { font-size: 1.3em !important; margin-top: 10px; }
}

/* ====================================================
   プロフィールセクション限定：SP のキャッチコピーを少し小さく
   （メッセージ側のキャッチコピーには影響させないため .module-profile でスコープ）。
   ==================================================== */
@media (max-width: 768px) {
	.module-profile .catchphrase,
	.module-profile .is-style-catchphrase {
		font-size: 1.4em !important;
		line-height: 1.6em;
		margin-top: 10px;
		margin-bottom: 25px;
	}
}