/*コスチューム変更ボタン*/
.gal_button{
	background-image:url("../img/costume/gal_small.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom center;
	transition: all 300ms 0s ease;
}
.gal_button:hover{
	animation: poyooon 0.9s linear 0s 1;
	cursor:pointer;
}
.bunny_button{
	background-image:url("../img/costume/bunny_small.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom center;
	transition: all 300ms 0s ease;
}
.bunny_button:hover{
	animation: poyooon 0.9s linear 0s 1;
	cursor:pointer;
}
.maid_button{
	background-image:url("../img/costume/maid_small.png");
	background-size:100%;
	background-repeat: no-repeat;
	background-position:bottom center;
	transition: all 300ms 0s ease;
}
.maid_button:hover{
	animation: poyooon 0.9s linear 0s 1;
	cursor:pointer;
}
.skmz_button{
	background-size:100%;
	background-image:url("../img/costume/skmz_small.png");
	background-repeat: no-repeat;
	background-position:bottom center;
	transition: all 300ms 0s ease;
}
.skmz_button:hover{
	animation: poyooon 0.9s linear 0s 1;
	cursor:pointer;
}
.china_button{
	background-size:100%;
	background-image:url("../img/costume/china_small.png");
	background-repeat: no-repeat;
	background-position:bottom center;
	transition: all 300ms 0s ease;
}
.china_button:hover{
	animation: poyooon 0.9s linear 0s 1;
	cursor:pointer;
}
/*選択したキャラクターを目立たせる*/
.select_character{
	filter:drop-shadow(0px 0px 15px rgba(102, 196, 255, 1));
}
/*マウスホバー時アニメーション*/
@keyframes poyooon {
	0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
	10%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
	40%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
	50%  { transform: scale(1.0, 1.0) translate(0%, 0%); }
	60%  { transform: scale(0.9, 1.2) translate(0%, -20%); }
	75%  { transform: scale(0.9, 1.2) translate(0%, -10%); }
	85%  { transform: scale(1.2, 0.8) translate(0%, 15%); }
	100% { transform: scale(1.0, 1.0) translate(0%, 0%); }
}