/* ============================================================
   utilities.css ── マージン・パディング等のユーティリティ
   ============================================================ */

/* --- マージン --- */
.u-mt-0  { margin-top: 0; }
.u-mt-8  { margin-top: 8px; }
.u-mt-16 { margin-top: 16px; }
.u-mt-24 { margin-top: 24px; }
.u-mt-40 { margin-top: 40px; }
.u-mb-0  { margin-bottom: 0; }
.u-mb-8  { margin-bottom: 8px; }
.u-mb-16 { margin-bottom: 16px; }
.u-mb-24 { margin-bottom: 24px; }
.u-mb-40 { margin-bottom: 40px; }

/* --- テキスト --- */
.u-text-center { text-align: center; }
.u-text-gold   { color: var(--gold-dark); }
.u-text-rose-deep   { color: var(--rose-deep); }
.u-text-small  { font-size: 0.85rem; }

/* --- 背景 --- */
.u-bg-cream  { background-color: var(--cream); }
.u-bg-cream2 { background-color: var(--cream2); }
.u-bg-rose-deep   { background-color: var(--rose-deep); color: var(--white); }

/* --- 表示制御 --- */
.u-sp-only {
	display: block;
}

.u-pc-only {
	display: none;
}

@media (min-width: 960px) {
	.u-sp-only {
		display: none;
	}

	.u-pc-only {
		display: block;
	}
}

/* --- スクリーンリーダー専用テキスト --- */
.u-visually-hidden {
	position: absolute;
	width: 1px;
	height: 1px;
	margin: -1px;
	padding: 0;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}