/*アニメーション関連*/
.fade {
	animation-timing-function: ease-out;
	animation-iteration-count: 1;
	animation-fill-mode: both;
	animation-duration:0.8s;
	backface-visibility: hidden;
}
.fadeup,
.fadeup-one,
.fadeup-sp {
	opacity: 0;
}
.fadeupon,
.fadeupon-one,
.fadeup-spon {
	opacity: 1;
	animation-name:fadeupanime;
}
@keyframes fadeupanime {
	0% {transform: translate3d(0px,20px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadedown,
.fadedown-one {
	opacity: 0;
}
.fadedownon,
.fadedownon-one {
	opacity: 1;
	animation-name:fadedownanime;
}
@keyframes fadedownanime {
	0% {transform: translate3d(0px,-20px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadeleft {
	opacity: 0;
}
.fadelefton {
	animation-name:fadeleftanime;
}
@keyframes fadeleftanime {
	0% {transform: translate3d(80px,0px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.faderight {
	opacity: 0;
}
.faderighton {
	animation-name:faderightanime;
}
@keyframes faderightanime {
	0% {transform: translate3d(-80px,0px,0);
	opacity: 0}
	100% {transform: translate3d(0px,0px,0);
	opacity: 1}
}
.fadein,
.fadein-one {
	animation-duration:1.5s;
	opacity: 0;
}
.fadeinon,
.fadeinon-one {
	opacity: 1;
	animation-name:fadeinanime;
}
@keyframes fadeinanime {
	0% {opacity: 0}
	100% {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;}
.delay19 {animation-delay:1.9s;}
.delay20 {animation-delay:2.0s;}