@charset "UTF-8";
[data-promo-part-couponSearch] .mdCouponSearch a:hover { opacity: 0.8; }
[data-promo-part-couponSearch] .mdCouponSearch .elCouponList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }
[data-promo-part-couponSearch] .mdCouponSearch .elCouponItem { margin: 10px 20px 0; width: calc(25% - 40px); padding: 10px 0; border: 1px solid #888; border-width: 1px 0; position: relative; background: -webkit-linear-gradient(top, #f5f5f5 0, #f5f5f5 20px, #fff 20px, #fff 100%); background: linear-gradient(180deg, #f5f5f5 0, #f5f5f5 20px, #fff 20px, #fff 100%); }
[data-promo-part-couponSearch] .mdCouponSearch .elCouponItem::before { top: -26px; left: -33px; -webkit-clip-path: inset(27px 0 0 23px); clip-path: inset(27px 0 0 23px); border: 10px solid #f5f5f5; }
[data-promo-part-couponSearch] .mdCouponSearch .elCouponItem::after { top: -25px; right: -34px; -webkit-clip-path: inset(25px 22px 0 0); clip-path: inset(25px 22px 0 0); border: 10px solid #f5f5f5; }
[data-promo-part-couponSearch] .mdCouponSearch .elCoupon { position: relative; padding: 0 10px; margin: 0 -10px; background: #fff; border: 1px solid #888; border-width: 0 1px; width: 220px; }
[data-promo-part-couponSearch] .mdCouponSearch .elCoupon::before { bottom: -24px; left: -16px; -webkit-clip-path: inset(0 0 13px 16px); clip-path: inset(0 0 13px 16px); }
[data-promo-part-couponSearch] .mdCouponSearch .elCoupon::after { bottom: -24px; right: -13px; -webkit-clip-path: inset(0 13px 13px 0); clip-path: inset(0 13px 13px 0); }
[data-promo-part-couponSearch] .mdCouponSearch .elCouponItem::before, [data-promo-part-couponSearch] .mdCouponSearch .elCouponItem::after, [data-promo-part-couponSearch] .mdCouponSearch .elCoupon::before, [data-promo-part-couponSearch] .mdCouponSearch .elCoupon::after { content: ""; position: absolute; width: 25px; height: 25px; border-radius: 50%; background: transparent; box-shadow: inset 0 0 0 1px #888; }
[data-promo-part-couponSearch] .mdCouponSearch .elStoreInformation { background: #f5f5f5; width: calc(100% + 20px); margin-left: -10px; border-bottom: 2px dashed #808080; padding: 5px 15px 10px; }
[data-promo-part-couponSearch] .mdCouponSearch .elStoreName { color: #808080; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; display: block; position: relative; padding-left: 15px; line-height: 15px; font-size: 11px; }
[data-promo-part-couponSearch] .mdCouponSearch .elStoreName::before { position: absolute; font-family: "icon2.0"; content: ""; font-size: 14px; line-height: 1em; top: 0; left: 0; color: #808080; }
[data-promo-part-couponSearch] .mdCouponSearch .elStoreItems { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-top: 5px; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; }
[data-promo-part-couponSearch] .mdCouponSearch .elStoreItem { width: 75px; height: 75px; background: #fff; margin: 0 5px; padding: 5px; }
[data-promo-part-couponSearch] .mdCouponSearch .elItemImage { width: 100%; }
[data-promo-part-couponSearch] .mdCouponSearch .elMoreItem { color: #0077b3; text-align: center; margin-top: 10px; position: relative; display: block; font-size: 13px; }
[data-promo-part-couponSearch] .mdCouponSearch .elMoreItem::after { position: absolute; font-family: "icon2.0"; content: ""; font-size: 12px; line-height: 1.5em; color: #0077b3; }
[data-promo-part-couponSearch] .mdCouponSearch .elOffText { text-align: center; margin-top: 20px; }
[data-promo-part-couponSearch] .mdCouponSearch .elValue { font-size: 30px; font-weight: bold; }
[data-promo-part-couponSearch] .mdCouponSearch .elUnit { font-size: 17px; }
[data-promo-part-couponSearch] .mdCouponSearch .elOff { font-size: 17px; margin-left: 5px; }
[data-promo-part-couponSearch] .mdCouponSearch .elGetCoupon { display: block; width: 90%; margin: 10px auto 0; background: #333; color: #fff; font-weight: bold; text-align: center; padding: 10px 0; border-radius: 5px; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall.elCouponItem { border-color: #957c00; border-width: 1px 0; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall.elCouponItem::before, [data-promo-part-couponSearch] .mdCouponSearch .elPmall.elCouponItem::after { box-shadow: inset 0 0 0 1px #957c00; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall .elCoupon { border-color: #957c00; border-width: 0 1px; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall .elCoupon::before, [data-promo-part-couponSearch] .mdCouponSearch .elPmall .elCoupon::after { box-shadow: inset 0 0 0 1px #957c00; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall .elStoreInformation { border-bottom: 2px dashed #957c00; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall .elStoreName { padding-right: 40px; }
[data-promo-part-couponSearch] .mdCouponSearch .elPmall .elStoreName::after { content: ""; width: 36px; height: 15.6px; background: url("https://s.yimg.jp/images/shp_front/pc/_library/images/common/ico_pMall_badgeSmall_01_2x.png") 50% 45% no-repeat; background-size: auto; background-size: 36px auto; position: absolute; right: 0; }
[data-promo-part-couponSearch] .mdCouponSearch.ms .elCouponItem::before, [data-promo-part-couponSearch] .mdCouponSearch.ms .elCouponItem::after, [data-promo-part-couponSearch] .mdCouponSearch.ms .elCoupon::before, [data-promo-part-couponSearch] .mdCouponSearch.ms .elCoupon::after { -webkit-clip-path: none; clip-path: none; box-shadow: none; border: none; }
[data-promo-part-couponSearch] .mdCouponSearch.ms .elCouponItem { border-width: 1px; margin: 10px 5px; width: calc(25% - 10px); }
[data-promo-part-couponSearch] .mdCouponSearch.ms .elCoupon { border: none; margin: 0; padding: 0; width: 100%; }
[data-promo-part-couponSearch] .mdCouponSearch.ms .elStoreInformation { margin-left: 0; width: 100%; }