@charset "UTF-8";

.header_wrapper .seasonal_box.ver_12 {
	position: absolute;
	left: -23px;
	top: 10px;
    z-index: 200;
	animation: 15s ease 0s infinite both seasonal12_ani;
}
.header_wrapper .seasonal_box.ver_12 a {
	display: block;
	width: 210px;
	height: 92px;
}
.header_wrapper .seasonal_box.ver_12 .scean,
.header_wrapper .seasonal_box.ver_12 .item {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.header_wrapper .seasonal_box.ver_12 .scean_1 {
    background: #fff url('seasonal12_2_ink.png') repeat-y 0 0/100%;
	animation: 4s linear 0s infinite both seasonal12_ani2;
}
.header_wrapper .seasonal_box.ver_12 .scean_1 .item_1 {
    background: url('seasonal12_1_ink.png') no-repeat 0 0/100%;
}
.header_wrapper .seasonal_box.ver_12 .scean_1 .item_2 {
	left: 18px;
	top: 15px;
	width: 30px;
	height: 30px;
	background: yellow;
	animation: 1.6s linear 0s infinite both seasonal12_ani3;
    background: #fff url('seasonal12_3_ink.png') no-repeat center/100%;
	mix-blend-mode: screen;
}
.header_wrapper .seasonal_box.ver_12 .scean_1 .item_3 {
	left: 45px;
	top: 35px;
	width: 20px;
	height: 20px;
	background: yellow;
	animation: 1.6s linear 0.4s infinite both seasonal12_ani3;
    background: #fff url('seasonal12_3_ink.png') no-repeat center/100%;
	mix-blend-mode: screen;
}

@keyframes seasonal12_ani {
	0%,
	50% {
		opacity: 1;
		visibility: visible;
	}
	60%,
	90% {
		opacity: 0;
		visibility: hidden;
	}
	100% {
		opacity: 1;
		visibility: visible;
	}
}

@keyframes seasonal12_ani2 {
	0% {
		background-position: 0 0;
	}
	100% {
		background-position: 0 60px;
	}
}

@keyframes seasonal12_ani3 {
	0% {
		opacity: 0;
		transform: scale(0.5) rotate(0deg);
	}
	15%,
	85% {
		opacity: 1;
	}
	100% {
		opacity: 0;	
		transform: scale(1) rotate(360deg);
	}
}