@charset "UTF-8";
[class^=mdMallCouponAPI]{position:relative;z-index:1;margin-top:0;padding:0 20px}
[class^=mdMallCouponAPI] .elItems{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:8px;margin:0}
[class^=mdMallCouponAPI] .elItem{-ms-flex:1;flex:1;min-width:calc(50% - 4px);padding:0;border:none}
[class^=mdMallCouponAPI] .elItem.elStateSuccess .elButton{-webkit-transform:translateY(-100%);-ms-transform:translateY(-100%);transform:translateY(-100%)}
[class^=mdMallCouponAPI] .elItem.elStateError .elItemInner::after,[class^=mdMallCouponAPI] .elItem.elStateLoading .elItemInner::after{border-radius:20px}
[class^=mdMallCouponAPI] .elItemInner{display:-ms-grid;display:grid;-ms-grid-columns:70% 30%;grid-template-columns:70% 30%;padding:0;border:none;border-radius:20px;box-shadow:inset 0 0 0 1px rgba(0,0,0,.04);background-color:#99640c;background-image:url(https://s.yimg.jp/images/shp_edit/cms/promotion/event/y-select/common/images/coupon_bg_gradation_01.png);background-position:center center;background-size:cover;background-repeat:no-repeat}
[class^=mdMallCouponAPI] .elDetailLink{display:inline-block;position:relative}
[class^=mdMallCouponAPI] .elDetailLink .elLink{display:inline-block;padding:4px 8px;border-radius:12px;background:rgba(255,255,255,.7);color:rgba(0,0,0,.48);font-size:10px;line-height:1.3}
[class^=mdMallCouponAPI] .elDetailLink .elLink:hover{opacity:.7}
[class^=mdMallCouponAPI] .elContentsWrap{display:-ms-grid;display:grid;-ms-grid-columns:auto 1fr;grid-template-columns:auto 1fr;gap:2px 8px;-ms-flex-align:center;align-items:center;position:relative;padding:12px clamp(16px,23vw - 57px,32px) 12px 20px}
[class^=mdMallCouponAPI] .elContentsWrap::after{position:absolute;top:50%;right:-2px;z-index:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:2px;height:100%;background-image:linear-gradient(180deg,#fff 4px,rgba(0,0,0,0) 0);background-repeat:repeat-y;background-size:1px 9px;content:""}
[class^=mdMallCouponAPI] .elContentsLink{color:#fff}
[class^=mdMallCouponAPI] .elDiscountText{position:relative;color:#fff;font-size:14px;font-weight:700}
[class^=mdMallCouponAPI] .elDiscountText .elSubDiscountText{font-size:12px;font-weight:400}
[class^=mdMallCouponAPI] .elDiscountText .elMax{margin-right:2px}
[class^=mdMallCouponAPI] .elDiscountText .elValue{font-size:24px}
[class^=mdMallCouponAPI] .elDiscountText .elUnit{font-size:20px}
[class^=mdMallCouponAPI] .elDiscountText .elOff{margin-left:2px}
[class^=mdMallCouponAPI] .elTitleText{display:-webkit-box;grid-column:1/-1;overflow:hidden;color:#fff;font-size:11px;display:block;display:-webkit-box;max-height:2.6em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.3}
[class^=mdMallCouponAPI] .elTexts{margin:0}
[class^=mdMallCouponAPI] .elDescription,[class^=mdMallCouponAPI] .elDetail,[class^=mdMallCouponAPI] .elDiscount,[class^=mdMallCouponAPI] .elImage,[class^=mdMallCouponAPI] .elTitle{display:none}
[class^=mdMallCouponAPI] .elButtons{width:100%;max-width:none;height:100%;margin:0}
[class^=mdMallCouponAPI] .elButton{height:100%}
[class^=mdMallCouponAPI] .elButton:nth-child(n+2){margin-top:0}
[class^=mdMallCouponAPI] .elButton span.elDisabled,[class^=mdMallCouponAPI] .elButton>a.elDisabled{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;background:rgba(0,0,0,0);color:rgba(0,0,0,.2392156863)}
[class^=mdMallCouponAPI] .elButton span.elDisabled:hover,[class^=mdMallCouponAPI] .elButton>a.elDisabled:hover{opacity:1;background:rgba(0,0,0,0);color:rgba(0,0,0,.2392156863)}
[class^=mdMallCouponAPI] .elButton span>span,[class^=mdMallCouponAPI] .elButton>a>span{padding-left:0;font-size:14px;line-height:42px}
[class^=mdMallCouponAPI] .elButton span>span::before,[class^=mdMallCouponAPI] .elButton>a>span::before{content:none}
[class^=mdMallCouponAPI] .elButton>a{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;height:100%;border:none;background:rgba(0,0,0,0)}
[class^=mdMallCouponAPI] .elButton>a>span{font-size:0;line-height:0}
[class^=mdMallCouponAPI] .elButton>a>span::after{font-size:14px;font-weight:700;line-height:1.4;content:"獲得する"}
[class^=mdMallCouponAPI] .elButton>a:hover{opacity:.7;background:rgba(0,0,0,0)}
[class^=mdMallCouponAPI] .elButton>span{border:none}
[class^=mdMallCouponAPI] .elMessage{display:none}
@media screen and (min-width:1280px){
[class^=mdMallCouponAPI]{padding-top:24px}
}
[class^=mdSearchBox]{margin:0;padding:0}
[class^=mdSearchBox] [class*=__item]{padding-top:24px}
[class^=mdSearchBox] [class*=__item] .elSearchBox .elForm{height:48px;padding-left:40px;border-radius:100vh}
[class^=mdSearchBox] [class*=__item] .elSearchBox .elFreeWord{padding-right:16px}
[class^=mdSearchBox] [class*=__item] .elSearchBox .elFreeWord input{line-height:48px}
[class^=mdSearchBox] [class*=__item] .elSearchBox .elButton{height:48px}
[class^=mdSearchBox] [class*=__item] .elSearchBox .elButton button{padding-left:16px}
[class^=mdSNS]{margin-top:0;padding:0;background-color:rgba(0,0,0,0)}
[class^=mdSNS] [class*=__item]{padding-top:20px}
[class^=mdSNS] .elList{padding:20px 0;border-radius:20px;border:2px solid #fff;background:rgba(255,255,255,.7);box-shadow:0 0 10px 0 #fff inset,0 0 12px 0 rgba(0,0,0,.1),0 0 1px 0 rgba(0,0,0,.08)}
[class^=mdSNS] .elListItem .elLink{width:40px;height:40px;background-size:40px auto}
[class^=mdSNS] .elListItem:not(:first-child){margin-left:20px}
[class^=mdSNS] .elListItem.elX .elLink{background-position-y:-40px}
[class^=mdSNS] .elListItem.elLine .elLink{background-position-y:-80px}