.sakura {
	position: fixed;
	pointer-events: none;
	/* transform-origin を中心に設定 */
	transform-origin: center center;
	/* 重なり順を一番下にする */
	z-index: -1;
}

/* 花びらが落下しながら左右にゆらゆら揺れるアニメーション */
/* @keyframes fall {
	0% {
		transform: translateX(0) translateY(-100px) rotate(0deg);
		opacity: 1;
	}

	25% {
		transform: translateX(50px) translateY(25vh) rotate(90deg);
	}

	50% {
		transform: translateX(0) translateY(50vh) rotate(180deg);
	}

	75% {
		transform: translateX(-50px) translateY(75vh) rotate(270deg);
	}

	100% {
		transform: translateX(0) translateY(110vh) rotate(360deg);
		opacity: 0;
	}
}
 */
/* 1. 縦にまっすぐ落ちるアニメーション */
@keyframes fall {
	0% {
		top: -100px;
		opacity: 1;
	}

	100% {
		top: 110vh;
		opacity: 0;
	}
}

/* 2. ★横方向に大きく波型に揺れるアニメーション */
@keyframes wave {
	0% {
		/* 左に50px、少し左に傾く */
		transform: translateX(-300px) rotate(-30deg);
	}

	50% {
		/* 中央、少し右に傾く */
		transform: translateX(0px) rotate(15deg);
	}

	100% {
		/* 右に50px、さらに右に傾く（ひらひら感を出す） */
		transform: translateX(300px) rotate(60deg);
	}
}
}