@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 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 upBlur {
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(5px);
-o-filter: blur(5px);
-moz-filter: blur(5px);
-webkit-filter: blur(5px);
filter: blur(5px);
	}
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 upBlur {
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(5px);
-o-filter: blur(5px);
-moz-filter: blur(5px);
-webkit-filter: blur(5px);
filter: blur(5px);
	}
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 fadeBlur {
0% {
opacity: 0;
-ms-filter: blur(5px);
-o-filter: blur(5px);
-moz-filter: blur(5px);
-webkit-filter: blur(5px);
filter: blur(5px);
	}
100% {
opacity: 1;
-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(5px);
-o-filter: blur(5px);
-moz-filter: blur(5px);
-webkit-filter: blur(5px);
filter: blur(5px);
	}
100% {
opacity: 1;
-ms-filter: blur(0px);
-o-filter: blur(0px);
-moz-filter: blur(0px);
-webkit-filter: blur(0px);
filter: blur(0px);
}
}


/* ----------------------------------------------------------------------------------- */
@-webkit-keyframes fade02 {
0% {opacity: 0; color: #fcff34;}
30% {opacity: 1; color: #f20;}
100% {opacity: 1; color: #f20;}
}

@keyframes fade02 {
0% {opacity: 0; color: #fcff34;}
30% {opacity: 1; color: #f20;}
100% {opacity: 1; color: #f20;}
}