@charset "UTF-8";


/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(20%);
-moz-transform: translateX(20%);
-o-transform: translateX(20%);
-ms-transform: translateX(20%);
transform:translateX(20%);
	}
100% {
opacity: 1;
	-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform:translateX(0);
}
}

@keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(20%);
-moz-transform: translateX(20%);
-o-transform: translateX(20%);
-ms-transform: translateX(20%);
transform:translateX(20%);
	}
100% {
opacity: 1;
	-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform:translateX(0);
}
}

/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes slideTop {
0% {
opacity: 0;
-webkit-transform:translateY(20%);
-moz-transform:translateY(20%);
-o-transform:translateY(20%);
-ms-transform:translateY(20%);
transform:translateY(20%);
	}
100% {
opacity: 1;
	-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform: translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}

@keyframes slideTop {
0% {
opacity: 0;
-webkit-transform:translateY(20%);
-moz-transform:translateY(20%);
-o-transform:translateY(20%);
-ms-transform:translateY(20%);
transform:translateY(20%);
	}
100% {
opacity: 1;
-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform: translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);
}
}

/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20%);
-moz-transform: translateX(-20%);
-o-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform:translateX(-20%);
	}
100% {
opacity: 1;
	-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform:translateX(0);
}
}

@keyframes slideLeft {
0% {
opacity: 0;
-webkit-transform: translateX(-20%);
-moz-transform: translateX(-20%);
-o-transform: translateX(-20%);
-ms-transform: translateX(-20%);
transform:translateX(-20%);
	}
100% {
opacity: 1;
	-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform:translateX(0);
}
}


/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes slideRight {
0% {
opacity: 0;
-webkit-transform: translateX(60%);
-moz-transform: translateX(60%);
-o-transform: translateX(60%);
-ms-transform: translateX(60%);
transform:translateX(60%);
	}
100% {
opacity: 1;
	-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform:translateX(0);
}
}

@keyframes slideRight {
0% {
opacity: 0;
-webkit-transform: translateX(60%);
-moz-transform: translateX(60%);
-o-transform: translateX(60%);
-ms-transform: translateX(60%);
transform:translateX(60%);
	}
100% {
opacity: 1;
	-webkit-transform: translateX(0);
-moz-transform: translateX(0);
-o-transform: translateX(0);
-ms-transform: translateX(0);
transform:translateX(0);
}
}


/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes lineHeight {
0% {opacity: 1;height: 0;	}
100% {opacity: 1;height: 100%;}
}

@keyframes lineHeight {
0% {opacity: 1;height: 0;	}
100% {opacity: 1;height: 100%;}
}



/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes lineWidth {
0% {opacity: 1;width: 0;	}
100% {opacity: 1;width: 100%;}
}

@keyframes lineWidth {
0% {opacity: 1;width: 0;	}
100% {opacity: 1;width: 100%;}
}



/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes fade {
0% {opacity: 0;}
100% {opacity: 1;}
}

@keyframes fade {
0% {opacity: 0;}
100% {opacity: 1;}
}

/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes fadeout {
0% {opacity: 1;}
100% {opacity: 0;}
}

@keyframes fadeout {
0% {opacity: 1;}
100% {opacity: 0;}
}

/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes fade02 {
0% {opacity: 1;}
50% {opacity: .7;}
100% {opacity: 1;}
}

@keyframes fade02 {
0% {opacity: 1;}
50% {opacity: .7;}
100% {opacity: 1;}
}



/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes skew {
0% {transform:skewX(0deg);}
19.9% {transform:skewX(86deg);}
20% {transform:skewX(0deg);}
100% {transform:skewX(0deg);}
}

@keyframes skew {
0% {transform:skewX(0deg);}
19.9% {transform:skewX(86deg);}
20% {transform:skewX(0deg);}
100% {transform:skewX(0deg);}
}




/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes lineHeight02 {
0% {opacity: 1;height: 0;	}
100% {opacity: 1;height: 90%;}
}

@keyframes lineHeight02 {
0% {opacity: 1;height: 0;	}
100% {opacity: 1;height: 90%;}
}

/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}

@keyframes zoomUp { /* 1.15倍させる指定 */
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}


/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes fadeBlur {
0% {
opacity: 0;
-webkit-transform:translateY(20%);
-moz-transform:translateY(20%);
-o-transform:translateY(20%);
-ms-transform:translateY(20%);
transform:translateY(20%);

-ms-filter: blur(10px);
-o-filter: blur(10px);
-moz-filter: blur(10px);
-webkit-filter: blur(10px);
filter: blur(10px);
	}
100% {
opacity: 1;
	-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform: translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);

-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}

@keyframes fadeBlur {
0% {
opacity: 0;


-ms-filter: blur(10px);
-o-filter: blur(10px);
-moz-filter: blur(10px);
-webkit-filter: blur(10px);
filter: blur(10px);
	}
100% {
opacity: 1;
	-webkit-transform:translateY(0);
-moz-transform:translateY(0);
-o-transform: translateY(0);
-ms-transform:translateY(0);
transform:translateY(0);

-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);

}
}


