/*アニメーション関連*/
.fade,
.fade-pc {
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-duration:0.6s;
	backface-visibility: hidden;
	animation-delay:0.2s;
}
.fadeup {
	opacity: 0;
}
.fadeupon {
	opacity: 1;
	animation-name:fadeupanime;
}
@keyframes fadeupanime {
	0% {transform: translate3d(0px,40px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadeleft {
	opacity: 0;
}
.fadelefton {
	opacity: 1;
	animation-name:fadeleftanime;
}
@keyframes fadeleftanime {
	0% {transform: translate3d(40px,0px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.faderight {
	opacity: 0;
}
.faderighton {
	opacity: 1;
	animation-name:faderightanime;
}
@keyframes faderightanime {
	0% {transform: translate3d(-40px,0px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}


.fade.fadein {
	animation-duration:2.4s;
	opacity: 0;
}
.fade.fadeinon {
	opacity: 1;
	animation-name:fadeinanime;
	animation-delay:1.0s;
}
@keyframes fadeinanime {
	0% {opacity: 0}
	100% {opacity: 1}
}
.fade.delay1,
.fade.delay-pc1 {
	animation-delay:0.5s;
}
.fade.delay2,
.fade.delay-pc2 {
	animation-delay:0.8s;
}
.fade.delay3,
.fade.delay-pc3 {
	animation-delay:1.1s;
}
.fade.delay4,
.fade.delay-pc4 {
	animation-delay:1.4s;
}
.fade.delay5,
.fade.delay-pc5 {
	animation-delay:1.7s;
}