@charset "UTF-8";
/*
	common
-----------------------------------------------------------------------------------------------*/
/* 起点 */
.jsAnm{
	opacity: 0;
}
/* ふわっと */
.anmFadeIn.jsAnmStart{
	animation: anmFadeIn 1s ease 0.5s forwards;
}
@keyframes anmFadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* ふわっと消える */
.anmFadeOut.jsAnmStart{
	animation: anmFadeOut 1s ease 0.5s forwards;
}
@keyframes anmFadeOut{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
/* 下からふわっと */
.anmFadeUp.jsAnmStart{
	animation: anmFadeUp 1s ease 0.5s forwards;
}
@keyframes anmFadeUp{
	from{
		opacity: 0;
		transform: translateY(30px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
.anmFadeUpXCenter.jsAnmStart{/* translateX-50%の時 */
	animation: anmFadeUpXCenter 1s ease 0.5s forwards;
}
@keyframes anmFadeUpXCenter{
	from{
		opacity: 0;
		transform: translate(-50%, 30px);
	}
	to{
		opacity: 1;
		transform: translate(-50%, 0);
	}
}
/* 上からふわっと */
.anmFadeDown.jsAnmStart{
	animation: anmFadeDown 1s ease 0.5s forwards;
}
@keyframes anmFadeDown{
	from{
		opacity: 0;
		transform: translateY(-30px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右からふわっと */
.anmFadeRight.jsAnmStart{
	animation: anmFadeRight 1s ease 0.5s forwards;
}
@keyframes anmFadeRight{
	from{
		opacity: 0;
		transform: translateX(30px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左からふわっと */
.anmFadeLeft.jsAnmStart{
	animation: anmFadeLeft 1s ease 0.5s forwards;
}
@keyframes anmFadeLeft{
	from{
		opacity: 0;
		transform: translateX(-30px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
.anmFadeLeftYCenter.jsAnmStart{/* translateY-50%の時 */
	animation: anmFadeLeftYCenter 1s ease 0.5s forwards;
}
@keyframes anmFadeLeftYCenter{
	from{
		opacity: 0;
		transform: translate(-30px, -50%);
	}
	to{
		opacity: 1;
		transform: translate(0, -50%);
	}
}
/* neon */
#support .section__head--sub.underline.jsAnmStart,
#menu .section__head--sub.underline.jsAnmStart{
	animation: support-shadow 1.5s ease .3s forwards;
}
@keyframes support-shadow{
	from{
		filter: drop-shadow(0 0 0px #ff009e);
	}
	to{
		filter: drop-shadow(0 0 10px #ff009e);
	}
}
/* loop ※yは上下運動*/
@keyframes scroll-x{
	from{
		transform: translateX(0%);
	}
	to{
		transform: translateX(-100%);
	}
}
@keyframes scroll-y{
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(8px);
	}
	
	100% {
		transform: translateY(0);
	}
}
/* blur */
[class^="menu__img--img"].jsAnmStart{
	animation: menu-blur 1.3s ease-in-out .1s forwards;
	filter: blur(13px);
	transform: scale(1.5);
}
.menu__img--img02.jsAnmStart{
	animation: menu-blur 1.3s ease-in-out .3s forwards;
}
.menu__img--img03.jsAnmStart{
	animation: menu-blur 1.3s ease-in-out .5s forwards;
}
@keyframes menu-blur{
	from{
		filter: blur(12px);
		transform: scale(1.5);
	}
	to{
		filter: blur(0px);
		transform: scale(1.0);
	}
}
/*
	ページ全体
-----------------------------------------------------------------------------------------------*/
#wrapper{
	opacity: 0;
	animation: anmFadeIn 0.8s ease 0.2s forwards;
}