@charset "utf-8";

.top_coupon { position:relative; margin:15px auto; padding:12px; background:#F990AF; }
.top_coupon:before { content:" "; position:absolute; background:url(/images/coupon_default_1.png) no-repeat 0 0; background-size:70px 70px; top:-3px; left:-3px; width:70px; height:70px; }
.top_coupon:after { content:" "; position:absolute; background:url(/images/coupon_default_2.png) no-repeat 0 0; background-size:70px 70px; bottom:-3px; right:-3px; width:70px; height:70px; }
.top_coupon > div { padding:12px 20%; }
.top_coupon .coupon-title { color: #DF3769; font-weight:bold; }
.top_coupon .coupon-btn { background: #DF3769; display:inline-block; margin:5px auto 10px; padding:5px 20px; color:#fff; font-size:14px; line-height:16px; border-radius:15px; }
.top_coupon .coupon-status { display:inline-block; margin:5px auto 10px; padding:5px 20px; border:solid 1px #DF3769; color:#DF3769; font-size:14px; line-height:16px; border-radius:15px; }
@media (max-width: 400px){
.top_coupon > div { padding:12px 28px; }
}
/*年末年始CP*/
.top_coupon.newyear { background:#F2E3D6; }
.top_coupon.newyear:before { content:" "; position:absolute; background:url(/images/lp_20221228_coupon1.png) no-repeat 0 0; background-size:70px 70px; top:-3px; left:-3px; width:70px; height:70px; }
.top_coupon.newyear:after { content:" "; position:absolute; background:url(/images/lp_20221228_coupon2.png) no-repeat 0 0; background-size:48px 30px; bottom:8px; right:4px; width:48px; height:30px; }
.top_coupon.newyear .coupon-title { color: #D32B10; }
.top_coupon.newyear .coupon-btn { background: #D32B10; }
.top_coupon.newyear .coupon-status { border:solid 1px #D32B10; color:#D32B10; }
/*coupon_pink*/
.top_coupon.coupon_pink { background:linear-gradient(105deg, #FF8DAF 0%, #FFC581 100%); }
.top_coupon.coupon_pink:before { content:" "; position:absolute; background:url(/images/coupon1_1.png) no-repeat 0 0; background-size:70px 70px; top:-3px; left:-3px; width:70px; height:70px; }
.top_coupon.coupon_pink:after { content:" "; position:absolute; background:url(/images/coupon1_2.png) no-repeat 0 0; background-size:70px 63px; bottom:8px; right:4px; width:70px; height:63px; }
.top_coupon.coupon_pink .coupon-title { color: #F35E54; }
.top_coupon.coupon_pink .coupon-btn { background: #F35E54; }
.top_coupon.coupon_pink .coupon-status { border:solid 1px #F35E54; color:#F35E54; }
/*coupon_blue*/
.top_coupon.coupon_blue { background:#9DD0D0; }
.top_coupon.coupon_blue:before { content:" "; position:absolute; background:url(/images/coupon2_1.png) no-repeat 0 0; background-size:70px 70px; top:-3px; left:-3px; width:70px; height:70px; }
.top_coupon.coupon_blue:after { content:" "; position:absolute; background:url(/images/coupon2_2.png) no-repeat 0 0; background-size:70px 63px; bottom:8px; right:14px; width:70px; height:63px; }
.top_coupon.coupon_blue .coupon-title { color: #EF9105; }
.top_coupon.coupon_blue .coupon-btn { background: #5BB0B0; }
.top_coupon.coupon_blue .coupon-status { border:solid 1px #5BB0B0; color:#5BB0B0; }