@charset "UTF-8";
/*
 * single-news.css
 * ニュース詳細ページ専用スタイル
 *
 * @package ds-basketballclub-2026
 */

/* =============================================
   ニュース詳細セクション
   ============================================= */
.sec-news-single {
	padding: 80px 0 var(--section-pb);
}

/* ─── 記事ヘッダー ─── */
.news-single__header {
	margin-bottom: 40px;
	padding-bottom: 32px;
	border-bottom: 1px solid var(--color-black);
}

/* 日付 + カテゴリバッジ（横並び） */
.news-single__meta {
	display: flex;
	align-items: center;
	gap: 16px;
	margin-bottom: 20px;
}

.news-single__date {
	font-family: var(--font-en);
	font-size: var(--page-body-pc); /* 20px */
	font-weight: 600;
	color: var(--color-gray-3);
	white-space: nowrap;
}

.news-single__cat {
	display: inline-flex;
	align-items: center;
	padding: 2px 14px;
	border: 1px solid var(--color-black);
	border-radius: 100px;
	font-family: var(--font-ja);
	font-size: var(--text-lg-size); /* 18px */
	font-weight: 900;
	color: var(--color-black);
	white-space: nowrap;
}

.news-single__title {
	/* font-size / font-weight / line-height は .page-title に委譲 */
	font-family: var(--font-ja);
	color: var(--color-black);
}

/* ─── アイキャッチ画像 ─── */
.news-single__thumbnail {
	margin-bottom: 40px;
}

.news-single__img {
	width: 100%;
	height: auto;
	display: block;
}

/* ─── 本文（WordPress the_content） ─── */
.news-single__body {
	/* font-size / font-weight / line-height / h2 / h3 は .page-body に委譲 */
	color: var(--color-black);
	margin-bottom: 80px;
}

/* WordPress標準ブロックの基本スタイルリセット */
.news-single__body p {
	margin-bottom: 1.8em;
}

.news-single__body p:last-child {
	margin-bottom: 0;
}

.news-single__body h2 {
	margin: 2.4em 0 0.8em;
	padding-left: 16px;
	border-left: 4px solid var(--color-accent);
}

.news-single__body h3 {
	margin: 2em 0 0.6em;
}

.news-single__body ul,
.news-single__body ol {
	padding-left: 1.6em;
	margin-bottom: 1.8em;
}

.news-single__body li {
	margin-bottom: 0.4em;
}

.news-single__body a {
	color: var(--color-black);
	text-decoration: underline;
}

@media (hover: hover) {
	.news-single__body a:hover {
		opacity: 0.7;
	}
}

.news-single__body img {
	max-width: 100%;
	height: auto;
	display: block;
	margin: 2em auto;
}

.news-single__body figure {
	margin: 2em 0;
}

.news-single__body figcaption {
	font-size: var(--text-sm-size);
	color: var(--color-gray-3);
	text-align: center;
	margin-top: 8px;
}

.news-single__body blockquote {
	border-left: 4px solid var(--color-gray-3);
	padding: 8px 0 8px 20px;
	margin: 1.8em 0;
	color: var(--color-gray-2);
}



/* =============================================
   レスポンシブ（タブレット 〜1024px）
   ============================================= */
@media screen and (max-width: 1024px) {
	/* .news-single__title の font-size は .page-title（base.css）で制御 */
	.news-single__date {
		font-size: var(--page-body-tab); /* 20px */
	}
}


/* =============================================
   レスポンシブ（SP 〜768px）
   ============================================= */
@media screen and (max-width: 768px) {
	.sec-news-single {
		padding: var(--section-pt-sp) 0 var(--section-pb-sp);
	}

	.news-single__header {
		margin-bottom: 28px;
		padding-bottom: 24px;
	}

	.news-single__meta {
		gap: 10px;
		margin-bottom: 14px;
	}

	.news-single__date {
		font-family: var(--font-ja);
		font-size: var(--text-base-size); /* 15px */
		font-weight: 700;
		color: var(--color-gray-3);
	}

	.news-single__cat {
		font-size: var(--text-sm-size);
	}

	/* .news-single__title / .news-single__body の font-size は .page-title / .page-body（base.css）で制御 */
	.news-single__thumbnail {
		margin-bottom: 28px;
	}

	.news-single__body {
		margin-bottom: 48px;
	}

}