/*アニメーション関連*/
.fadeup {
	opacity: 0;
	transform: translate3d(0,60px,0);
	backface-visibility: hidden;
}
.fadeupon {
	animation-name: fadeup;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadeup {
0% {
	opacity: 0;
	transform: translate3d(0,60px,0);
}
100% {
	opacity: 1;
	transform: translate3d(0,0,0);
    }
}
.fadeleft {
	opacity: 0;
	transform: translate3d(400px,0,0);
	backface-visibility: hidden;
}
.fadelefton {
	animation-name: fadeleft;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes fadeleft {
0% {
	opacity: 0;
	transform: translate3d(400px,0,0);
}
100% {
	opacity: 1;
	transform: translate3d(0,0,0);
    }
}
.faderight {
	opacity: 0;
}
.faderighton {
	animation-name: faderight;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
@keyframes faderight {
0% {
	opacity: 0;
	transform: translate3d(-400px,0,0);
}
100% {
	opacity: 1;
	transform: translate3d(0,0,0);
    }
}
.fadein {
	opacity: 0;
	transition: 1.5s;
}
.fadeinon {
	opacity: 1;
}
.delay1 {
	animation-delay:0.1s;
}
.delay2 {
	animation-delay:0.2s;
}
.delay3 {
	animation-delay:0.3s;
}
.delay4 {
	animation-delay:0.4s;
}
.delay5 {
	animation-delay:0.5s;
}
.delay6 {
	animation-delay:0.6s;
}
.delay7 {
	animation-delay:0.7s;
}
.delay8 {
	animation-delay:0.8s;
}
.delay9 {
	animation-delay:0.9s;
}
.delay10 {
	animation-delay:1.0s;
}
.delay11 {
	animation-delay:1.1s;
}
.delay12 {
	animation-delay:1.2s;
}
.delay13 {
	animation-delay:1.3s;
}
.delay14 {
	animation-delay:1.4s;
}
.delay15 {
	animation-delay:1.5s;
}
.delay16 {
	animation-delay:1.6s;
}
.delay17 {
	animation-delay:1.7s;
}
.delay18 {
	animation-delay:1.8s;
}
@media (768px <= width) {
.faderight-pc {
	opacity: 0;
	transform: translate3d(400px,0,0);
	backface-visibility: hidden;
}
.faderight-pcon {
	animation-name: faderight;
	animation-duration: 0.3s;
	animation-timing-function: ease-out;
	animation-fill-mode: forwards;
}
}