@charset "UTF-8";
.mdSaleCounter{max-width:460px;width:100%;margin:0 auto;padding-top:34px}
.mdSaleCounter .elBannerImage{padding:18px;text-align:center}
.mdSaleCounter .elBannerImage.elDetailImage{margin-top:4px;padding-top:0}
.mdSaleCounter .elBannerImage+.elDetailImage{margin-top:-10px}
.mdSaleCounter .elImage{width:100%;height:auto;background:0 0}
.mdSaleCounter [class*=__heading] .elHeading{text-align:center}
.mdSaleCounter [class*=__heading] .elHeadingImage{width:100%;height:auto;background:0 0}
.mdSaleCounter [class*=__heading] .elTitleImage01{max-width:300px}
.mdSaleCounter [class*=__heading] .elTitleImage02{max-width:400px}
.mdSaleCounter [class*=__banner],.mdSaleCounter [class*=__item]{position:relative;margin-top:12px;border-radius:8px;box-shadow:0 0 10px 0 rgba(0,0,0,.1019607843)}
.mdSaleCounter [class*=__banner]+[class*=__banner],.mdSaleCounter [class*=__item]+[class*=__banner]{margin-top:12px}
.mdSaleCounter [class*=__banner]+[class*=__banner]::before,.mdSaleCounter [class*=__item]+[class*=__banner]::before{display:inline-block;position:absolute;content:"";top:-24px;left:0;right:0;width:36px;height:36px;margin:auto;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/sale/ppf/2026/03/common/images/top_totalAmountCounter_ico_01.png);background-repeat:no-repeat;background-size:cover}
.mdSaleCounter [class*=__banner]+[class*=__banner] .elBannerImage,.mdSaleCounter [class*=__item]+[class*=__banner] .elBannerImage{padding:12px 8px}
.mdSaleCounter .elTotalAmountText{padding:0 16px;font-size:14px}
.mdSaleCounter .elTotalAmountText .elPercentText{color:#f03;font-weight:700}
.mdSaleCounter [class*=__notice]{-webkit-text-size-adjust:none;text-size-adjust:none}
.mdSaleCounter [class*=__notice] .elExpandWrap{position:relative}
.mdSaleCounter [class*=__notice] .elLibExpand{overflow:hidden;padding:12px 0}
.mdSaleCounter [class*=__notice] .elLibExpand .elToggle{position:absolute;bottom:0;left:0;width:100%;background:linear-gradient(180deg,rgba(255,255,255,0) 0,#fff 56.73%,#fff 100%);padding:35px 0 8px}
.mdSaleCounter [class*=__notice] .elLibExpand .elToggle a{display:block;padding:0 10px;color:#0c6efd;font-size:12px;text-align:center}
.mdSaleCounter [class*=__notice] .elLibExpand .elToggle a span{position:relative;display:inline-block;line-height:16px;padding-right:17.712px}
.mdSaleCounter [class*=__notice] .elLibExpand .elToggle a span::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:16px;line-height:1;width:13.712px;text-indent:-1.144px;top:50%;margin-top:-8px;right:0}
.mdSaleCounter [class*=__notice] .elLibExpand .elNoticeList .elText{font-size:11px;color:gray}
.mdSaleCounter [class*=__notice] .elLibExpand .elExpand{height:0;overflow:hidden;opacity:0;transition:.4s ease-out;transition-duration:0s}
.mdSaleCounter [class*=__notice] .elLibExpand.elClose .elExpand{opacity:0}
.mdSaleCounter [class*=__notice] .elLibExpand.elOpen .elExpand{opacity:1}
.mdSaleCounter [class*=__notice] .elLibExpand.elOpen .elToggle{display:none}
.mdSaleCounter [class*=__notice] .elLibExpand.elShow .elExpand{height:auto;opacity:1;-webkit-transition:none}
.mdSaleCounter [class*=__notice] .elLibExpand.elShow .elToggle{display:none}