@keyframes fairmove01{
	0%{
		left:100px;
		transform:scale(.6);
	}
	34%{		
		transform:scale(.6) rotateY(0deg);
	}
	35%{
		left:70px;
		transform:scale(.6) rotateY(180deg);
	}
	99%{
		transform:scale(.6) rotateY(180deg);
	}
	100%{
		transform:scale(.6) rotateY(0deg);
		left:100px;
	}
}

@keyframes playmove01{
	0%{
		left:180px;
	}
	34%{
		transform:scale(.6) rotateY(0deg);
	}
	35%{
		left:150px;
		transform:scale(.6) rotateY(180deg);
	}
	99%{
		transform:scale(.6) rotateY(180deg);
	}
	100%{
		transform:scale(.6) rotateY(0deg);
		left:180px;
	}
}
@keyframes star{
	0%{
		opacity:0;
	}
	100%{
		opacity:1;
	}
}
@keyframes hand_up{
	0%{
		opacity:0;
	}
	5%{
		opacity:1;
	}
	59%{
		opacity:1;
	}
	60%{
		opacity:0;
	}
	100%{
		opacity:0;
	}
}


@keyframes move_character01{
	0%{
		left:0;

	}
	100%{
		left:100px;
	}
}
@keyframes airplain{
	0%{
		left:-100px;
		top:675px;
		opacity:1;
	}
	100%{
		left:500px;
		top:975px;
		transform:scale(.7);
		opacity:0;
	}
}
@keyframes balloon{
	0%{
		top:723px;
		transform:rotate(0deg);
	}
	25%{
		transform:rotate(2deg);
	}
	50%{
		top:523px;
		transform:rotate(0deg);
	}
	70%{
		transform:rotate(-2deg);
	}
	100%{
		transform:rotate(0deg);
		top:723px;
	}
}
@keyframes move_character02{
	0%{
		left:365px;

	}
	49%{
		left:265px;
		transform:rotateY(0);
	}
	50%{
		left:265px;
		transform:rotateY(180deg);
	}
	100%{
		transform:rotateY(180deg);
		left:365px;
	}
}
@keyframes move_character03{
	0%{
		right:90px;
	}
	50%{
		transform:rotate(1deg);
		right:140px;
	}
	100%{
		transform:rotate(0);
		right:90px;
	}
}
@keyframes part_open01{
	0%{
		left:0;
	}
	100%{
		left:-1000px;
	}
}
@keyframes v_word_open01{
	0%{
		width:480px;
	}
	100%{
		width:0px;
	}
}
@keyframes v_word_open02{
	0%{
		width:480px;
	}
	100%{
		width:0px;
	}
}






@keyframes part_open01{
	0%{
		left:0;
	}
	100%{
		left:-1000px;
	}
}
@keyframes part_open02{
	0%{
		right:0;
	}
	100%{
		right:-1000px;
	}
}
@keyframes move_intro{
	0%{
		bottom:0;
		right:-250px;
	}
	100%{
		bottom:20px;
		right:200px;
	}
}
@keyframes rotate360{
	0%{
		transform:rotateZ(0deg);
	}
	100%{
		transform:rotateZ(360deg);
	}
}
@keyframes write_txt{
	0%{
		width:100%;
	}
	100%{
		width:0%;
	}
}
@keyframes move_word{
  0% {
	bottom:-20px;
	left:100px;
  }
  
  100% {
	left:150px;
	bottom:-150px;
  }
}
@keyframes push_click{
  0% {
	top:0px;
  }  
  100% {
	top:5px;
  }
}
@keyframes scroll{
  0% {
	opacity:1;
    transform:translateY(-100px);
  }
  70% {
	opacity:1;    
  }
  100% {
	opacity:0;    
	transform:translateY(0);
  }
}

@keyframes zoom{
  0% {
    scale: 1;
  }
  50% {
    scale: 1.1;
  }
  100% {
    scale: 1;
  }
}
@keyframes blink{
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes typing{
  0% {
    width: 0%;
  }
  50% {
    width: 140px;
  }
  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:110px;
  }
  80% {	
	opacity:1;
  }
  100% {
	left:170px;
	opacity:0;
  }
}