.drop-shadow {
	filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.3));
}
/* 02 */
.manito_2025_08 .title {
	top: 8.3%;
	left: 50%;
	width: 64%;
	height: 21.2%;
	transform: translateX(-50%);
}
.manito_2025_08 .face {
	top: 36%;
	left: 3.8%;
	width: 16%;
	height: 8.1%;
}

.manito_2025_08 .gift {
	top: 46.4%;
	right: 0%;
	width: 22%;
	height: 16.3%;
}
.manito_2025_08 .machine_wrapper,
.manito_2025_08 .inside_area {
	left: 5.3%;
	width: 88%;
}

.manito_2025_08 .machine_wrapper {
	top: 24.5%;
	height: 63.4%;
}
.manito_2025_08 .inside_area {
	top: 24%;
	height: 63%;
}

.manito_2025_08 .machine_wrapper {
	background: url("/content/images/event/2025/manito/08/02/frame01.png") no-repeat 0 0 / 100% auto;
}
.manito_2025_08 .inside_area {
	background: url("/content/images/event/2025/manito/08/02/inside.gif") no-repeat center / 100% auto;
}

.manito_2025_08 .borderRound {
	border-radius: 0 0 190px 190px;
}

.manito_2025_08 .machine_area {
	top: 25.5%;
	left: 10%;
	overflow: hidden;
	width: 80%;
	height: 56.3%;
}

.manito_2025_08 .machine_area::before {
	position: absolute;
	bottom: 0%;
	left: 50%;
	z-index: 3;
	width: 90%;
	height: 33%;
	background: linear-gradient(140deg, #fff 10%, #fdeccb 80%);
	content: "";
	transform: translateX(-50%);
	opacity: 0.9;
}
.manito_2025_08 .machine {
	top: 3%;
	left: 13.5%;
	z-index: 0;
	width: 70%;
	height: 47.3%;
	z-index: 2;
	background-image: url("/content/images/event/2025/manito/08/02/machine_coupon.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 100% auto;
	transition: all 1s ease-out;
	transform-origin: center top;
	transform: translateY(0%);
}

.manito_2025_08 .machine:after {
	position: absolute;
	top: 0;
	left: 51%;
	width: 5%;
	height: 100%;
	background: linear-gradient(to right, #ffd202, #ff9f00, #fb9500, #ffd202);
	content: "";
	transform: translateY(-97%);
}

.manito_2025_08 .machine.ready {
	animation: slowWiggle 3s ease-in-out infinite;
	filter: drop-shadow(0px 10px 20px rgba(0, 0, 0, 0.4));
}

.manito_2025_08 .machine.base {
	background-image: url("/content/images/event/2025/manito/08/02/machine_none.png");
}
.manito_2025_08 .machine.ball {
	background-image: url("/content/images/event/2025/manito/08/02/machine_ball.png");
	filter: drop-shadow(0px 10px 30px rgba(255, 255, 251, 0.652));
}

@keyframes slowWiggle {
	0% {
		transform: rotate(0deg) translateY(0%);
	}
	25% {
		transform: rotate(-20deg) translateY(0%);
	}
	50% {
		transform: rotate(20deg) translateY(0%);
	}
	75% {
		transform: rotate(-10deg) translateY(0%);
	}
	100% {
		transform: rotate(0deg) translateY(0%);
	}
}

@keyframes toTop {
	0% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(-100%);
	}
}

.manito_2025_08 .btn_pickup {
	top: 86%;
	left: 19.8%;
	width: 60.4%;
	height: 6.1%;
	background: url("/content/images/event/2025/manito/08/02/btn_join.png") no-repeat center / 100% auto;
	text-indent: -99999px;
}

/* 04 */
.manito_2025_08 .vote_list {
	top: 31.8%;
	left: 50%;
	width: 77%;
	height: 54.3%;
	transform: translateX(-50%);
}

.manito_2025_08 .vote_list {
	display: grid;
	gap: 2.5% 3%;
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr 1fr;
}

.manito_2025_08 .vote_target,
.manito_2025_08 .vote_target span {
	background-repeat: no-repeat;
	background-size: 100% auto;
	border-radius: 50px;
}
.manito_2025_08 .vote_target span {
	top: 4.5%;
	left: 4.5%;
	padding-bottom: 18.2%;
	width: 18.2%;
	height: 0%;
	background-image: url("/content/images/event/2025/manito/08/04/bg_04_vote.png");
}
.manito_2025_08 .vote_target.on span {
	background-image: url("/content/images/event/2025/manito/08/04/bg_04_votechecked.png");
}

.manito_2025_08 .vote_target.on {
	filter: drop-shadow(0px 0px 25px #ff00b4);
}

.manito_2025_08 .vote_target {
	position: relative;
	padding: 0 0 100%;
	width: 100%;
	height: 0;
	background-position: 0 0;
	text-indent: -99999px;
	filter: drop-shadow(0px 10px 10px rgba(0, 0, 0, 0.3));
}

.manito_2025_08 .vote_target_01 {
	background-image: url("/content/images/event/2025/manito/08/04/img_01.png");
}

.manito_2025_08 .vote_target_03 {
	background-image: url("/content/images/event/2025/manito/08/04/img_03.png");
}

.manito_2025_08 .vote_target_04 {
	background-image: url("/content/images/event/2025/manito/08/04/img_04.png");
}

.manito_2025_08 .vote_target_05 {
	background-image: url("/content/images/event/2025/manito/08/04/img_05.png");
}

.manito_2025_08 .vote_target_06 {
	background-image: url("/content/images/event/2025/manito/08/04/img_06.png");
}

.manito_2025_08 div.vote_target {
	background: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.3) 100%);
}

.manito_2025_08 div.vote_target .box {
	top: 22%;
	left: 22%;
	width: 58.2%;
	height: 58.2%;
}
.manito_2025_08 div.vote_target .balloon {
	top: 10%;
	left: 65%;
	width: 16.8%;
	height: 14.8%;
}
.manito_2025_08 div.vote_target .hand {
	top: 50%;
	left: 50%;
	width: 63%;
	height: 69.8%;
}

.manito_2025_08 .btn_vote {
	top: 88.1%;
	left: 20.3%;
	width: 60.4%;
	height: 5.4%;
	background: url("/content/images/event/2025/manito/08/04/bg_04_btn.png") no-repeat center / 100% auto;
}

.manito_2025_08 button[class*="btn_"]:hover,
.manito_2025_08 button[class*="btn_"]:focus {
	filter: brightness(0.4);
}

@media (max-width: 991px) {
	.manito_2025_08 .vote_target,
	.manito_2025_08 .vote_target span {
		border-radius: 20px;
	}

	.manito_2025_08 .borderRound {
		border-radius: 0 0 100px 100px;
	}

	.drop-shadow {
		filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.3));
	}

	.manito_2025_08 .vote_target.on {
		filter: drop-shadow(0px 0px 15px #ff00b4);
	}
}