/* ==========================================================================
   News Section — Amourec V1
   ========================================================================== */

.news-section {
	/* 間隔は .top-section で統一、背景は .section--warm で統一 */
}

.news-section__heading {
	/* スタイルは .top-section__title で統一 */
}

/* --------------------------------------------------------------------------
   List & Items
   -------------------------------------------------------------------------- */

.news-section__list {
	max-width: 640px;
	margin: 0 auto;
}

.news-section__item {
	display: flex;
	align-items: baseline;
	gap: 1rem;
	padding: 0.75rem 0;
	border-bottom: 1px solid var(--color-border, #E5E5E5);
	text-decoration: none;
	transition: opacity 0.2s ease;
}

.news-section__item:first-child {
	border-top: 1px solid var(--color-border, #E5E5E5);
}

.news-section__item:hover {
	opacity: 0.7;
}

.news-section__date {
	flex-shrink: 0;
	font-size: 0.75rem;
	color: var(--color-text-secondary, #666666);
	letter-spacing: 0.02em;
	white-space: nowrap;
}

.news-section__title {
	font-size: 0.875rem;
	color: var(--color-text-primary, #1a1a1a);
	line-height: 1.6;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	min-width: 0;
}

/* --------------------------------------------------------------------------
   More Link
   -------------------------------------------------------------------------- */

.news-section__footer {
	text-align: center;
	margin-top: 1.25rem;
}

.news-section__more {
	display: inline-block;
	font-size: 0.75rem;
	color: var(--color-text-secondary, #666666);
	text-decoration: none;
	letter-spacing: 0.02em;
	transition: color 0.2s ease;
}

.news-section__more:hover {
	color: var(--color-text-primary, #1a1a1a);
}

/* --------------------------------------------------------------------------
   SP
   -------------------------------------------------------------------------- */

@media (max-width: 767px) {
	.news-section__list {
		max-width: 100%;
		padding: 0 1rem;
	}

	.news-section__item {
		gap: 0.75rem;
	}

	.news-section__date {
		font-size: 0.6875rem;
	}

	.news-section__title {
		font-size: 0.8125rem;
	}
}