@charset "UTF-8";
.mdCrmDialogB .elElement.elBannerTypeB{position:relative;width:594px;overflow:hidden;background-color:#ffdf00;padding:10px 25px 25px}
.mdCrmDialogB .elElement.elBannerTypeB .elHeaderTitle{font-size:19px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.mdCrmDialogB .elElement.elBannerTypeB .elHeaderTitle::before{content:"";width:115px;height:58px;background:url(../images/top/bg_crm_illust_01.png) no-repeat 50% 50%;background-size:contain}
.mdCrmDialogB .elElement.elBannerTypeB .elHeaderTitleInner{margin-left:10px}
.mdCrmDialogB .elElement.elBannerTypeB .elMain{margin-top:5px;width:544px;background-color:#fff;padding:25px}
.mdCrmDialogB .elElement.elBannerTypeB .elStore:not(:first-child){margin-top:20px;padding-top:20px;border-top:1px solid #eaeaea}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreName{font-size:14px;font-weight:700;word-wrap:normal;word-break:normal;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreName span{position:relative;display:inline-block;line-height:1.2;padding-left:18.68px}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreName span::before{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:16px;line-height:1;width:13.68px;text-indent:-1.0944px;top:0;left:0;color:grey}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreLink{color:#333}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreLink:hover{color:#4c88ff}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreInner{margin-top:10px}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon{float:left;width:140px}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elDiscount{width:140px;height:60px;overflow:hidden;padding:5px 0;color:#fff;background:#333;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elDiscountInner{text-align:center;margin:0 auto}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elDiscountTitle{font-size:11px}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elDiscountNumber{font-size:16px;font-weight:700}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elButton{margin-top:5px}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elButtonLink{box-sizing:border-box;display:block;border:1px solid #04c;border-radius:5px;padding:0 9px;color:#04c;background:#fff;font-size:12px;text-align:center}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elButtonLink>span{position:relative;display:inline-block;line-height:26px;padding-right:12.02px}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elButtonLink>span::after{position:absolute;content:"";font-family:"icon2.0";speak:none;font-size:18px;line-height:1;width:7.02px;text-indent:-6.1776px;top:50%;margin-top:-9px;right:0}
.mdCrmDialogB .elElement.elBannerTypeB .elStoreCoupon .elButtonLink:hover{background:#e6eeff}
.mdCrmDialogB .elElement.elBannerTypeB .elItems{overflow:hidden;margin-left:160px}
.mdCrmDialogB .elElement.elBannerTypeB .elItems .elItem{float:left;width:76px;margin-left:10px;font-size:12px}
.mdCrmDialogB .elElement.elBannerTypeB .elItems .elItem:first-child{margin-left:0}
.mdCrmDialogB .elElement.elBannerTypeB .elItems .elItemLink{display:block}
.mdCrmDialogB .elElement.elBannerTypeB .elItems .elItemLink:hover .elItemTitle{color:#4c88ff}
.mdCrmDialogB .elElement.elBannerTypeB .elItems .elItemLink:hover .elItemPhotoImage{opacity:.7}
.mdCrmDialogB .elElement.elBannerTypeB .elItems .elItemPrice{margin-top:3px;color:#d90000}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons{position:absolute;top:-1px;right:-1px;width:45px;height:45px}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize{position:absolute;top:0;right:0;width:100%;height:100%;background-color:#fff}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose a,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose span,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize a,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize span{display:block;width:100%;height:100%;background-color:#000;text-indent:100%;overflow:hidden;white-space:nowrap;word-wrap:normal;word-break:normal}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose a:hover,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose span:hover,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize a:hover,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize span:hover{opacity:.7}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose a::before,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose span::before,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize a::before,.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize span::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../_library/images/common/ico_crm_01_2x.png);background-repeat:no-repeat;background-position:50% 50%;background-size:38px auto;text-indent:0}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elClose{display:none}
.mdCrmDialogB .elElement.elBannerTypeB .elCloseButtons .elMinimize{display:block}
.mdCrmFloatingB .elElement.elBannerTypeB{padding:5px}
.mdCrmFloatingB .elElement.elBannerTypeB .elElementWrapper{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}
.mdCrmFloatingB .elElement.elBannerTypeB .elElementImage .elElementImagePhoto{background-color:transparent;width:57px;height:47px}
.mdCrmFloatingB .elElement.elBannerTypeB .elElementInner{margin-left:5px}
.mdCrmFloatingB .elElement.elBannerTypeB .elCouponTitle{background-color:#000;padding:3px 5px;display:inline-block;font-size:11px;line-height:1}
.mdCrmFloatingB .elElement.elBannerTypeB .elCouponTitleInner{color:#fff}
.mdCrmFloatingB .elElement.elBannerTypeB .elText{margin-top:3px;font-size:12px;color:#000;line-height:1}
.mdCrmFloatingB .elElement.elBannerTypeB .elClose::before{width:30px;height:30px}
.mdCrmFloatingB .elElement.elBannerTypeB .elClose a span{width:30px;height:30px}
.mdCrmFloatingB .elElement.elBannerTypeB .elClose a span::before{background-size:30px auto}
