@charset "UTF-8";
.mdMallCouponAPI{margin-top:12px}
.mdMallCouponAPI .elWrap{padding:0}
.mdMallCouponAPI .elDetail{display:none}
.mdMallCouponAPI .elButton>a:not(.elDisabled),.mdMallCouponAPI .elButton>span:not(.elDisabled){background:#f4f4f4;color:#0260ea}
.mdMallCouponAPI .elButton>a:not(.elDisabled):hover,.mdMallCouponAPI .elButton>span:not(.elDisabled):hover{background:#f4f4f4}
.mdCouponList .elContentList{display:-ms-flexbox;display:flex;margin-left:-16px}
.mdCouponList .elListItem{margin-left:16px;-ms-flex-positive:1;flex-grow:1}
.elEnd .mdCouponList .elListItem,.mdCouponList .elListItem.elDisabled{position:relative;pointer-events:none}
.elEnd .mdCouponList .elListItem::before,.mdCouponList .elListItem.elDisabled::before{content:"";display:block;width:100%;height:100%;background:rgba(0,0,0,.5019607843);position:absolute}
.elEnd .mdCouponList .elListItem::after,.mdCouponList .elListItem.elDisabled::after{content:"終了しました";display:block;position:absolute;font-size:14px;font-weight:700;color:#fff;text-align:center;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);white-space:nowrap}
.mdCouponList .elBannerWrapper{display:inline-block;text-align:center;width:100%}
.mdCouponList .elLink{display:block}
.mdCouponList .elLink:hover{opacity:.7}
.mdCouponList .elBannerImage img{width:100%;height:auto;line-height:1}
.mdCouponList [class*=__textLink]{text-align:center;margin-top:12px}
.mdCouponList [class*=__textLink] .elLinkText{font-size:14px;color:#0260ea}
.mdCouponList [class*=__textLink] .elLinkText:hover{opacity:.7}
.mdCouponDetail{margin-top:24px;font-size:14px;color:#434343}
.mdCouponDetail .elState{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.mdCouponDetail .elState dt{font-weight:700}
.mdCouponDetail .elState dd .elLabel{background-color:#f5f5f5;padding:2px 6px;display:inline-block;margin-left:2px}
.mdCouponDetail .elState dd .elLabel+.elLabel{margin-left:4px}
.mdCouponDetail .elAnnotation{margin:12px 0}
.mdCouponTab [class*=__linkList]{position:absolute;top:-70px;left:0}
.mdCouponTab [class*=__linkList] .elList{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:flex-end}
.mdCouponTab [class*=__linkList] .elItem{line-height:130%;border-radius:8px 8px 0 0;overflow:hidden;background-color:#fff}
.mdCouponTab [class*=__linkList] .elItem+.elItem{margin-left:8px}
.mdCouponTab [class*=__linkList] .elLink{display:-ms-flexbox;display:flex;-ms-flex-align:end;align-items:end;-ms-flex-pack:center;justify-content:center;width:471px;height:62px;box-sizing:border-box;background:#e7cfae;color:#434343;padding:15px 10px 8px}
.mdCouponTab [class*=__linkList] .elLink:hover{opacity:.7}
.mdCouponTab [class*=__linkList] .elEnd .elLink{background:#c3c3c3}
.mdCouponTab [class*=__linkList] .elOpen .elLink{background-color:#fff;height:70px;padding-bottom:12px;pointer-events:none}
.mdCouponTab [class*=__linkList] .elOpen .elLink:hover{opacity:1}
.mdCouponTab [class*=__linkList] .elText{font-size:20px;white-space:nowrap;font-weight:700;text-align:center}
.mdCouponTab [class*=__linkList] .elSubText{display:inline-block;font-size:14px;margin-top:4px}
.mdCouponTab [class*=__item] .elContents{display:none}
.mdCouponTab [class*=__item] .elContents.elOpen{display:block}