/* CSS Document */

.ani_character_in{
	margin-left:1000px;
	
	animation: aniKey_ani_character_in 2s ease 0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_character_in  2s; /* iOS9 Safari & Chrome */
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_character_in {
	
	0%   { transform:  translate(0px, 280px) ;   } 
  100%   { transform:  translate(-500px, 280px);   }
}
@-webkit-keyframes  aniKey_ani_character_in {
	0%   { -webkit-transform:  translate(0px, 280px) ;   } 
  100%   { -webkit-transform:  translate(-500px, 280px);   }
}


.ani_character_in2{
	animation: aniKey_ani_character_in2 3s ease 0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_character_in2  3s; /* iOS9 Safari & Chrome */
  	-webkit-animation-iteration-count: 1;
}

@keyframes aniKey_ani_character_in2 {
  0%   { transform:  translate(-500px, 280px);   }
  100%   { transform:  translate(-500px, 280px);   }
}
@-webkit-keyframes  aniKey_ani_character_in2 {
  00%   { -webkit-transform:  translate(-500px, 280px);   }
  100%   { -webkit-transform:  translate(-500px, 280px);   }
}

.ani_character_in3{
	animation: aniKey_ani_character_in3 1s ease 0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_character_in3  1s; /* iOS9 Safari & Chrome */
  	-webkit-animation-iteration-count: 1;
}

@keyframes aniKey_ani_character_in3 {
	0%   { transform:  translate(-500px, 280px);   }
	14%  { transform:  translate(-500px, 320px);   } 
  100%  { transform:  translate(-500px, -400px);   } 
}
@-webkit-keyframes  aniKey_ani_character_in3 {
	0%   { -webkit-transform:  translate(-500px, 280px);   }
	14%  { -webkit-transform:  translate(-500px, 320px);   } 
  100%  { -webkit-transform:  translate(-500px, -400px);   } 
}

.ani_doncho_down{
	animation: aniKey_ani_doncho_down 1s ease 0s 1 alternate none running;
	animation-fill-mode:forwards;
	-webkit-animation:  aniKey_ani_doncho_down  1s; /* iOS9 Safari & Chrome */
  	-webkit-animation-iteration-count: 1; 
	-webkit-animation-fill-mode:forwards;
}

@keyframes aniKey_ani_doncho_down {
	0%   { transform:  translate(200px, -200px);   }
  100%  { transform:  translate(200px, 120px);   } 
}
@-webkit-keyframes  aniKey_ani_doncho_down {
	0%   { -webkit-transform:  translate(200px, -200px);   }
  100%  { -webkit-transform:  translate(200px, 120px);   } 
}

.ani_staudy_start{
	animation: aniKey_ani_staudy_start 5s cubic-bezier(0.1,1,1,0.16)   0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_staudy_start  5s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:cubic-bezier(0.1,1,1,0.16) ;
  	-webkit-animation-iteration-count: 1;
}

@keyframes aniKey_ani_staudy_start {
	0%   { transform:  translate(1100px, 100px);   }
  100%  { transform:  translate(-400px, 100px);   } 
}
@-webkit-keyframes  aniKey_ani_staudy_start {
	0%   { -webkit-transform:  translate(1100px, 100px);   }
  100%  {-webkit-transform:  translate(-400px,100px);   } 
}

.ani_staudy_end{
	animation: aniKey_ani_staudy_end 3s cubic-bezier(0.1,1,1,0.16)   0s 1 alternate none running;
	
	-webkit-animation:  aniKey_ani_staudy_end  3s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:cubic-bezier(0.1,1,1,0.16) ;
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_staudy_end {
	0%   { transform:  translate(1100px, 200px);   }
  100%  { transform:  translate(-710px, 200px);   } 
}
@-webkit-keyframes  aniKey_ani_staudy_end {
	0%   { -webkit-transform:  translate(1100px, 200px);   }
  100%  { -webkit-transform:  translate(-710px,200px);   } 
}
.ani_staudy_end2{
	animation: aniKey_ani_staudy_end2 5s cubic-bezier(0.1,1,1,0.16)   0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_staudy_end2  5s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:cubic-bezier(0.1,1,1,0.16) ;
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_staudy_end2 {
	0%   { transform:  translate(1100px, 200px);   }
  100%  { transform:  translate(-310px, 200px);   } 
}
@-webkit-keyframes  aniKey_ani_staudy_end2 {
	0%   { -webkit-transform:  translate(1100px, 200px);   }
  100%  { -webkit-transform:  translate(-310px,200px);   } 
}

.ani_eventWn_du{
	animation: aniKey_ani_eventWn_du 5s ease  0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_eventWn_du  5s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:ease;
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_eventWn_du {
	0%   { transform:  translate(0px, -160px);   }
  20%  { transform:  translate(0px, 160px);   } 
  90%  { transform:  translate(0px, 160px); opacity:1.0;  } 
  100%  { transform:  translate(0px, -60px); opacity: 0.0;  } 
}
@-webkit-keyframes  aniKey_ani_eventWn_du {
	0%   { -webkit-transform:  translate(0px, -160px);   }
	20%   { -webkit-transform:  translate(0px, 160px);   }
	90%   { -webkit-transform:  translate(0px, 160px); opacity:1.0;   }
  100%  { -webkit-transform:  translate(0px,-60px);  opacity: 0.0;    } 
}


.ani_eventWn_du_long{
	animation: aniKey_ani_eventWn_du_long 7s ease  0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_eventWn_du_long  7s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:ease;
  	-webkit-animation-iteration-count: 1; 
}


@keyframes aniKey_ani_eventWn_du_long {
	0%   { transform:  translate(0px, -160px);   }
  20%  { transform:  translate(0px, 160px);   } 
  90%  { transform:  translate(0px, 160px); opacity:1.0;  } 
  100%  { transform:  translate(0px, -60px); opacity: 0.0;  } 
}
@-webkit-keyframes  aniKey_ani_eventWn_du_long {
	0%   { -webkit-transform:  translate(0px, -160px);   }
	20%   { -webkit-transform:  translate(0px, 160px);   }
	90%   { -webkit-transform:  translate(0px, 160px); opacity:1.0;   }
  100%  { -webkit-transform:  translate(0px,-60px);  opacity: 0.0;    } 
}
.ani_eventWn_du_promise{
	animation: aniKey_ani_eventWn_du_promise 10s ease  0s 1 alternate none running;
	-webkit-animation:  aniKey_ani_eventWn_du_promise  10s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:ease;
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_eventWn_du_promise {
	0%   { transform:  translate(0px, -200px);   }
  10%  { transform:  translate(0px, 250px);   } 
  90%  { transform:  translate(0px, 250px); opacity:1.0;  } 
  100%  { transform:  translate(0px, -60px); opacity: 0.0;  } 
}
@-webkit-keyframes  aniKey_ani_eventWn_du_promise {
	0%   { -webkit-transform:  translate(0px, -200px);   }
	10%   { -webkit-transform:  translate(0px, 250px);   }
	90%   { -webkit-transform:  translate(0px, 250px); opacity:1.0;   }
  100%  { -webkit-transform:  translate(0px,-60px);  opacity: 0.0;    } 
}




.ani_seikai{
	animation: aniKey_ani_seikai 2s ease  0s 1 alternate none running;
	-webkit-animation: aniKey_ani_seikai  2s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:ease;
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_seikai {
0%   {transform: scale(0.1,0.1);  opacity:1.0 ;}
	10%   { transform: scale(1.3,1.3);opacity:1.0 ;}
	15%   { transform: scale(1.0,1.0);opacity:1.0 ;}
	90%   { transform:   scale(1.0,1.0); opacity:1.0;   }
  100%  { transform:  translate(0px, -160px) scale(1.0,1.0); opacity: 0;   } 

}
@-webkit-keyframes  aniKey_ani_seikai {
	0%   { -webkit-transform: scale(0.1,0.1);  opacity:1.0 ;}
	10%   { -webkit-transform: scale(1.3,1.3);opacity:1.0 ;}
	15%   { -webkit-transform: scale(1.0,1.0);opacity:1.0 ;}
	90%   { -webkit-transform:   scale(1.0,1.0); opacity:1.0;   }
  100%  { -webkit-transform:  translate(0px, -160px) scale(1.0,1.0); opacity: 0;   } 
}

.ani_fuseikai{
	animation: aniKey_ani_fuseikai 2s ease  0s 1 alternate none running;
	-webkit-animation: aniKey_ani_fuseikai  2s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:ease;
  	-webkit-animation-iteration-count: 1; 
}

@keyframes aniKey_ani_fuseikai {
0%   { transform: scale(1.0,1.0);  opacity:1.0 ;}
	10%   { transform: scale(1.0,1.0);  opacity:1.0 ;}
		11%   { transform: scale(1.0,1.0);  opacity:0.0 ;}
		19%   { transform: scale(1.0,1.0);opacity:0.0 ;}
	20%   { transform: scale(1.0,1.0);  opacity:1.0 ;}
	30%   { transform: scale(1.0,1.0);  opacity:1.0 ;}
	40%   { transform: scale(1.0,1.0);  opacity:1.0 ;}
	90%   { -transform:   scale(1.0,1.0); opacity:1.0;   }
  100%  { transform:  translate(0px, 160px) scale(1.0,1.0); opacity: 0;   } 

}
@-webkit-keyframes  aniKey_ani_fuseikai {
	0%   { -webkit-transform: scale(1.0,1.0);  opacity:1.0 ;}
	10%   { -webkit-transform: scale(1.0,1.0);  opacity:1.0 ;}
		11%   { -webkit-transform: scale(1.0,1.0);  opacity:0.0 ;}
		19%   { -webkit-transform: scale(1.0,1.0);opacity:0.0 ;}
	20%   { -webkit-transform: scale(1.0,1.0);  opacity:1.0 ;}
	30%   { -webkit-transform: scale(1.0,1.0);  opacity:1.0 ;}
	40%   { -webkit-transform: scale(1.0,1.0);  opacity:1.0 ;}
	90%   { -webkit-transform:   scale(1.0,1.0); opacity:1.0;   }
  100%  { -webkit-transform:  translate(0px, 160px) scale(1.0,1.0); opacity: 0;   } 
}
.ani_kakugen_down{
	animation: aniKey_ani_kakugen_down 1s ease 0s 1 alternate none running;
	animation-fill-mode:forwards;
	-webkit-animation:  aniKey_ani_kakugen_down  1s; /* iOS9 Safari & Chrome */
  	-webkit-animation-iteration-count: 1; 
	-webkit-animation-fill-mode:forwards;
}

@keyframes aniKey_ani_kakugen_down {
	0%   { transform:  translate(0px, -200px);   }
  100%  { transform:  translate(0px, 160px);   } 
}
@-webkit-keyframes  aniKey_ani_kakugen_down {
	0%   { -webkit-transform:  translate(0px, -200px);   }
  100%  { -webkit-transform:  translate(0px, 160px);   } 
}

@keyframes aniKey_ani_monkasei_down {
	0%   { transform:  translate(0px, -200px); opacity:0.0 ;  }
  20%  { transform:  translate(0px, -200px);   opacity:0.0 ;} 
	50%  { transform:  translate(0px, 00px);   opacity:1.0 ;} 
  100%  { transform:  translate(0px, 00px);   } 
}
@-webkit-keyframes  aniKey_ani_monkasei_down {
	0%   { -webkit-transform:  translate(0px, -200px); opacity:0.0 ;  }
  20%  { -webkit-transform:  translate(0px, -200px);   opacity:0.0 ;} 
	50%  { -webkit-transform:  translate(0px, 00px);   opacity:1.0 ;} 
  100%  { -webkit-transform:  translate(0px, 00px);   } 
}
.ani_monkasei_down{
	animation: aniKey_ani_monkasei_down 6s;
	animation-fill-mode:forwards;
	-webkit-animation:  aniKey_ani_monkasei_down  6s; /* iOS9 Safari & Chrome */
  	-webkit-animation-iteration-count: 1; 
	-webkit-animation-fill-mode:forwards;
}


@keyframes aniKey_ani_monkasei_opc {
	0%   {  opacity:0.0 ;}
	80%   {  opacity:0.0 ;}
	100%  {  opacity: 1.0;   } 

}
@-webkit-keyframes  aniKey_ani_monkasei_opc  {
	0%   {  opacity:0.0 ;}
	80%   {  opacity:0.0 ;}
	100%  {  opacity: 1.0;  } 

}
.ani_monkasei_opc{
	animation: aniKey_ani_monkasei_opc 4s ease ;
	animation-fill-mode:forwards;
	-webkit-animation:aniKey_ani_monkasei_opc  4s; /* iOS9 Safari & Chrome */
	-webkit-animation-timing-function:ease;
  	-webkit-animation-iteration-count: 1; 
}