@charset "utf-8";

/* ロード・スクロール エフェクト設定
--------------------------------------------------------------*/

/* 基本 ---------- */

.set_delay_anim {
	opacity: 0;
	-webkit-transition:
		opacity 1.2s ease,
		transform 1.2s ease;
	-moz-transition:
		opacity 1.2s ease,
		transform 1.2s ease;
	-o-transition:
		opacity 1.2s ease,
		transform 1.2s ease;
	transition:
		opacity 1.2s ease,
		transform 1.2s ease;
}

.set_delay_anim.show {
	opacity: 1;
}

/* 上からフェードイン ---------- */

.fade_upper {
	-webkit-transform: translateY(-0.5rem);
	-moz-transform: translateY(-0.5rem);
	-ms-transform: translateY(-0.5rem);
	-o-transform: translateY(-0.5rem);
	transform: translateY(-0.5rem);
}

.fade_upper.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/* 下からフェードイン ---------- */

.fade_under {
	-webkit-transform: translateY(0.5rem);
	-moz-transform: translateY(0.5rem);
	-ms-transform: translateY(0.5rem);
	-o-transform: translateY(0.5rem);
	transform: translateY(0.5rem);
}

.fade_under.show {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
}

/* 右からフェードイン ---------- */

.fade_right {
	-webkit-transform: translateX(0.5rem);
	-moz-transform: translateX(0.5rem);
	-ms-transform: translateX(0.5rem);
	-o-transform: translateX(0.5rem);
	transform: translateX(0.5rem);
}

.fade_right.show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* 左からフェードイン ---------- */

.fade_left {
	-webkit-transform: translateX(-0.5rem);
	-moz-transform: translateX(-0.5rem);
	-ms-transform: translateX(-0.5rem);
	-o-transform: translateX(-0.5rem);
	transform: translateX(-0.5rem);
}

.fade_left.show {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
}

/* ぼかしからフェードイン ---------- */

.fade_blur {
	transition:
		opacity 1.2s ease,
		filter 1.2s ease;
	-webkit-filter: blur(0.2rem);
	-moz-filter: blur(0.2rem);
	-ms-filter: blur(0.2rem);
	filter: blur(0.2rem);
}

.fade_blur.show {
	-webkit-filter: blur(0);
	-moz-filter: blur(0);
	-ms-filter: blur(0);
	filter: blur(0);
}