@charset "utf-8";

/* ------------------------------ */
/* コンテンツ　スクロールで出現用 */
/* ------------------------------ */
@media print,screen and (min-width:768px) {
	/* 画面外にいる状態 */
	.fadein{
		opacity : 0;
		transform : translate(0, 50px);
		transition : all 500ms;
	}
	.fadein.fadein2{
		-moz-transition-delay:100ms !important;
		-webkit-transition-delay:100ms !important;
		-o-transition-delay:100ms !important;
		-ms-transition-delay:100ms !important;
		transition-delay:100ms !important;
	}
	.fadein.fadein3{
		-moz-transition-delay:200ms !important;
		-webkit-transition-delay:200ms !important;
		-o-transition-delay:200ms !important;
		-ms-transition-delay:200ms !important;
		transition-delay:200ms !important;
	}
	.fadein.fadein4{
		-moz-transition-delay:300ms !important;
		-webkit-transition-delay:300ms !important;
		-o-transition-delay:300ms !important;
		-ms-transition-delay:300ms !important;
		transition-delay:300ms !important;
	}
	/* iPad調整用 */
	html.ipad .fadein.nofade {
		opacity:1;
		transform:none;
		transition:none;
	}
	/* 画面内に入った状態 */
	.fadein.scrollin,
	html.ipad .fadein.scrollin {
		opacity : 1;
		transform : translate(0, 0);
	}
}