/* スマホ（375px基準）向けの補正 */
@media (max-width: 480px) {
	:root {
		--container-padding: 16px;
		--space-2xl: 48px;
		--space-3xl: 72px;
	}

	.hero__title {
		font-size: 28px;
	}

	.section-title {
		font-size: var(--font-size-xl);
	}

	.shop-detail__body {
		padding-block: var(--space-lg);
	}

	/* 電話CTAはモバイルのみ表示 */
	.phone-cta {
		bottom: var(--space-md);
	}

	/* ニュース一覧の日付を非表示にして縦並びに */
	.news-item__link {
		flex-direction: column;
		gap: var(--space-xs);
	}
}