@charset "UTF-8";
/* BUILD_TAG: sunpaint_child_ver1.3 / 2026-09-16 */

:root {
	--sp-green-dark: #0F3524;
	--sp-green: #1E5138;
	--sp-pale: #EDF3EF;
	--sp-text: #1C1C1A;
	--sp-text-sub: #5A5A56;
	--sp-line: #DCDCD6;
	--sp-sans: "游ゴシック", YuGothic, "Yu Gothic", "Noto Sans JP", "ヒラギノ角ゴ ProN", メイリオ, Meiryo, "MS Pゴシック", sans-serif;
}

/* ------------------------------------------------------------
   工事情報の表
   ------------------------------------------------------------ */
.sunpaint-works-info {
	margin: 3rem 0 1rem;
	font-family: var(--sp-sans);
}

.sunpaint-works-info__title {
	margin: 0 0 1rem;
	padding: 0 0 .5rem;
	border-bottom: 2px solid var(--sp-green);
	color: var(--sp-green-dark);
	font-size: 1.15rem;
	line-height: 1.5;
}

.sunpaint-works-info__table {
	width: 100%;
	border-collapse: collapse;
	font-size: .95rem;
	line-height: 1.8;
}

.sunpaint-works-info__table th,
.sunpaint-works-info__table td {
	padding: .75rem 1rem;
	border: 1px solid var(--sp-line);
	text-align: left;
	vertical-align: top;
}

.sunpaint-works-info__table th {
	width: 8em;
	background: var(--sp-pale);
	color: var(--sp-green-dark);
	font-weight: normal;
	white-space: nowrap;
}

.sunpaint-works-info__table td {
	color: var(--sp-text);
}

@media (max-width: 600px) {
	.sunpaint-works-info__table th,
	.sunpaint-works-info__table td {
		display: block;
		width: auto;
		white-space: normal;
	}
	.sunpaint-works-info__table th {
		border-bottom: none;
	}
}

/* ------------------------------------------------------------
   施工事例の単体ページで不要な要素を隠す
   ver1.2でフロントの出力HTMLを確認し、実在するclass名のみに整理した。
   body_class は body ではなく #body_wrap に出力される（SWELLの仕様）。
   ------------------------------------------------------------ */

/* 日付（記事タイトル横／メタ領域） */
.sunpaint-works-single .c-postTitle__date,
.sunpaint-works-single .c-postTimes {
	display: none !important;
}

/* 日付を抜いて空になったメタ領域ごと消す
   ver1.1の .p-articleMeta は実在せず空振りだった（正しくは p-articleMetas） */
.sunpaint-works-single .p-articleMetas {
	display: none !important;
}

/* アイキャッチ（Before/Afterスライダーと写真が重複するため）
   ver1.1ではPHP側で消す想定だったが出力が残っていたため、CSSで確実に隠す */
.sunpaint-works-single .p-articleThumb {
	display: none !important;
}

/* シェアボタン（記事下と画面左の追従） */
.sunpaint-works-single .c-shareBtns {
	display: none !important;
}

/* この記事を書いた人（見出しごとセクション全体を消す）
   ver1.2は .p-authorBox だけを指定していたため、外側の
   <section class="l-articleBottom__section -author"> にある
   <h2>この記事を書いた人</h2> が残っていた */
.sunpaint-works-single .l-articleBottom__section.-author {
	display: none !important;
}

/* 関連記事の日付だけを隠す（関連記事そのものは残す）
   トップページには sunpaint-works-* が付かないため、この指定はトップに影響しない */
.sunpaint-works-single .p-postList__times,
.sunpaint-works-archive .p-postList__times {
	display: none !important;
}

/* ------------------------------------------------------------
   Before/Afterスライダーの下に余白を足す
   実際のclassは sp-ba（ver1.1の .sunpaint-ba / .sunpaint_ba は空振りだった）
   ------------------------------------------------------------ */
.sunpaint-works-single .sp-ba {
	margin-bottom: 2.5rem;
}