@charset "utf-8";
/*
#################################
 
	フェードインレフト
 
#################################
*/
.fadeInLeft{
	animation: fadeInLeft 1s linear 0.5s 1 forwards;
	-moz-animation: fadeInLeft 1s linear 0.5s 1 forwards;
	-webkit-animation: fadeInLeft 1s linear 0.5s 1 forwards;
	-ms-animation: fadeInLeft 1s linear 0.5s 1 forwards;
	-o-animation: fadeInLeft 1s linear 0.5s 1 forwards;
}
@keyframes fadeInLeft{
	0% {
		transform: translateX(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}
@-moz-keyframes fadeInLeft {
	0% {
		transform: translateX(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}
@-webkit-keyframes fadeInLeft {
	0% {
		transform: translateX(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}

@-o-keyframes fadeInLeft {
	0% {
		transform: translateX(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}
@-ms-keyframes fadeInLeft {
	0% {
		transform: translateX(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}

/*
#################################
 
	フェードインライト
 
#################################
*/
.fadeInRightTrigger{
	opacity:0;
}
.fadeInRightTrigger.fadeInRight{
	animation: fadeInRight 1s linear 0.5s 1 forwards;
	-moz-animation: fadeInRight 1s linear 0.5s 1 forwards;
	-webkit-animation: fadeInRight 1s linear 0.5s 1 forwards;
	-ms-animation: fadeInRight 1s linear 0.5s 1 forwards;
	-o-animation: fadeInRight 1s linear 0.5s 1 forwards;
} 

@keyframes fadeInRight{
	0% {
		transform: translateX(50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}
@-moz-keyframes fadeInRight {
	0% {
		transform: translateX(50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}
@-webkit-keyframes fadeInRight {
	0% {
		transform: translateX(50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}

@-o-keyframes fadeInRight {
	0% {
		transform: translateX(50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}


@-ms-keyframes fadeInRight {
	0% {
		transform: translateX(50%);
		opacity:0.0;
	}
    100% {
		transform: translateX(0);
		opacity:1.0;
	}
}


/*
#################################
 
	フェードイン
 
#################################
*/
.fadeInTrigger{
	opacity: 0;
}
.fadeInTrigger.fadeIn{
	animation: fadeIn 1s linear 0.5s 1 forwards;
	-moz-animation: fadeIn 1s linear 0.5s 1 forwards;
	-webkit-animation: fadeIn 1s linear 0.5s 1 forwards;
	-ms-animation: fadeIn 1s linear 0.5s 1 forwards;
	-o-animation: fadeIn 1s linear 0.5s 1 forwards;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-moz-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-webkit-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-o-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
@-ms-keyframes fadeIn {
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}

/*
#################################
 
	フェードインアップ
 
#################################
*/
.fadeInUpTrigger{
	opacity: 0;
}
.fadeInUpTrigger.fadeInUp{
	animation: fadeInUp 1s linear 0.5s 1 forwards;
	-moz-animation: fadeInUp 1s linear 0.5s 1 forwards;
	-webkit-animation: fadeInUp 1s linear 0.5s 1 forwards;
	-ms-animation: fadeInUp 1s linear 0.5s 1 forwards;
	-o-animation: fadeInUp 1s linear 0.5s 1 forwards;
}

@keyframes fadeInUp {
	0% {
		transform: translateY(50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-moz-keyframes fadeInUp {
	0% {
		transform: translateY(50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-webkit-keyframes fadeInUp {
	0% {
		transform: translateY(50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-o-keyframes fadeInUp {
	0% {
		transform: translateY(50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-ms-keyframes fadeInUp {
	0% {
		transform: translateY(50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}

/*
#################################
 
	フェードインダウン
 
#################################
*/
.fadeInDownTrigger{
	opacity: 0;
}
.fadeInDownTrigger.fadeInDown{
	animation: fadeInUp 1s linear 0.5s 1 forwards;
	-moz-animation: fadeInUp 1s linear 0.5s 1 forwards;
	-webkit-animation: fadeInUp 1s linear 0.5s 1 forwards;
	-ms-animation: fadeInUp 1s linear 0.5s 1 forwards;
	-o-animation: fadeInUp 1s linear 0.5s 1 forwards;
}

@keyframes fadeInDown {
	0% {
		transform: translateY(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-moz-keyframes fadeInDown {
	0% {
		transform: translateY(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-webkit-keyframes fadeInDown {
	0% {
		transform: translateY(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-o-keyframes fadeInDown {
	0% {
		transform: translateY(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}
@-ms-keyframes fadeInDown {
	0% {
		transform: translateY(-50%);
		opacity:0.0;
	}
    100% {
		transform: translateY(0);
		opacity:1.0;
	}
}

/*
#################################
 
	ズームイン
 
#################################
*/
.zoomInTrigger{
	opacity:0;
}
.zoomInTrigger.zoomIn{
	animation: zoomIn 1s linear 0.5s 1 forwards;
	-moz-animation: zoomIn 1s linear 0.5s 1 forwards;
	-webkit-animation: zoomIn 1s linear 0.5s 1 forwards;
	-ms-animation: zoomIn 1s linear 0.5s 1 forwards;
	-o-animation: zoomIn 1s linear 0.5s 1 forwards;
}

@keyframes zoomIn{
	0% {
		transform: scale(0.5);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}
@-moz-keyframes zoomIn {
	0% {
		transform: scale(0.5);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}
@-webkit-keyframes zoomIn {
	0% {
		transform: scale(0.5);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}
@-o-keyframes zoomIn {
	0% {
		transform: scale(0.5);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}
@-ms-keyframes zoomIn {
	0% {
		transform: scale(0.5);
		opacity:0;
	}
	100% {
		transform: scale(1);
		opacity:1;
	}
}

/*
#################################
 
	拡大縮小
 
#################################
*/
.scallingTrigger{
	opacity:0;
}
.scallingTrigger.scalling{
	animation: scalling 1s linear 0.5s 1 forwards;
	-moz-animation: scalling 1s linear 0.5s 1 forwards;
	-webkit-animation: scalling 1s linear 0.5s 1 forwards;
	-ms-animation: scalling 1s linear 0.5s 1 forwards;
	-o-animation: scalling 1s linear 0.5s 1 forwards;
}

@keyframes scalling{
	0% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
	}
}
@-moz-keyframes scalling {
	0% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
	}
}

@-webkit-keyframes sizeAnimeBg {
	0% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
	}
}

@-o-keyframes sizeAnimeBg {
	0% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
	}
}


@-ms-keyframes sizeAnimeBg {
	0% {
		transform: scale(3);
	}
	100% {
		transform: scale(1);
	}
}



/*
#################################
 
	背景をゆっくり拡大縮小
 
#################################
*/
.bgZoom{
	animation: bgZoom 20s linear infinite forwards;
	-moz-animation: bgZoom 20s linear infinite forwards;
	-webkit-animation: bgZoom 20s linear infinite forwards;
	-ms-animation: bgZoom 20s linear infinite forwards;
	-o-animation: bgZoom 20s linear infinite forwards;

}

@keyframes bgZoom{
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}

@-moz-keyframes bgZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
@-webkit-keyframes bgZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
@-o-keyframes bgZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}
@-ms-keyframes bgZoom {
	0% {
		transform: scale(1);
	}
	50% {
		transform: scale(1.3);
	}
	100% {
		transform: scale(1);
	}
}