@charset "utf-8";
@keyframes fedein1 {
  0% { opacity:0; }
  30% { opacity:0; }
  99% { opacity:1; }
  100% { opacity:1; }
}
@keyframes popup {
  0% { transform:translateY(-20px) ; opacity:0 ; }
  60% { transform:translateY(3px); 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 text-animation {
	0% { transform: rotateY(90deg); opacity: 0; }
	100% { transform: rotateY(0deg); opacity: 1; }
}

@media screen {
	.popup {
		opacity: 0;
		transform: translateY(-20px);
	}
	.once.popup {
		animation: popup 1.4s forwards;
	}
	.ups {
		opacity: 0;
		transform: translateY(-20px);
	}
	.once.ups {
		animation: ups 1.2s 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.5s forwards;
	}
	.feder_text>* {
		transform: rotateY(90deg);
		opacity: 0;
	}
	.once.feder_text>* {
		animation: text-animation 0.7s forwards;
	}
	.once.delay_set > *:nth-child(2),
	.once.delay_1{ animation-delay: 0.2s; }
	.once.delay_set > *:nth-child(3),
	.once.delay_2{ animation-delay: 0.4s; }
	.once.delay_set > *:nth-child(4),
	.once.delay_3{ animation-delay: 0.6s; }
	.once.delay_set > *:nth-child(5),
	.once.delay_4{ animation-delay: 0.8s; }
	.once.delay_set > *:nth-child(6),
	.once.delay_5{ animation-delay: 1.0s; }
	.once.delay_set > *:nth-child(7),
	.once.delay_6{ animation-delay: 1.2s; }
	.once.delay_set > *:nth-child(8),
	.once.delay_7{ animation-delay: 1.4s; }
	.once.delay_set > *:nth-child(9),
	.once.delay_8{ animation-delay: 1.6s; }
	.once.delay_set > *:nth-child(10),
	.once.delay_9{ animation-delay: 1.8s; }
	.once.delay_set > *:nth-child(11),
	.once.delay_10{ animation-delay: 2.0s; }
	.once.delay_set > *:nth-child(12),
	.once.delay_11{ animation-delay: 2.2s; }
	.once.delay_set > *:nth-child(13),
	.once.delay_12{ animation-delay: 2.4s; }
	.once.delay_set > *:nth-child(14),
	.once.delay_13{ animation-delay: 2.6s; }
	.once.delay_set > *:nth-child(15),
	.once.delay_14{ animation-delay: 2.8s; }
	.once.delay_set > *:nth-child(16),
	.once.delay_15{ animation-delay: 3.0s; }
	.once.delay_set > *:nth-child(17),
	.once.delay_16{ animation-delay: 3.2s; }
	.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: 1;
		background:#fff;
		display:block;
		position:absolute;
		left:0;
		right:0;
		top:0;
		transition:height 0.2s;
	}
	.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 .8s .4s ease-out;
	}
	.holizon_open:after{
		left:0;
		right:auto;
	}
	.holizon_open.once:before,
	.holizon_open.once:after{
		width:0;
	}
}