/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes Blur {
0% {
opacity: 0;
-ms-filter: blur(10px);
-o-filter: blur(10px);
-moz-filter: blur(10px);
-webkit-filter: blur(10px);
filter: blur(10px);
	}
100% {
opacity: 1;
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}

@keyframes Blur {
0% {
opacity: 0;
-ms-filter: blur(10px);
-o-filter: blur(10px);
-moz-filter: blur(10px);
-webkit-filter: blur(10px);
filter: blur(10px);
	}
100% {
opacity: 1;
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}

/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes scale_Blur {
0% {
opacity: 0;
-ms-filter: blur(40px);
-o-filter: blur(40px);
-moz-filter: blur(40px);
-webkit-filter: blur(40px);
filter: blur(40px);
-webkit-transform: scale(4);
transform: scale(4);
	}
50% {
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
opacity: 1;
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transform: scale(1);
transform: scale(1);
}
}

@keyframes scale_Blur {
0% {
opacity: 0;
-ms-filter: blur(40px);
-o-filter: blur(40px);
-moz-filter: blur(40px);
-webkit-filter: blur(40px);
filter: blur(40px);
-webkit-transform: scale(4);
transform: scale(4);
	}
50% {
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transform: scale(1);
transform: scale(1);
}
	
100% {
opacity: 1;
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
-webkit-transform: scale(1);
transform: scale(1);
}
}

/* ----------------------------------------------------------------------------------- */
@keyframes grad {
0%{background-position:0% 50%}
50%{background-position:100% 50%}
100%{background-position:0% 50%}
}

/* ----------------------------------------------------------------------------------- */
@keyframes move {
0% {left: 0;}
60% {left: -12%;}
100% {left: -12%; opacity:0;}
}

@keyframes move02 {
0% {left: 0;}
60% {left: 25%;}
100% {left: 25%; opacity: 0;}
}

@keyframes move03 {
0% {left: 0; }
60% {left: -14%;}
100% {left: -14%; opacity:0;}

}
@keyframes move04 {
0% {left: 0;}
60% {left: 20%;}
100% {left: 20%; opacity:0;}

}

/* Animations */
@keyframes glitch {
	0%, 100% { 
	opacity: 1;
transform: translate3d(calc(.5 * 160px),0,0);
		-webkit-clip-path: polygon(0 25%, 100% 25%, 100% 60%, 0 60%);
		clip-path: polygon(0 25%, 100% 25%, 100% 60%, 0 60%);
	}
	10% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);

	}
	
	15% {

		-webkit-clip-path: polygon(0 5%, 100% 15%, 100% 0%, 0 15%);
		clip-path: polygon(0 5%, 100% 15%, 100% 0%, 0 15%);
	}

	17% {

		-webkit-clip-path: polygon(100%  20%, 100% 20%, 100% 20%, 0 20%);
		clip-path: polygon(100% 20%, 100% 20%, 100% 20%, 0 20%);
	}

	19% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}

	33% {
		-webkit-clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
		clip-path: polygon(0 52%, 100% 52%, 100% 59%, 0 59%);
	}
	35% {
		-webkit-clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
		clip-path: polygon(0 40%, 100% 40%, 100% 40%, 0 40%);
	}
	40% {

		-webkit-clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
		clip-path: polygon(0 60%, 100% 60%, 100% 60%, 0 60%);
	}
	50% {
		-webkit-clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
		clip-path: polygon(0 75%, 100% 75%, 100% 75%, 0 75%);
	}

	45% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
		clip-path: polygon(0 65%, 100% 65%, 100% 40%, 0 40%);
	}
	49% {
		-webkit-clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
		clip-path: polygon(0 45%, 100% 45%, 100% 50%, 0 50%);
	}
	50% {
		-webkit-clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
		clip-path: polygon(0 14%, 100% 14%, 100% 33%, 0 33%);
	}

	55% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 35%, 0 35%);
		clip-path: polygon(0 80%, 100% 80%, 100% 35%, 0 35%);
	}
	60% {
			transform: translateX(0%);	
		-webkit-clip-path: polygon(0 0%, 0% 0%, 0% 0%, 0 0%);
		clip-path: polygon(0 0%, 0% 0%, 0% 0%, 0 0%);
	}
	70% {
		-webkit-clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
		clip-path: polygon(0 65%, 100% 65%, 100% 60%, 0 60%);
	}
	74% {
		-webkit-clip-path: polygon(0 5%, 100% 5%, 100% 33%, 0 33%);
		clip-path: polygon(0 5%, 100% 5%, 100% 33%, 0 33%);
	}
	80% {
		-webkit-clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
		clip-path: polygon(0 80%, 100% 80%, 100% 85%, 0 85%);
	}
	90% {
		-webkit-clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
		clip-path: polygon(0 55%, 100% 55%, 100% 65%, 0 65%);
	}
}