/* ============================================
   お知らせ(ニュース一覧) 上書きCSS
   担当: 山中 / 2026-09-02〜
   ============================================ */

/* 本文カラム(PCのみ): 固定幅がカード幅を超えてはみ出し、テキストがカードの縁で
   切られて「…」が見えなくなるため、flexでカード内に収める。
   ※SPはカードが縦積み(column)レイアウトのため、width:autoにすると
   nowrapテキストの実幅までカラムが広がって崩れる(2026-09-03修正) */
@media screen and (min-width: 769px) {
	.blog-item .blog-item__body {
		width: auto;
		max-width: none;
		flex: 1 1 0;
		min-width: 0;
	}
}

/* SP: 縦積みカード内で本文カラムがカード幅を超えないようにする */
@media screen and (max-width: 768px) {
	.blog-item .blog-item__body {
		max-width: 100%;
		min-width: 0;
	}

	/* 2026-09-03 SP調整(クライアント指定) */
	.sec-blog-kv-list .blog-item-group .blog-item__title {
		margin-bottom: 8rem;
		font-weight: 800;
	}
	.sec-blog-kv-list .blog-item-group .blog-item__meta {
		margin-bottom: 8rem;
	}
	.sec-blog-kv-list .blog-item-group .blog-item {
		padding: 15rem;
	}
	.sec-blog-kv-list .blog-item-group .blog-item__thumb {
		width: 135rem;
		height: 115rem;
		border-radius: 30rem;
	}
	/* カテゴリピル(その他)の内側左右に余白
	   (元はSPでpadding:1remのみ。上下1remは維持し左右だけ追加) */
	.sec-blog-kv-list .blog-item-group .blog-item__category {
		padding-left: 10rem;
		padding-right: 10rem;
		white-space: nowrap; /* 余白追加で「その他」が2行に折れるのを防止 */
	}
}

/* 2026-09-03 PC調整(クライアント指定) */
@media screen and (min-width: 769px) {
	.sec-blog-kv__image {
		top: 130rem;
	}
	.sec-blog-kv-list {
		margin-top: 70rem;
	}
}

/* 一覧の本文抜粋: 1行で統一し、はみ出しは「…」で省略(クライアント依頼)。
   文字数ではなく実幅基準なので、どの画面幅でも必ず1行に収まる */
.blog-item__text {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	/* カードの角丸・「>>」ボタンに「…」が隠れないよう右に余白 */
	margin-right: 80rem;
}
@media screen and (max-width: 768px) {
	/* SPは1行ではなく2行まで表示し、超過分を「…」で省略(クライアント指定) */
	.blog-item__text {
		margin-right: 30rem;
		white-space: normal;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
	/* 行間(クライアント指定。ベースの高specificityルールに合わせる) */
	.sec-blog-kv-list .blog-item-group .blog-item__text {
		line-height: 1.3;
	}
}