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




.opFadeIn{
      animation-duration: 2.0s;
      -moz-animation-duration: 2.0s;
      -webkit-animation-duration: 2.0s;
      animation-name: opFadeIn;
      -moz-animation-name: opFadeIn;
      -webkit-animation-name: opFadeIn;
	  visibility: visible !important;
}


@keyframes opFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}

@-webkit-keyframes opFadeIn {
	0% {opacity: 0}
	100% {opacity: 1}
}



/*OPアニメ用*/
.opAnime {
	-webkit-animation-fill-mode:both; -ms-animation-fill-mode:both;	animation-fill-mode:both; -webkit-animation-duration:1.0s; -ms-animation-duration:1.0s; animation-duration:1.0s;
	-webkit-animation-name: opAnime; -ms-animation-name: opAnime; animation-name: opAnime;
	visibility: visible !important;
}
@-webkit-keyframes opAnime {
	0% { opacity: 0; -webkit-transform: translateY(-30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes opAnime {
	0% { opacity: 0; -webkit-transform: translateY(-30px); -ms-transform: translateY(-30px); transform: translateY(-30px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/*一般のふわっと表示用*/
.fuwatAnime {
	-webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0.5s; -ms-animation-duration:0.5s; animation-duration:0.5s;
	-webkit-animation-name: fuwatAnime; -ms-animation-name: fuwatAnime; animation-name: fuwatAnime;
	visibility: visible !important;
}
@-webkit-keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnime {
 0% { opacity: 0; -webkit-transform: translateY(50px); -ms-transform: translateY(50px); transform: translateY(50px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


/*スタート時の一発目用→アニメーションなし*/
.fuwatAnimeStop {
	-webkit-animation-fill-mode:both; -ms-animation-fill-mode:both; animation-fill-mode:both; -webkit-animation-duration:0s; -ms-animation-duration:0s; animation-duration:0s;
	-webkit-animation-name: fuwatAnimeStop; -ms-animation-name: fuwatAnimeStop; animation-name: fuwatAnimeStop;
	visibility: visible !important;
}
@-webkit-keyframes fuwatAnimeStop {
	0% { opacity: 0; -webkit-transform: translateY(0px); }
	100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fuwatAnimeStop {
	0% { opacity: 0; -webkit-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
	100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}