@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;
	}
}

/* 下からふわっと */
.anmFadeUp.jsAnmStart{
	animation: anmFadeUp 1s ease 0.5s forwards;
}
@keyframes anmFadeUp{
	from{
		opacity: 0;
		transform: translateY(100px);
	}
	to{
		opacity: 1;
		transform: translateY(0);
	}
}

/* scroll */
@keyframes anmScroll{
	0%  {
		bottom: 0;
		height: 0;
	}
	30% {
		bottom: 0;
		height: 120px;
	}
	50% {
		opacity: 0
	}
	100%{
		bottom: 0;
		height: 120px;
		opacity: 0
	}
}
@keyframes anmScroll02{
	0%  {
		top: 0;
	}
	30% {
		top: 120px;
	}
	50% {
		opacity: 0
	}
	100%{
		top: 120px;
		opacity: 0
	}
}
@keyframes anmScroll_02{
	0%  {
		bottom: 0;
		height: 0;
	}
	30% {
		bottom: 0;
		height: 80px;
	}
	50% {
		opacity: 0
	}
	100%{
		bottom: 0;
		height: 80px;
		opacity: 0
	}
}
@keyframes anmScroll02_02{
	0%  {
		top: 0;
	}
	30% {
		top: 80px;
	}
	50% {
		opacity: 0
	}
	100%{
		top: 80px;
		opacity: 0
	}
}