@charset "UTF-8";

/* ==================================
	
	For Delighters.js
	
================================= */
/* -----------------------------------------------------
	fadeinup
--------------------------------------------------- */
.delighter.fadeinup {
	transition: all 1.0s ease-out .1s;
	opacity: 0;
	-webkit-transform: translate3d(0, 50%, 0);
	transform: translate3d(0, 50%, 0);
}
/* スタート時のスタイル */
.delighter.fadeinup.started {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
}
/* エンド時のスタイル */
.delighter.fadeinup.started.ended {
}
/* -----------------------------------------------------
	fadein
--------------------------------------------------- */
.delighter.fadein {
	transition: all 1.0s ease-out .1s;
	opacity: 0;
}
/* スタート時のスタイル */
.delighter.fadein.started {
	opacity: 1;
}
/* エンド時のスタイル */
.delighter.fadein.started.ended {
}

/* ==================================
	
	For First views
	
================================= */
/* -----------------------------------------------------
	animated
--------------------------------------------------- */
.animated {
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
}
.animateddly {
	-webkit-animation-duration: 1.0s;
	animation-duration: 1.0s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-delay: .5s;
	animation-delay: .5s;
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}
/* -----------------------------------------------------
	fadein
--------------------------------------------------- */
.ivfadeIn {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn;
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}