@charset "UTF-8";
/*CRM用CSS*/
.uiStickyCrm, .uiDialogCrm { -webkit-box-sizing: border-box; box-sizing: border-box; word-break: break-all; word-wrap: break-word; letter-spacing: -.0001em; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; color: #333; font: 13px/1.4 Meiryo,"MS PGothic",sans-serif; }

.uiStickyCrm div, .uiStickyCrm ul, .uiStickyCrm ol, .uiStickyCrm li, .uiStickyCrm p, .uiStickyCrm dl, .uiStickyCrm dt, .uiStickyCrm dd, .uiStickyCrm a, .uiStickyCrm span, .uiStickyCrm em, .uiStickyCrm strong, .uiStickyCrm table, .uiStickyCrm thead, .uiStickyCrm tbody, .uiStickyCrm tr, .uiStickyCrm th, .uiStickyCrm td, .uiDialogCrm div, .uiDialogCrm ul, .uiDialogCrm ol, .uiDialogCrm li, .uiDialogCrm p, .uiDialogCrm dl, .uiDialogCrm dt, .uiDialogCrm dd, .uiDialogCrm a, .uiDialogCrm span, .uiDialogCrm em, .uiDialogCrm strong, .uiDialogCrm table, .uiDialogCrm thead, .uiDialogCrm tbody, .uiDialogCrm tr, .uiDialogCrm th, .uiDialogCrm td { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; color: inherit; text-align: inherit; }

.uiStickyCrm input, .uiStickyCrm select, .uiStickyCrm button, .uiStickyCrm textarea, .uiStickyCrm h1, .uiStickyCrm h2, .uiStickyCrm h3, .uiStickyCrm h4, .uiStickyCrm h5, .uiStickyCrm h6, .uiStickyCrm table, .uiDialogCrm input, .uiDialogCrm select, .uiDialogCrm button, .uiDialogCrm textarea, .uiDialogCrm h1, .uiDialogCrm h2, .uiDialogCrm h3, .uiDialogCrm h4, .uiDialogCrm h5, .uiDialogCrm h6, .uiDialogCrm table { font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit; *font-family: Meiryo,"MS PGothic"; *font-size: 100%; }

.uiStickyCrm a[href^="javascript:"], .uiDialogCrm a[href^="javascript:"] { -webkit-touch-callout: none; touch-callout: none; }

.uiStickyCrm article, .uiStickyCrm aside, .uiStickyCrm details, .uiStickyCrm figcaption, .uiStickyCrm figure, .uiStickyCrm footer, .uiStickyCrm header, .uiStickyCrm nav, .uiStickyCrm section, .uiStickyCrm main, .uiDialogCrm article, .uiDialogCrm aside, .uiDialogCrm details, .uiDialogCrm figcaption, .uiDialogCrm figure, .uiDialogCrm footer, .uiDialogCrm header, .uiDialogCrm nav, .uiDialogCrm section, .uiDialogCrm main { display: block; }

.uiStickyCrm audio[controls], .uiStickyCrm canvas, .uiStickyCrm video, .uiDialogCrm audio[controls], .uiDialogCrm canvas, .uiDialogCrm video { display: inline-block; }

.uiStickyCrm dl, .uiStickyCrm dt, .uiStickyCrm dd, .uiStickyCrm ul, .uiStickyCrm ol, .uiStickyCrm li, .uiStickyCrm h1, .uiStickyCrm h2, .uiStickyCrm h3, .uiStickyCrm h4, .uiStickyCrm h5, .uiStickyCrm h6, .uiStickyCrm p, .uiStickyCrm div, .uiStickyCrm iframe, .uiStickyCrm caption, .uiStickyCrm hr, .uiStickyCrm fieldset, .uiStickyCrm legend, .uiStickyCrm blockquote, .uiStickyCrm article, .uiStickyCrm aside, .uiStickyCrm details, .uiStickyCrm figcaption, .uiStickyCrm figure, .uiStickyCrm header, .uiStickyCrm main, .uiStickyCrm footer, .uiStickyCrm nav, .uiStickyCrm section, .uiStickyCrm audio, .uiStickyCrm canvas, .uiStickyCrm video, .uiDialogCrm dl, .uiDialogCrm dt, .uiDialogCrm dd, .uiDialogCrm ul, .uiDialogCrm ol, .uiDialogCrm li, .uiDialogCrm h1, .uiDialogCrm h2, .uiDialogCrm h3, .uiDialogCrm h4, .uiDialogCrm h5, .uiDialogCrm h6, .uiDialogCrm p, .uiDialogCrm div, .uiDialogCrm iframe, .uiDialogCrm caption, .uiDialogCrm hr, .uiDialogCrm fieldset, .uiDialogCrm legend, .uiDialogCrm blockquote, .uiDialogCrm article, .uiDialogCrm aside, .uiDialogCrm details, .uiDialogCrm figcaption, .uiDialogCrm figure, .uiDialogCrm header, .uiDialogCrm main, .uiDialogCrm footer, .uiDialogCrm nav, .uiDialogCrm section, .uiDialogCrm audio, .uiDialogCrm canvas, .uiDialogCrm video { -webkit-box-sizing: border-box; box-sizing: border-box; margin: 0; padding: 0; *zoom: 1; *min-height: 0; }

.uiStickyCrm li, .uiDialogCrm li { list-style: none; }

.uiStickyCrm img, .uiStickyCrm fieldset, .uiStickyCrm iframe, .uiDialogCrm img, .uiDialogCrm fieldset, .uiDialogCrm iframe { border: none; }

.uiStickyCrm img, .uiDialogCrm img { background: #fff; }

.uiStickyCrm img, .uiStickyCrm object, .uiStickyCrm embed, .uiStickyCrm canvas, .uiStickyCrm audio, .uiStickyCrm video, .uiStickyCrm iframe, .uiDialogCrm img, .uiDialogCrm object, .uiDialogCrm embed, .uiDialogCrm canvas, .uiDialogCrm audio, .uiDialogCrm video, .uiDialogCrm iframe { display: inline; vertical-align: top; }

.uiStickyCrm a:hover img, .uiDialogCrm a:hover img { filter: alpha(opacity=100); opacity: 1; }

.uiStickyCrm table, .uiDialogCrm table { -webkit-box-sizing: border-box; box-sizing: border-box; border-collapse: collapse; border-spacing: 0; }

.uiStickyCrm table, .uiStickyCrm th, .uiStickyCrm td, .uiDialogCrm table, .uiDialogCrm th, .uiDialogCrm td { border: 1px solid #888; }

.uiStickyCrm caption, .uiStickyCrm th, .uiStickyCrm td, .uiDialogCrm caption, .uiDialogCrm th, .uiDialogCrm td { margin: 0; padding: 0; vertical-align: top; text-align: left; }

.uiStickyCrm address, .uiStickyCrm em, .uiStickyCrm strong, .uiStickyCrm th, .uiStickyCrm dfn, .uiDialogCrm address, .uiDialogCrm em, .uiDialogCrm strong, .uiDialogCrm th, .uiDialogCrm dfn { font-style: normal; }

.uiStickyCrm em, .uiStickyCrm strong, .uiDialogCrm em, .uiDialogCrm strong { font-weight: bold; }

.uiStickyCrm div, .uiDialogCrm div { max-height: 999999px; }

.uiStickyCrm .cf, .uiDialogCrm .cf { *zoom: 1; *min-height: 0; }

.uiStickyCrm .cf:after, .uiStickyCrm div:after, .uiDialogCrm .cf:after, .uiDialogCrm div:after { content: ""; display: block; clear: both; }

.uiStickyCrm a, .uiDialogCrm a { color: #09a; text-decoration: none; -webkit-tap-highlight-color: rgba(102, 204, 255, 0.5); tap-highlight-color: rgba(102, 204, 255, 0.5); }

.uiStickyCrm a, .uiStickyCrm x:-moz-any-link, .uiDialogCrm a, .uiDialogCrm x:-moz-any-link { outline-offset: -1px; }

.uiStickyCrm a:hover, .uiDialogCrm a:hover { color: #6cc; cursor: pointer; }

:root .uiStickyCrm, :root .uiDialogCrm { font-family: Meiryo\9; }

:root .uiStickyCrm, .uiStickyCrm x:-moz-any-link, :root .uiDialogCrm, .uiDialogCrm x:-moz-any-link { font-family: Hiragino Kaku Gothic ProN,Roboto,'Droid Sans',Meiryo; }

@media (-webkit-min-device-pixel-ratio: 0) { :root .uiStickyCrm, :root .uiDialogCrm { font-family: "ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,Roboto,'Droid Sans',Meiryo; } }

@media (-ms-high-contrast: active), (-ms-high-contrast: none) { :root .uiStickyCrm, :root .uiDialogCrm { font-family: Meiryo; } }

/*mdCrmDialog*/
.uiDialogCrm .mdCrmDialog { position: relative; width: 950px; }

.uiDialogCrm .mdCrmDialog a:hover { *cursor: pointer; }

.uiDialogCrm .mdCrmDialog > a { position: relative; display: block; overflow: hidden; font-weight: bold; }

.uiDialogCrm .mdCrmDialog > a:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: 1; }

.uiDialogCrm .mdCrmDialog .elCoupon:hover:after { background: rgba(255, 255, 255, 0.2); }

.uiDialogCrm .mdCrmDialog .elBanner:hover:after { background: rgba(255, 255, 255, 0.25); }

.uiDialogCrm .mdCrmDialog .elClose { position: absolute; z-index: 2; width: 45px; height: 45px; background: #fff; top: 0; left: 50%; margin-left: 430px; }

.uiDialogCrm .mdCrmDialog .elClose a { position: absolute; overflow: hidden; width: 100%; height: 100%; top: 0; left: 0; white-space: nowrap; word-wrap: normal; word-break: normal; text-indent: 100%; background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/ico_crm_01.png) #222 no-repeat 50% 50%; *background-position-x: 7.5px; }

:root .uiDialogCrm .mdCrmDialog .elClose a { background-image: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/ico_crm_01_2x.png); -webkit-background-size: 30px auto; background-size: 30px auto; }

.uiDialogCrm .mdCrmDialog .elClose a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.uiDialogCrm .mdCrmDialog .elCoupon { position: relative; z-index: 1; color: #fff; height: 300px; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain { position: relative; height: 300px; margin-right: 450px; *margin-right: 400px; *padding-right: 50px; *background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/bg_crm_01.png) repeat-y 100% 0; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain:before { position: absolute; bottom: 0; right: -50px; width: 55px; height: 250px; content: ""; background: #fff; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain:after { position: absolute; z-index: -1; top: -50px; right: -50px; width: 0; height: 0; content: ""; border: 50px solid transparent; border-bottom-color: #fff; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain .elRibbon { display: none; position: absolute; top: 20px; left: -42.5px; width: 150px; height: 30px; text-align: center; font-size: 16px; line-height: 24px; padding-top: 2px; border-top: 2px solid #fff; border-bottom: 2px solid #fff; color: #fff; -ms-transform-origin: 50% 50% 50%; -webkit-transform-origin: 50% 50% 50%; transform-origin: 50% 50% 50%; -ms-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); transform: rotate(-45deg); font-family: Helvetica,Arial,sans-serif; }

:root .uiDialogCrm .mdCrmDialog .elCoupon .elMain .elRibbon { display: block; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain .elTitle { -webkit-box-sizing: content-box; box-sizing: content-box; padding: 40px 50px 0 50px; font-size: 44px; font-weight: bold; display: block; display: -webkit-box; display: box; max-height: 3.6em; overflow: hidden; -webkit-box-orient: vertical; box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; line-height: 1.2; height: 3.6em; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain .elInfo { margin: 20px 30px 0 30px; padding-top: 20px; border-top: 1px solid #fff; line-height: 1.1; font-size: 14px; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain .elInfo li { margin-top: 10px; }

.uiDialogCrm .mdCrmDialog .elCoupon .elMain .elInfo li:first-child { margin-top: 0; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub { position: absolute; top: 0; right: 0; width: 400px; z-index: 1; height: 300px; text-align: center; background: #fff; color: #d40011; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub:before { position: absolute; width: 2px; height: 100%; content: ""; top: 50px; left: -2px; background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/bg_crm_01.png); }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elRibbon { width: 140px; height: 30px; margin: 30px auto 0 auto; font-size: 16px; line-height: 24px; padding-top: 2px; border-top: 2px solid #d40011; border-bottom: 2px solid #d40011; font-family: Helvetica,Arial,sans-serif; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elDiscount { display: inline-block; *display: inline; *zoom: 1; height: 102px; margin-top: 30px; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elDiscount span { display: block; line-height: 1; text-align: left; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elNumber { *display: inline; float: left; font-size: 100px; font-family: impact,Helvetica,Arial,sans-serif; margin-right: .025em; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elLabel { float: right; *float: none; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elUnit { font-size: 50px; margin-top: 7px; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elOff { font-size: 36px; margin-top: .075em; font-family: Helvetica,Arial,sans-serif; }

.uiDialogCrm .mdCrmDialog .elCoupon .elSub .elGet { margin: 30px auto 0 auto; width: 250px; font-size: 18px; line-height: 50px; background: #000; color: #fff; }

.uiDialogCrm .mdCrmDialog .elBanner { text-align: center; height: 450px; }

.uiDialogCrm .mdCrmDialog .elBanner .elItem, .uiDialogCrm .mdCrmDialog .elBanner .elItem p { *zoom: normal; *display: inline; }

.uiDialogCrm .mdCrmDialog .elBanner img { width: auto; height: auto; max-width: 950px; max-height: 450px; background: none; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elMain, .uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elMain:before { background-color: #fe001d; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elMain:after { border-bottom-color: #fa5e76; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elMain, .uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elMain:before { background-color: #222; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elMain:after { border-bottom-color: #7a7a7a; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain { color: #222; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain .elRibbon { color: #222; border-color: #222; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain .elInfo { border-color: #222; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain, .uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain:before { background-color: #ffdf00; }

.uiDialogCrm .mdCrmDialog[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain:after { border-bottom-color: #fdef5e; }

/*mdCrmSticky*/
.uiStickyCrm .mdCrmSticky { position: relative; z-index: 5000001; left: 0; bottom: 0; width: 100%; }

.uiStickyCrm .mdCrmSticky.elSticky { position: fixed; will-change: transform; }

.uiStickyCrm .mdCrmSticky.elCloned { visibility: hidden; }

.uiStickyCrm .mdCrmSticky.elHide { -ms-transform: translateY(100%); -webkit-transform: translateY(100%); transform: translateY(100%); }

.uiStickyCrm .mdCrmSticky.elOpen { -ms-transition: -ms-transform .3s ease-out; -webkit-transition: -webkit-transform .3s ease-out; transition: transform .3s ease-out; }

.uiStickyCrm .mdCrmSticky.elInvisible { display: none; }

.uiStickyCrm .mdCrmSticky a { *background: url(https://s.yimg.jp/i/space.gif); }

.uiStickyCrm .mdCrmSticky a:hover { *cursor: pointer; }

.uiStickyCrm .mdCrmSticky > a { position: relative; display: block; overflow: hidden; font-weight: bold; background-position: 50% 50%; background-repeat: no-repeat; }

.uiStickyCrm .mdCrmSticky > a:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ""; z-index: 1; }

.uiStickyCrm .mdCrmSticky .elCoupon:hover:after { background: rgba(255, 255, 255, 0.2); }

.uiStickyCrm .mdCrmSticky .elBanner:hover:after { background: rgba(255, 255, 255, 0.25); }

.uiStickyCrm .mdCrmSticky .elItem { width: 950px; margin: 0 auto; }

.uiStickyCrm .mdCrmSticky .elClose { position: absolute; z-index: 2; width: 30px; height: 30px; background: #fff; top: 0; left: 50%; margin-left: 445px; }

.uiStickyCrm .mdCrmSticky .elClose a { position: absolute; width: 100%; height: 100%; top: 0; left: 0; overflow: hidden; text-indent: 100%; white-space: nowrap; word-wrap: normal; word-break: normal; background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/ico_crm_01.png) #222; }

:root .uiStickyCrm .mdCrmSticky .elClose a { background-image: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/ico_crm_01_2x.png); -webkit-background-size: 30px auto; background-size: 30px auto; }

.uiStickyCrm .mdCrmSticky .elClose a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity: 0.8; }

.uiStickyCrm .mdCrmSticky .elCoupon { z-index: 1; color: #fff; text-align: center; height: 65px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elItem { position: relative; }

.uiStickyCrm .mdCrmSticky .elCoupon .elItem:before, .uiStickyCrm .mdCrmSticky .elCoupon .elItem:after { position: absolute; width: 10000px; height: 100%; top: 0; content: ""; }

.uiStickyCrm .mdCrmSticky .elCoupon .elItem:before { right: 940px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elItem:after { left: 940px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elMain { position: relative; z-index: 1; height: 65px; margin-right: 270px; *margin-right: 250px; *padding-right: 20px; *background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/bg_crm_01.png) repeat-y 100% 0; }

.uiStickyCrm .mdCrmSticky .elCoupon .elMain:before, .uiStickyCrm .mdCrmSticky .elCoupon .elMain:after { position: absolute; top: 0; right: -40px; width: 0; height: 0; content: ""; border: 20px solid transparent; border-left: 20px solid; }

.uiStickyCrm .mdCrmSticky .elCoupon .elSub { position: absolute; top: 0; right: 0; width: 250px; z-index: 1; height: 65px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elSub:after { position: absolute; width: 20px; height: 100%; content: ""; top: 20px; left: -20px; background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/bg_crm_01.png) repeat-y 100% 0; }

.uiStickyCrm .mdCrmSticky .elCoupon .elTitle { padding: 10px 5px 0 5px; font-size: 26px; font-weight: bold; line-height: 27.5px; word-wrap: normal; word-break: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.uiStickyCrm .mdCrmSticky .elCoupon .elInfo { line-height: 20px; font-size: 0; }

.uiStickyCrm .mdCrmSticky .elCoupon .elLimit, .uiStickyCrm .mdCrmSticky .elCoupon .elNotice, .uiStickyCrm .mdCrmSticky .elCoupon .elGet { display: inline-block; *display: inline; *zoom: 1; margin: 0 10px; vertical-align: middle; }

.uiStickyCrm .mdCrmSticky .elCoupon .elLimit, .uiStickyCrm .mdCrmSticky .elCoupon .elNotice { font-size: 14px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elGet { margin-right: 20px; font-size: 12px; line-height: 17.5px; background: #fff; padding: 0 10px; color: #222; }

.uiStickyCrm .mdCrmSticky .elCoupon .elDiscount { display: inline-block; *display: inline; *zoom: 1; height: 52px; margin-top: 6.5px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elDiscount span { display: block; line-height: 1; text-align: left; }

.uiStickyCrm .mdCrmSticky .elCoupon .elNumber { *display: inline; float: left; font-size: 52px; font-family: impact,Helvetica,Arial,sans-serif; margin-right: .025em; }

.uiStickyCrm .mdCrmSticky .elCoupon .elLabel { float: right; *float: none; }

.uiStickyCrm .mdCrmSticky .elCoupon .elUnit { font-size: 28px; margin-top: 3px; }

.uiStickyCrm .mdCrmSticky .elCoupon .elOff { font-size: 18px; margin-top: .075em; font-family: Helvetica,Arial,sans-serif; }

.uiStickyCrm .mdCrmSticky .elBanner { text-align: center; height: 80px; }

.uiStickyCrm .mdCrmSticky .elBanner .elItem, .uiStickyCrm .mdCrmSticky .elBanner .elItem p { *zoom: normal; *display: inline; }

.uiStickyCrm .mdCrmSticky .elBanner img { width: auto; height: auto; max-width: 950px; max-height: 80px; background: none; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] { *background-color: #fe001d; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elItem:before, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elItem:after, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elMain, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elSub, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elSub:after { background-color: #fe001d; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elMain:before { border-left-color: #fe001d; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elMain:after { border-left-color: #fa5e76; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="1"] .elGet { color: #fe001d; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] { *background-color: #222; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elItem:before, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elItem:after, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elMain, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elSub:after { background-color: #222; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elMain:before { border-left-color: #222; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elMain:after { border-left-color: #7a7a7a; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="2"] .elSub { background: #ff0020; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] { *background-color: #ffdf00; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elItem:before, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elItem:after, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elSub, .uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elSub:after { background-color: #ffdf00; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain:before { border-left-color: #ffdf00; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elMain:after { border-left-color: #fdef5e; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elCoupon { color: #222; }

.uiStickyCrm .mdCrmSticky[data-crmTemplate-type="coupon"][data-crmTemplate-id="3"] .elGet[class] { color: #fff; background: #222; }

.uiDialogCrm.elHide { display: none; }

.mdOverlayCrm { position: fixed; z-index: 5000001; top: 0; left: 0; width: 100%; -webkit-tap-highlight-color: transparent; tap-highlight-color: transparent; transition: opacity .4s ease-out; background: url(../../_library/images/common/bg_transparent_01.png); background: rgba(0, 0, 0, 0.7); }

.mdOverlayCrm.elHide { height: 0; opacity: 0; }

.mdOverlayCrm.elShow { height: 200%; }

body[data-headerDialog-isDialog]:not([data-headerDialog-isDialog=""]) .mdOverlayCrm, body[data-headerDialog-isDialog]:not([data-headerDialog-isDialog=""]) .uiDialogCrm, body[data-headerDialog-isDialog]:not([data-headerDialog-isDialog=""]) .uiStickyCrm, body[data-headerdialog-isdialog]:not([data-headerdialog-isdialog=""]) .mdOverlayCrm, body[data-headerdialog-isdialog]:not([data-headerdialog-isdialog=""]) .uiDialogCrm, body[data-headerdialog-isdialog]:not([data-headerdialog-isdialog=""]) .uiStickyCrm, body[data-libDialog-isDialog]:not([data-libDialog-isDialog=""]) .mdOverlayCrm, body[data-libDialog-isDialog]:not([data-libDialog-isDialog=""]) .uiDialogCrm, body[data-libDialog-isDialog]:not([data-libDialog-isDialog=""]) .uiStickyCrm, body[data-libdialog-isdialog]:not([data-libdialog-isdialog=""]) .mdOverlayCrm, body[data-libdialog-isdialog]:not([data-libdialog-isdialog=""]) .uiDialogCrm, body[data-libdialog-isdialog]:not([data-libdialog-isdialog=""]) .uiStickyCrm { display: none; }