@charset "UTF-8";

/* フェードイン */
.fadein{
	opacity:0;
	transition:all 0.5s;
	-webkit-transition:all 0.5s;
}

.fadein.second{
	-moz-transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
}

.fadein.scrollin{
	opacity:1;
}

/* 下から上へフェードイン */
.fadein_up{
	opacity:0;
	transform:translate(0px, 100px);
	transition:all 0.6s;
}

.fadein_up.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

.fadein_up.second{
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}

.fadein_up.third{
	-moz-transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
}


.fadein_up.fourth{
	-moz-transition-delay:0.9s;
	-webkit-transition-delay:0.9s;
	-o-transition-delay:0.9s;
	-ms-transition-delay:0.9s;
}


/* 上から下へフェードイン */
.fadein_down{
	opacity:0;
	transform:translate(0px, -100px);
	transition:all 0.9s;
}

.fadein_down.scrollin{
	opacity:1;
	transform:translate(0px, 0px);
}

.fadein_down.second{
	-moz-transition-delay:0.3s;
	-webkit-transition-delay:0.3s;
	-o-transition-delay:0.3s;
	-ms-transition-delay:0.3s;
}

.fadein_down.third{
	-moz-transition-delay:0.6s;
	-webkit-transition-delay:0.6s;
	-o-transition-delay:0.6s;
	-ms-transition-delay:0.6s;
}