@charset "UTF-8";
.wpSaleCounter{margin:0 35px 24px;padding:40px 75px;background:#fff;border-radius:8px}
.wpOuterExpand{width:950px;margin:40px auto 0;border-radius:8px;background:#bf914c}
.wpOuterExpand .elOuterExpand{height:0;overflow:hidden;opacity:0;transition:.4s ease-out;height:0;opacity:1}
.wpOuterExpand .elOuterToggleLink{display:block;padding:12.5px;text-align:center;font-size:18px;color:#fff;font-weight:700}
.wpOuterExpand .elOuterToggleLink:hover{opacity:.7}
.wpOuterExpand .elExpandWrap{position:relative;margin-left:-11px}
.wpOuterExpand .elExpandWrap::after{content:"";position:absolute;top:calc(50% - 10px);right:-22px;width:20px;height:20px;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/campaign/brandselection/2025/08/common/images/top_pointDetail_btn_AddCircle_01.png) no-repeat left top/contain}
.wpOuterExpand .elOuterButton.elOpen .elOuterExpand{opacity:1}
.wpOuterExpand .elOuterButton.elShow .elOuterExpand{height:auto;opacity:1;-webkit-transition:none}
.wpOuterExpand .elOuterButton.elOpen .elExpandWrap::after,.wpOuterExpand .elOuterButton.elShow .elExpandWrap::after{background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/campaign/brandselection/2025/08/common/images/top_pointDetail_btn_RemoveCircle_01.png) no-repeat left top/contain}
.mdSaleCounter .elTitleText{text-align:center;font-size:18px;font-weight:700}
.mdSaleCounter [class*=__Text]{margin-top:24px}
.mdSaleCounter [class*=__Text] a:hover{opacity:.7}
.mdSaleCounter [class*=__breakdown]{width:100%;margin:24px auto 0}
.mdSaleCounter [class*=__bannerImage]{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;margin-top:24px}
.mdSaleCounter [class*=__bannerImage] .elBannerImage{width:100%;max-width:316px;height:auto}
.mdSaleCounter .elConditions{position:relative;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-top:39px}
.mdSaleCounter .elConditions::before{position:absolute;content:"";top:0;left:0;width:150px;height:22px;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/campaign/brandselection/2025/08/common/images/img_saleCounterLabel_01.png) no-repeat top left/100%}
.mdSaleCounter .elConditions::after{position:absolute;content:"";top:0;right:0;width:560px;height:22px;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/campaign/brandselection/2025/08/common/images/img_saleCounterLabel_02.png) no-repeat top left/100%}
.mdSaleCounter .elCondition{position:relative;width:calc(20% - 20px);margin-left:20px;text-align:center}
.mdSaleCounter .elCondition:first-child{width:150px;margin:0}
.mdSaleCounter .elConditionIcon{margin-bottom:8px}
.mdSaleCounter .elConditionIconImage{width:50px;height:50px}
.mdSaleCounter .elConditionIconImage.elBrandSelectionIcon{width:82px;border-radius:8px}
.mdSaleCounter .elConditionText{font-size:14px;white-space:nowrap;letter-spacing:-.2px}
.mdSaleCounter .elConditionTextPointWrap{display:-ms-flexbox;display:flex;-ms-flex-pack:justify;justify-content:space-between}
.mdSaleCounter .elConditionTextPointInner .elConditionPlusIcon{padding-top:52px}
.mdSaleCounter .elSmallText{font-size:11px}
.mdSaleCounter .elConditionPoint{margin-top:8px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center}
.mdSaleCounter .elConditionPointText{font-size:10px;-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl}
.mdSaleCounter .elConditionPointValue{font-size:24px;font-weight:700}
.mdSaleCounter .elConditionPointPercent{font-size:14px;font-weight:400}
