@charset "utf-8";
/* CSS Document */
/*------------------------- animation ---------------------------*/

.animated {
	-webkit-animation-duration: 8s;
	animation-duration: 8s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes background-momiji1 {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-80px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 29% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(100px,60px) scale(1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-50px,150px) scale(-1.1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(90px,220px) scale(1,-1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} 90% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(50px,190px) scale(1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 
}

@keyframes background-momiji1 {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} to {
		animation-timing-function: linear;
		transform: translate(-80px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 29% {
		animation-timing-function: linear;
		transform: translate(100px,60px) scale(1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		animation-timing-function: linear;
		transform: translate(-50px,150px) scale(-1.1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
		animation-timing-function: linear;
		transform: translate(90px,220px) scale(1,-1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} 90% {
		animation-timing-function: linear;
		transform: translate(50px,190px) scale(1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 
}

.background-momiji1 {
	-webkit-animation-name: background-momiji1;
	animation-name: background-momiji1;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

@-webkit-keyframes background-momiji2 {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 20% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-100px,60px) scale(1,-0.6) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 40% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(70px,90px) scale(-1,-0.6) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 80% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-120px,120px) scale(-1,-0.6) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 100% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(120px,140px) scale(-1,0.6) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} 
}

@keyframes background-momiji2 {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 20% {
		animation-timing-function: linear;
		transform: translate(-100px,60px) scale(1,-0.6) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 40% {
		animation-timing-function: linear;
		transform: translate(70px,90px) scale(-1,-0.6) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 80% {
		animation-timing-function: linear;
		transform: translate(-120px,120px) scale(-1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 100% {
		animation-timing-function: linear;
		transform: translate(120px,140px) scale(-1,-0.3) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} 
}

.background-momiji2 {
	-webkit-animation-name: background-momiji2;
	animation-name: background-momiji2;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}

.animated2 {
	-webkit-animation-duration: 10s;
	animation-duration: 10s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
}

@-webkit-keyframes background-momiji3 {
	from {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} to {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 0% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-140px,-120px) scale(1,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 14% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-50px,-100px) scale(1,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 39% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-220px,-70px) scale(-0.9,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(20px,-30px) scale(-1.1,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 74% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(210px,10px) scale(-1.1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(-100px,120px) scale(-1,0.5) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} 86% {
		-webkit-animation-timing-function: linear;
		-webkit-transform: translate(70px,60px) scale(-1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 
}

@keyframes background-momiji3 {
	from {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} to {
		animation-timing-function: linear;
		transform: translate(0px,0px) scale(1,1) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 0% {
		animation-timing-function: linear;
		transform: translate(-140px,-120px) scale(1,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 14% {
		animation-timing-function: linear;
		transform: translate(-50px,-100px) scale(1,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 39% {
		animation-timing-function: linear;
		transform: translate(-220px,-70px) scale(-0.9,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 60% {
		animation-timing-function: linear;
		transform: translate(20px,-30px) scale(-1.1,0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 74% {
		animation-timing-function: linear;
		transform: translate(210px,10px) scale(-1.1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 1.0;
	} 100% {
		animation-timing-function: linear;
		transform: translate(-100px,120px) scale(-1,0.5) rotate(0deg) skew(0deg,0deg);
		opacity: 0;
	} 86% {
		animation-timing-function: linear;
		transform: translate(70px,60px) scale(-1,-0.4) rotate(0deg) skew(0deg,0deg);
		opacity: 0.5;
	} 
}

.background-momiji3 {
	-webkit-animation-name: background-momiji3;
	animation-name: background-momiji3;
	-webkit-transform-origin: center center;
	transform-origin: center center;
}