.coupon_co{
margin: 1em 2em 4em;
border: solid 1px #dcdcdc;
padding: 0.5em;
}
.top_header{
width: 100%;
position: relative;
background-color: #fafafa;
overflow: hidden;
}
.top_wrap{
width: 1100px;
height: 600px;
margin: 0 auto;
position: relative;
}
.ttl_2026,.ttl_ill,.ttl_nandodemo,.ttl_200off,.bg1,.bg2,.frame_lb,.frame_rt{position: absolute;}


.ttl_2026{transform: translate(-50%, 0);left: 50%;}
.ttl_ill{left: 5em;top: 11em;}
.ttl_nandodemo{bottom: 8.5em;left: 14em;}
.ttl_200off{transform: translate(-50%, 0);left: 50%;bottom: 1.5em;}

.bg1{transform: translate(-50%, 0);top: -14em;left: 22%;}
.bg2{transform: translate(-50%, 0);bottom: -7em;right: -4%;}
.frame_lb{left: 0;bottom: 0;}
.frame_rt{right: 0;top: 0;}

.top_info{
background: #fff2df;
border-radius: 50px;
margin: 3em 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;
}
.ribbon_red2{background: #b70303;}
.ribbon h2{
border-top: solid 2px #f8eaa3;
border-bottom: solid 2px #f8eaa3;
}
.events_wrap h3.icon{color: #1958a8;}
.icon_h3{
width: 35px;
margin-right: 0.3em;
}
.events_wrap.rel{position: relative;}
.ill_bus,.ill_neko,.ill_uma{position: absolute;}
.ill_bus{}
.ill_neko{
top: -12em;
right: 1em;
opacity: 0.5;
width: 110px;
transform: rotate(5deg);
}
.ill_uma{
top: -12em;
left: 1em;
opacity: 0.5;
width: 100px;
transform: scale(-1, 1);
}

@media screen and (max-width: 767px) {
.coupon_co {margin: 0.5em 0em 3em;}
.top_header{margin-bottom: 3em;
}
.top_wrap{
width: 100%;
height: 400px;
}
.ttl_2026{top: 3em;}
.ttl_ill{left: 0em;top: 15em;width: 90px;}
.ttl_nandodemo{
width: 110px;
left: unset;
bottom: 12em;
right: 0;
transform: rotate(30deg);
}
.ttl_200off{bottom: 1em;}
.bg1{width: 70%;top: -11.6em;left: 14%;}
.bg2{width: 60%;bottom: -7em;right: -50%;}
.frame_lb{width: 60%;}
.frame_rt{width: 50%;}
.events_wrap h3.icon{color: #1958a8;}
.icon_h3{}

.ill_bus{}
.ill_neko{
top: 1em;
width: 80px;
right: 0;
opacity: 1;
transform: unset;
}
.ill_uma{
top: -12.5em;
left: 0;
opacity: 1;
width: 60px;
right: 1em;
}

.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;}
}
