/* ==========================================================================
   hanafuda.css — 花札背景（全ページ共通）
   ========================================================================== */

/* ---------- コンテンツをhanafudaレイヤーの上に配置 ---------- */
body {
	position: relative;
}

#main-content {
	position: relative;
	z-index: 1;
}

.site-footer {
	position: relative;
	z-index: 1;
}

/* ---------- 花札コンテナ ---------- */
.hanafuda-bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	pointer-events: none;
	z-index: 0;
	overflow: hidden;
}

/* ---------- 花札画像 ---------- */
.hanafuda-bg__item {
	position: absolute;
	opacity: 0;
	width: clamp(350px, calc(182.56px + 44.65vw), 830px);
	height: auto;
	transition: opacity 3.0s ease;
}

.hanafuda-bg__item.is-visible {
	opacity: var(--hanafuda-opacity, 0.3);
}

/* 奇数月（1,3,5,7,9,11）→ 左端 */
.hanafuda-bg__item--left {
	left: 0;
}

/* 偶数月（2,4,6,8,10,12）→ 右端 */
.hanafuda-bg__item--right {
	right: 0;
}