
@keyframes bound2 {
  0% { transform:translateY(-150px) rotate(-360deg) }
  50% { transform:translateY(-150px) rotate(-360deg)}
  70% { transform:translateY(70px) rotate(-10deg)}
  75% { transform:translateY(65px) rotate(0deg)}
  90% { transform:translateY(65px) } 
  95% { transform:translateY(65px) rotate(10deg)}
  99% { transform:translateY(65px) rotate(0deg)}  
}
@keyframes delay2 {
  0% {opacity:0;} 
  90% {opacity:0;}   
  99% {opacity:1;} 
}
@keyframes signal {
  0% {opacity:0;} 
  30% {opacity:1;} 
  40% {opacity:1;}  
  60% {opacity:0;} 
  99% {opacity:1;}   
  100% {opacity:1;}  
}
@keyframes deg {
  0% { transform:rotate(0deg) }
  50% { transform:rotate(10deg) }  
  99% { transform:rotate(0deg)}
  100% { transform:rotate(0deg)}
}
@keyframes deg_min {
  0% { transform:rotate(0deg) }
  50% { transform:rotate(5deg) }  
  99% { transform:rotate(0deg)}
  100% { transform:rotate(0deg)}
}
@keyframes bound3 {
  0% { transform:scale(1) translateY(-800px) }
  20% { transform:scale(1) translateY(-800px) }
  40% { transform:scale(1.02) translateY(30px) }
  50% { transform:scale(1.05) translateY(0px) }
  70% { transform:scale(1) translateY(0px) } 
  80% { transform:scale(1) translateY(0px) } 
  99% { transform:scale(1) translateY(0px) } 
  100% { transform:scale(1) translateY(0px) } 
}
@keyframes jump {
  0% { transform:scaleX(0.8) translateY(-20px) }
  50% { transform:scaleX(1.1) translateY(3px)}
  65% { transform:scaleX(1) translateY(0px)}
  99% { transform:scaleX(1) translateY(0px)}
  100% { transform:scaleX(1) translateY(0px)}
}
@keyframes jump_min {
  0% { transform:scaleX(0.98) translateY(-8px) }
  40% { transform:scaleX(1.02) translateY(2px)}
  65% { transform:scaleX(1) translateY(0px)}
  99% { transform:scaleX(1) translateY(0px)}
  100% { transform:scaleX(1) translateY(0px)}
}
@keyframes right_in {
  0% { transform:scaleX(0.95) translateX(80px) }
  65% { transform:scaleX(1.05) translateX(-10px) rotate(-5deg)}
  70% { transform:scaleX(1.05) translateX(-5px) rotate(-8deg)}
  80% { transform:scaleX(1) translateX(0px) translateY(5px) rotate(0deg)}
  99% { transform:scaleX(1) translateY(0px) rotate(0deg)}  
  100% { transform:scaleX(1) translateY(0px) rotate(0deg)}  
}
@keyframes don {
  0% { transform:translateY(-100px) ;}
  15% { transform:translateY(3px);}
  80% { transform:translateY(0px);}
  99% { transform:translateY(0px);}
  100% { transform:translateY(0px);}
}
@keyframes don2 {
  0% { transform:scaleX(0) scaleY(0) ;}
  15% { transform:scaleX(1.03) scaleY(1.03);}
  80% { transform:scaleX(1) scaleY(1);}
  99% { transform:scaleX(1) scaleY(1);}
  100% { transform:scaleX(1) scaleY(1);}
}
@keyframes don3 {
  15% { opacity:1;}
  99% { opacity:0;}
  100% { opacity:0;}
}
@keyframes bull {
  0% { transform:rotate(0deg) scaleX(0.95) }
  30% { transform:rotate(5deg) scaleX(1.02) }  
  40% { transform:rotate(0deg) scaleX(1) }
  60% { transform:rotate(5deg) }  
  99% { transform:rotate(0deg) }
  100% { transform:rotate(0deg) }
}
@keyframes fedein1 {
  0% { opacity:0;}
  30% { opacity:0;}
  99% { opacity:1;}
  100% { opacity:1;}
}
@keyframes popup {
  0% { transform:translateY(-20px) ; opacity:0 ;}
  70% { transform:translateY(4px); opacity:1;}
  99% { transform:translateY(0px); opacity:1;}
  100% { transform:translateY(0px); opacity:1;}
}
@keyframes ups {
  0% { transform:translateY(20px) ; opacity:0 ;}
  99% { transform:translateY(0px); opacity:1;}
  100% { transform:translateY(0px); opacity:1;}
}
@keyframes downs {
  0% { transform:translateY(-20px) ; opacity:0 ;}
  99% { transform:translateY(0px); opacity:1;}
  100% { transform:translateY(0px); opacity:1;}
}
@keyframes left_in {
  0% { transform:scaleX(0.95) translateX(-180%) }
  5% { transform:scaleX(0.95) translateX(-180%) }
  50% { transform:scaleX(1.05) translateX(5%) rotate(-5deg)}
  80% { transform:scaleX(1.05) translateX(-2%) rotate(-8deg)}
  85% { transform:scaleX(1) translateX(0px) translateY(5px) rotate(0deg)}
  90% { transform:scaleX(1) translateY(0px) rotate(0deg)}  
  99% { transform:scaleX(1) translateY(0px) rotate(0deg)}  
  100% { transform:scaleX(1) translateY(0px) rotate(0deg)}  
}
@keyframes roll {
  0% { transform:scaleY(0) translateY(-100%) }
  40% { transform:scaleY(0) translateY(-100%) }
  60% { transform:scaleY(1.05) translateY(5%)}
  80% { transform:scaleY(1.05) translateY(-2%)}
  85% { transform:scaleY(1) translateY(0px)}
  90% { transform:scaleY(1) translateY(0px)}  
  99% { transform:scaleY(1) translateY(0px)}  
  100% { transform:scaleY(1) translateY(0px)}  
}
@keyframes floating {
  0% { transform:scaleX(1) translateY(0) rotate(0deg);opacity:1;}
  25% { transform:scaleX(0.99) translateY(4px) rotate(0.25deg);opacity:1;}
  50% { transform:scaleX(1.01) translateY(-1px) rotate(0deg);opacity:0.98;}
  75% { transform:scaleX(0.99) translateY(2px) rotate(-0.25deg)}
  100% { transform:scaleX(1) translateY(0);opacity:1;}
}
@keyframes star {
	0%{ opacity:0; }
  100%{ opacity:1; }
}
@keyframes signalout {
	0% { opacity: 0; }
	30% { opacity: 1; }
	50% { opacity: 0.6; }
	70% { opacity: 1; }
	100% { opacity: 0; }
}
@keyframes 	mv-ttl {
	0% { filter: blur(500px); translate: 0 -100px;}
	70% { filter: blur(0); }
	80% { filter: blur(0); translate: 0 5px; }
	100% { filter: blur(0); translate: 0 0;}
}
@media screen {
	.popup {
		opacity: 0;
		transform: translateY(-20px)
	}
	.once.popup {
		animation: popup 0.6s forwards;
	}
	.ups {
		opacity: 0;
		transform: translateY(-20px)
	}
	.once.ups {
		animation: ups 0.9s forwards;
	}
	.once.popups {
		animation: none;
		opacity: 1;
		transform: translateY(0)
	}
	.popups>* {
		opacity: 0;
		transform: translateY(-20px);
	}
	.once.popups>* {
		animation: popup 1.4s forwards;
	}
	.feder,
	.feder_row {
		opacity: 0;
	}
	.once.feder {
		animation: fedein1 1.2s forwards;
	}
	.once.feder_row {
		animation: fedein1 2.0s ease-out forwards;
	}
	.feders>* {
		opacity: 0;
	}
	.once.feders>* {
		animation: fedein1 1.2s forwards;
	}
	.mv-ttl{
		filter: blur(500px);
		translate: 0 -100px;
	}
	.mv-ttl.once{
		animation: mv-ttl 1s ease-out forwards;
	}
	.once.jumping{
		animation:jump 0.4s;
	}

	.once.delay_set > *:nth-child(2),
	.once.delay_1{ animation-delay: 0.3s;}
	.once.delay_set > *:nth-child(3),
	.once.delay_2{ animation-delay: 0.6s;}
	.once.delay_set > *:nth-child(4),
	.once.delay_3{ animation-delay: 0.9s;}
	.once.delay_set > *:nth-child(5),
	.once.delay_4{ animation-delay: 1.2s;}
	.once.delay_set > *:nth-child(6),
	.once.delay_5{ animation-delay: 1.5s;}
	.once.delay_set > *:nth-child(7),
	.once.delay_6{ animation-delay: 1.8s;}
	.once.delay_set > *:nth-child(8),
	.once.delay_7{ animation-delay: 2.1s;}

	.vertical_open,
	.holizon_open,
	.bg_flash,
	.bg_blackout{
		position:relative;
		overflow:hidden;
	}
	.vertical_open:before,
	.vertical_open:after,
	.holizon_open:before,
	.holizon_open:after,
	.bg_blackout:before{
		content:"";
		width:100%;
		height:100%;
		z-index: 8;
		background:#014d9b;
		display:block;
		position:absolute;
		left:0;
		right:0;
		top:0;
		transition:height .6s;
	}
	.vertical_open:after{
		top:auto;
		bottom:0;
	}
	.vertical_open.once:before,
	.vertical_open.once:after{
		height:0;
	}
	.holizon_open:before,
	.holizon_open:after{
		bottom:0;
		right:0;
		left:auto;
		transition:width .6s .0s ease-out;
	}
	.holizon_open:after{
		left:0;
		right:auto;
	}
	.holizon_open.once:before,
	.holizon_open.once:after{
		width:0;
	}
}
