@charset "UTF-8";
/* CSS Document */
/*
	common
-----------------------------------------------------------------------------------------------*/
#wrapper{
	opacity: 0;
	animation: anmFadeIn 1.0s ease 0.4s forwards;
}

/* 起点 */
.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(40px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}
/* ループ用 下 → 上 */
@keyframes anmUpDownLoop{
	0%{
		transform:translateY(0);
	}
	50%{
		transform:translateY(20px);
	}
	100%{
		transform:translateY(0);
	}
}
/* どんと出てくる */
.anmDon.jsAnmStart{
	animation: anmDon 0.6s 1 normal 0.8s ease-out forwards;
}
@keyframes anmDon{
	0%{
		opacity:0;
		transform: scale(0.8)
	}
	70%{
		opacity:1;
		transform: scale(1.06);
	}
	100%{
		opacity:1;
		transform: scale(1);
	}
}