@charset "UTF-8";
.mdBonusSelection{width:950px;margin:0 auto;padding:24px 40px 0;border-top:1px solid #fff;background-color:#fff;padding-top:0}
.mdBonusSelection.isBackgroundNone{padding:16px 0;background-color:rgba(0,0,0,0);border-top:none}
.mdBonusSelection .elList{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:justify;justify-content:space-between}
.mdBonusSelection .elListItem{width:calc((100% - 16px)/ 2);padding-top:24px}
.mdBonusSelection .elInnerItem{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column}
.mdBonusSelection .elStoreLogo{display:-ms-flexbox;display:flex;width:auto;height:60px;margin:0 auto}
.mdBonusSelection .elDetail{position:relative;margin:5px 0}
.mdBonusSelection .elStoreLink{display:block}
.mdBonusSelection .elStoreLink:hover{opacity:.7}
.mdBonusSelection .elStoreLink.elContentsMask{position:relative;pointer-events:none}
.mdBonusSelection .elStoreLink.elContentsMask::before{display:block;opacity:.9;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;background-color:#333;content:"";pointer-events:none}
.mdBonusSelection .elStoreLink.elContentsMask::after{display:block;position:absolute;top:50%;left:0;z-index:2;width:100%;height:auto;margin-top:-1em;color:#fff;font-size:28px;font-weight:700;text-align:center;line-height:1.8;content:"在庫切れ"}
.mdBonusSelection .elImageWrap{position:relative;overflow:hidden}
.mdBonusSelection .elBlurImage{height:256px;object-fit:cover;-webkit-filter:blur(30px);filter:blur(30px)}
.mdBonusSelection .elItemImage{position:absolute;left:0;right:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:240px;height:auto;margin:0 auto}
.mdBonusSelection .elPercentTag{position:relative;width:106px;margin-top:8px;padding:1px 8px 0;background:#992888;color:#fff;font-weight:700;font-size:14px}
.mdBonusSelection .elPercentTag .elPointRate{font-size:18px}
.mdBonusSelection .elPercentTag .elPointGet{margin-left:2px;font-size:11px}
.mdBonusSelection .elPercentTag::after{position:absolute;right:-6px;top:0;width:0;height:0;border-left:6px solid #992888;border-bottom:26px solid transparent;content:""}
.mdBonusSelection .elStoreDetail{margin-top:10px;font-size:14px;display:-webkit-box;max-height:1.2em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:1;line-height:1.2}
.mdBonusSelection .elEachText{margin-top:auto}
.mdBonusSelection .elPrice{font-size:20px;font-weight:700}
.mdBonusSelection .elYen{font-size:14px}
.mdBonusSelection .elGetPoint{font-size:14px;font-weight:700;color:#c13832}
.mdBonusSelection .elHideAfter3 .elListItem:nth-child(n+3){display:none}
.mdBonusSelection .elHideAfter5 .elListItem:nth-child(n+5){display:none}