@charset "UTF-8";
/* CSS Document */

/*
	animation
-----------------------------------------------------------------------------------------------*/
.jsAnm{
	opacity: 0;
}
:root{
	--anmEasingBase: cubic-bezier(0, 0, 0.31, 0.99);
	--anmDurationBase: 0.45s;
	--anmDelayBase: 0.4s;
}
/* fadeIn_上下左右 */
.anmFadeIn.jsAnmStart{
	animation: fadeIn var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
.anmFadeInBtoT.jsAnmStart{
	animation: fadeInBtoT var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
.anmFadeInTtoB.jsAnmStart{
	animation: fadeInTtoB var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
.anmFadeInLtoR.jsAnmStart{
	animation: fadeInLtoR var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
.anmFadeInRtoL.jsAnmStart{
	animation: fadeInRtoL var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes fadeIn{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}
@keyframes fadeInTtoB{
	0%{
		opacity: 0;
		transform: translateY(-30px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInBtoT{
	0%{
		opacity: 0;
		transform: translateY(30px);
	}
	100%{
		opacity: 1;
		transform: translateY(0);
	}
}
@keyframes fadeInLtoR{
	0%{
		opacity: 0;
		transform: translateX(-30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}
@keyframes fadeInRtoL{
	0%{
		opacity: 0;
		transform: translateX(30px);
	}
	100%{
		opacity: 1;
		transform: translateX(0);
	}
}

/* fadeIn_拡大縮小 */
@keyframes fadeInScale{
	0%{
		opacity: 0;
		transform: scale(1.05);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fadeInScaleExpand{
	0%{
		opacity: 0;
		transform: scale(0.95);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}
@keyframes fadeInScaleExpandFull{
	0%{
		opacity: 0;
		transform: scale(0);
	}
	100%{
		opacity: 1;
		transform: scale(1);
	}
}

/* fadeIn + Blur */
.anmFadeInBlur.jsAnmStart{
	animation: fadeInBlur var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes fadeInBlur{
	0%{
		opacity: 0;
		filter: blur(20px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
	}
}
/* fadeIn + Blur（小） */
.anmFadeInBlurMin.jsAnmStart{
	animation: fadeInBlurMin var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes fadeInBlurMin{
	0%{
		opacity: 0;
		filter: blur(5px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
	}
}
/* fadeIn + Blur + 左 → 右 */
.anmFadeInBlurLtoR.jsAnmStart{
	animation: fadeInBlurLtoR var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes fadeInBlurLtoR{
	0%{
		opacity: 0;
		filter: blur(20px);
		transform: translateX(-20px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
		transform: translateX(0);
	}
}

/* fadeIn + Blur + 右 → 左 */
.anmFadeInBlurRtoL.jsAnmStart{
	animation: fadeInBlurRtoL var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes fadeInBlurRtoL{
	0%{
		opacity: 0;
		filter: blur(20px);
		transform: translateX(20px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
		transform: translateX(0);
	}
}

/* fadeIn + Blur + 下 → 上 */
.anmFadeInBlurBtoT.jsAnmStart{
	animation: fadeInBlurBtoT var(--anmDurationBase) 1 normal var(--anmDelayBase) var(--anmEasingBase) forwards;
}
@keyframes fadeInBlurBtoT{
	0%{
		opacity: 0;
		filter: blur(20px);
		transform: translateY(20px);
	}
	100%{
		opacity: 1;
		filter: blur(0);
		transform: translateY(0);
	}
}