@charset "utf-8";

/*===========================================================================*/

/*アニメーション設定*/

/*
-webkit-animation: _start [time] forwards [time];
animation: _start [time] forwards [time];
*/

/*===========================================================================*/

/*ほわっと出てくる*/

@keyframes blur_and_alpha_start {
	0% {filter: blur(6px); transform: translate(0px, -20px); opacity: 0; }
	100% {filter: blur(0px); transform: translate(0px, 0px); opacity: 1; }
}

@keyframes blur_and_alpha_start2 {
	0% {filter: blur(6px); transform: translate(0px, -20px) rotate(-7deg); opacity: 0; }
	100% {filter: blur(0px); transform: translate(0px, 0px) rotate(-7deg); opacity: 1; }
}

/*横から出てくる*/

@keyframes side_start {
	0% {transform: translate(-40px, 0px); opacity: 0; }
	100% {transform: translate(0px, 0px); opacity: 1; }
}

/*拡大して出てくる*/

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

/*透明度から出てくる*/

@keyframes alpha_start {
	100% { opacity: 1; }
}

/*下から出てくる*/

@keyframes bottom_start {
	97% {transform: translate(0px, 0px); opacity: 1; }
	100% {transform: translate(0px, 2px); opacity: 1; }
}

@keyframes bottom_start2 {
	0% {transform: translate(0px, 50px); opacity: 0; }
	100% {transform: translate(0px, 0px); opacity: 1; }
}

/*その他*/

@keyframes plan_start {
	0% {transform: rotate(20deg); }
	20% {transform: rotate(-18deg); }
	60% {transform: rotate(10deg); }
	100% {transform: rotate(-6deg); }
}

/*初期値*/

.alpha{ opacity: 0; }
.scale{ transform: scale(0); }