@charset "utf-8";



/* ---------------------------------------*/
/* 歩行 */
/* ---------------------------------------*/


.chara_1{background-image: url(../img/chara01.png);}
.chara_2{background-image: url(../img/chara02.png);}
.chara_3{background-image: url(../img/chara03.png);}
.chara_4{background-image: url(../img/chara04.png);}
.chara_5{background-image: url(../img/chara05.png);}
.chara_6{background-image: url(../img/chara06.png);}
.chara_7{background-image: url(../img/chara07.png);}
.chara_8{background-image: url(../img/chara08.png);}
.chara_9{background-image: url(../img/chara09.png);}

.walk{
	width: 20%;
	max-width: 200px;
	position: absolute;
	bottom: 10%;
	z-index: 10;
	left:-15%;
}

.walk p{
	width: 100%;
	padding: 160% 0 0 0;
	background-position: left top;
	background-repeat:no-repeat;
	background-size: 100% auto;
	animation:ani_walk01 1s steps(3,end) infinite;
}

@keyframes ani_walk01{
	0% {background-position:0 0;}
	100% {background-position:0 bottom;}
}