@charset "UTF-8";
.mdBannerList{max-width:990px;width:100%;margin:0 auto;padding:24px 40px 0;background-color:#fff;border-top:1px solid #fff}
.mdBannerList.mdBrandA{padding:0 40px 24px}
.mdBannerList.mdBrandA [class*=ptBannerList]{margin-right:16px}
.mdBannerList.mdBrandA .elBannerLists.elPCColumnWrap .elBannerList{position:relative;width:calc(50% - 24px);margin-top:24px;margin-left:24px;border-radius:8px;box-shadow:0 0 17px 0 rgba(0,0,0,.25)}
.mdBannerList.mdBrandA .elBannerLists.elPCColumnWrap .elBannerList::after{position:absolute;top:-8px;left:-18px;display:inline-block;content:"";vertical-align:middle;width:110%;height:110%;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/sale/ppf/2026/07/common/images/top_maker_img_matsu_decoration_01.png);background-repeat:no-repeat;background-position:center;background-size:100%;pointer-events:none}
.mdBannerList.mdBrandB{padding:16px 20px 24px;position:relative}
.mdBannerList.mdBrandB .elBannerList{margin:0;border-radius:8px;box-shadow:0 0 16px 0 rgba(0,0,0,.1)}
.mdBannerList.mdBrandB .elLogoArea{padding:10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;height:60px}
.mdBannerList.mdBrandB .elLogoArea .elImage{max-height:38px;height:auto;max-width:100%;width:auto}
.mdBannerList.mdBrandB .elItemArea{padding:20px 12px;background:url(https://s.yimg.jp/images/shp_edit/cms/promotion/sale/ppf/2026/07/common/images/top_maker_bg_01.png);background-position:top center;background-size:12.5%}
.mdBannerList.mdBrandB .elItemArea .elImage{border-radius:8px;max-width:190px;height:auto}
.mdBannerList.mdBrandB .elTextArea{padding:8px 8px 10px;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;line-height:24px;height:90px;text-align:left}
.mdBannerList.mdBrandB .elTextArea.elPoint .elConditionText{display:inline-block;position:relative;line-height:24px;min-height:28px;padding-left:40px}
.mdBannerList.mdBrandB .elTextArea.elPoint .elConditionText::before{content:"";position:absolute;width:28px;height:28px;top:50%;left:0;background:url(https://s.yimg.jp/c/icon/s/bsc/2.0/paypay80.png) 50% 50% no-repeat;background-size:133% auto;margin-top:-14px}
.mdBannerList.mdBrandB .elTextArea .elConditionText{color:#c13832;font-weight:700;font-size:18.5px;letter-spacing:-.2px}
.mdBannerList.mdBrandB .elTextArea .elRateValue{font-size:24px}
.mdBannerList.mdBrandB .elTextArea .elNoteText{font-size:14px;line-height:16px;display:inline-block;vertical-align:top;margin-left:-5px;letter-spacing:-1px}
.mdBannerList.mdBrandIndex{padding:10px 97px}
.mdBannerList.mdBrandIndex .elBannerList{height:46px}
.mdBannerList.mdBrandIndex .elBannerLink{position:relative;display:inline-block;line-height:1.2;padding-right:7.284px;width:calc(100% - 12px);height:100%;border-radius:0 2px 2px 0;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;background:#fff;box-sizing:border-box}
.mdBannerList.mdBrandIndex .elBannerLink::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:12px;line-height:1;width:7.284px;text-indent:-2.33088px;top:50%;margin-top:-6px;right:0;color:#fff}
.mdBannerList.mdBrandIndex .elBannerLink::after{top:40px;right:2px}
.mdBannerList.mdBrandIndex .elBannerLink::before{content:"";position:absolute;bottom:0;right:0;width:12px;height:12px;border-radius:4px 0 2px 0;background:linear-gradient(165.4deg,#ffa8bc .05%,#d7173e 100.05%)}
.mdBannerList.mdBrandIndex .elBannerLink.elIndex01{padding:6px}
.mdBannerList.mdBrandIndex .elBannerLink.elIndex02,.mdBannerList.mdBrandIndex .elBannerLink.elIndex03,.mdBannerList.mdBrandIndex .elBannerLink.elIndex04,.mdBannerList.mdBrandIndex .elBannerLink.elIndex05,.mdBannerList.mdBrandIndex .elBannerLink.elIndex07,.mdBannerList.mdBrandIndex .elBannerLink.elIndex08,.mdBannerList.mdBrandIndex .elBannerLink.elIndex10,.mdBannerList.mdBrandIndex .elBannerLink.elIndex11,.mdBannerList.mdBrandIndex .elBannerLink.elIndex12{padding:8px}
.mdBannerList.mdBrandIndex .elBannerLink.elIndex06{padding:10px}
.mdBannerList.mdBrandIndex .elBannerLink.elIndex09{padding:12px}
.mdBannerList.mdBrandIndex .elBannerLink .elImage{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain}
.mdBannerList[class*=elBrandBannerTeaser]{padding:24px 0 0}
.mdBannerList[class*=elBrandBannerGF]{padding:24px 285px 0}
.mdBannerList[class*=elBrandBannerGF] .elImage{box-shadow:0 2px 10px 0 rgba(44,0,1,.1019607843)}
.mdBannerList .elBannerLists.elPCColumnWrap{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:-8px;margin-left:-8px}
.mdBannerList .elBannerLists.elPCColumnWrap .elBannerList{width:calc(50% - 8px);margin:0;margin-top:8px;margin-left:8px}
.mdBannerList .elBannerLists.elPCColumnWrap.elCenter{-ms-flex-pack:center;justify-content:center}
.mdBannerList .elBannerLists.el3Column{width:568px;margin:-10px auto 0}
.mdBannerList .elBannerLists.el3Column .elBannerList{width:33.3333333333%;margin-top:10px;margin-left:0}
.mdBannerList .elBannerLists.el4Column{margin-top:-12px;margin-left:-12px}
.mdBannerList .elBannerLists.el4Column .elBannerList{width:calc(25% - 12px);margin-top:12px;margin-left:12px}
.mdBannerList .elBannerLists.el6Column{margin-top:-16px;margin-left:-16px}
.mdBannerList .elBannerLists.el6Column .elBannerLists{margin-top:-16px;margin-left:-16px}
.mdBannerList .elBannerLists.el6Column .elBannerList{width:calc(16.6666666667% - 16px);margin-top:16px;margin-left:16px}
.mdBannerList .elBannerLists.el6Column .elItemArea{padding:12px 8px}
.mdBannerList .elBannerLists.el6Column .elTextArea{height:auto;line-height:14.4px}
.mdBannerList .elBannerLists.el6Column .elTextArea.elPoint .elConditionText{display:inline-block;position:relative;line-height:14.4px;min-height:18px;padding-left:25px}
.mdBannerList .elBannerLists.el6Column .elTextArea.elPoint .elConditionText::before{content:"";position:absolute;width:18px;height:18px;top:50%;left:0;background:url(https://s.yimg.jp/c/icon/s/bsc/2.0/paypay80.png) 50% 50% no-repeat;background-size:133% auto;margin-top:-9px}
.mdBannerList .elBannerLists.el6Column .elConditionText{font-size:12px}
.mdBannerList .elBannerLists.el6Column .elRateValue{font-size:15px}
.mdBannerList .elBannerLists.el6Column .elNoteText{margin-left:-4px;font-size:7px;line-height:14.4px}
.mdBannerList .elBannerList{width:100%;margin:0 auto}
.mdBannerList .elBannerList .elImage{width:100%;height:auto;background:0 0}
.mdBannerList .elBannerList+.elBannerList{margin-top:12px}
.mdBannerList .elBannerList.elPCWidth346{max-width:346px}
.mdBannerList .elBannerList.elPCWidth360{max-width:360px}
.mdBannerList .elBannerList.elPCWidth430{max-width:430px}
.mdBannerList .elBannerList.elPCWidth440{max-width:440px}
.mdBannerList .elBannerList.elPCWidth478{max-width:478px}
.mdBannerList .elBannerList.elPCWidth600{max-width:600px}
.mdBannerList .elBannerList.elPCWidth658{max-width:658px}
.mdBannerList .elBannerList.elPCWidth680{max-width:680px}
.mdBannerList .elBannerLink{position:relative;display:block}
.mdBannerList .elBannerLink:hover{opacity:.7}
.mdBannerList .elBannerLink.disabled{pointer-events:none}
.mdBannerList+.mdBannerList{padding-top:0}
.mdBannerList.elBorderRadius .elImage{border-radius:8px}
.mdBannerList.elBorderRadiusShadow .elImage{border-radius:8px;box-shadow:0 0 16px 0 rgba(0,0,0,.1)}
.mdBannerList.elBackgroundNone{background:0 0;border:none}
.mdBannerList.elFlexBoxA{padding-bottom:28px}
.mdBannerList.elFlexBoxA .elBannerLists{display:-ms-flexbox;display:flex;margin-left:-12px}
.mdBannerList.elFlexBoxA .elBannerList{margin-left:12px;border-radius:10px;box-shadow:0 0 15.72px 0 rgba(0,0,0,.1490196078)}
.mdBannerList.elFlexBoxA .elBannerList+.elBannerList{margin-top:0}
.mdBannerList.elFlexBoxA .elBannerList:nth-child(2){-ms-flex-order:-1;order:-1}
.mdBannerList.elFlexBoxB .elBannerList{position:relative;width:360px}
.mdBannerList.elFlexBoxB .elText{position:absolute;bottom:0;left:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);padding-left:192px;font-size:7px;color:#6e6e6e;white-space:nowrap}
.wpBeginnerArea .mdBannerList .elBannerList{height:120px}