.event_wrap{
	background:url(../_img/event/bg.jpg) no-repeat center center / cover;
	min-height:100vh;
}
.event_wrap .event_conatiner{
	max-width:780px;
	margin:0 auto;
	min-height:100vh;
	padding:60px 0;
}
.event_wrap .event_conatiner h1{
	
}
.event_wrap .event_conatiner .date{
	display:flex;
	justify-content: center;
	align-items: center;
	margin-top:-10px;
}
.event_wrap .event_conatiner .date img{
	max-width:138px;
}
.event_wrap .event_conatiner .date p.line{
	height:1px;
	background:#ffc6ee;
	width:40%;
	margin-bottom:-20px;
}

.event_wrap .event_conatiner .gift_box{
	padding:15% 5% 5% 5%;
}
.event_wrap .event_conatiner .gift_box > ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: center;
	list-style:none;
	padding:0;
	gap:80px 20px;
}
.event_wrap .event_conatiner .gift_box > ul > li{
	width:calc(100%/3 - 20px);
	text-align:center;
}
.event_wrap .event_conatiner .gift_box > ul > li .box{
	display:block;
	position:relative;
	padding-top:100%;
}
.event_wrap .event_conatiner .gift_box > ul > li .box.end{
	pointer-events: none;
}
.event_wrap .event_conatiner .gift_box > ul > li .box .bubble{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(255,255,255,.3);
	border-radius:100%;
}
.event_wrap .event_conatiner .gift_box > ul > li .box i{
	position:absolute;
	width:100%;
	text-align:center;
	top:0;
	left:0;
	transform:translateY(-100%);
	margin-top:-15px;
}
.event_wrap .event_conatiner .gift_box > ul > li .box i img{
	width:55px;
}
.event_wrap .event_conatiner .gift_box > ul > li .box .giftbox{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:2;
}
.event_wrap .event_conatiner .gift_box > ul > li .box .giftbox img{
	width:100%;
}