.coupon_co{
margin: 1em 2em 4em;
border: solid 1px #dcdcdc;
padding: 0.5em;
}
.top_header_wrap{
width: 100%;
background: #fff9ed;
padding: 2em 0;
}

.top_header{
width: 1100px;
margin: 0 auto;
overflow: hidden;
background-image: url(/coupon/2026-spring-campaign/img/main_bg.png);
background-position: center top;
border-radius: 500px;
}

.top_wrap{
width: 1100px;
height: 600px;
margin: 0 auto;
padding: 0;
text-align: center;
}
.main_title{}
.top_lead{
padding: 5em 0 3em;
text-align: center;
}
.top_lead h2{
font-size: 1.7em;
color: #fa6e80;
margin-bottom: 1em;
}
.events_wrap h3.icon{color: #5f0f4b;}
.icon_h3{
width: 35px;
margin-right: 0.3em;
}
.top_lead p{
font-size: 1.3em;
line-height: 1.7
}
.top_lead p span{
font-weight: bold;
font-size: 1.6em;
color: #d10000;
}
.top_info{
background: #ffeff1;
border-radius: 50px;
margin: 1em auto 7em;
width: 800px;
box-shadow: 0px 8px 0 rgba(0,0,0,0.2);
border: solid 7px #fff;
}
.top_day{
text-align: center;
padding: 0.7em 0;
font-size: 2em;
}
.top_day span{
font-weight: bold;
font-size: 1.2em;
color: #d10000;
}
.events_info{text-align: center;}
.ribbon_brue2{background: #64bebe;}
.ribbon.ribbon_brue2 h2{border-top: solid 2px #faf591;border-bottom: solid 2px #faf591;}

@media screen and (max-width: 767px) {
.coupon_co {margin: 0.5em 0em 3em;}
.top_header_wrap{padding: 1% 0;background: #fff;}
.top_header{
width: 98%;
border-radius: 20px;
}
.top_wrap{
width: 100%;
height: auto;
overflow: hidden;
padding: 2%;
}
.main_title{}
.top_lead{width: 96%;margin: 0 auto;padding: 3em 0 3em;}
.top_lead h2{font-size: 1.4em;line-height: 1.5;}
.top_lead p{line-height: 1.4;}
.top_lead p span{font-size: 1.4em;}
.top_info{margin: 0 auto;width: 92%;}
.ribbon_green2 {width: 320px;font-size: 1.2em;height: 55px;}
.top_day{font-size: 1.5em;}
.top_day span{font-size: 1.1em;}
.events_info{text-align: left;}
}