@keyframes move_drag1{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:250px;
  }
}
@keyframes move_drag2{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:-80px;
  }
}
@keyframes move_drag3{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:-410px;
  }
}
@keyframes move_drag4{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:-740px;
  }
}
@keyframes move_drag5{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:80px;
  }
}
@keyframes move_drag6{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:-250px;
  }
}
@keyframes move_drag7{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:-570px;
  }
}

@keyframes move_drag_s1{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:340px;
	right:580px;
  }
}
@keyframes move_drag_s2{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:250px;
  }
}
@keyframes move_drag_s3{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:-80px;
  }
}
@keyframes move_drag_s4{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:-410px;
  }
}
@keyframes move_drag_s5{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:420px;
  }
}
@keyframes move_drag_s6{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:90px;
  }
}
@keyframes move_drag_s7{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:-240px;
  }
}

@keyframes move_drag_t1{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:340px;
	right:910px;
  }
}
@keyframes move_drag_t2{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:580px;
  }
}
@keyframes move_drag_t3{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:240px;
  }
}
@keyframes move_drag_t4{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:600px;
	right:-80px;
  }
}
@keyframes move_drag_t5{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:740px;
  }
}
@keyframes move_drag_t6{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:420px;
  }
}
@keyframes move_drag_t7{
  0% {
	bottom:100px;
	right:-20px;
  } 
  100% {
	bottom:310px;
	right:80px;
  }
}



@keyframes evt_drag_guide{
  0% {
	bottom:40px;
	right:-20px;
  } 
  100% {
	bottom:100px;
	right:-200px;
  }
}
@keyframes evt_drag_guide2{
  0% {
	bottom:40px;
	left:-20px;
  } 
  100% {
	bottom:100px;
	left:-200px;
  }
}
@keyframes evt_drag_guide3{
  0% {
	bottom:40px;
	right:-20px;
  } 
  100% {
	bottom:160px;
	right:-80px;
  }
}
@keyframes evt_complete{
  0% {
	transform:scale(1);
  } 
  100% {
	transform:scale(.2);
  }
}
@keyframes character_zoom{
  0% {
	width:666px;
	height:411px;
  } 
  100% {
	width:933px;
	height:576px;
  }
}
@keyframes evt_expand{
  0% {
	width:0;
  } 
  100% {
	width:1920px;
  }
}
@keyframes main_txt01{
  0% {
	width:100%;
  }
 
  100% {
	width:0;
  }
}
@keyframes main_txt02{
  0% {
	width:100%;
  }
 
  100% {
	width:0;
  }
}
@keyframes fire01{
  0% {
	transform:scale(0);
	top: 120px;
	left: 120px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	top: 0;
	left: -20px;
	opacity:1;
  }
}
@keyframes fire02{
  0% {
	transform:scale(0);
	left: 100px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	left: -56px;
	opacity:1;
  }
}

@keyframes fire03{
  0% {
	transform:scale(0);
	left: 100px;
	top:170px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	left: 40px;
	top:193px;
	opacity:1;
  }
}
@keyframes fire04{
  0% {
	transform:scale(0);
	right: 60px;
	top:70px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	right: -32px;
	top:0;
	opacity:1;
  }
}
@keyframes fire05{
  0% {
	transform:scale(0);
	right: 130px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	right: 10px;
	opacity:1;
  }
}
@keyframes fire06{
  0% {
	transform:scale(0);
	top: 168px;
	right: 150px;
	opacity:0;
  }
  100% {
	transform:scale(1);
	top: 218px;
	right: -10px;
	opacity:1;
  }
}


@keyframes fire{
  0% {
	transform:scale(0);
	opacity:0;
  }
  100% {
	transform:scale(1);
	opacity:1;
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes arrow{
  0% {
	right: -90px
  }
  100% {
	right: -130px
   
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 220px;
  }
  100% {
    width: 0%;
  }
}
@keyframes txt_blink{
  0% {
    opacity:1;
  }
  55% {
    opacity:.5;
  }
	60% {
    opacity:1;
  }
	70% {
    opacity:0;
  }
	80% {
    opacity:1;
  }
	90% {
    opacity:0;
  }
  100% {
		opacity:1;
  }
}
@keyframes watercan_move{
  0% {
   transform:rotate(0deg);
  }
  100% {
	transform:rotate(-10deg);
  }
}

@keyframes leaf_up{
  0% {
    bottom:-114px;
	opacity:0;
  }
  70% {
    bottom:-17px;
	opacity:0;
  }
  100% {
	bottom:0;
	opacity:1;
  }
}

@keyframes water_drop{
  0% {
   opacity:0;
   width:0;
  }
  100% {
	width:89px;
	opacity:1;
  }
}
@keyframes twinkle{
 0% {
   opacity:0;
   transform:scale(0);
  }
  50% {
	opacity:1;
  }
  100% {
	transform:scale(1);
	opacity:0;
  }
}

@keyframes h_move01{
  0% {
	right:0;
	top:150px;
  }
  100% {
	top:150px;
	right:-300px;
  }
}
@keyframes h_move02{
  0% {
	top:100px;
	left:0;	
  }
  100% {
	top:400px;
	left:-420px
  }
}
@keyframes h_move03{
  0% {
	top:200px;
	left:0;	
  }
  100% {
	top:200px;
	left:-200px
  }
}
@keyframes event_end{
  0% {
	opacity:0;
  }
  49% {
	opacity:0;
  }
  50% {
	opacity:1;
  }
  99% {
	opacity:1;
  }
  100% {
	opacity:0;
  }
}
@keyframes leaf_move{
  0% {
	left:130px;
  }
  80% {	
	opacity:1;
  }
  100% {
	left:170px;
	opacity:0;
  }
}