/* ========================================================================== 
   4KTV.jp Site CSS v3.3
   全ページ共通
   2026-08-11

   方針
   - SWELLの色・基本レイアウトを尊重する
   - TOP固有の見栄えは home.css に限定する
   - 投稿カードの外観は全ページ共通では上書きしない
   ========================================================================== */

/* 1. 本文タイポグラフィ */
:root {
	--swl-fz--content: 16px;
}

@media (min-width: 600px) {
	:root {
		--swl-fz--content: 17px;
	}
}

.post_content {
	line-height: 1.9;
	color: var(--color_text, #333);
}

.post_content a:not([class]) {
	color: var(--color_main);
	text-decoration: underline;
	text-underline-offset: 3px;
	text-decoration-thickness: 1px;
}

/* 通常H2だけを対象にする */
.post_content h2:not(.p-postList__title):not(.faq_q):not([class*="swell-block-"]) {
	padding: 10px 0 10px 16px;
	border-left: 6px solid var(--color_htag, var(--color_main));
	background: none;
	color: var(--color_text, #333);
}

.post_content h2:not(.p-postList__title):not(.faq_q):not([class*="swell-block-"])::before {
	content: none;
}

.post_content hr {
	border-bottom-color: var(--color_border, #d0d0d0);
}

/* 2. 下層ページのヘッダー */
#body_wrap:not(.home) .l-header {
	border-bottom: 4px solid var(--color_main);
	box-shadow: 0 2px 10px rgba(0, 0, 0, .05);
}

/* 3. 下層ページのメインビジュアル */
#body_wrap:not(.home) .p-mainVisual.-margin-on {
	padding: 0;
}

/* 4. ページタイトル */
.c-pageTitle__subTitle {
	display: none;
}

/* 5. アクセシビリティ */
@media (prefers-reduced-motion: reduce) {
	* {
		scroll-behavior: auto;
	}
}