@charset "UTF-8";
/*
	common
-----------------------------------------------------------------------------------------------*/
/* 起点 */
.jsAnm{
	opacity: 0;
}
[class*="anmFade"]{
	animation-delay: .6s;
	animation-duration: 1.0s;
	animation-fill-mode: forwards;
	animation-timing-function: ease-out;
}
.jsAnm:nth-child(2)[class*="anmFade"]{
	animation-delay: .9s;
}
.jsAnm:nth-child(3)[class*="anmFade"]{
	animation-delay: 1.2s;
}
/* ふわっと */
.anmFadeIn.jsAnmStart{
	animation-name: anmFadeIn;
}
@keyframes anmFadeIn{
	from{
		opacity: 0;
	}
	to{
		opacity: 1;
	}
}
/* ふわっと消える */
.anmFadeOut.jsAnmStart{
	animation-name: anmFadeOut;
}
@keyframes anmFadeOut{
	from{
		opacity: 1;
	}
	to{
		opacity: 0;
	}
}
/* 下からふわっと */
.anmFadeUp.jsAnmStart{
	animation-name: anmFadeUp;
}
@keyframes anmFadeUp{
	from{
		opacity: 0;
		transform: translateY(40px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 上からふわっと */
.anmFadeDown.jsAnmStart{
	animation-name: anmFadeDown;
}
@keyframes anmFadeDown{
	from{
		opacity: 0;
		transform: translateY(-40px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* 右からふわっと */
.anmFadeRight.jsAnmStart{
	animation-name: anmFadeRight;
}
@keyframes anmFadeRight{
	from{
		opacity: 0;
		transform: translateX(40px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* 左からふわっと */
.anmFadeLeft.jsAnmStart{
	animation-name: anmFadeLeft;
}
@keyframes anmFadeLeft{
	from{
		opacity: 0;
		transform: translateX(-40px);
	}
	to{
		opacity: 1;
		transform: translateX(0);
	}
}
/* ページ全体 */
#wrapper{
	opacity: 0;
	animation: anmFadeIn .5s ease .3s forwards;
}
/*
	kv
-----------------------------------------------------------------------------------------------*/
.pickup::before{
	animation: rotate 200s linear 0s infinite;
}
@keyframes rotate{
	from{
		transform: translate(-50%, -50%) rotate(0);
	}
	to{
		opacity: 1;
		transform: translate(-50%, -50%) rotate(360deg);
	}
}