@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/03/common/images/top_maker_img_matsu_decoration_01.png) no-repeat center/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/03/common/images/top_maker_bg_01.png) repeat top center/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 .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.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.elPCWidth658{max-width:658px}
.mdBannerList .elBannerList.elPCWidth680{max-width:680px}
.mdBannerList .elBannerLink{position:relative;display:block}
.mdBannerList .elBannerLink:hover{opacity:.7}
.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)}
.wpSpecialProjectArea .mdBannerList.elKeyVisual{padding:0;margin-top:-40px}
.wpSpecialProjectArea .mdBannerList.elKeyVisual .elBannerList{max-width:480px}
.wpSpecialProjectArea .mdBannerList.elPinkBorder .elBannerLists{width:780px;margin:0 auto;padding-top:24px;border-top:1px dashed #ee7cab}
.wpSpecialProjectArea .wpItemList .mdBannerList{width:750px;margin:0 auto}
.wpSpecialProjectArea .wpItemList .mdBannerList .elBannerLists{display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;-ms-flex-align:stretch;align-items:stretch}
.wpSpecialProjectArea .wpItemList .mdBannerList .elBannerList{width:auto;margin:0}
.wpSpecialProjectArea .wpItemList .mdBannerList .elBannerList+.elBannerList{margin-left:20px}