/* ページ全体の長さに合わせて巨大なグラデーションを展開 */
body {
	background: radial-gradient(ellipse at center, #FEF8F0 0%, #FDF3E3 52%, #FEDACA 100%) !important;
}

#irie-global-parallax-bg {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: -9999; /* Deep background */
	pointer-events: none;
	overflow: hidden;
}

.irie-gp-layer {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%; /* 背景画像をリピートさせるため、画面ピッタリの100%でOK */
	will-change: background-position;
	/* transform ではなく背景位置をズラして無限リピートさせる */
	background-position-y: var(--gp-y, 0px);
	opacity: 0.5;
}

/* Base layer (元々オレンジ一色だったレイヤー) */
.irie-gp-layer-0 {
	background-color: transparent !important;
	background-image: url('https://airi.space-works.net/wp/wp-content/uploads/2026/04/bg-stars_under.png');
	background-repeat: repeat;
	background-size: 100vw auto;
	background-blend-mode: color-burn;
}

.irie-gp-layer-1 {
	/* 後ろの body のグラデーションを透けさせるため透明にする */
	background-color: transparent !important;
	background-image: url('https://airi.space-works.net/wp/wp-content/uploads/2026/04/bg-stars_upper.png');
	background-repeat: repeat;
	background-size: 100vw auto;
	background-blend-mode: color-burn;
}

/* Example setup for other layers */
.irie-gp-layer-2 {
	background-image: url('https://airi.space-works.net/wp/wp-content/uploads/2026/04/bg-shapes.png');
	background-repeat: repeat;
	background-size: 100vw auto;
	background-blend-mode: color-burn;
}

.irie-gp-layer-3 {
	background-image: url('https://airi.space-works.net/wp/wp-content/uploads/2026/04/bg-circle.png');
	background-repeat: repeat;
	background-size: 100vw auto;
	background-blend-mode: color-burn;
}