@charset "utf-8";

/*=========================================*/
/* アニメーション設定 */
/*=========================================*/

.animation, .animation_right, .animation_left{
	margin:0px;
	visibility:hidden;
}

.fadeInDown{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:1.5s;
	-ms-animation-duration:1.5s;
	animation-duration:1.5s;
	-webkit-animation-name:fadeInDown;
	animation-name:fadeInDown;
	visibility:visible !important;
}

@-webkit-keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
	}
}

@keyframes fadeInDown{
	0%{
		opacity:0;
		-webkit-transform:translateY(-20px);
		-ms-transform:translateY(-20px);
		transform:translateY(-20px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateY(0);
		-ms-transform:translateY(0);
		transform:translateY(0);
	}
}

.fadeInRight{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:fadeInRight;
	animation-name:fadeInRight;
	visibility:visible !important;
}

@-webkit-keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInRight{
	0%{
		opacity:0;
		-webkit-transform:translateX(500px);
		-ms-transform:translateX(500px);
		transform:translateX(500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}

.fadeInLeft{
	-webkit-animation-fill-mode:both;
	-ms-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-duration:2s;
	-ms-animation-duration:2s;
	animation-duration:2s;
	-webkit-animation-name:fadeInLeft;
	animation-name:fadeInLeft;
	visibility:visible !important;
}

@-webkit-keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
	}
}

@keyframes fadeInLeft{
	0%{
		opacity:0;
		-webkit-transform:translateX(-500px);
		-ms-transform:translateX(-500px);
		transform:translateX(-500px);
	}
	100%{
		opacity:1;
		-webkit-transform:translateX(0);
		-ms-transform:translateX(0);
		transform:translateX(0);
	}
}