@charset "UTF-8"; @media (-ms-high-contrast: active), (-ms-high-contrast: none) { body, :root body { font-family: Meiryo, sans-serif; } } @supports (-ms-ime-align: auto) { body, :root body { font-family: Meiryo, sans-serif; } } a { color: #04c; } a:hover { color: #4c88ff; } body #mdYahooTheBargain_footerNav a { color: #04c; } body #mdYahooTheBargain_footerNav a:hover { color: #4c88ff; } body #mdYahooTheBargain_footerNav .elSaleList a:hover .elTitle, body #mdYahooTheBargain_footerNav .elSaleList a:hover .elText { color: #4c88ff; } body #mdYahooTheBargain_footerNav .elSaleList .elButton > span { color: #04c; } body #mdYahooTheBargain_footerNav .elSaleAllButton a span { position: relative; display: inline-block; line-height: 18px; padding-right: 12.02px; } body #mdYahooTheBargain_footerNav .elSaleAllButton a 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; } #shpHeader { padding-bottom: 20px; } .mdsetHeaderDefault { overflow: hidden; } .mdBreadCrumb { margin-top: 0; float: left; } .mdSocialButton { position: relative; z-index: 100; } .mdPublicationPeriod { height: 0; text-align: right; display: inherit; line-height: 1; } .mdSocialButton + .mdPublicationPeriod { margin-top: 10px; } .mdPublicationPeriod:not(:first-child) { margin-top: 10px; } .mdPublicationPeriod .elSitemap, .mdPublicationPeriod .elPublicationPeriod { display: inline-block; vertical-align: middle; } .mdPublicationPeriod .elSitemap + .elPublicationPeriod { margin-left: 5px; padding-left: 5px; border-left: 1px solid #333; } [data-promo-part-social="googlePlus"] > div { vertical-align: top !important; } [data-layout-column-page] { position: relative; box-sizing: content-box; min-width: 950px; margin: 0 auto; padding: 0 10px; background: #fff; } [data-layout-column-page-style="frozen"] [data-layout-column-page] { max-width: 950px; } [data-layout-column-page-style="liquid"] [data-layout-column-page] { max-width: 1290px; } [data-layout-column-page][data-layout-column-page="2Right"] [data-layout-column-page-role], [data-layout-column-page][data-layout-column-page="2Left"] [data-layout-column-page-role], [data-layout-column-page][data-layout-column-page="3"] [data-layout-column-page-role] { float: left; } [data-layout-column-page][data-layout-column-page="2Right"] [data-layout-column-page-role="left"], [data-layout-column-page][data-layout-column-page="2Left"] [data-layout-column-page-role="left"], [data-layout-column-page][data-layout-column-page="3"] [data-layout-column-page-role="left"] { width: 180px; } [data-layout-column-page][data-layout-column-page="2Right"] [data-layout-column-page-role="right"], [data-layout-column-page][data-layout-column-page="2Left"] [data-layout-column-page-role="right"], [data-layout-column-page][data-layout-column-page="3"] [data-layout-column-page-role="right"] { width: 300px; } [data-layout-column-page][data-layout-column-page="2Left"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } [data-layout-column-page][data-layout-column-page="2Left"] > [data-layout-column-page-role="center"]:first-child { width: 100%; } [data-layout-column-page][data-layout-column-page="2Left"] > [data-layout-column-page-role="center"]:first-child > [data-layout-column-page-inner] { margin-left: 200px; } [data-layout-column-page][data-layout-column-page="2Left"] > [data-layout-column-page-role="center"]:first-child + [data-layout-column-page-role="left"] { margin-left: -100%; } [data-layout-column-page][data-layout-column-page="2Right"] > [data-layout-column-page-role="center"]:first-child { width: 100%; } [data-layout-column-page][data-layout-column-page="2Right"] > [data-layout-column-page-role="center"]:first-child > [data-layout-column-page-inner] { margin-right: 320px; } [data-layout-column-page][data-layout-column-page="2Right"] > [data-layout-column-page-role="center"]:first-child + [data-layout-column-page-role="right"] { margin-left: -300px; } [data-layout-column-page][data-layout-column-page="3"] > [data-layout-column-page-role="center"]:first-child { width: 100%; } [data-layout-column-page][data-layout-column-page="3"] > [data-layout-column-page-role="center"]:first-child > [data-layout-column-page-inner] { margin-left: 200px; margin-right: 320px; } [data-layout-column-page][data-layout-column-page="3"] > [data-layout-column-page-role="center"]:first-child + [data-layout-column-page-role="left"] { margin-left: -100%; } [data-layout-column-page][data-layout-column-page="3"] > [data-layout-column-page-role="center"]:first-child + [data-layout-column-page-role="left"] + [data-layout-column-page-role="right"] { margin-left: -300px; } [data-layout-column-page-style="frozen"] #shpHeader, [data-layout-column-page-style="frozen"] #shpFooter { max-width: 950px; } [data-layout-column-page-style="liquid"] #shpHeader, [data-layout-column-page-style="liquid"] #shpFooter { min-width: 950px; max-width: 1290px; } @media screen and (min-width: 970px) and (max-width: 989px) { #shpHeader, #shpFooter, [data-layout-column-page] { padding-left: calc((100% - 950px) / 2); padding-right: calc((100% - 950px) / 2); } } @media screen and (min-width: 990px) { #shpHeader, #shpFooter, [data-layout-column-page] { padding-left: 20px; padding-right: 20px; } } [data-layout-column-page-role="center"] [data-layout-list-wrapper] { margin-top: 10px; overflow: hidden; box-sizing: border-box; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-border-outer="true"] { border: 1px solid #dfdfdf; padding-top: 19px; padding-bottom: 19px; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-padding-inner="true"] { padding: 19px; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-border-inner="true"] { position: relative; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-border-inner="true"]:after { display: block; position: absolute; content: ''; top: 0; left: 0; width: 0; height: 100%; border-left: 1px solid #ffffff; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-border-inner="true"] [data-layout-list-item]:before { display: block; position: absolute; content: ''; top: -1000px; left: 0; width: 0; height: 2000px; border-left: 1px solid #dfdfdf; } [data-layout-column-page-role="center"] [data-layout-list-wrapper] [data-layout-list] { font-size: 0; box-sizing: content-box; margin-top: -30px; } [data-layout-column-page-role="center"] [data-layout-list-wrapper] [data-layout-list-item] { display: inline-block; position: relative; margin-top: 30px; font-size: 13px; vertical-align: top; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="bottom"][data-layout-list-border-outer="true"], [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="both"][data-layout-list-border-outer="true"] { border-bottom: none; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="top"], [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="both"] { margin-top: 0; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="top"][data-layout-list-border-outer="true"], [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="both"][data-layout-list-border-outer="true"] { border-top: none; } [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="top"][data-layout-list-padding-inner="true"], [data-layout-column-page-role="center"] [data-layout-list-wrapper][data-layout-list-wrapper-join="both"][data-layout-list-padding-inner="true"] { padding-top: 10px; } [data-layout-list-item-margin="betweenFixed"] [data-layout-list] { margin-left: -10px; margin-right: -10px; } [data-layout-list-item-margin="betweenFixed"] [data-layout-list-item-inner] { margin-left: 10px; margin-right: 10px; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="1"] [data-layout-list-item] { width: 100%; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="2"] [data-layout-list-item] { width: 50%; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="3"] [data-layout-list-item] { width: 33.33333%; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="4"] [data-layout-list-item] { width: 25%; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="5"] [data-layout-list-item] { width: 20%; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="6"] [data-layout-list-item] { width: 16.66667%; } [data-layout-list-item-margin="betweenFixed"][data-layout-list-type="column"][data-layout-list-column="7"] [data-layout-list-item] { width: 14.28571%; } [data-layout-column-item="106"] > [data-layout-column-item-left], [data-layout-column-item="106"] > a > [data-layout-column-item-left] { display: block; width: 106px; margin-right: -100%; float: left; } [data-layout-column-item="106"] > [data-layout-column-item-right], [data-layout-column-item="106"] > a > [data-layout-column-item-right] { display: block; margin-left: 116px; float: left; } [data-layout-column-item="106"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="106"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 116px; float: left; } [data-layout-column-item="106"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="106"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 106px; margin-left: -100%; float: right; } [data-layout-column-item="126"] > [data-layout-column-item-left], [data-layout-column-item="126"] > a > [data-layout-column-item-left] { display: block; width: 126px; margin-right: -100%; float: left; } [data-layout-column-item="126"] > [data-layout-column-item-right], [data-layout-column-item="126"] > a > [data-layout-column-item-right] { display: block; margin-left: 136px; float: left; } [data-layout-column-item="126"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="126"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 136px; float: left; } [data-layout-column-item="126"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="126"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 126px; margin-left: -100%; float: right; } [data-layout-column-item="132"] > [data-layout-column-item-left], [data-layout-column-item="132"] > a > [data-layout-column-item-left] { display: block; width: 132px; margin-right: -100%; float: left; } [data-layout-column-item="132"] > [data-layout-column-item-right], [data-layout-column-item="132"] > a > [data-layout-column-item-right] { display: block; margin-left: 142px; float: left; } [data-layout-column-item="132"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="132"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 142px; float: left; } [data-layout-column-item="132"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="132"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 132px; margin-left: -100%; float: right; } [data-layout-column-item="146"] > [data-layout-column-item-left], [data-layout-column-item="146"] > a > [data-layout-column-item-left] { display: block; width: 146px; margin-right: -100%; float: left; } [data-layout-column-item="146"] > [data-layout-column-item-right], [data-layout-column-item="146"] > a > [data-layout-column-item-right] { display: block; margin-left: 156px; float: left; } [data-layout-column-item="146"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="146"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 156px; float: left; } [data-layout-column-item="146"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="146"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 146px; margin-left: -100%; float: right; } [data-layout-column-item="160"] > [data-layout-column-item-left], [data-layout-column-item="160"] > a > [data-layout-column-item-left] { display: block; width: 160px; margin-right: -100%; float: left; } [data-layout-column-item="160"] > [data-layout-column-item-right], [data-layout-column-item="160"] > a > [data-layout-column-item-right] { display: block; margin-left: 170px; float: left; } [data-layout-column-item="160"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="160"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 170px; float: left; } [data-layout-column-item="160"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="160"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 160px; margin-left: -100%; float: right; } [data-layout-column-item="170"] > [data-layout-column-item-left], [data-layout-column-item="170"] > a > [data-layout-column-item-left] { display: block; width: 170px; margin-right: -100%; float: left; } [data-layout-column-item="170"] > [data-layout-column-item-right], [data-layout-column-item="170"] > a > [data-layout-column-item-right] { display: block; margin-left: 180px; float: left; } [data-layout-column-item="170"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="170"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 180px; float: left; } [data-layout-column-item="170"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="170"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 170px; margin-left: -100%; float: right; } [data-layout-column-item="200"] > [data-layout-column-item-left], [data-layout-column-item="200"] > a > [data-layout-column-item-left] { display: block; width: 200px; margin-right: -100%; float: left; } [data-layout-column-item="200"] > [data-layout-column-item-right], [data-layout-column-item="200"] > a > [data-layout-column-item-right] { display: block; margin-left: 210px; float: left; } [data-layout-column-item="200"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="200"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 210px; float: left; } [data-layout-column-item="200"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="200"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 200px; margin-left: -100%; float: right; } [data-layout-column-item="300"] > [data-layout-column-item-left], [data-layout-column-item="300"] > a > [data-layout-column-item-left] { display: block; width: 300px; margin-right: -100%; float: left; } [data-layout-column-item="300"] > [data-layout-column-item-right], [data-layout-column-item="300"] > a > [data-layout-column-item-right] { display: block; margin-left: 310px; float: left; } [data-layout-column-item="300"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="300"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 310px; float: left; } [data-layout-column-item="300"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="300"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 300px; margin-left: -100%; float: right; } [data-layout-column-item="450"] > [data-layout-column-item-left], [data-layout-column-item="450"] > a > [data-layout-column-item-left] { display: block; width: 450px; margin-right: -100%; float: left; } [data-layout-column-item="450"] > [data-layout-column-item-right], [data-layout-column-item="450"] > a > [data-layout-column-item-right] { display: block; margin-left: 460px; float: left; } [data-layout-column-item="450"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="450"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 460px; float: left; } [data-layout-column-item="450"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="450"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 450px; margin-left: -100%; float: right; } [data-layout-column-item="950"] > [data-layout-column-item-left], [data-layout-column-item="950"] > a > [data-layout-column-item-left] { display: block; width: 950px; margin-right: -100%; float: left; } [data-layout-column-item="950"] > [data-layout-column-item-right], [data-layout-column-item="950"] > a > [data-layout-column-item-right] { display: block; margin-left: 960px; float: left; } [data-layout-column-item="950"][data-layout-column-item-reverse] > [data-layout-column-item-left], [data-layout-column-item="950"][data-layout-column-item-reverse] > a > [data-layout-column-item-left] { width: auto; margin-right: 960px; float: left; } [data-layout-column-item="950"][data-layout-column-item-reverse] > [data-layout-column-item-right], [data-layout-column-item="950"][data-layout-column-item-reverse] > a > [data-layout-column-item-right] { width: 950px; margin-left: -100%; float: right; } [data-promo-common-style-headline] { margin-top: 0px; margin-top: calc(0px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); line-height: 1.2; } [data-layout-column-page-role="center"] [data-promo-common-style-headline] { font-size: 22px; } [data-layout-column-page-role="left"] [data-promo-common-style-headline] { font-size: 16px; padding-bottom: 10px; border-bottom: 1px solid #888888; } [data-promo-common-style-headline-part] { margin-top: 30px; margin-top: calc(30px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); line-height: 1.2; font-size: 18px; } [data-promo-common-style-lead] { margin-top: 10px; margin-top: calc(10px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-promo-common-style-linelength="1"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; } [data-promo-common-style-linelength="2"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } [data-promo-common-style-linelength="3"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; } [data-promo-common-style-linelength="4"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; overflow: hidden; } [data-promo-common-style-linelength="5"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; } [data-promo-common-style-linelength="6"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 6; overflow: hidden; } [data-promo-common-style-linelength="7"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; } [data-promo-common-style-linelength="8"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 8; overflow: hidden; } [data-promo-common-style-linelength="9"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 9; overflow: hidden; } [data-promo-common-style-linelength="10"] { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 10; overflow: hidden; } [data-promo-common-style-image] { line-height: 0; } [data-promo-common-style-image] a { display: block; } [data-promo-common-style-image] img { width: 100%; height: auto; line-height: 1; } [data-promo-common-style-image] a img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } [data-promo-common-style-text] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); font-size: 13px; } [data-promo-common-style-text="bold"] { font-weight: bold; } [data-promo-common-style-text="free"] { color: #ff3766; font-weight: bold; } [data-promo-common-style-text-sub] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); color: #808080; font-size: 13px; } [data-promo-common-style-textlist] > li { position: relative; margin-top: 10px; margin-top: calc(10px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); padding-left: 15px; } [data-promo-common-style-textlist] > li:before { display: block; content: ""; position: absolute; top: 3px; left: 3px; width: 6px; height: 6px; border-left: 1px solid #cccccc; border-bottom: 1px solid #cccccc; } [data-promo-common-style-ranking] { box-sizing: border-box; position: relative; z-index: 1; width: 30px; height: 17px; padding-top: 3px; padding-right: 7px; line-height: 12px; font-size: 12px; color: #fff; font-weight: bold; font-family: Arial; text-align: center; vertical-align: top; background: url(../../../../../../shp_front/pc/_library/images/common/spr_ranking_01.png) no-repeat 0 -150px; } [data-promo-common-style-ranking]:after { clear: both; content: ""; display: block; } :root [data-promo-common-style-ranking] { background: none; } :root [data-promo-common-style-ranking]:before, :root [data-promo-common-style-ranking]:after { position: absolute; font-family: 'icon2.0'; line-height: 1; } :root [data-promo-common-style-ranking]:before { content: ""; font-size: 30px; z-index: -1; bottom: -7px; left: 0; color: #464646; } [data-promo-common-style-ranking] span { display: inline-block; } [data-promo-common-style-ranking="1"] { box-sizing: border-box; position: relative; z-index: 1; width: 30px; height: 17px; padding-top: 3px; padding-right: 7px; line-height: 12px; font-size: 12px; color: #fff; font-weight: bold; font-family: Arial; text-align: center; vertical-align: top; background: url(../../../../../../shp_front/pc/_library/images/common/spr_ranking_01.png) no-repeat 0 -150px; width: 47px; padding-left: 20px; padding-right: 8px; background-position: 0 0; } :root [data-promo-common-style-ranking="1"] { background: none; } :root [data-promo-common-style-ranking="1"]:before, :root [data-promo-common-style-ranking="1"]:after { position: absolute; font-family: 'icon2.0'; line-height: 1; } :root [data-promo-common-style-ranking="1"]:before { content: ""; font-size: 30px; z-index: -1; bottom: -7px; left: 0; color: #464646; } :root [data-promo-common-style-ranking="1"]:before { left: 17.5px; content: ""; } :root [data-promo-common-style-ranking="1"]:after { content: ""; font-size: 18px; z-index: -1; bottom: 0; left: 0; height: 18px; } :root [data-promo-common-style-ranking="1"]:before, :root [data-promo-common-style-ranking="1"]:after { color: #a98c3c; } [data-promo-common-style-ranking="2"] { box-sizing: border-box; position: relative; z-index: 1; width: 30px; height: 17px; padding-top: 3px; padding-right: 7px; line-height: 12px; font-size: 12px; color: #fff; font-weight: bold; font-family: Arial; text-align: center; vertical-align: top; background: url(../../../../../../shp_front/pc/_library/images/common/spr_ranking_01.png) no-repeat 0 -150px; width: 47px; padding-left: 20px; padding-right: 8px; background-position: 0 -50px; } :root [data-promo-common-style-ranking="2"] { background: none; } :root [data-promo-common-style-ranking="2"]:before, :root [data-promo-common-style-ranking="2"]:after { position: absolute; font-family: 'icon2.0'; line-height: 1; } :root [data-promo-common-style-ranking="2"]:before { content: ""; font-size: 30px; z-index: -1; bottom: -7px; left: 0; color: #464646; } :root [data-promo-common-style-ranking="2"]:before { left: 17.5px; content: ""; } :root [data-promo-common-style-ranking="2"]:after { content: ""; font-size: 18px; z-index: -1; bottom: 0; left: 0; height: 18px; } :root [data-promo-common-style-ranking="2"]:before, :root [data-promo-common-style-ranking="2"]:after { color: #9c9c9c; } [data-promo-common-style-ranking="3"] { box-sizing: border-box; position: relative; z-index: 1; width: 30px; height: 17px; padding-top: 3px; padding-right: 7px; line-height: 12px; font-size: 12px; color: #fff; font-weight: bold; font-family: Arial; text-align: center; vertical-align: top; background: url(../../../../../../shp_front/pc/_library/images/common/spr_ranking_01.png) no-repeat 0 -150px; width: 47px; padding-left: 20px; padding-right: 8px; background-position: 0 -100px; } :root [data-promo-common-style-ranking="3"] { background: none; } :root [data-promo-common-style-ranking="3"]:before, :root [data-promo-common-style-ranking="3"]:after { position: absolute; font-family: 'icon2.0'; line-height: 1; } :root [data-promo-common-style-ranking="3"]:before { content: ""; font-size: 30px; z-index: -1; bottom: -7px; left: 0; color: #464646; } :root [data-promo-common-style-ranking="3"]:before { left: 17.5px; content: ""; } :root [data-promo-common-style-ranking="3"]:after { content: ""; font-size: 18px; z-index: -1; bottom: 0; left: 0; height: 18px; } :root [data-promo-common-style-ranking="3"]:before, :root [data-promo-common-style-ranking="3"]:after { color: #c45300; } [data-promo-common-style-price] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); font-size: 18px; font-weight: bold; color: #c00; } [data-promo-common-style-store] { margin-top: 0px; margin-top: calc(0px - (17px - 1em) / 2); margin-bottom: 0px; margin-bottom: calc(0px - (17px - 1em) / 2); font-size: 11px; } [data-promo-common-style-store] span { position: relative; display: inline-block; line-height: 17px; padding-left: 19.535px; color: #808080; } [data-promo-common-style-store] span:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 17px; line-height: 1; width: 14.535px; text-indent: -1.1628px; top: 0; left: 0; color: #b2b2b2; } [data-promo-common-style-more] a, [data-promo-common-style-more-line] a { padding-top: 7px; padding-top: calc(7px - (17px - 1em) / 2); padding-bottom: 7px; padding-bottom: calc(7px - (17px - 1em) / 2); display: block; padding: 8px 7px 7px; border: 1px solid #04c; border-radius: 5px; } [data-promo-common-style-more] a span, [data-promo-common-style-more-line] a span { position: relative; display: inline-block; line-height: 17px; padding-right: 13.63px; width: 100%; font-weight: bold; box-sizing: border-box; } [data-promo-common-style-more] a span:after, [data-promo-common-style-more-line] a span:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 17px; line-height: 1; width: 6.63px; text-indent: -5.8344px; top: 50%; margin-top: -8.5px; right: 0; } [data-promo-common-style-more] a span:after, [data-promo-common-style-more-line] a span:after { font-weight: bold; } [data-promo-common-style-more] { text-align: center; } [data-promo-common-style-more-line] { text-align: right; } [data-promo-common-style-more-line] a { display: inline-block; } [data-promo-common-style-point] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); font-size: 11px; } [data-promo-common-style-point] span { position: relative; padding-left: 16px; } [data-promo-common-style-point] span:before { display: block; content: ''; position: absolute; width: 13px; height: 13px; top: 50%; left: 0; margin-top: -7px; background: url("https://s.yimg.jp/images/sicons/point13.png") no-repeat center center; background-size: 11px auto; } [data-promo-common-style-benefits] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); font-size: 11px; } [data-promo-common-style-total] { font-weight: Bold; } [data-promo-common-style-tpoint] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); font-size: 11px; position: relative; padding-left: 15px; } [data-promo-common-style-tpoint]:before { display: block; content: ''; position: absolute; width: 16px; height: 13px; top: 6px; left: 0; margin-top: -7px; background: url("https://s.yimg.jp/images/sicons/point13.png") no-repeat center center; background-size: 11px auto; } [data-promo-common-style-paypay] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); font-size: 11px; position: relative; padding-left: 13px; } [data-promo-common-style-paypay]:before { display: block; content: ''; position: absolute; width: 13px; height: 13px; top: 6px; left: 0; margin-top: -6.5px; background: url("https://s.yimg.jp/c/icon/s/bsc/2.0/paypay40.png") no-repeat center center; background-size: 13px auto; } [data-promo-common-style-point-premium] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); color: #c00; font-size: 11px; } [data-promo-common-style-labelbig] { padding: 8px; padding-top: 8px; padding-top: calc(8px - 1em * (1.4 - 1) / 2); padding-bottom: 8px; padding-bottom: calc(8px - 1em * (1.4 - 1) / 2); background: #f33; color: #fff; font-size: 13px; font-weight: bold; text-align: center; } [data-promo-common-style-label] span { display: inline-block; padding: 2px 5px; border: 1px solid; color: #fff; font-size: 11px; line-height: 1; } [data-promo-common-style-label="free"] span { background: #ff3766; border-color: #ff3766; } [data-promo-common-style-label="lim"] span { color: #ff3d6a; background: #fff2f5; border-color: #ff3d6a; } [data-promo-common-style-label="kytk"] span { background: #4598ee; border-color: #4598ee; } [data-promo-common-style-label="astk"] span { background: #0154a7; border-color: #0154a7; } [data-promo-common-style-label="reservation"] span { background: #8a58a2; border-color: #8a58a2; } [data-promo-common-style-label="rsrv"] span { background: #50a2a6; border-color: #50a2a6; } [data-promo-common-style-label="soldOut"] span { background: #808080; border-color: #808080; } [data-promo-common-style-label="used"] span { background: #4ec227; border-color: #4ec227; } [data-promo-common-style-label="sale"] span { background: #f33; border-color: #f33; } [data-promo-common-style-label="dontn"] span { background: #d8e8ce; border-color: #3d8c0c; color: #3d8c0c; } [data-promo-common-style-label="point"] span { background: #fffad0; border-color: #da9f22; color: #b87e00; } [data-promo-common-style-review] { margin-top: 0px; margin-top: calc(0px - 1em * (1.4 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.4 - 1) / 2); line-height: 15px; } [data-promo-common-style-review]:after { clear: both; content: ""; display: block; } [data-promo-common-style-review] .elText { display: inline-block; vertical-align: text-bottom; } [data-promo-common-style-review="item"] .elStar { display: inline-block; font-size: 0; vertical-align: top; } [data-promo-common-style-review="item"] .elStar:after { clear: both; content: ""; display: block; } [data-promo-common-style-review="item"] .elStar span { float: left; width: 12.9px; margin-left: 2px; height: 15px; position: relative; display: block; line-height: 15px; padding-left: 12.9px; padding-left: 0; } [data-promo-common-style-review="item"] .elStar span:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 15px; line-height: 1; width: 12.9px; text-indent: -0.8772px; top: 0; left: 0; color: #e9e9e9; } [data-promo-common-style-review="item"] .elStar span:first-child { margin-left: 0; } [data-promo-common-style-review="item"] .elStar.elRate10 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate15 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate20 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate25 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate30 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate35 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate40 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar1:before, [data-promo-common-style-review="item"] .elStar.elRate50 .elStar1:before { color: #f6b81b; } [data-promo-common-style-review="item"] .elStar.elRate20 .elStar2:before, [data-promo-common-style-review="item"] .elStar.elRate25 .elStar2:before, [data-promo-common-style-review="item"] .elStar.elRate30 .elStar2:before, [data-promo-common-style-review="item"] .elStar.elRate35 .elStar2:before, [data-promo-common-style-review="item"] .elStar.elRate40 .elStar2:before, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar2:before, [data-promo-common-style-review="item"] .elStar.elRate50 .elStar2:before { color: #f6b81b; } [data-promo-common-style-review="item"] .elStar.elRate30 .elStar3:before, [data-promo-common-style-review="item"] .elStar.elRate35 .elStar3:before, [data-promo-common-style-review="item"] .elStar.elRate40 .elStar3:before, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar3:before, [data-promo-common-style-review="item"] .elStar.elRate50 .elStar3:before { color: #f6b81b; } [data-promo-common-style-review="item"] .elStar.elRate40 .elStar4:before, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar4:before, [data-promo-common-style-review="item"] .elStar.elRate50 .elStar4:before { color: #f6b81b; } [data-promo-common-style-review="item"] .elStar.elRate50 .elStar5:before { color: #f6b81b; } [data-promo-common-style-review="item"] .elStar.elRate05 .elStar1, [data-promo-common-style-review="item"] .elStar.elRate15 .elStar2, [data-promo-common-style-review="item"] .elStar.elRate25 .elStar3, [data-promo-common-style-review="item"] .elStar.elRate35 .elStar4, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar5 { position: relative; display: block; line-height: 15px; padding-right: 12.9px; padding-right: 0; } [data-promo-common-style-review="item"] .elStar.elRate05 .elStar1:after, [data-promo-common-style-review="item"] .elStar.elRate15 .elStar2:after, [data-promo-common-style-review="item"] .elStar.elRate25 .elStar3:after, [data-promo-common-style-review="item"] .elStar.elRate35 .elStar4:after, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar5:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 15px; line-height: 1; width: 12.9px; text-indent: -0.8772px; top: 0; right: 0; color: #f6b81b; } [data-promo-common-style-review="item"] .elStar.elRate05 .elStar1:after, [data-promo-common-style-review="item"] .elStar.elRate15 .elStar2:after, [data-promo-common-style-review="item"] .elStar.elRate25 .elStar3:after, [data-promo-common-style-review="item"] .elStar.elRate35 .elStar4:after, [data-promo-common-style-review="item"] .elStar.elRate45 .elStar5:after { left: 0; } [data-promo-common-style-review="store"] .elStar { display: inline-block; font-size: 0; vertical-align: top; } [data-promo-common-style-review="store"] .elStar:after { clear: both; content: ""; display: block; } [data-promo-common-style-review="store"] .elStar span { float: left; width: 12.9px; margin-left: 2px; height: 15px; position: relative; display: block; line-height: 15px; padding-left: 12.9px; padding-left: 0; } [data-promo-common-style-review="store"] .elStar span:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 15px; line-height: 1; width: 12.9px; text-indent: -0.8772px; top: 0; left: 0; color: #e9e9e9; } [data-promo-common-style-review="store"] .elStar span:first-child { margin-left: 0; } [data-promo-common-style-review="store"] .elStar.elRate10 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate15 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate20 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate25 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate30 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate35 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate40 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar1:before, [data-promo-common-style-review="store"] .elStar.elRate50 .elStar1:before { color: #56be3d; } [data-promo-common-style-review="store"] .elStar.elRate20 .elStar2:before, [data-promo-common-style-review="store"] .elStar.elRate25 .elStar2:before, [data-promo-common-style-review="store"] .elStar.elRate30 .elStar2:before, [data-promo-common-style-review="store"] .elStar.elRate35 .elStar2:before, [data-promo-common-style-review="store"] .elStar.elRate40 .elStar2:before, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar2:before, [data-promo-common-style-review="store"] .elStar.elRate50 .elStar2:before { color: #56be3d; } [data-promo-common-style-review="store"] .elStar.elRate30 .elStar3:before, [data-promo-common-style-review="store"] .elStar.elRate35 .elStar3:before, [data-promo-common-style-review="store"] .elStar.elRate40 .elStar3:before, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar3:before, [data-promo-common-style-review="store"] .elStar.elRate50 .elStar3:before { color: #56be3d; } [data-promo-common-style-review="store"] .elStar.elRate40 .elStar4:before, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar4:before, [data-promo-common-style-review="store"] .elStar.elRate50 .elStar4:before { color: #56be3d; } [data-promo-common-style-review="store"] .elStar.elRate50 .elStar5:before { color: #56be3d; } [data-promo-common-style-review="store"] .elStar.elRate05 .elStar1, [data-promo-common-style-review="store"] .elStar.elRate15 .elStar2, [data-promo-common-style-review="store"] .elStar.elRate25 .elStar3, [data-promo-common-style-review="store"] .elStar.elRate35 .elStar4, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar5 { position: relative; display: block; line-height: 15px; padding-right: 12.9px; padding-right: 0; } [data-promo-common-style-review="store"] .elStar.elRate05 .elStar1:after, [data-promo-common-style-review="store"] .elStar.elRate15 .elStar2:after, [data-promo-common-style-review="store"] .elStar.elRate25 .elStar3:after, [data-promo-common-style-review="store"] .elStar.elRate35 .elStar4:after, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar5:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 15px; line-height: 1; width: 12.9px; text-indent: -0.8772px; top: 0; right: 0; color: #56be3d; } [data-promo-common-style-review="store"] .elStar.elRate05 .elStar1:after, [data-promo-common-style-review="store"] .elStar.elRate15 .elStar2:after, [data-promo-common-style-review="store"] .elStar.elRate25 .elStar3:after, [data-promo-common-style-review="store"] .elStar.elRate35 .elStar4:after, [data-promo-common-style-review="store"] .elStar.elRate45 .elStar5:after { left: 0; } [data-promo-common-style-form="text"] input { width: 100%; height: 28px; padding: 0 9px; background: #fff; border: 1px solid #a6a6a6; border-radius: 3px; line-height: 26px; } [data-promo-common-style-form="select"] { position: relative; display: inline-block; width: 100%; overflow: hidden; position: relative; display: inline-block; line-height: 15px; padding-right: 9.105px; padding-right: 0; } [data-promo-common-style-form="select"]:before { content: ''; position: absolute; top: 0; right: 0; display: block; width: 22px; height: 100%; background: #a6a6a6; border-radius: 0 3px 3px 0; pointer-events: none; } [data-promo-common-style-form="select"]:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 15px; line-height: 1; width: 9.105px; text-indent: -2.9136px; top: 50%; margin-top: -7.5px; right: 0; color: #fff; } [data-promo-common-style-form="select"]:after { right: 5px; pointer-events: none; } [data-promo-common-style-form="select"] select { -webkit-appearance: none; width: 130%; padding: 0 0 0 9px; border: 1px solid #a6a6a6; border-radius: 3px; line-height: 28px; } [data-promo-common-style-form="checkbox"] { position: relative; } [data-promo-common-style-form="checkbox"] input { position: absolute; left: -10000px; } [data-promo-common-style-form="checkbox"] input + span { padding-left: 21px; } [data-promo-common-style-form="checkbox"] input:checked + span { position: relative; display: inline-block; line-height: 14px; padding-right: 10.934px; padding-right: 0; } [data-promo-common-style-form="checkbox"] input:checked + span:before { background-color: #04c; border-color: #04c; } [data-promo-common-style-form="checkbox"] input:checked + span:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 14px; line-height: 1; width: 10.934px; text-indent: -1.316px; top: 50%; margin-top: -7px; right: 0; color: #fff; } [data-promo-common-style-form="checkbox"] input:checked + span:after { top: 8px; left: 3px; } [data-promo-common-style-form="checkbox"] label { vertical-align: middle; } [data-promo-common-style-form="checkbox"] span { position: relative; display: inline-block; } [data-promo-common-style-form="checkbox"] span:before { content: ' '; position: absolute; top: 0; left: 0; width: 16px; height: 16px; border: 1px solid #999; border-radius: 3px; } [data-promo-common-style-form="radio"] { margin: -15px 0 0 -15px; } [data-promo-common-style-form="radio"] li { display: inline-block; margin: 15px 0 0 15px; } [data-promo-common-style-form="radio"] label { display: inline-block; vertical-align: middle; } [data-promo-common-style-form="radio"] span { position: relative; padding: 0; line-height: 16px; } [data-promo-common-style-form="radio"] input { position: absolute; left: -10000px; } [data-promo-common-style-form="radio"] input + span { position: relative; display: inline-block; line-height: 16px; padding-left: 18.84px; } [data-promo-common-style-form="radio"] input + span:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 13.84px; text-indent: -1.07952px; top: 50%; margin-top: -8px; left: 0; color: #999; } [data-promo-common-style-form="radio"] input:checked + span { position: relative; display: inline-block; line-height: 16px; padding-left: 18.84px; padding-right: 0; } [data-promo-common-style-form="radio"] input:checked + span:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 13.84px; text-indent: -1.07952px; top: 50%; margin-top: -8px; left: 0; color: #04c; } [data-promo-common-style-form="submit"] { padding: 0 50px 0 50px; padding: 0 50px 0 calc(50px + 0.5em); background-color: #ff9000; border: none; border-radius: 5px; color: #fff; font-size: 16px; text-align: center; letter-spacing: 0.5em; line-height: 35px; -webkit-tap-highlight-color: white; tap-highlight-color: white; } [data-promo-common-style-form="clear"] button[type="reset"] { padding: 0; border: none; color: #555; } [data-promo-common-style-form="clear"] button[type="reset"]:hover { color: #4c88ff; } [data-layout-column-page-role="center"] [data-promo-module] ~ [data-promo-module] { margin-top: 40px; } [data-layout-column-page-role="left"] [data-promo-module] ~ [data-promo-module] { margin-top: 30px; } [data-anchor] { display: block; position: relative; top: -10px; z-index: -1; height: 0; } /* mdBreadCrumb */ .mdBreadCrumb a, .mdBreadCrumb strong, .mdBreadCrumb span { *zoom: 1; *white-space: nowrap; } .mdBreadCrumb ol { font-size: 0; } .mdBreadCrumb ol + ol { margin-top: 5px; } .mdBreadCrumb li:first-child:before { content: normal; } .mdBreadCrumb .elSmall li { font-size: 11px; background-position: -3px 1px; *background-position: -3px 3px; } .mdBreadCrumb .elSmall li:before { top: 1px; } /* mdEMG */ .mdEMG { font-size: medium; line-height: normal; width: 950px; margin: 10px auto; } .mdEMG img { vertical-align: middle; } .mdEMG div, .mdEMG p, .mdEMG table { box-sizing: content-box; } .mdEMG table { border-collapse: separate; } .mdEMG table, .mdEMG th, .mdEMG td { border: none; text-align: inherit; } .mdEMG [align="center"], .mdEMG [align="center"] * { text-align: center; } .mdEMG [cellpadding="1"] td { padding: 1px; } .mdEMG [cellpadding="2"] td { padding: 2px; } .mdEMG [cellpadding="4"] td { padding: 4px; } .mdEMG [valign="top"], .mdEMG [valign="top"] td { vertical-align: top; } .mdEMG [valign="middle"], .mdEMG [valign="middle"] td { vertical-align: middle; } .mdEMG [valign="bottom"], .mdEMG [valign="bottom"] td { vertical-align: bottom; } .mdEMG table { margin: 0 auto; } .mdEMG > table ~ table { margin-top: 10px; } .mdEMG td { *padding: 2px; *text-align: center; } .mdEMG table table { margin-top: 0; } .mdEMG table + br { display: none; } .mdEMG table table td { padding: 5px; } /*.mdEndOfPublicationPeriod */ .mdEndOfPublicationPeriod { margin-top: 20px; margin-bottom: 20px; } .mdEndOfPublicationPeriod p { padding: 20px 0; border: 2px solid #f00; color: #f00; text-align: center; } .mdShpPromoEntry { text-align: center; } .mdShpPromoEntry .elHeadline { font-size: 169.23%; font-weight: bold; } .mdShpPromoEntry .elCampaignList > li { display: inline-block; vertical-align: top; } .mdShpPromoEntry[data-promo-entry-extra="2"] .elCampaignList { border: 1px solid #cdcdcd; overflow: hidden; } .mdShpPromoEntry[data-promo-entry-extra="2"] .elCampaignList > li { position: relative; width: 50%; } .mdShpPromoEntry[data-promo-entry-extra="2"] .elCampaignList > li + li:before { content: ""; position: absolute; top: 0; left: 0; display: block; height: 200%; border-left: 1px solid #cdcdcd; } .mdShpPromoEntry[data-promo-entry-extra="2"] [data-promo-part-entry] { border: none; } .mdShpPromoEntry[data-promo-entry-extra="2"] [data-promo-part-entryPay] { border: none; } .mdShpPromoEntry[data-promo-entry-extra="3"] .elCampaignList { border: 1px solid #cdcdcd; overflow: hidden; } .mdShpPromoEntry[data-promo-entry-extra="3"] .elCampaignList > li { position: relative; width: 33.3%; } .mdShpPromoEntry[data-promo-entry-extra="3"] .elCampaignList > li + li:before { content: ""; position: absolute; top: 0; left: 0; display: block; height: 200%; border-left: 1px solid #cdcdcd; } .mdShpPromoEntry[data-promo-entry-extra="3"] [data-promo-part-entry] { border: none; } .mdShpPromoEntry[data-promo-entry-extra="3"] [data-promo-part-entryPay] { border: none; } .mdShpPromoEntry .elLoginYID { display: block; margin-top: 10px; color: #fa4646; font-size: 107.69231%; text-align: center; } .mdShpPromoEntry .elLoginYID > dt, .mdShpPromoEntry .elLoginYID > dd { display: inline-block; } /* mdFooterDeviceChange */ .mdFooterDeviceChange { box-sizing: content-box; max-width: 1290px; margin: 0 auto; padding: 14px 10px 0 10px; background: #fff; } .mdFooterDeviceChange .yjChviewWrap { text-align: center; } .mdFooterDeviceChange .yjChview { box-sizing: content-box; display: inline-block; padding: 10px 30px; border: 1px solid #e7e7e7; background: #f9f9f9; text-align: center; } .mdFooterDeviceChange .yjChview dl, .mdFooterDeviceChange .yjChview dd, .mdFooterDeviceChange .yjChview p { margin: 0; } .mdFooterDeviceChange .yjChview dt, .mdFooterDeviceChange .yjChview dd { display: inline; font-size: 14px; line-height: 1.2em; } .mdFooterDeviceChange .yjChview dt { padding-right: 0.2em; } .mdFooterDeviceChange .yjChview dd span { font-weight: bold; } .mdFooterDeviceChange .yjChview dd:after { content: "\ff5c"; } .mdFooterDeviceChange .yjChview dd.end:after { content: ""; } /* mdFooterSitePolicy */ .mdFooterSitePolicy { box-sizing: content-box; max-width: 1290px; margin: 0 auto; padding: 20px 10px 0 10px; background: #fff; text-align: center; } .mdFooterSitePolicy address { padding: 10px 0 20px 0; border-top: 1px solid #ccc; } /* mdHeaderEventSet */ .mdHeaderEventSet .elNavi { background-color: #e6e6e6; border: solid 1px #ccc; line-height: 1; *line-height: 1.2; } .mdHeaderEventSet .elNavi p { float: right; padding: 5px 9px; } .mdHeaderEventSet .elNavi p.elBreadcrumb { float: left; } .mdHeaderEventSet .elNavi p.elBreadcrumb strong { font-weight: normal; } .mdHeaderEventSet .elYID { padding: 5px 10px; } .mdHeaderEventSet .elYID .dcLeft { float: left; line-height: 110%; padding-bottom: 5px; } .mdHeaderEventSet .elYID .dcLeft img { padding: 0.1em 5px 0.4em 0; border: none; vertical-align: middle; } .mdHeaderEventSet .elYID .dcLeft .yid { font-weight: bold; } .mdHeaderEventSet .elYID .dcLeft .getpoint { margin-left: 5px; } .mdHeaderEventSet .elYID .dcLeft .limitedpoint { color: #ff0033; font-weight: bold; } .mdHeaderEventSet .elYID .dcLeft .change { margin-left: 8px; } .mdHeaderEventSet .elYID .dcLeft .Fsp { margin-left: 12px; } /* headerPPMiniApp */ [data-promo-part-masthead-ppminiapp].mdPaypayPageBack { height: 44px; padding-left: 16px; background-color: #fff; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } [data-promo-part-masthead-ppminiapp].mdPaypayPageBack .elLink { width: 24px; height: 32px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -ms-flex-align: center; -webkit-box-align: center; -webkit-align-items: center; align-items: center; } [data-promo-part-masthead-ppminiapp].mdPaypayPageBack .elLink::before { content: ""; width: 18.984px; height: 28px; display: block; background-position: center; background-size: cover; background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjAuMiwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuODrOOCpOODpOODvF8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiCgkgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDI0IDI0OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6bm9uZTt9Cgkuc3Qxe2ZpbGw6IzgwODA4MDt9Cjwvc3R5bGU+CjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0wLDBoMjR2MjRIMFYweiIvPgo8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjAsMTFINy44bDUuNi01LjZMMTIsNGwtOCw4bDgsOGwxLjQtMS40TDcuOCwxM0gyMFYxMXoiLz4KPC9zdmc+Cg=="); } /* mdJsOffAlert */ .mdJsOffAlert { width: 890px; margin: 15px auto; } .mdJsOffAlert .dvBox { background: #d8d8d8; padding: 20px; } .mdJsOffAlert .dvBox p { text-align: center; } .mdJsOffAlert .dvBox p em { font-style: normal; font-weight: bold; letter-spacing: 0.05em; } .mdJsOffAlert .dvBox p.dcAlert { font-weight: bold; font-size: 14px; } .mdJsOffAlert .dvBox p.dcMintxt { font-size: 11px; } /* mdJumpAnchor */ .mdJumpAnchor { box-sizing: content-box; max-width: 1290px; margin: 40px auto 20px auto; padding: 0 10px; } .mdJumpAnchor .elTop { text-align: right; } .mdJumpAnchor .elTop a { position: relative; display: inline-block; line-height: 14px; padding-right: 14.38px; } .mdJumpAnchor .elTop a:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 14px; line-height: 1; width: 9.38px; text-indent: -2.2512px; top: 0px; right: 0; color: #04c; } .mdJumpAnchor .elTop strong { font-weight: normal; } /* k2Recommend */ .mdK2Recommend a { display: block; } .mdK2Recommend a:link, .mdK2Recommend a:visited { color: #333; -webkit-tap-highlight-color: rgba(0, 153, 170, 0.12); } .mdK2Recommend a:hover { color: #4c88ff; } .mdK2Recommend a canvas { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .mdK2Recommend .elHeader h2 { line-height: 1; font-size: 18px; } .mdK2Recommend ul { margin-top: 5px; padding: 19px; text-align: center; } .mdK2Recommend li { display: inline-block; *display: inline; box-sizing: content-box; text-align: left; vertical-align: top; opacity: 1; } .mdK2Recommend li:nth-child(1) { -webkit-transition: margin-top 0.5s ease-out 0.1s, opacity 1.2s ease-out 0.1s; transition: margin-top 0.5s ease-out 0.1s, opacity 1.2s ease-out 0.1s; } .mdK2Recommend li:nth-child(2) { -webkit-transition: margin-top 0.5s ease-out 0.2s, opacity 1.2s ease-out 0.2s; transition: margin-top 0.5s ease-out 0.2s, opacity 1.2s ease-out 0.2s; } .mdK2Recommend li:nth-child(3) { -webkit-transition: margin-top 0.5s ease-out 0.3s, opacity 1.2s ease-out 0.3s; transition: margin-top 0.5s ease-out 0.3s, opacity 1.2s ease-out 0.3s; } .mdK2Recommend li:nth-child(4) { -webkit-transition: margin-top 0.5s ease-out 0.4s, opacity 1.2s ease-out 0.4s; transition: margin-top 0.5s ease-out 0.4s, opacity 1.2s ease-out 0.4s; } .mdK2Recommend li:nth-child(5) { -webkit-transition: margin-top 0.5s ease-out 0.5s, opacity 1.2s ease-out 0.5s; transition: margin-top 0.5s ease-out 0.5s, opacity 1.2s ease-out 0.5s; } .mdK2Recommend .raised { -webkit-transition: -webkit-box-shadow 0.2s; -webkit-transition-delay: 0.2s; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.12), 0 1px 1px rgba(0, 0, 0, 0.24); } .mdK2Recommend .button.raised.activated { -webkit-box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.19), 0px 6px 3px rgba(0, 0, 0, 0.23); -webkit-transition-delay: 0.0s; } .mdK2Recommend .elTitle { height: 5em; padding: 5px 8px 0; *cursor: pointer; } .mdK2Recommend .elTag { position: relative; height: 24px; } .mdK2Recommend .elTag p { position: absolute; top: 0; right: -12px; width: 103px; height: 24px; font-size: 15px; line-height: 24px; color: #fff; text-align: center; background-image: url(../../_library/images/common/spr_k2_tag_01.png); background-repeat: no-repeat; *cursor: pointer; *zoom: 1; } .mdK2Recommend .elPostage { background-position: 0 0; } .mdK2Recommend .elSale { background-position: 0 -30px; } .mdK2Recommend .elDelivery { background-position: 0 -60px; } .mdK2Recommend a .elPrice { padding: 5px 8px; font-size: 123.1%; font-weight: bold; color: #cd0102; *cursor: pointer; } .mdK2Recommend .elNum { font-family: Futura,Century Gothic,Hiragino Kaku Gothic ProN,"HiraKakuProN-W3",Meiryo; } .mdK2Recommend .elStore { position: relative; height: 5em; padding: 5px 10px; border-top: 1px dashed #dfdfdf; background-color: #f6faf5; } .mdK2Recommend .elThumbList { position: absolute; opacity: 0; filter: alpha(opacity=0); -ms-filter: "alpha(opacity=0)"; } .mdK2Recommend .elExpand { width: 146px; background-color: #fff; } .mdK2Recommend .expand li { position: relative; } .mdK2Recommend .expand li a:hover .elExpand { position: absolute; top: -16px; right: -16px; width: 239px; *width: 219px; padding: 15px 15px 5px; border: 1px solid #dfdfdf; z-index: 10; -webkit-transition: width .1s ease-out 0; transition: width .1s ease-out 0; } .mdK2Recommend .expand li a:hover .elTag p { right: -27px; -webkit-transition: right .1s ease-out 0; transition: right .1s ease-out 0; } .mdK2Recommend .expand li a:hover .elThumbList { display: block; top: 15px; left: 15px; margin-top: -5px; opacity: 1; filter: alpha(opacity=100); -ms-filter: "alpha(opacity=100)"; -webkit-transition: opacity .5s ease-out 0; transition: opacity .5s ease-out 0; } .mdK2Recommend .expand li a:hover .elRegular { width: 146px; float: right; } .mdK2Recommend .elThumbItem { margin-top: 5px; } .mdK2Recommend .fluid img { width: 100%; height: auto; } .mdK2Recommend .fluid .elTitle { padding: 5px 0 0; } .mdK2Recommend .fluid a .elPrice { padding: 5px 15px; font-size: 138.5%; } .mdK2Recommend .fluid a .elTitle { padding: 5px 15px; } .mdK2Recommend .fluid .elTag p { right: -12px; } .mdK2Recommend.trigger li { margin-top: 50px; opacity: 0; } .mdK2Recommend .elStoreReview { position: absolute; bottom: 3px; } .mdK2Recommend .elStoreReview .elStar { float: left; width: 90px; font-size: 0; } .mdK2Recommend .elStoreReview .elStar:after { clear: both; content: ""; display: block; } .mdK2Recommend .elStoreReview .elStar span { float: left; width: 15px; height: 16px; position: relative; display: block; line-height: 16px; margin-right: 3px; padding-left: 15px; *background: url(../../_library/images/common/spr_k2_storeStar_01.png) no-repeat 0 0; padding-left: 0; } .mdK2Recommend .elStoreReview .elStar span:before { position: absolute; content: "\e631"; font-family: 'icon2.0'; speak: none; font-size: 15px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 15px; top: 0; left: 0; color: #d7d7d7; } .mdK2Recommend .elStoreReview .elStar.elRate10 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate15 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate20 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate30 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar1 { *background-position: 0 0; } .mdK2Recommend .elStoreReview .elStar.elRate10 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate15 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate20 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate30 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar1:before, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar1:before { color: #5cba3f; } .mdK2Recommend .elStoreReview .elStar.elRate20 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate30 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar2 { *background-position: 0 0; } .mdK2Recommend .elStoreReview .elStar.elRate20 .elStar2:before, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar2:before, .mdK2Recommend .elStoreReview .elStar.elRate30 .elStar2:before, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar2:before, .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar2:before, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar2:before, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar2:before { color: #5cba3f; } .mdK2Recommend .elStoreReview .elStar.elRate30 .elStar3, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar3, .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar3, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar3, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar3 { *background-position: 0 0; } .mdK2Recommend .elStoreReview .elStar.elRate30 .elStar3:before, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar3:before, .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar3:before, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar3:before, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar3:before { color: #5cba3f; } .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar4, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar4, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar4 { *background-position: 0 0; } .mdK2Recommend .elStoreReview .elStar.elRate40 .elStar4:before, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar4:before, .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar4:before { color: #5cba3f; } .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar5 { *background-position: 0 0; } .mdK2Recommend .elStoreReview .elStar.elRate50 .elStar5:before { color: #5cba3f; } .mdK2Recommend .elStoreReview .elStar.elRate05 .elStar1, .mdK2Recommend .elStoreReview .elStar.elRate15 .elStar2, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar3, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar4, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar5 { position: relative; display: block; line-height: 15px; padding-right: 15px; *background-position: -20px 0; padding-right: 0; } .mdK2Recommend .elStoreReview .elStar.elRate05 .elStar1:after, .mdK2Recommend .elStoreReview .elStar.elRate15 .elStar2:after, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar3:after, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar4:after, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar5:after { position: absolute; content: "\e632"; font-family: 'icon2.0'; speak: none; font-size: 15px; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; width: 15px; top: 0; right: 0; color: #5cba3f; } .mdK2Recommend .elStoreReview .elStar.elRate05 .elStar1:after, .mdK2Recommend .elStoreReview .elStar.elRate15 .elStar2:after, .mdK2Recommend .elStoreReview .elStar.elRate25 .elStar3:after, .mdK2Recommend .elStoreReview .elStar.elRate35 .elStar4:after, .mdK2Recommend .elStoreReview .elStar.elRate45 .elStar5:after { left: 0; } .mdK2Recommend { padding: 0; } .mdK2Recommend .elHeader { margin-bottom: 10px; } .mdK2Recommend ul.fluid { padding: 0; text-align: left; } .mdK2Recommend ul.fluid li a { display: block; border: 1px solid #dfdfdf; } .mdK2Recommend ul.fluid li a .elPhoto img { width: 100%; height: auto; } .mdK2Recommend ul.fluid li a .elTitle { padding: 5px 10px; } [data-layout-column-page="2Left"] [data-layout-column-page-role="center"] [data-layout-list-column="5"] .mdK2Recommend ul.fluid li a .elTitle { box-sizing: content-box; max-height: 55px; margin: 5px 10px; padding: 0; overflow: hidden; } .mdK2Recommend ul.fluid li a .elTag p { background-image: url(../../../../../../shp_front/pc/_library/images/common/spr_k2_tag_01.png); } [data-layout-column-page="2Left"] [data-layout-column-page-role="center"] [data-layout-list-column="5"] .mdK2Recommend ul.fluid li a .elStore .elStoreName { height: 1.4em; overflow: hidden; } .mdK2Recommend ul.fluid li a .elStoreReview .elStar span { background: url(../../../../../../shp_front/pc/_library/images/common/spr_k2_storeStar_01.png) no-repeat 0 0; } .mdK2Recommend ul.fluid li a .elStoreReview .elStar span:before, .mdK2Recommend ul.fluid li a .elStoreReview .elStar span:after { display: none; } :root .mdK2Recommend ul.fluid li a .elStoreReview .elStar span { background-image: none; } :root .mdK2Recommend ul.fluid li a .elStoreReview .elStar span:before, :root .mdK2Recommend ul.fluid li a .elStoreReview .elStar span:after { display: block; } .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate15 .elStar2, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate25 .elStar3, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate35 .elStar4, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate45 .elStar5 { background-position: -47px 0; } .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate10 .elStar2, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate10 .elStar3, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate10 .elStar4, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate10 .elStar5, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate15 .elStar3, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate15 .elStar4, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate15 .elStar5, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate20 .elStar3, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate20 .elStar4, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate20 .elStar5, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate25 .elStar4, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate25 .elStar5, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate30 .elStar4, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate30 .elStar5, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate35 .elStar5, .mdK2Recommend ul.fluid li a .elStoreReview .elStar.elRate40 .elStar5 { background-position: -63px 0; } .mdK2Recommend ul.fluid li a .elDiscount { margin: 10px 10px 0; padding: 3px; background: #efefef; color: #cd0102; text-align: center; } /* mdLinkCategory */ .mdLinkCategory { border: 1px solid #ccc; color: #666; font-size: 107.69%; line-height: 1; *line-height: 1.2; } .mdLinkCategory .elHeadline { border-bottom: 1px solid #ccc; padding: 10px; background-color: #efefef; text-align: left; font-weight: bold; } .mdLinkCategory .elList { padding-bottom: 10px; background: #f7f7f7; text-align: center; } .mdLinkCategory .elList .elItem { display: inline-block; margin: 10px 0 0 7px; padding-left: 7px; border-left: 1px solid #333; } .mdLinkCategory .elList .elItem.elFront { margin-left: 0; padding-left: 0; border-left: none; } /* mdLinkSeasonalEvent */ .mdLinkSeasonalEvent { border: 1px solid #ccc; color: #666; font-size: 107.69%; line-height: 1; *line-height: 1.2; } .mdLinkSeasonalEvent .elHeadline { border-bottom: 1px solid #ccc; padding: 10px; background-color: #efefef; text-align: left; font-weight: bold; } .mdLinkSeasonalEvent .elList { padding-bottom: 10px; background: #f7f7f7; text-align: center; } .mdLinkSeasonalEvent .elList .elItem { display: inline-block; margin: 10px 0 0 7px; padding-left: 7px; border-left: 1px solid #333; } .mdLinkSeasonalEvent .elList .elItem.elFront { margin-left: 0; padding-left: 0; border-left: none; } .mdLiveSale .elHeader { position: relative; } .mdLiveSale .elHeader .elHeadline { padding-right: 4em; line-height: 1; *line-height: 1.2; font-size: 115.38%; } .mdLiveSale .elHeader .elUpdateTiming { position: absolute; bottom: 0; right: 0; font-size: 92.30%; line-height: 1; *line-height: 1.2; } .mdLowestPrice .elHeadline { font-size: 169.23%; font-weight: bold; } /*mdMastheadB*/ .mdMastheadB { position: relative; min-width: 950px; min-height: 34px; margin: 0 auto; padding-top: 12.5px; line-height: 1.22; } .mdMastheadB .elLogo { position: absolute; top: 12.5px; left: 0; margin: 0 10px 5px 5px; } .mdMastheadB .elLogo a { display: inline-block; *display: inline; *zoom: 1; } .mdMastheadB .elAccount { padding: 0 25.5em 0 253px; } .mdMastheadB .elAccount a { margin: 0 .25em; font-weight: bold; } .mdMastheadB .elAccount .elRegistration { margin-left: 1em; } .mdMastheadB .elAccount .elRegistration a { margin: 0; font-weight: normal; } .mdMastheadB .elLinks { position: absolute; right: 0; top: 12.5px; width: 25.5em; text-align: right; } .mdMastheadB .elLinks ul { float: right; } .mdMastheadB .elLinks li { float: left; margin-left: 10px; } .mdMastheadB .elLinks li:first-child { margin-left: 0; } .mdMastheadB .elLinks li.elYtop { font-weight: bold; } .mdMastheadB .elStatus { margin: 5px 0 0 253px; } @-webkit-keyframes promo-commonfloating-crmb-restarted-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-60px); transform: translateY(-60px); } } @keyframes promo-commonfloating-crmb-restarted-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-60px); transform: translateY(-60px); } } @-webkit-keyframes promo-commonfloating-hide0-crmb-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 1% { -webkit-transform: translateY(-210px); transform: translateY(-210px); } 100% { -webkit-transform: translateY(-260px); transform: translateY(-260px); } } @keyframes promo-commonfloating-hide0-crmb-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 1% { -webkit-transform: translateY(-210px); transform: translateY(-210px); } 100% { -webkit-transform: translateY(-260px); transform: translateY(-260px); } } @-webkit-keyframes promo-commonfloating-hide1-crmb-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 1% { -webkit-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(-140px); transform: translateY(-140px); } } @keyframes promo-commonfloating-hide1-crmb-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 1% { -webkit-transform: translateY(-90px); transform: translateY(-90px); } 100% { -webkit-transform: translateY(-140px); transform: translateY(-140px); } } @-webkit-keyframes promo-commonfloating-hide2-crmb-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 30% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } @keyframes promo-commonfloating-hide2-crmb-initial { 0% { -webkit-transform: translateY(0); transform: translateY(0); } 30% { -webkit-transform: translateY(0); transform: translateY(0); } 100% { -webkit-transform: translateY(-20px); transform: translateY(-20px); } } .mdPromoCommonFloating { position: fixed; right: 15px; bottom: 10px; width: 0; height: 0; z-index: 5000000; } [data-crmsticky-issticky="crmSticky"] .mdPromoCommonFloating { -webkit-transform: translateY(-80px); -ms-transform: translateY(-80px); transform: translateY(-80px); -webkit-transition: -webkit-transform .3s ease-out .2s; transition: -webkit-transform .3s ease-out .2s; transition: transform .3s ease-out .2s; transition: transform .3s ease-out .2s, -webkit-transform .3s ease-out .2s; } [data-crmfloatingb-state] .mdPromoCommonFloating { -webkit-animation-duration: .6s; animation-duration: .6s; -webkit-animation-timing-function: ease; animation-timing-function: ease; } [data-crmfloatingb-state] .mdPromoCommonFloating[data-promo-commonfloating-isCrmbInital="true"] { -webkit-transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.22, 0.2, 1.22); transition: -webkit-transform 0.6s cubic-bezier(0.68, -0.22, 0.2, 1.22); transition: transform 0.6s cubic-bezier(0.68, -0.22, 0.2, 1.22); transition: transform 0.6s cubic-bezier(0.68, -0.22, 0.2, 1.22), -webkit-transform 0.6s cubic-bezier(0.68, -0.22, 0.2, 1.22); } [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="float"], [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="hide"][data-promo-commonFloating-items="0"] { -webkit-transform: translateY(-260px); -ms-transform: translateY(-260px); transform: translateY(-260px); } [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="float"][data-promo-commonfloating-isCrmbInital="false"], [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="hide"][data-promo-commonFloating-items="0"][data-promo-commonfloating-isCrmbInital="false"] { -webkit-animation-name: promo-commonfloating-hide0-crmb-initial; animation-name: promo-commonfloating-hide0-crmb-initial; } [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="hide"][data-promo-commonFloating-items="1"] { -webkit-transform: translateY(-140px); -ms-transform: translateY(-140px); transform: translateY(-140px); } [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="hide"][data-promo-commonFloating-items="1"][data-promo-commonfloating-isCrmbInital="false"] { -webkit-animation-name: promo-commonfloating-hide1-crmb-initial; animation-name: promo-commonfloating-hide1-crmb-initial; } [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="hide"] { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); } [data-crmfloatingb-state="shown"] .mdPromoCommonFloating[data-promo-commonFloating-type="hide"][data-promo-commonfloating-isCrmbInital="false"] { -webkit-animation-name: promo-commonfloating-hide2-crmb-initial; animation-name: promo-commonfloating-hide2-crmb-initial; } [data-crmfloatingb-state="closed"] .mdPromoCommonFloating, [data-crmfloatingb-state="restarted"] .mdPromoCommonFloating { -webkit-transform: translateY(-60px); -ms-transform: translateY(-60px); transform: translateY(-60px); } [data-crmfloatingb-state="restarted"] .mdPromoCommonFloating[data-promo-commonfloating-isCrmbInital="false"] { -webkit-animation-name: promo-commonfloating-crmb-restarted-initial; animation-name: promo-commonfloating-crmb-restarted-initial; } .mdPromoCommonFloating[data-promo-commonFloating-items="0"] .elFloatingList { display: none; } .mdPromoCommonFloating .elFloatingItem { position: absolute; right: 0; bottom: 0; width: 230px; height: 110px; border-radius: 5px; border: 2px solid #ffffff; overflow: hidden; } .mdPromoCommonFloating .elFloatingItem .elFloatingItemBanner { margin: -2px; } .mdPromoCommonFloating .elFloatingItem .elFloatingItemBanner a { display: block; } .mdPromoCommonFloating .elFloatingItem .elClose { position: absolute; top: 0; right: 0; overflow: hidden; } .mdPromoCommonFloating .elFloatingItem .elClose a { display: block; background: #000; width: 35px; height: 35px; text-indent: -70px; white-space: nowrap; } .mdPromoCommonFloating .elFloatingItem .elClose a:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-image: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/ico_crm_01_2x.png); background-repeat: no-repeat; background-position: 50% 50%; background-size: 30px auto; text-indent: 0; } .mdPromoCommonFloating .elPageTop { position: absolute; right: 0; bottom: 0; padding: 0; background: url(https://s.yimg.jp/images/shp_edit/cms/fair/sale/page/p/img/img_pagetop_01.png) no-repeat 0 0; z-index: 30; overflow: hidden; height: 0; opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s; } .mdPromoCommonFloating .elPageTop a { display: block; width: 66px; height: 66px; text-indent: -132px; white-space: nowrap; } .mdPromoCommonFloating[data-promo-commonfloating="true"] .elPageTop { height: auto; opacity: 1; } .mdPromoCommonFloating .elFloatingItem:nth-child(1) { bottom: 0px; } .mdPromoCommonFloating[data-promo-commonfloating-items="1"] .elPageTop { bottom: 120px; } .mdPromoCommonFloating .elFloatingItem:nth-child(2) { bottom: 120px; } .mdPromoCommonFloating[data-promo-commonfloating-items="2"] .elPageTop { bottom: 240px; } .mdPromoCommonFloating .elFloatingItem:nth-child(3) { bottom: 240px; } .mdPromoCommonFloating[data-promo-commonfloating-items="3"] .elPageTop { bottom: 360px; } .mdPromoCommonFloating .elFloatingItem:nth-child(4) { bottom: 360px; } .mdPromoCommonFloating[data-promo-commonfloating-items="4"] .elPageTop { bottom: 480px; } .mdPromoCommonFloating .elFloatingItem:nth-child(5) { bottom: 480px; } .mdPromoCommonFloating[data-promo-commonfloating-items="5"] .elPageTop { bottom: 600px; } /* .mdPropertyLink */ .mdPropertyLink { margin: 50px 0 30px; text-align: center; } .mdPropertyLink li { display: inline-block; margin-left: 10px; padding-left: 10px; border-left: 1px solid #b6b3b0; } .mdPropertyLink li:first-child { margin-left: 0; padding-left: 0; border-left: none; } /* .mdPublicationPeriod */ /* mdSearchBox */ .mdSearchBox { margin: 10px auto 20px auto; } .mdsetHeaderDefault .mdSearchBox { margin: -25px auto 15px auto; padding-top: 20px; } .mdSearchBox input, .mdSearchBox select { border: none; border-radius: 0; } .mdSearchBox .elSearch { position: relative; float: left; z-index: 1000; } .mdSearchBox .elForm { display: table; width: 100%; } :root .mdSearchBox .elForm { height: 36px; } .mdSearchBox .elForm:after { clear: none; content: normal; } .mdSearchBox .elForm .elKeyword, .mdSearchBox .elForm .elCategory, .mdSearchBox .elForm .elButton, .mdSearchBox .elForm .elOption { display: table-cell; box-sizing: content-box; vertical-align: middle; *display: inline; *min-height: 32px; *line-height: 32px; } .mdSearchBox .elForm .elCategory, .mdSearchBox .elForm .elButton, .mdSearchBox .elForm .elOption { *position: absolute; *top: 0; } .mdSearchBox .elForm .elKeyword { border: 2px solid #ff9000; padding: 0 3px; } .mdSearchBox .elForm .elKeyword p input { font-size: 14px; width: 100%; margin: 0; padding: 0; background: none; *position: relative; *top: 6px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdSearchBox .elForm .elKeyword { padding: 0; } .mdSearchBox .elForm .elKeyword p { height: 100%; } .mdSearchBox .elForm .elKeyword p input { -webkit-box-sizing: border-box; height: inherit; padding: 0 3px; } } .mdSearchBox .elForm .elContainer { display: none; position: absolute; box-sizing: border-box; top: 100%; left: 0; margin-top: -2px; border: 2px solid #ff9000; background: #fff; *line-height: 1.4; } .mdSearchBox .elForm .elContainer.on { display: block; } .mdSearchBox .elForm .elRelevance .elTitle { color: #666; padding: 5px 5px 0 5px; } .mdSearchBox .elForm .elRelevance .elWords li { padding: 2px 5px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; } .mdSearchBox .elForm .elRelevance .elWords .elSuggestHighlight { border-color: #afc8cf; background: #04c; color: #fff; cursor: pointer; } .mdSearchBox .elForm .elDetail { padding: 5px; background: #eaeaea; } .mdSearchBox .elForm .elDetailTitle { color: #ff7000; font-weight: bold; } .mdSearchBox .elForm .elDetailOption dt, .mdSearchBox .elForm .elDetailOption dd { display: inline-block; *display: inline; margin-top: 5px; vertical-align: middle; } .mdSearchBox .elForm .elDetailOption dt input { min-width: 5em; max-width: 12em; margin-right: 0.75em; -moz-appearance: none; -webkit-appearance: none; appearance: none; padding: 1px; border: 1px solid #e1e1e1; background: #fff; font-size: 13px; } .mdSearchBox .elForm .elDetailOption dd select { padding: 1px; border: 1px solid #e1e1e1; } .mdSearchBox .elForm .elDetailOption dd input { width: 45px; height: 25px; background: url(../../../../../../shp_front/pc/_library/images/common/spr_searchBox_01.png) #ff9000 no-repeat 13px 3px; padding: 0; text-indent: -9999px; } .mdSearchBox .elForm .elCategory { width: 15em; border: 2px solid #ff9000; border-left: none; padding: 0 3px; *width: 202px; } .mdSearchBox .elForm .elCategory select { width: 100%; margin: 0; padding: 0; background: #fff; *position: relative; *top: 4px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdSearchBox .elForm .elCategory { padding: 0; width: 15.75em; } .mdSearchBox .elForm .elCategory select { position: relative; z-index: 2; -webkit-box-sizing: border-box; height: 100%; padding-left: 3px; -webkit-appearance: none; background: rgba(0, 0, 0, 0); padding-right: 15px; vertical-align: middle; } .mdSearchBox .elForm .elCategory:after { position: absolute; top: 50%; margin-top: -3px; content: ""; width: 8px; height: 8px; -webkit-transform-origin: 100% 0 0; -webkit-transform: rotate(45deg); border-right: 2px solid #ff9000; border-bottom: 2px solid #ff9000; } } .mdSearchBox .elForm .elButton { border: 2px solid #ff9000; border-left: none; width: 56px; *width: 58px; background: #ff9000; } .mdSearchBox .elForm .elButton:before { position: absolute; z-index: -1; content: ""; width: 2px; top: 0; margin-left: -1px; height: 100%; background: #ff9000; } .mdSearchBox .elForm .elButton input { text-indent: -9999px; background: url(../../../../../../shp_front/pc/_library/images/common/spr_searchBox_01.png) no-repeat 18px 7px; width: 100%; height: 32px; margin: 0; padding: 0; *display: block; } .mdSearchBox .elForm .elOption { width: 6em; *width: 80px; *right: 0; *line-height: 36px; } .mdSearchBox .elForm .elOption a { color: #333; margin-left: 5px; } .mdSearchBox .elForm .elOption span { font-weight: bold; margin-right: 0.25em; } .mdSearchBox .elNav ul { float: right; background: #eee; border-radius: 5px; line-height: 36px; } .mdSearchBox .elNav li { float: left; } .mdSearchBox .elNav li a { display: block; padding: 0 10px; border-left: 1px solid #e1e1e1; font-weight: bold; font-size: 14px; } .mdSearchBox .elNav li:first-child a { border-left: none; } .mdSearchBox .elNav .elCart a { position: relative; padding-left: 42px; background: url(../../../../../../shp_front/pc/_library/images/common/spr_searchBox_01.png) no-repeat 5px -54px; } .mdSearchBox .elNav .elCart a > span { position: absolute; top: 0; *top: -8px; left: 5px; width: 32px; height: 100%; text-align: center; } .mdSearchBox .elNav .elCart a span span { display: inline-block; vertical-align: top; min-width: 14px; overflow: hidden; padding: 0 1px; padding-top: 2px\9; *padding-top: 0; line-height: 14px\9; *line-height: 17px; margin: 4px 0 0 -7px; color: #fff; font-size: 11px; font-family: Meiryo,sans-serif; font-weight: normal; background: #ff8000; white-space: nowrap; } :root .mdSearchBox .elNav .elCart a span span { min-width: 15px; padding: 0 1px; line-height: 17px; border-radius: 9999px; } .mdSearchBox .pattern-1 .elSearch { width: 68.5%; } .mdSearchBox .pattern-1 .elForm .elKeyword { *margin-right: 348px; } .mdSearchBox .pattern-1 .elForm .elContainer { width: 426px; width: calc(100% - 6em - 60px - 15em - 6px); } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdSearchBox .pattern-1 .elForm .elContainer { width: -webkit-calc(100% - 6em - 60px - 15.75em + 1px); } } .mdSearchBox .pattern-1 .elForm .elCategory { *right: 138px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdSearchBox .pattern-1 .elForm .elCategory:after { right: 143px; } } .mdSearchBox .pattern-1 .elForm .elButton { *right: 80px; } .mdSearchBox .pattern-1 .elNav { margin-left: 68.5%; } .mdSearchBox .pattern-2 .elSearch { width: 55.5%; } .mdSearchBox .pattern-2 .elForm .elKeyword { *margin-right: 270px; } .mdSearchBox .pattern-2 .elForm .elContainer { width: 426px; width: calc(100% - 60px - 15em - 6px); } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdSearchBox .pattern-2 .elForm .elContainer { width: -webkit-calc(100% - 60px - 15.75em + 1px); } } .mdSearchBox .pattern-2 .elForm .elCategory { *right: 60px; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .mdSearchBox .pattern-2 .elForm .elCategory:after { right: 65px; } } .mdSearchBox .pattern-2 .elForm .elButton { *right: 0; } .mdSearchBox .pattern-2 .elNav { margin-left: 55.5%; } .mdSearchBoxB { position: relative; z-index: 1000; min-width: 950px; margin: 10px 0; } .mdSearchBoxB .elItem { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; } .mdSearchBoxB .elSearch { position: relative; float: left; width: 57.5%; width: calc(100% - 410px); -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .mdSearchBoxB .elNav { -webkit-box-flex: 0; -webkit-flex: 0 0 auto; -ms-flex: 0 0 auto; flex: 0 0 auto; } /* mdSearchPad */ .mdSearchPad { padding: 10px; background-color: #efefef; border: 1px solid #ccc; } .mdSearchPad .elForm { text-align: center; } .mdSearchPad .elForm .elKeyword, .mdSearchPad .elForm .elCategory, .mdSearchPad .elForm .elButton, .mdSearchPad .elForm .elOption { display: inline-block; vertical-align: middle; } .mdSearchPad .elForm .elKeyword input { width: 256px; height: 19px; line-height: 15px; padding: 4px 3px 0; border: none; background: #ffffff url(https://s.yimg.jp/images/shp_front/img/components/public/bg/searchpad_009.gif) no-repeat; } .mdSearchPad .elForm .elCategory, .mdSearchPad .elForm .elButton, .mdSearchPad .elForm .elOption { margin-left: 10px; } .mdSearchPad .elForm .elOption { padding: 3px 0 3px 10px; border-left: 1px solid #999; line-height: 1; *line-height: 1.2; } /* .mdSocialButton */ .mdSocialButton { margin: 0 auto 0 auto; line-height: 1; } .mdSocialButton [data-promo-part-social] { display: inline-block; vertical-align: top; margin-left: 25px; } .mdStorematch .elHeadline { padding: 0 10px; background-color: #333; color: #fff; font-size: 115.38462%; line-height: 35px; } .mdStoreRanking .elHeadline { font-size: 138.46%; } [data-promo-part-accountStatus] { font-size: 0; } [data-promo-part-accountStatus] li { display: inline-block; *display: inline; margin-left: 15px; font-size: 13px; } [data-promo-part-accountStatus] li:first-child { margin-left: 0; } [data-promo-part-accountStatus] a, [data-promo-part-accountStatus] span { display: inline-block; *display: inline; *zoom: 1; line-height: 16px; min-height: 16px; } [data-promo-part-accountStatus] .elLogin a { padding-left: 0; } [data-promo-part-accountStatus] .elLogin a:first-child { font-weight: bold; } [data-promo-part-accountStatus] .elPoint a, [data-promo-part-accountStatus] .elPoint span { background: url(https://s.yimg.jp/images/sicons/point18.gif) no-repeat -2px 50%; padding-left: 19px; } :root [data-promo-part-accountStatus] .elPoint a, :root [data-promo-part-accountStatus] .elPoint span { background: url(https://s.yimg.jp/images/sicons/point38.png) no-repeat -1px 75%; background-size: 18px auto; padding-left: 21px; } [data-promo-part-accountStatus] .elPoint em { color: #f33; margin-left: .25em; } [data-promo-part-accountStatus] .elStamprally .elNoRank { background: url(../../../../../../shp_front/pc/_library/images/common/ico_stamprally_02.png) no-repeat 0 50%; } :root [data-promo-part-accountStatus] .elStamprally .elNoRank { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_stamprally_02_2x.png); } [data-promo-part-accountStatus] .elStamprally .elBronze { background: url(../../../../../../shp_front/pc/_library/images/common/ico_bronze_02.png) no-repeat 0 50%; } :root [data-promo-part-accountStatus] .elStamprally .elBronze { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_bronze_02_2x.png); } [data-promo-part-accountStatus] .elStamprally .elSilver { background: url(../../../../../../shp_front/pc/_library/images/common/ico_silver_02.png) no-repeat 0 50%; } :root [data-promo-part-accountStatus] .elStamprally .elSilver { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_silver_02_2x.png); } [data-promo-part-accountStatus] .elStamprally .elGold { background: url(../../../../../../shp_front/pc/_library/images/common/ico_gold_02.png) no-repeat 0 50%; } :root [data-promo-part-accountStatus] .elStamprally .elGold { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_gold_02_2x.png); } [data-promo-part-accountStatus] .elStamprally .elPlatinum { background: url(../../../../../../shp_front/pc/_library/images/common/ico_platinum_02.png) no-repeat 0 50%; } :root [data-promo-part-accountStatus] .elStamprally .elPlatinum { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_platinum_02_2x.png); } [data-promo-part-accountStatus] .elStamprally .elDiamond { background: url(../../../../../../shp_front/pc/_library/images/common/ico_diamond_02.png) no-repeat 0 50%; } :root [data-promo-part-accountStatus] .elStamprally .elDiamond { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_diamond_02_2x.png); } [data-promo-part-accountStatus] .elStamprally a, [data-promo-part-accountStatus] .elStamprally span { padding-left: 20px; } :root [data-promo-part-accountStatus] .elStamprally[class] a, :root [data-promo-part-accountStatus] .elStamprally[class] span { background-size: 16px auto; } [data-promo-part-accountStatus] .elCoupon a, [data-promo-part-accountStatus] .elCoupon span { background: url(../../../../../../shp_front/pc/_library/images/common/ico_coupon_02.png) no-repeat 0 50%; padding-left: 21px; } :root [data-promo-part-accountStatus] .elCoupon a, :root [data-promo-part-accountStatus] .elCoupon span { background-image: url(../../../../../../shp_front/pc/_library/images/common/ico_coupon_02_2x.png); background-size: 16px auto; } [data-promo-entry-extra="2"] [data-promo-part-entry], [data-promo-entry-extra="3"] [data-promo-part-entry], [data-promo-entry-extra="2"] [data-promo-part-entryPay], [data-promo-entry-extra="3"] [data-promo-part-entryPay] { display: inline-block; width: 100%; } [data-promo-entry-extra="2"] [data-promo-part-entry] + [data-promo-part-entry], [data-promo-entry-extra="3"] [data-promo-part-entry] + [data-promo-part-entry], [data-promo-entry-extra="2"] [data-promo-part-entryPay] + [data-promo-part-entry], [data-promo-entry-extra="3"] [data-promo-part-entryPay] + [data-promo-part-entry] { border-left: none; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elHeaderSet, [data-promo-entry-extra="3"] [data-promo-part-entry] .elHeaderSet, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elHeaderSet, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elHeaderSet { padding: 15px 30px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elCampaign, [data-promo-entry-extra="3"] [data-promo-part-entry] .elCampaign, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elCampaign, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elCampaign { min-height: 2.4em; line-height: 1.2; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elDetail, [data-promo-entry-extra="3"] [data-promo-part-entry] .elDetail, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elDetail, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elDetail { padding: 0 30px 30px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton { display: block; font-size: 153.84615%; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton span, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton span, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton span, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton span { padding: 0 15px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton span > span, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton span > span, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton span > span, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton span > span { padding: 0; font-size: 85%; line-height: 1.3; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton a > span, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton a > span, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton a > span, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton a > span { padding: 0 3px 0 15px; position: relative; display: block; line-height: 20px; padding-right: 12.8px; background-position: right -1330px; line-height: 60px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton a > span:after, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton a > span:after, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton a > span:after, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton a > span:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 20px; line-height: 1; width: 7.8px; text-indent: -6.864px; top: 50%; margin-top: -10px; right: 0; color: #fff; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elCaution, [data-promo-entry-extra="3"] [data-promo-part-entry] .elCaution, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elCaution, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elCaution, [data-promo-entry-extra="2"] [data-promo-part-entry] .elNotice, [data-promo-entry-extra="3"] [data-promo-part-entry] .elNotice, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elNotice, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elNotice { margin: 30px 0 30px; padding: 15px 17px; font-size: 130.76923%; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elDescription, [data-promo-entry-extra="3"] [data-promo-part-entry] .elDescription, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elDescription, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elDescription { font-size: 107.69231%; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elAttention, [data-promo-entry-extra="3"] [data-promo-part-entry] .elAttention, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elAttention, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elAttention { font-size: 92.30769%; } [data-promo-part-entry] { border: 1px solid #cdcdcd; text-align: center; vertical-align: top; } [data-promo-part-entry] .elHeaderSet { padding: 15px 0; border-bottom: 1px solid #cdcdcd; background-color: #f6f6f6; } [data-promo-part-entry] .elCampaign { font-size: 169.23077%; font-weight: bold; line-height: 1.2; } [data-promo-part-entry] .elCampaignPeriod { margin-top: 8px; font-size: 107.69231%; font-weight: bold; } [data-promo-part-entry] .elCampaignPeriod > dt, [data-promo-part-entry] .elCampaignPeriod > dd { display: inline-block; } [data-promo-part-entry] .elDetail { padding-bottom: 20px; } [data-promo-part-entry] .elEntry { margin: 20px 0 40px; } [data-promo-part-entry] .elButton { display: inline-block; border-radius: 5px; color: #fff; font-size: 184.61538%; font-weight: bold; line-height: 60px; vertical-align: middle; } [data-promo-part-entry] .elButton span { display: inline-block; padding: 0 70px; line-height: 1.2; vertical-align: middle; } [data-promo-part-entry] .elButton a { display: block; padding-right: 12px; } [data-promo-part-entry] .elButton a > span { position: relative; display: block; line-height: 24px; padding-right: 14.36px; display: block; padding-right: 58px; background-position: right -1332px; color: #fff; line-height: 60px; } [data-promo-part-entry] .elButton a > span:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 24px; line-height: 1; width: 9.36px; text-indent: -8.2368px; top: 50%; margin-top: -12px; right: 0; color: #fff; } [data-promo-part-entry] .exLogin { background-color: #04c; } [data-promo-part-entry] .exLogin:hover { background-color: #4c88ff; } [data-promo-part-entry] .exEntry { background-color: #ef0000; } [data-promo-part-entry] .exEntry:hover { background-color: #f77f7f; } [data-promo-part-entry] .exDisabled { background-color: #c9c9c9; } [data-promo-part-entry] .elCaution, [data-promo-part-entry] .elNotice { display: inline-block; margin: 40px 0 40px; padding: 20px; font-size: 153.84615%; font-weight: bold; } [data-promo-part-entry] .elCaution { border: 2px solid #ef0000; color: #ef0000; } [data-promo-part-entry] .elNotice { border: 2px solid #b9b9b9; color: #b9b9b9; } [data-promo-part-entry] .elDescription { font-size: 123.07692%; font-weight: bold; } [data-promo-part-entry] .elDescription + .elNotice { margin-top: 10px; } [data-promo-part-entry] .elDescription a { text-decoration: underline; } [data-promo-part-entry] .elAttention a { text-decoration: underline; } [data-promo-part-entry] .elMore { display: inline-block; margin-top: 20px; font-size: 123.07692%; } [data-promo-part-entry] .elMore a { display: block; text-decoration: underline; } [data-promo-part-entry] .elErrorAttention { margin-top: 10px; font-size: 16px; color: #d90000; } [data-promo-entry-extra="1"] [data-promo-part-entry] { width: 650px; margin: 0 auto; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elEntry { margin: 20px 30px 30px; } [data-promo-entry-extra="3"] [data-promo-part-entry] .elEntry { display: block; margin-bottom: 30px; } [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton { font-size: 153.84615%; } [data-promo-entry-extra="3"] [data-promo-part-entry] .elCaution, [data-promo-entry-extra="3"] [data-promo-part-entry] .elNotice { text-align: left; } [data-promo-entry-extra="3"] [data-promo-part-entry] .elCaution br, [data-promo-entry-extra="3"] [data-promo-part-entry] .elNotice br { display: none; } [data-promo-entry-extra="2"] [data-promo-part-entry], [data-promo-entry-extra="3"] [data-promo-part-entry], [data-promo-entry-extra="2"] [data-promo-part-entryPay], [data-promo-entry-extra="3"] [data-promo-part-entryPay] { display: inline-block; width: 100%; } [data-promo-entry-extra="2"] [data-promo-part-entry] + [data-promo-part-entryPay], [data-promo-entry-extra="3"] [data-promo-part-entry] + [data-promo-part-entryPay], [data-promo-entry-extra="2"] [data-promo-part-entryPay] + [data-promo-part-entryPay], [data-promo-entry-extra="3"] [data-promo-part-entryPay] + [data-promo-part-entryPay] { border-left: none; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elHeaderSet, [data-promo-entry-extra="3"] [data-promo-part-entry] .elHeaderSet, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elHeaderSet, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elHeaderSet { padding: 15px 30px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elCampaign, [data-promo-entry-extra="3"] [data-promo-part-entry] .elCampaign, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elCampaign, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elCampaign { min-height: 2.4em; line-height: 1.2; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elDetail, [data-promo-entry-extra="3"] [data-promo-part-entry] .elDetail, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elDetail, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elDetail { padding: 0 30px 30px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton { display: block; font-size: 153.84615%; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton span, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton span, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton span, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton span { padding: 0 15px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton span > span, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton span > span, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton span > span, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton span > span { padding: 0; font-size: 85%; line-height: 1.3; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton a > span, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton a > span, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton a > span, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton a > span { padding: 0 3px 0 15px; position: relative; display: block; line-height: 20px; padding-right: 12.8px; background-position: right -1330px; line-height: 60px; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elButton a > span:after, [data-promo-entry-extra="3"] [data-promo-part-entry] .elButton a > span:after, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elButton a > span:after, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton a > span:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 20px; line-height: 1; width: 7.8px; text-indent: -6.864px; top: 50%; margin-top: -10px; right: 0; color: #fff; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elCaution, [data-promo-entry-extra="3"] [data-promo-part-entry] .elCaution, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elCaution, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elCaution, [data-promo-entry-extra="2"] [data-promo-part-entry] .elNotice, [data-promo-entry-extra="3"] [data-promo-part-entry] .elNotice, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elNotice, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elNotice { margin: 30px 0; padding: 15px 17px; font-size: 130.76923%; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elDescription, [data-promo-entry-extra="3"] [data-promo-part-entry] .elDescription, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elDescription, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elDescription { font-size: 107.69231%; } [data-promo-entry-extra="2"] [data-promo-part-entry] .elAttention, [data-promo-entry-extra="3"] [data-promo-part-entry] .elAttention, [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elAttention, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elAttention { font-size: 92.30769%; } [data-promo-part-entryPay] { border: 1px solid #cdcdcd; text-align: center; vertical-align: top; } [data-promo-part-entryPay] .elHeaderSet { padding: 15px 0; border-bottom: 1px solid #cdcdcd; background-color: #f6f6f6; } [data-promo-part-entryPay] .elCampaign { font-size: 169.23077%; font-weight: bold; line-height: 1.2; } [data-promo-part-entryPay] .elCampaignPeriod { margin-top: 8px; font-size: 107.69231%; font-weight: bold; } [data-promo-part-entryPay] .elCampaignPeriod > dt, [data-promo-part-entryPay] .elCampaignPeriod > dd { display: inline-block; } [data-promo-part-entryPay] .elDetail { padding-bottom: 20px; } [data-promo-part-entryPay] .elEntry { margin: 20px 0 40px; } [data-promo-part-entryPay] .elEntryLabel { margin-top: 10px; font-weight: bold; color: #D90000; } [data-promo-part-entryPay] .elButton { display: inline-block; border-radius: 5px; color: #fff; font-size: 184.61538%; font-weight: bold; line-height: 60px; vertical-align: middle; } [data-promo-part-entryPay] .elButton span { display: inline-block; padding: 0 70px; line-height: 1.2; vertical-align: middle; } [data-promo-part-entryPay] .elButton a { display: block; padding-right: 12px; } [data-promo-part-entryPay] .elButton a > span { position: relative; display: block; line-height: 24px; padding-right: 14.36px; display: block; padding-right: 58px; background-position: right -1332px; color: #fff; line-height: 60px; } [data-promo-part-entryPay] .elButton a > span:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 24px; line-height: 1; width: 9.36px; text-indent: -8.2368px; top: 50%; margin-top: -12px; right: 0; color: #fff; } [data-promo-part-entryPay] .exLogin { background-color: #04c; } [data-promo-part-entryPay] .exLogin:hover { background-color: #4c88ff; } [data-promo-part-entryPay] .exEntry { background-color: #ef0000; } [data-promo-part-entryPay] .exEntry:hover { background-color: #f77f7f; } [data-promo-part-entryPay] .exDisabled { background-color: #c9c9c9; } [data-promo-part-entryPay] .elCaution, [data-promo-part-entryPay] .elNotice { display: inline-block; margin: 40px 0; padding: 20px; font-size: 153.84615%; font-weight: bold; } [data-promo-part-entryPay] .elCaution { border: 2px solid #ef0000; color: #ef0000; } [data-promo-part-entryPay] .elNotice { border: 2px solid #b9b9b9; color: #b9b9b9; } [data-promo-part-entryPay] .elDescription { font-size: 123.07692%; font-weight: bold; } [data-promo-part-entryPay] .elDescription + .elNotice { margin-top: 10px; } [data-promo-part-entryPay] .elDescription a { text-decoration: underline; } [data-promo-part-entryPay] .elAttention a { text-decoration: underline; } [data-promo-part-entryPay] .elMore { display: inline-block; margin-top: 20px; font-size: 123.07692%; } [data-promo-part-entryPay] .elMore a { display: block; text-decoration: underline; } [data-promo-part-entryPay] .elErrorAttention { margin-top: 10px; font-size: 16px; color: #d90000; } [data-promo-entry-extra="1"] [data-promo-part-entryPay] { width: 650px; margin: 0 auto; } [data-promo-entry-extra="2"] [data-promo-part-entryPay] .elEntry { margin: 20px 30px 30px; } [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elEntry { display: block; margin-bottom: 30px; } [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elButton { font-size: 153.84615%; } [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elCaution, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elNotice { text-align: left; } [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elCaution br, [data-promo-entry-extra="3"] [data-promo-part-entryPay] .elNotice br { display: none; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus { max-width: 1024px; margin: 15px; padding: 15px; text-align: left; background-color: #F5F5F5; position: relative; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus:before { content: ""; position: absolute; top: -24px; left: 50%; margin-left: -12px; border: 12px solid transparent; border-bottom: 12px solid #F5F5F5; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elText { font-size: 13px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elBold { font-weight: bold; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elWrap { position: relative; height: 65vw; max-height: 670px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elEntry { line-height: 0; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elEntryBox { position: relative; background: #fff; border-radius: 10px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.2); height: auto; padding: 20px; top: 0; left: 50%; width: 95%; left: 50%; -ms-transform: translateY(0) translateX(-50%); transform: translateY(0) translateX(-50%); -webkit-transform: translateY(0) translateX(-50%); } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton { position: relative; display: block; height: 50px; background: #ff8400; border-radius: 5px; color: #fff; font-size: 18px; font-weight: bold; text-align: center; line-height: 50px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton::after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 26px; line-height: 1; width: 25px; text-indent: -6.864px; top: 50%; margin-top: -13px; right: 0; z-index: 1; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton a { display: block; position: absolute; width: 100%; height: 100%; z-index: 10; color: #fff; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton:hover { background: #ff84aa; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton.exPayRelate { background: #04c; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton.exPayRelate:hover { background: #4c88ff; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton.exPayRelate::after { content: none; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton.exDisabled { background: #ddd; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elError { margin-top: 15px; border: solid 2px #d90000; padding: 10px; text-align: left; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elError .elText { color: #d90000; font-size: 12px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elError .elText + .elText { margin-top: 2px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButtonStatusDetail { margin-top: 10px; text-align: center; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elConditionsBox { margin-top: 15px; text-align: left; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elSubTitle { font-size: 13px; font-weight: bold; margin-top: 5px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elContents { font-size: 13px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elBorder { border: solid 1px #EAEAEA; margin: 15px auto 0; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elAttention { margin: 5px auto 0; font-size: 11px; text-align: left; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elSentence { margin-top: 2px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus.noEntry .elMainImg { height: 400px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus.noEntry .elAttention { margin: 5px auto 0; font-size: 11px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elPayTitle { text-align: center; font-size: 16px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elPayText { font-size: 16px; text-align: center; margin-top: 20px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elPayAttention { font-size: 12px; margin-top: 8px; text-align: center; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton.exPayRelate { margin-top: 10px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .exRelateBox .elButton.exPayRelate { background: #fff; font-size: 15px; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .exRelateBox .elButton.exPayRelate a { color: #04c; border: solid 1px; border-radius: 5px; line-height: 1.3em; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding-right: 0; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .exRelateBox .elButton.exPayRelate a:hover { background: #e6eeff; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elLine { color: #808080; font-size: 12px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin: 15px 0; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elLine:after, [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elLine:before { content: ""; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; height: 1px; background: #808080; display: block; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elLine:before { margin-right: 0.4em; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elLine:after { margin-left: 0.4em; } [data-promo-part-entryPay] .elButton.exPayRelate a > span { line-height: 1.3em; } [data-promo-part-entryPay] .elButton.exPayRelate a > span::after { content: none; } [data-promo-part-entryPay] .mdPayLink.elButtonStatus .elButton.exPayRelate a { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } [data-promo-part-entryPay] .exRelateBox .elButton.exPayRelate a > span { color: #04c; } [data-promo-part-entryPay] .elButton.exPayRelate a > span::after { content: none; } [data-promo-part-globalNavigation] .elCart > a { background: url(../../../../../../shp_front/pc/_library/images/common/spr_header_03.png) no-repeat -10000px -10000px; } :root [data-promo-part-globalNavigation] .elCart > a { background-image: url(../../../../../../shp_front/pc/_library/images/common/spr_header_03_2x.png); background-size: 50px auto; } [data-promo-part-globalNavigation] > ul { float: right; margin-left: 10px; line-height: 36px; border-radius: 5px; background: #f2f2f2; } [data-promo-part-globalNavigation] > ul > li { position: relative; *z-index: 2; float: left; } [data-promo-part-globalNavigation] > ul > li > a { display: block; padding: 0 10px; border-left: 1px solid #e7e7e7; font-weight: bold; font-size: 14px; } [data-promo-part-globalNavigation] > ul > li:first-child > a { border-left: none; } [data-promo-part-globalNavigation] .elCart > a { position: relative; padding-left: 41px; background-position: 10px -30px; *zoom: 1; } [data-promo-part-globalNavigation] .elCart > a > span { position: absolute; top: 0; left: 15px; width: 32px; height: 100%; text-align: center; } [data-promo-part-globalNavigation] .elCart > a > span > span { position: relative; *position: static; display: inline-block; top: 0; vertical-align: top; overflow: hidden; min-width: 12px; line-height: 16px; margin: 1px 0 0 -4px; background: #ff7b00; padding: 0 2px; color: #fff; font-size: 11px; font-family: Arial; font-weight: normal; white-space: nowrap; border-radius: 16px; -webkit-transform-origin: 0 100% 0; -ms-transform-origin: 0 100% 0; transform-origin: 0 100% 0; text-indent: -.15em; letter-spacing: -.05em; } [data-promo-part-liveSale] { overflow: hidden; *position: relative; } [data-promo-part-liveSale] ul { position: relative; margin-top: -20px; } [data-promo-part-liveSale] li { margin-top: 20px; } [data-promo-part-liveSale] li a { display: block; position: relative; overflow: hidden; min-height: 110px; *min-height: 115px; color: inherit; *color: #333; text-align: left; } [data-promo-part-liveSale] li a:hover { color: #4c88ff; } [data-promo-part-liveSale] li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } [data-promo-part-liveSale] li dl, [data-promo-part-liveSale] li .elPhoto { *display: inline; *zoom: normal; } [data-promo-part-liveSale] li dl { min-height: 76px; *min-height: 81px; } [data-promo-part-liveSale] li .elPhoto img { position: absolute; top: 0; left: 0; } [data-promo-part-liveSale] li dd { margin-left: 86px; } [data-promo-part-liveSale] li .elUser { font-weight: bold; line-height: 1; *line-height: 1.2; font-size: 76.92%; } [data-promo-part-liveSale] li .elTitle { margin-top: 5px; max-height: 3.6em; font-size: 92.30%; line-height: 1.2; overflow: hidden; } [data-promo-part-liveSale] li .elTitle a { color: inherit; *color: #333; } [data-promo-part-liveSale] li .elTitle a:hover { color: #04c; } [data-promo-part-liveSale] li .elPrice { margin-top: 4px; line-height: 1; *line-height: 1.2; } [data-promo-part-liveSale] li .elPrice em { color: #c00; vertical-align: middle; *vertical-align: top; } [data-promo-part-liveSale] li .elPrice span { margin-right: 5px; } [data-promo-part-liveSale] li .elStore { margin-top: 10px; height: 2.4em; font-size: 76.92%; line-height: 1.2; overflow: hidden; } [data-promo-part-liveSale] li .elStore span { box-sizing: border-box; position: relative; display: inline-block; line-height: 12px; padding-left: 15.26px; word-wrap: normal; word-break: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; background: url(../../../../../../shp_front/pc/_library/images/common/ico_store_01.png) no-repeat; } [data-promo-part-liveSale] li .elStore span:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 12px; line-height: 1; width: 10.26px; text-indent: -0.8208px; top: 50%; margin-top: -6px; left: 0; } [data-promo-part-liveSale][data-promo-part-liveSale-length="1"] ul { max-height: 110px; *max-height: 115px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="2"] ul { max-height: 240px; *max-height: 250px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="3"] ul { max-height: 370px; *max-height: 385px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="4"] ul { max-height: 500px; *max-height: 520px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="5"] ul { max-height: 630px; *max-height: 655px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="6"] ul { max-height: 760px; *max-height: 790px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="7"] ul { max-height: 890px; *max-height: 925px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="8"] ul { max-height: 1020px; *max-height: 1060px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="9"] ul { max-height: 1150px; *max-height: 1195px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="10"] ul { max-height: 1280px; *max-height: 1330px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="11"] ul { max-height: 1410px; *max-height: 1465px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="12"] ul { max-height: 1540px; *max-height: 1600px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="13"] ul { max-height: 1670px; *max-height: 1735px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="14"] ul { max-height: 1800px; *max-height: 1870px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="15"] ul { max-height: 1930px; *max-height: 2005px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="16"] ul { max-height: 2060px; *max-height: 2140px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="17"] ul { max-height: 2190px; *max-height: 2275px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="18"] ul { max-height: 2320px; *max-height: 2410px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="19"] ul { max-height: 2450px; *max-height: 2545px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="20"] ul { max-height: 2580px; *max-height: 2680px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="21"] ul { max-height: 2710px; *max-height: 2815px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="22"] ul { max-height: 2840px; *max-height: 2950px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="23"] ul { max-height: 2970px; *max-height: 3085px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="24"] ul { max-height: 3100px; *max-height: 3220px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="25"] ul { max-height: 3230px; *max-height: 3355px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="26"] ul { max-height: 3360px; *max-height: 3490px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="27"] ul { max-height: 3490px; *max-height: 3625px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="28"] ul { max-height: 3620px; *max-height: 3760px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="29"] ul { max-height: 3750px; *max-height: 3895px; } [data-promo-part-liveSale][data-promo-part-liveSale-length="30"] ul { max-height: 3880px; *max-height: 4030px; } .mdLiveSale [data-promo-part-liveSale] { margin-top: 15px; } [data-promo-part-searchBoxB] input, [data-promo-part-searchBoxB] select, [data-promo-part-searchBoxB] button { margin: 0; padding: 0; border: none; border-radius: 0; background: transparent; font-family: Meiryo\9; } @media (-webkit-min-device-pixel-ratio: 0) { [data-promo-part-searchBoxB] input, [data-promo-part-searchBoxB] select, [data-promo-part-searchBoxB] button { font-family: inherit; } } [data-promo-part-searchBoxB] select { cursor: pointer; } [data-promo-part-searchBoxB] select[disabled] { cursor: default; } :root [data-promo-part-searchBoxB] input, :root [data-promo-part-searchBoxB] select, :root [data-promo-part-searchBoxB] button, [data-promo-part-searchBoxB] x:-moz-any-link { font-family: inherit; } [data-promo-part-searchBoxB] input[disabled] { background: none; } [data-promo-part-searchBoxB] input[type="text"] { background: #fff; } [data-promo-part-searchBoxB] table, [data-promo-part-searchBoxB] tr, [data-promo-part-searchBoxB] th, [data-promo-part-searchBoxB] td { border: none; } [data-promo-part-searchBoxB] button { border: none; color: #333; text-shadow: none; background: none; padding: 0; border-radius: 0; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span:after { background: url(../../../../../../shp_front/pc/_library/images/common/spr_header_03.png) no-repeat -10000px -10000px; } :root [data-promo-part-searchBoxB] .elFreeWord .elCategory span:after { background-image: url(../../../../../../shp_front/pc/_library/images/common/spr_header_03_2x.png); background-size: 50px auto; } [data-promo-part-searchBoxB] .elFreeWord { position: relative; } [data-promo-part-searchBoxB] .elFreeWord .elBackground { display: table; width: 100%; border: 2px solid #ff7b00; border-radius: 5px; background: #fff; *position: relative; } [data-promo-part-searchBoxB] .elFreeWord .elBackground:after { clear: none; display: none; } [data-promo-part-searchBoxB] .elFreeWord .elCategory, [data-promo-part-searchBoxB] .elFreeWord .elKeyword, [data-promo-part-searchBoxB] .elFreeWord .elButton { display: table-cell; vertical-align: middle; } [data-promo-part-searchBoxB] .elFreeWord .elCategory { width: 188px; *position: absolute; *top: 0; *left: 0; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span { position: relative; display: block; text-align: center; } :root [data-promo-part-searchBoxB] .elFreeWord .elCategory span { text-align: left; } [data-promo-part-searchBoxB] .elFreeWord .elCategory select { width: 95%; *margin: 3px 0 0 1px; } @-moz-document url-prefix() { [data-promo-part-searchBoxB] .elFreeWord .elCategory span { height: 32px; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span:before, [data-promo-part-searchBoxB] .elFreeWord .elCategory span:after { position: absolute; content: ""; top: 0; right: 0; pointer-events: none; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span:before { top: 0; right: 0; width: 22px; height: 100%; background: #fff; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span:after { top: 50%; right: 5px; width: 12px; height: 7.5px; margin-top: -3.75px; background-position: 0 -1000px; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span select { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; padding-left: 0; padding-right: 22px; } } @media screen and (-webkit-min-device-pixel-ratio: 0) { [data-promo-part-searchBoxB] .elFreeWord .elCategory span { height: 32px; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span:before, [data-promo-part-searchBoxB] .elFreeWord .elCategory span:after { position: absolute; content: ""; top: 0; right: 0; pointer-events: none; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span:after { top: 50%; right: 5px; width: 12px; height: 7.5px; margin-top: -3.75px; background-position: 0 -1000px; } [data-promo-part-searchBoxB] .elFreeWord .elCategory span select { -moz-appearance: none; -webkit-appearance: none; appearance: none; width: 100%; height: 100%; padding-left: 3px; padding-right: 27px; } } [data-promo-part-searchBoxB] .elFreeWord .elKeyword { border-left: 2px solid #ff7b00; *height: 32px; *overflow: hidden; *margin: 0px 60px 0 188px; } [data-promo-part-searchBoxB] .elFreeWord .elKeyword .elText { margin: 0 5.91026em 0 5px; } [data-promo-part-searchBoxB] .elFreeWord .elKeyword .elText input { width: 100%; *margin: 5px 0 0 -.375em; } :root [data-promo-part-searchBoxB] .elFreeWord .elKeyword .elText { margin: 0; } :root [data-promo-part-searchBoxB] .elFreeWord .elKeyword .elText input { height: 32px; padding: 0 6.28205em 0 10px; } :root [data-promo-part-searchBoxB] .elFreeWord .elKeyword .elText:only-child input { padding-right: 10px; } [data-promo-part-searchBoxB] .elFreeWord .elButton { width: 58px; *position: absolute; *height: 100%; *top: 0; *right: 0; background: #ff9000; border-radius: 0 2.75px 2.75px 0; } [data-promo-part-searchBoxB] .elFreeWord .elButton button { width: 100%; height: 32px; background: #ff9000; border-radius: 0 2.75px 2.75px 0; font-weight: bold; color: #fff; font-size: 14px; letter-spacing: .125em; text-indent: .125em; *text-indent: 0; } [data-promo-part-seasonalFloatingNav] { position: fixed; right: 0; bottom: 30px; color: #fff; z-index: 100; } [data-crmsticky-issticky="crmSticky"] [data-promo-part-seasonalFloatingNav] { bottom: 100px; } [data-promo-part-seasonalFloatingNav].exClose { right: -60px; } [data-promo-part-seasonalFloatingNav] ul { width: 60px; background: #0067b6; text-align: center; } [data-promo-part-seasonalFloatingNav] li { font-size: 12px; } [data-promo-part-seasonalFloatingNav] li:after { content: ''; position: relative; bottom: 0; left: 2px; display: block; width: 54px; height: 0; border-top: 1px solid #fff; opacity: 0.6; } [data-promo-part-seasonalFloatingNav] li:last-child:after { display: none; } [data-promo-part-seasonalFloatingNav] li[data-promo-part-seasonalFloatingNav-tablet] { display: none; } [data-promo-flag-device="iPad"] [data-promo-part-seasonalFloatingNav] li[data-promo-part-seasonalFloatingNav-tablet], [data-promo-flag-device="androidTablet"] [data-promo-part-seasonalFloatingNav] li[data-promo-part-seasonalFloatingNav-tablet] { display: block; } [data-promo-part-seasonalFloatingNav] a { display: block; padding: 10px 0 5px; color: inherit; text-align: center; } [data-promo-part-seasonalFloatingNav] .elImage { position: relative; display: inline-block; width: 44px; height: 44px; border-radius: 44px; background: #fff; text-align: center; line-height: 44px; } [data-promo-part-seasonalFloatingNav] .elImage img { display: inline-block; margin-bottom: 3px; background: none; vertical-align: middle; } [data-promo-part-seasonalFloatingNav] .elText { display: block; padding: 0 3px; } [data-promo-part-seasonalFloatingNav] [data-promo-part-seasonalFloatingNav-type="pagetop"] .elImage { position: relative; display: inline-block; line-height: 28px; padding-right: 16.996px; padding: 0; } [data-promo-part-seasonalFloatingNav] [data-promo-part-seasonalFloatingNav-type="pagetop"] .elImage:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 28px; line-height: 1; width: 16.996px; text-indent: -5.43872px; top: 50%; margin-top: -14px; right: 0; color: #0067b6; } [data-promo-part-seasonalFloatingNav] [data-promo-part-seasonalFloatingNav-type="pagetop"] .elImage:after { top: 22px; left: 50%; margin-left: -9px; } [data-promo-part-seasonalFloatingNav] .elClose { position: absolute; top: 0; left: -20px; width: 20px; height: 45px; background: #0067b6; border-radius: 3px 0 0 3px; box-shadow: -5px 0 10px 0 rgba(0, 0, 0, 0.3) inset; } [data-promo-part-seasonalFloatingNav] .elClose a { display: block; width: 100%; height: 100%; box-sizing: border-box; position: relative; display: inline-block; line-height: 16px; padding-right: 6.24px; } [data-promo-part-seasonalFloatingNav] .elClose a:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 6.24px; text-indent: -5.4912px; top: 50%; margin-top: -8px; right: 0; color: #fff; } [data-promo-part-seasonalFloatingNav] .elClose a:after { right: 5px; } [data-promo-part-seasonalFloatingNav].exClose .elClose a { display: block; width: 100%; height: 100%; box-sizing: border-box; position: relative; display: inline-block; line-height: 16px; padding-right: 6.24px; } [data-promo-part-seasonalFloatingNav].exClose .elClose a:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 6.24px; text-indent: -4.6176px; top: 50%; margin-top: -8px; right: 0; color: #fff; } [data-promo-part-seasonalFloatingNav].exClose .elClose a:after { right: 5px; } [data-promo-part-seasonalIndex] { width: 950px; margin: 0 auto; } [data-promo-part-seasonalIndex] .elPickup { position: relative; display: inline-block; width: 380px; min-height: 200px; padding: 10px 200px 10px 10px; background: #fff; vertical-align: top; } [data-promo-part-seasonalIndex] .elPickup .elTitle { position: relative; margin-left: -16px; font-weight: bold; text-align: center; line-height: 36px; } [data-promo-part-seasonalIndex] .elPickup .elTitle:after { content: ''; position: absolute; top: 0; right: 0; width: 0; height: 0; border-style: solid; border-width: 18px 10px 18px 0; border-color: transparent #fff transparent transparent; } [data-promo-part-seasonalIndex] .elPickup .elLead { margin-top: 10px; font-weight: bold; } [data-promo-part-seasonalIndex] .elPickup .elDescription { margin-top: 10px; } [data-promo-part-seasonalIndex] .elPickup .elImages { position: absolute; top: 10px; right: 10px; } [data-promo-part-seasonalIndex] .elPickupVideo { position: relative; display: inline-block; width: 380px; min-height: 200px; background: #fff; } [data-promo-part-seasonalIndex] .elPickup ~ .elMenu, [data-promo-part-seasonalIndex] .elPickupVideo ~ .elMenu { width: 558px; width: calc(100% - 380px - 12px); margin-left: 12px; } [data-promo-part-seasonalIndex] .elMenu { display: inline-block; vertical-align: top; overflow: hidden; } [data-promo-part-seasonalIndex] .elMenu ul { margin: -8px 0 0 -12px; } [data-promo-part-seasonalIndex] .elMenu li { display: inline-block; margin: 8px 0 0 12px; } [data-promo-part-seasonalIndex] .elMenu li img { height: 96px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="SPMQ"][data-promo-part-seasonalIndex-menu="3"] li img, [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="MSQ"][data-promo-part-seasonalIndex-menu="3"] li img { width: 178px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="SPMQ"][data-promo-part-seasonalIndex-menu="4"] li img, [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="MSQ"][data-promo-part-seasonalIndex-menu="4"] li img { width: 273px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="SPMQ"][data-promo-part-seasonalIndex-menu="5"] li img, [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="MSQ"][data-promo-part-seasonalIndex-menu="5"] li img { width: 216px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="SPMQ"][data-promo-part-seasonalIndex-menu="6"] li img, [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="MSQ"][data-promo-part-seasonalIndex-menu="6"] li img { width: 178px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="SPMQ"][data-promo-part-seasonalIndex-menu="8"] li img, [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="MSQ"][data-promo-part-seasonalIndex-menu="8"] li img { width: 130px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="SPMQ"][data-promo-part-seasonalIndex-menu="10"] li img, [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="MSQ"][data-promo-part-seasonalIndex-menu="10"] li img { width: 102px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="false"][data-promo-part-seasonalIndex-menu="3"] li img { width: 308px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="false"][data-promo-part-seasonalIndex-menu="4"] li img { width: 228px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="false"][data-promo-part-seasonalIndex-menu="5"] li img { width: 180px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="false"][data-promo-part-seasonalIndex-menu="6"] li img { width: 308px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="false"][data-promo-part-seasonalIndex-menu="8"] li img { width: 228px; } [data-promo-part-seasonalIndex][data-promo-part-seasonalIndex-pickup="false"][data-promo-part-seasonalIndex-menu="10"] li img { width: 180px; } [data-promo-part-seasonalNav] .elNavList { position: relative; max-width: 950px; margin: 0 auto; } [data-promo-part-seasonalNav] .elNavList > li { display: inline-block; text-align: center; } [data-promo-part-seasonalNav] .elNavList > li + li:before { content: ''; position: absolute; top: 50%; display: block; width: 1px; height: 30px; margin-top: -15px; border-left: 1px solid #fff; } [data-promo-part-seasonalNav] .elNavList > li:hover .elDropdown { display: block; } [data-promo-flag-device="iPad"] [data-promo-part-seasonalNav] .elNavList > li:hover .elDropdown, [data-promo-flag-device="androidTablet"] [data-promo-part-seasonalNav] .elNavList > li:hover .elDropdown { display: none; } [data-promo-part-seasonalNav][data-promo-part-seasonalnav-count="2"] .elNavList > li { width: 50%; } [data-promo-part-seasonalNav][data-promo-part-seasonalnav-count="3"] .elNavList > li { width: 33.33%; } [data-promo-part-seasonalNav][data-promo-part-seasonalnav-count="4"] .elNavList > li { width: 25%; } [data-promo-part-seasonalNav][data-promo-part-seasonalnav-count="5"] .elNavList > li { width: 20%; } [data-promo-part-seasonalNav][data-promo-part-seasonalnav-count="6"] .elNavList > li { width: 16.66%; } [data-promo-part-seasonalNav][data-promo-part-seasonalnav-count="7"] .elNavList > li { width: 14.28%; } [data-promo-part-seasonalNav] .elNav { line-height: 50px; } [data-promo-part-seasonalNav] .elNav a { position: relative; display: inline-block; line-height: 16px; padding-right: 6.24px; display: block; width: 100%; padding: 0 20px 0 10px; line-height: 50px; box-sizing: border-box; } [data-promo-part-seasonalNav] .elNav a:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 6.24px; text-indent: -5.4912px; top: 50%; margin-top: -8px; right: 0; color: #04c; } [data-promo-part-seasonalNav] .elNav a:after { right: 8px; } [data-promo-part-seasonalNav] .elNav a[data-promo-part-seasonalNav-current-end] { position: absolute; width: 0; height: 0; line-height: 0; overflow: hidden; } [data-promo-part-seasonalNav] .elNav span { display: inline-block; width: 100%; padding: 0 10px; font-weight: bold; line-height: 1.2; vertical-align: middle; box-sizing: border-box; } [data-promo-part-seasonalNav] .elNav span:after { right: 8px; } [data-promo-part-seasonalNav] .elNav [data-libAnchor] { position: relative; display: inline-block; line-height: 16px; padding-right: 9.712px; padding: 0 20px 0 10px; line-height: 50px; } [data-promo-part-seasonalNav] .elNav [data-libAnchor]:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 9.712px; text-indent: -3.10784px; top: 50%; margin-top: -8px; right: 0; color: #04c; } [data-promo-part-seasonalNav] .elNav [data-libAnchor]:after { right: 8px; } [data-promo-part-seasonalNav] .elDropdown { position: absolute; top: 50px; left: 0; display: none; width: 100%; padding: 20px; border: 5px solid #ddd; background: #fff; text-align: left; z-index: 1; } [data-promo-part-seasonalNav] .elDropdown .elHeadline { margin-bottom: 15px; padding-left: 10px; border-left: 5px solid #04c; font-size: 18px; } [data-promo-part-seasonalNav] .elDropdown .elHeadline ~ .elHeadline { margin-top: 15px; } [data-promo-part-seasonalNav] .elDropdown ul { margin-top: -20px; margin-left: -20px; } [data-promo-part-seasonalNav] .elDropdown li { display: inline-block; width: 210px; width: calc(25% - 20px); margin-top: 20px; margin-left: 20px; vertical-align: top; box-sizing: border-box; } [data-promo-part-seasonalNav] .elDropdown li a { display: block; } [data-promo-part-seasonalNav] .elDropdown span { display: inline-block; vertical-align: middle; } [data-promo-part-seasonalNav] .elDropdown .elImages + .elText { width: 150px; margin-left: 10px; padding-left: 0; } [data-promo-part-seasonalNav] .elDropdown .elImages + .elText:before { display: none; } [data-promo-part-seasonalNav] .elDropdown .elText { position: relative; display: inline-block; line-height: 13px; padding-left: 13.07px; } [data-promo-part-seasonalNav] .elDropdown .elText:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 13px; line-height: 1; width: 5.07px; text-indent: -4.4616px; top: 50%; margin-top: -6.5px; left: 0; } [data-promo-part-seasonalNavV2] .elNavList { position: relative; max-width: 950px; margin: 0 auto; } [data-promo-part-seasonalNavV2] .elNavList > li { display: inline-block; text-align: center; } [data-promo-part-seasonalNavV2] .elNavList > li + li:before { content: ''; position: absolute; top: 50%; display: block; width: 1px; height: 30px; margin-top: -15px; } [data-promo-part-seasonalNavV2] .elNavList > li:hover .elDropdown { display: block; } [data-promo-flag-device="iPad"] [data-promo-part-seasonalNavV2] .elNavList > li:hover .elDropdown, [data-promo-flag-device="androidTablet"] [data-promo-part-seasonalNavV2] .elNavList > li:hover .elDropdown { display: none; } [data-promo-part-seasonalNavV2][data-promo-part-seasonalnav-count="2"] .elNavList > li { width: 50%; } [data-promo-part-seasonalNavV2][data-promo-part-seasonalnav-count="3"] .elNavList > li { width: 33.33%; } [data-promo-part-seasonalNavV2][data-promo-part-seasonalnav-count="4"] .elNavList > li { width: 25%; } [data-promo-part-seasonalNavV2][data-promo-part-seasonalnav-count="5"] .elNavList > li { width: 20%; } [data-promo-part-seasonalNavV2][data-promo-part-seasonalnav-count="6"] .elNavList > li { width: 16.66%; } [data-promo-part-seasonalNavV2][data-promo-part-seasonalnav-count="7"] .elNavList > li { width: 14.28%; } [data-promo-part-seasonalNavV2] .elNav { line-height: 50px; } [data-promo-part-seasonalNavV2] .elNav.elEmpty span { opacity: 0.5; } [data-promo-part-seasonalNavV2] .elNav.elEmpty a { background-color: rgba(0, 0, 0, 0.3); display: inline-block; pointer-events: none; } [data-promo-part-seasonalNavV2] .elNav a { position: relative; display: inline-block; line-height: 16px; padding-right: 6.24px; display: block; width: 100%; padding: 0 20px 0 10px; line-height: 50px; border-radius: 5px; box-sizing: border-box; } [data-promo-part-seasonalNavV2] .elNav a:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 6.24px; text-indent: -5.4912px; top: 50%; margin-top: -8px; right: 0; color: #04c; } [data-promo-part-seasonalNavV2] .elNav a:after { right: 8px; } [data-promo-part-seasonalNavV2] .elNav a[data-promo-part-seasonalNav-current-end] { position: absolute; width: 0; height: 0; line-height: 0; overflow: hidden; } [data-promo-part-seasonalNavV2] .elNav span { display: inline-block; width: 100%; font-weight: bold; line-height: 1.2; vertical-align: middle; box-sizing: border-box; } [data-promo-part-seasonalNavV2] .elNav span:after { right: 8px; } [data-promo-part-seasonalNavV2] .elNav [data-libAnchor] { position: relative; display: inline-block; line-height: 16px; padding-right: 9.712px; padding: 0 20px 0 10px; line-height: 50px; } [data-promo-part-seasonalNavV2] .elNav [data-libAnchor]:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 9.712px; text-indent: -3.10784px; top: 50%; margin-top: -8px; right: 0; color: #04c; } [data-promo-part-seasonalNavV2] .elNav [data-libAnchor]:after { right: 8px; } [data-promo-part-seasonalNavV2] .elDropdown { position: absolute; top: 50px; left: 0; display: none; width: 100%; padding: 20px; border: 5px solid #ddd; background: #fff; text-align: left; z-index: 1; } [data-promo-part-seasonalNavV2] .elDropdown .elHeadline { margin-bottom: 15px; padding-left: 10px; border-left: 5px solid #04c; font-size: 18px; } [data-promo-part-seasonalNavV2] .elDropdown .elHeadline ~ .elHeadline { margin-top: 15px; } [data-promo-part-seasonalNavV2] .elDropdown ul { margin-top: -20px; margin-left: -20px; } [data-promo-part-seasonalNavV2] .elDropdown li { display: inline-block; width: 210px; width: calc(25% - 20px); margin-top: 20px; margin-left: 20px; vertical-align: top; box-sizing: border-box; } [data-promo-part-seasonalNavV2] .elDropdown li a { display: block; } [data-promo-part-seasonalNavV2] .elDropdown span { display: inline-block; vertical-align: middle; } [data-promo-part-seasonalNavV2] .elDropdown .elImages + .elText { width: 150px; margin-left: 10px; padding-left: 0; } [data-promo-part-seasonalNavV2] .elDropdown .elImages + .elText:before { display: none; } [data-promo-part-seasonalNavV2] .elDropdown .elText { position: relative; display: inline-block; line-height: 13px; padding-left: 13.07px; } [data-promo-part-seasonalNavV2] .elDropdown .elText:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 13px; line-height: 1; width: 5.07px; text-indent: -4.4616px; top: 50%; margin-top: -6.5px; left: 0; } [data-promo-part-seasonalFixNavV2] { display: none; } [data-promo-part-seasonalFixNavV2] .elNavList { position: relative; max-width: 950px; margin: 0 auto; } [data-promo-part-seasonalFixNavV2] .elNavList > li { display: inline-block; text-align: center; } [data-promo-part-seasonalFixNavV2] .elNavList > li + li:before { content: ''; position: absolute; top: 50%; display: block; width: 1px; height: 30px; margin-top: -15px; border-left: 1px solid #fff; } [data-promo-part-seasonalFixNavV2] .elNavList > li:hover .elDropdown { display: block; } [data-promo-flag-device="iPad"] [data-promo-part-seasonalFixNavV2] .elNavList > li:hover .elDropdown, [data-promo-flag-device="androidTablet"] [data-promo-part-seasonalFixNavV2] .elNavList > li:hover .elDropdown { display: none; } [data-promo-part-seasonalFixNavV2][data-promo-part-seasonalFixNav-count="2"] .elNavList > li { width: 50%; } [data-promo-part-seasonalFixNavV2][data-promo-part-seasonalFixNav-count="3"] .elNavList > li { width: 33.33%; } [data-promo-part-seasonalFixNavV2][data-promo-part-seasonalFixNav-count="4"] .elNavList > li { width: 25%; } [data-promo-part-seasonalFixNavV2][data-promo-part-seasonalFixNav-count="5"] .elNavList > li { width: 20%; } [data-promo-part-seasonalFixNavV2][data-promo-part-seasonalFixNav-count="6"] .elNavList > li { width: 16.66%; } [data-promo-part-seasonalFixNavV2][data-promo-part-seasonalFixNav-count="7"] .elNavList > li { width: 14.28%; } [data-promo-part-seasonalFixNavV2] .elNav { line-height: 50px; } [data-promo-part-seasonalFixNavV2] .elNav.elEmpty span { opacity: 0.5; } [data-promo-part-seasonalFixNavV2] .elNav.elEmpty a { background-color: rgba(0, 0, 0, 0.3); display: inline-block; pointer-events: none; } [data-promo-part-seasonalFixNavV2] .elNav a { position: relative; display: inline-block; line-height: 16px; padding-right: 6.24px; display: block; width: 100%; padding: 0 20px 0 10px; line-height: 50px; box-sizing: border-box; } [data-promo-part-seasonalFixNavV2] .elNav a:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 6.24px; text-indent: -5.4912px; top: 50%; margin-top: -8px; right: 0; color: #04c; } [data-promo-part-seasonalFixNavV2] .elNav a:after { right: 8px; } [data-promo-part-seasonalFixNavV2] .elNav a[data-promo-part-seasonalNav-current-end] { position: absolute; width: 0; height: 0; line-height: 0; overflow: hidden; } [data-promo-part-seasonalFixNavV2] .elNav span { display: inline-block; width: 100%; font-weight: bold; line-height: 1.2; vertical-align: middle; box-sizing: border-box; } [data-promo-part-seasonalFixNavV2] .elNav span:after { right: 8px; } [data-promo-part-seasonalFixNavV2] .elNav [data-libAnchor] { position: relative; display: inline-block; line-height: 16px; padding-right: 9.712px; padding: 0 20px 0 10px; line-height: 50px; } [data-promo-part-seasonalFixNavV2] .elNav [data-libAnchor]:after { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 9.712px; text-indent: -3.10784px; top: 50%; margin-top: -8px; right: 0; color: #04c; } [data-promo-part-seasonalFixNavV2] .elNav [data-libAnchor]:after { right: 8px; } [data-promo-part-seasonalFixNavV2] .elDropdown { position: absolute; top: 50px; left: 0; display: none; width: 100%; padding: 20px; border: 5px solid #ddd; background: #fff; text-align: left; z-index: 1; } [data-promo-part-seasonalFixNavV2] .elDropdown .elHeadline { margin-bottom: 15px; padding-left: 10px; border-left: 5px solid #04c; font-size: 18px; } [data-promo-part-seasonalFixNavV2] .elDropdown .elHeadline ~ .elHeadline { margin-top: 15px; } [data-promo-part-seasonalFixNavV2] .elDropdown ul { margin-top: -20px; margin-left: -20px; } [data-promo-part-seasonalFixNavV2] .elDropdown li { display: inline-block; width: 210px; width: calc(25% - 20px); margin-top: 20px; margin-left: 20px; vertical-align: top; box-sizing: border-box; } [data-promo-part-seasonalFixNavV2] .elDropdown li a { display: block; } [data-promo-part-seasonalFixNavV2] .elDropdown span { display: inline-block; vertical-align: middle; } [data-promo-part-seasonalFixNavV2] .elDropdown .elImages + .elText { width: 150px; margin-left: 10px; padding-left: 0; } [data-promo-part-seasonalFixNavV2] .elDropdown .elImages + .elText:before { display: none; } [data-promo-part-seasonalFixNavV2] .elDropdown .elText { position: relative; display: inline-block; line-height: 13px; padding-left: 13.07px; } [data-promo-part-seasonalFixNavV2] .elDropdown .elText:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 13px; line-height: 1; width: 5.07px; text-indent: -4.4616px; top: 50%; margin-top: -6.5px; left: 0; } .elSticky [data-promo-part-seasonalFixNavV2] { display: block; } [data-promo-part-seasonalSearchBox] { position: relative; padding: 5px 0; background: #fff5c5; } [data-promo-part-seasonalSearchBox] .elSearchBoxWrap { position: relative; max-width: 700px; margin: 0 auto; } [data-promo-part-seasonalSearchBox] .elSearchBox input, [data-promo-part-seasonalSearchBox] .elSearchBox button { border: none; background: none; } [data-promo-part-seasonalSearchBox] .elSearchBox .elForm { display: table; width: 100%; table-layout: fixed; margin: 0 auto; background: #fff; border: 2px solid #ff9000; border-radius: 3px; } [data-promo-part-seasonalSearchBox] .elSearchBox .elForm .elKeyword { display: table-cell; width: 100%; } [data-promo-part-seasonalSearchBox] .elSearchBox .elForm .elKeyword p { position: relative; display: inline-block; line-height: 16px; padding-left: 12px; width: 100%; padding: 0; } [data-promo-part-seasonalSearchBox] .elSearchBox .elForm .elKeyword p:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 16px; line-height: 1; width: 12px; text-indent: -2px; top: 50%; margin-top: -8px; left: 0; } [data-promo-part-seasonalSearchBox] .elSearchBox .elForm .elKeyword p:before { left: 5px; } [data-promo-part-seasonalSearchBox] .elSearchBox .elForm .elKeyword input { width: 100%; padding: 0 20px; line-height: 25px; } [data-promo-part-seasonalSearchBox] .elSearchBox .elDetail { width: 8em; padding: 0 10px; text-align: right; white-space: nowrap; display: table-cell; } [data-promo-part-seasonalSearchBox] .elSearchBox .elDetail a { color: #333; position: relative; display: inline-block; line-height: 13px; padding-left: 7.6609px; } [data-promo-part-seasonalSearchBox] .elSearchBox .elDetail a:before { position: absolute; content: ""; font-family: "icon2.0"; speak: none; font-size: 13px; line-height: 1; width: 7.6609px; text-indent: -2.66955px; top: 50%; margin-top: -6.5px; left: 0; } [data-promo-part-seasonalSearchBox] .elSearchBox .elDetail a:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; } [data-promo-part-seasonalSearchBox] .elSearchBox .elButton { display: table-cell; width: 68px; background: #ff9000; text-align: center; } [data-promo-part-seasonalSearchBox] .elSearchBox .elButton input { width: 100%; color: #fff; font-weight: bold; } [data-promo-part-seasonalSearchBox] .elDetailWrap { position: absolute; top: 0; left: 0; display: none; width: calc(100% - 68px); margin-right: 70px; padding: 5px 10px; background: #fff; border: 2px solid #ff9000; box-sizing: border-box; } [data-promo-part-seasonalSearchBox] .elDetailWrap .elClose { text-align: right; } [data-promo-part-seasonalSearchBox] .elDetailWrap .elOption li { margin-right: 10px; vertical-align: top; } [data-promo-part-seasonalSearchBox] .elDetailWrap .elOption select[name=ea] { padding: 0 27px 0 9px; } [data-promo-part-seasonalSearchBox] .elDetailWrap [data-promo-common-style-form="select"] { margin-top: 10px; display: block; } [data-promo-part-seasonalSearchBox] .elDetailWrap .elButton { margin: 5px 0; } [data-promo-part-seasonalSearchBox] .elDetailBox table { width: 100%; table-layout: fixed; } [data-promo-part-seasonalSearchBox] .elDetailBox table, [data-promo-part-seasonalSearchBox] .elDetailBox tr, [data-promo-part-seasonalSearchBox] .elDetailBox th, [data-promo-part-seasonalSearchBox] .elDetailBox td { border: none; } [data-promo-part-seasonalSearchBox] .elDetailBox th, [data-promo-part-seasonalSearchBox] .elDetailBox td { border-top: solid 1px #dfdfdf; } [data-promo-part-seasonalSearchBox] .elDetailBox th { width: 6.5em; } [data-promo-part-seasonalSearchBox] .elDetailBox th ~ th { border-top: 1px solid #eee; } [data-promo-part-seasonalTitle] { position: relative; } [data-promo-part-seasonalTitle] img { background: none; } [data-layout-column-page-id="seasonalTitle"] [data-promo-part-seasonalTitle] { position: absolute; top: 20px; left: 50%; display: inline; width: 400px; margin-left: -200px; text-align: center; z-index: 1; } [data-layout-column-page-id="seasonalTitle"] [data-promo-part-seasonalTitle] .elTitle { display: inline-block; } [data-promo-part-seasonalTitle][data-promo-part-seasonalTitle-type="bottom"] { position: relative; height: 180px; } [data-promo-part-seasonalTitle][data-promo-part-seasonalTitle-type="bottom"] .elTitle { position: relative; z-index: 0; } [data-promo-part-seasonalTitle][data-promo-part-seasonalTitle-type="bottom"] .elBacktop { position: absolute; top: 0; left: 0; z-index: 1; } [data-promo-part-seasonalTitle][data-promo-part-seasonalTitle-type="bottom"] .elBacktop a { display: block; } [data-promo-part-seasonalTitleV2] img { background: none; } [data-layout-column-page-id="seasonalTitle"] [data-promo-part-seasonalTitleV2] .elTitle { margin-left: auto; margin-right: auto; text-align: center; } [data-promo-part-seasonalTitleV2][data-promo-part-seasonalTitle-type="bottom"] { position: relative; height: 180px; } [data-promo-part-seasonalTitleV2][data-promo-part-seasonalTitle-type="bottom"] .elTitle { position: relative; z-index: 0; } [data-promo-part-seasonalTitleV2][data-promo-part-seasonalTitle-type="bottom"] .elBacktop { position: absolute; top: 0; left: 0; z-index: 1; } [data-promo-part-seasonalTitleV2][data-promo-part-seasonalTitle-type="bottom"] .elBacktop a { display: block; } [data-promo-part-simplenav] .elItems { margin-top: -10px; margin-left: -10px; font-size: 0; } [data-promo-part-simplenav] .elItem { display: inline-block; margin-top: 10px; margin-left: 10px; } [data-promo-part-simplenav] .elLink { display: table; position: relative; width: 100%; } [data-promo-part-simplenav] .elLink:hover { opacity: 0.7; } [data-promo-part-simplenav] .elLinkInner { display: table-cell; height: 50px; padding-left: 10px; padding-right: 32px; border-radius: 4px; text-align: center; vertical-align: middle; } [data-promo-part-simplenav] .elLinkInner::after { display: block; content: ''; position: absolute; top: 50%; right: 10px; margin-top: -4px; width: 0; height: 0; border-style: solid; border-width: 8px 6px 0 6px; border-color: transparent; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="2"] .elItem { width: 470px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="2"] .elLinkInner { font-size: 17px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="3"] .elItem { width: 310px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="3"] .elLinkInner { font-size: 17px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="4"] .elItem { width: 230px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="4"] .elLinkInner { font-size: 15px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="5"] .elItem { width: 182px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="5"] .elLinkInner { font-size: 13px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="6"] .elItem { width: 150px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="6"] .elLinkInner { font-size: 13px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="7"] .elItem { width: 310px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="7"] .elItem:nth-child(n + 4) { width: 230px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="7"] .elLinkInner { font-size: 15px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="8"] .elItem { width: 230px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="8"] .elLinkInner { font-size: 15px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="9"] .elItem { width: 230px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="9"] .elItem:nth-child(n + 5) { width: 182px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="9"] .elLinkInner { font-size: 13px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="10"] .elItem { width: 182px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="10"] .elLinkInner { font-size: 13px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="11"] .elItem { width: 182px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="11"] .elItem:nth-child(n + 6) { width: 150px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="11"] .elLinkInner { font-size: 13px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="12"] .elItem { width: 150px; } [data-promo-part-simplenav] [data-promo-part-simplenav-items="12"] .elLinkInner { font-size: 13px; } [data-promo-part-simpletitle] .elBackgroundColor { display: table; width: 100%; } [data-promo-part-simpletitle] .elBackgroundColor::after { content: none; } [data-promo-part-simpletitle] .elBackgroundImage { display: table-cell; height: 180px; padding: 20px 400px 20px 20px; background-repeat: no-repeat; background-position: right center; font-weight: bold; text-align: center; vertical-align: middle; } [data-promo-part-simpletitle] .elTitleLead { font-size: 20px; line-height: 1.2; } [data-promo-part-simpletitle] .elTitleLead:not(:first-child) { margin-top: 10px; } [data-promo-part-simpletitle] .elTitle { font-size: 44px; line-height: 1.2; } [data-promo-part-simpletitle] .elTitle:not(:first-child) { margin-top: 10px; } [data-promo-part-socialbuttonnoscript] .elList { text-align: right; line-height: 0; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item] { display: inline-block; line-height: 1; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item]:not(:first-child) { margin-left: 10px; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item] a { display: block; width: 20px; height: 20px; background: url(https://s.yimg.jp/images/shp_front/pc/_library/images/common/spr_social_01_2x.png); background-size: 20px auto; text-indent: 100%; word-wrap: normal; word-break: normal; white-space: nowrap; overflow: hidden; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item="facebook"] a { background-position: 50% 0px; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item="twitter"] a { background-position: 50% -20px; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item="hatena"] a { background-position: 50% -40px; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item="googlePlus"] a { background-position: 50% -60px; } [data-promo-part-socialbuttonnoscript] [data-promo-part-socialbuttonnoscript-item="line"] a { background-position: 50% -80px; } /* pointCampaignEntry */ .shMdPointEnterBtn01 .untBody { background: #f6f6f6; } .shMdPointEnterBtn01 .untBody.elActive { background: #f7f0e8; } .shMdPointEnterBtn01 .untBody .ptsCpnTx { padding-top: 20px; font-size: 123.07%; font-weight: bold; text-align: center; } .shMdPointEnterBtn01 .untBody .ptsMainBtn { padding: 30px 15% 0; } .shMdPointEnterBtn01 .untBody .ptsMainBtn a { display: block; height: 70px; background: #df0d0d; background: -webkit-gradient(linear, left top, left bottom, color-stop(1, #d20000), color-stop(0.3, #df0d0d)); background: -webkit-linear-gradient(top, #df0d0d 30%, #d20000 100%); background: linear-gradient(to bottom, #df0d0d 30%, #d20000 100%); box-shadow: 2px 3px 0px 0px rgba(255, 255, 255, 0.3) inset; border-radius: 5px; color: #fff; font-size: 200%; font-weight: bold; text-align: center; text-shadow: 0px -2px 0px rgba(0, 0, 0, 0.1); line-height: 70px; } .shMdPointEnterBtn01 .untBody .ptsMainBtn a:before { display: inline-block; content: ''; background: url(https://s.yimg.jp/images/sh/cms/campaign/point_entry/pc/img/ico_entry_01.png) no-repeat 0 0; width: 34px; height: 34px; margin-right: 15px; vertical-align: sub; } @media only screen and (-webkit-device-pixel-ratio: 2) { .shMdPointEnterBtn01 .untBody .ptsMainBtn a:before { background: url(https://s.yimg.jp/images/sh/cms/campaign/point_entry/pc/img/ico_entry_01_2x.png) no-repeat 0 0; background-size: 34px auto; } } .shMdPointEnterBtn01 .untBody .ptsMainTx { padding-top: 60px; font-size: 200%; font-weight: bold; text-align: center; line-height: 1.05; } .shMdPointEnterBtn01 .untBody .ptsCpnTx + .ptsMainTx { padding-top: 30px; } .shMdPointEnterBtn01 .untBody .ptsSubTx { display: block; text-align: center; } .shMdPointEnterBtn01 .untBody .ptsSubTx span { display: block; padding-top: 30px; text-align: center; } .shMdPointEnterBtn01 .untBody span.ptsSubTx { padding-top: 30px; } .shMdPointEnterBtn01 .untBody .decLink { display: block; padding-top: 20px; font-size: 123.07%; font-weight: bold; text-align: center; } .shMdPointEnterBtn01 .untBody > .decLink { padding-bottom: 60px; } .shMdPointEnterBtn01 .untBody .ptsMainBtn + .ptsSubTx { padding-bottom: 20px; } .shMdPointEnterBtn01 .untBody .ptsMainTx + .ptsSubTx { padding-bottom: 15px; } .shMdPointEnterBtn01 .untBody .ptsMainTx + .ptsSubTx a:first-child { padding-bottom: 45px; } [data-pageFormat="seasonal"] [data-promo-part-headline-level="2"] span { display: block; padding-left: 40px; background-position: 5px center; background-repeat: no-repeat; font-size: 26px; line-height: 65px; } [data-pageFormat="seasonal"] [data-promo-part-headline-level="3"] { padding-left: 40px; background-position: 5px center; background-repeat: no-repeat; font-size: 24px; line-height: 47px; } [data-pageFormat="seasonal"] [data-promo-part-headline-level="4"] { padding-left: 40px; background-position: 5px center; background-repeat: no-repeat; font-size: 22px; } [data-pageFormat="seasonal"] .mdShpPromoEntry { padding-bottom: 20px; } [data-pageFormat="seasonal"] [data-anchor] { top: -100px; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalBottomTitle"], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"], [data-pageFormat="seasonal"] [data-layout-column-page-id="lead"] { max-width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"] > [data-layout-column-page-role], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalBottomTitle"] > [data-layout-column-page-role], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] > [data-layout-column-page-role], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] > [data-layout-column-page-role], [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] > [data-layout-column-page-role], [data-pageFormat="seasonal"] [data-layout-column-page-id="lead"] > [data-layout-column-page-role] { max-width: 950px; margin: 0 auto; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"] { padding: 15px 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"] [data-promo-module] { margin-top: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"] [data-layout-list-wrapper] { margin-top: 15px; overflow: visible; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"] [data-promo-part-seasonalNavV2] ul.elNavList { padding: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalTitle"] [data-promo-part-seasonalNavV2] { background: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] { position: relative; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] [data-layout-list-wrapper] { margin-top: 0; overflow: visible; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] [data-promo-module] { margin-top: 0; margin-bottom: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] { position: relative; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] [data-layout-list-wrapper] { margin-top: 0; overflow: visible; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] [data-promo-module] { margin-top: 0; margin-bottom: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] { position: relative; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] [data-layout-list-wrapper] { margin-top: 0; overflow: visible; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] [data-promo-module] { margin-top: 0; margin-bottom: 0; } [data-pageFormat="seasonal"] [data-promo-part-seasonalNavV2] .elNavList li + li { padding: 0 0 0 10px; } [data-pageFormat="seasonal"] [data-promo-part-seasonalNavV2] .elNav { border-radius: 5px; } [data-pageFormat="seasonal"] [data-promo-part-seasonalNavV2] ul.elNavList { padding: 15px 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] { padding: 0; width: 100%; z-index: 10; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"].elSticky { position: fixed; z-index: 5000001; top: 0; left: 0; width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"].elCloned { visibility: hidden; } body[data-headerdialog-ismodal]:not([data-headerdialog-ismodal=""]) [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"], body[data-libdialog-ismodal]:not([data-libdialog-ismodal=""]) [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"].elCloned { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"].elSticky { position: fixed; top: 0; left: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"].elSticky + .elCloned { display: block; visibility: visible; } [data-promo-flag-device="iPad"] [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"].elSticky [data-promo-part-seasonalsearchbox] { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNav"] [data-layout-column-page-role] { max-width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] { padding: 0; width: 100%; z-index: 10; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"].elSticky { position: fixed; z-index: 5000001; top: 0; left: 0; width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"].elCloned { visibility: hidden; } body[data-headerdialog-ismodal]:not([data-headerdialog-ismodal=""]) [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"], body[data-libdialog-ismodal]:not([data-libdialog-ismodal=""]) [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"].elCloned { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"].elSticky { position: fixed; top: 0; left: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"].elSticky + .elCloned { display: block; visibility: visible; } [data-promo-flag-device="iPad"] [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"].elSticky [data-promo-part-seasonalsearchbox] { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalNavV2"] [data-layout-column-page-role] { max-width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] { padding: 0; width: 100%; z-index: 10; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"].elSticky { position: fixed; z-index: 5000001; top: 0; left: 0; width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"].elCloned { visibility: hidden; } body[data-headerdialog-ismodal]:not([data-headerdialog-ismodal=""]) [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"], body[data-libdialog-ismodal]:not([data-libdialog-ismodal=""]) [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"].elCloned { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"].elSticky { position: fixed; top: 0; left: 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"].elSticky + .elCloned { display: block; visibility: visible; } [data-promo-flag-device="iPad"] [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"].elSticky [data-promo-part-seasonalsearchbox] { display: none; } [data-pageFormat="seasonal"] [data-layout-column-page-id="seasonalFixNavV2"] [data-layout-column-page-role] { max-width: 100%; } [data-pageFormat="seasonal"] [data-layout-column-page-id="lead"] { padding: 15px 0; } [data-pageFormat="seasonal"] [data-layout-column-page-id="lead"] [data-layout-list-wrapper] { overflow: visible; } [data-pageFormat="seasonal"] [data-layout-column-page-id="lead"] [data-promo-common-style-headline] { font-size: 13px; } [data-pageFormat="seasonal"] [data-layout-column-page-id="lead"] [data-promo-common-style-lead] { margin-top: 5px; } [data-pageFormat="seasonal"] [data-layout-column-page-id="main"] { margin-top: 20px; padding-top: 20px; } [data-pageFormat="seasonal"] .mdSeasonalTitle [data-layout-list-wrapper] { margin-top: 0; } [data-pageFormat="seasonal"] .mdSeasonalTitle .ptSeasonalTitle_01 { position: relative; } [data-pageFormat="seasonal"] .mdSeasonalTitle .ptSeasonalTitle_01 [data-promo-part-carousel] { z-index: 0; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleHeader"] .mdPublicationPeriod { margin-top: 10px; text-align: right; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleLead"] [data-layout-list-wrapper][data-layout-list-padding-inner="true"] { padding: 0; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleLead"] [data-layout-list-wrapper][data-layout-list-border-outer="true"] { border: none; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleLead"] [data-promo-part-article] { text-align: center; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleLead"] + [data-layout-column-page] { margin-top: 20px; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleNav"] [data-promo-part-simplenav] { margin-top: 20px; } [data-pageFormat="simple"] [data-layout-column-page-id="simpleNav"] + [data-layout-column-page] { margin-top: 20px; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #d30000; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-part-simplenav] .elLinkInner { background: #b30600; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #b30600; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #e92e28; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-part-simplenav] .elLinkInner { background: #ff5651; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff5651; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ff6363; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-part-simplenav] .elLinkInner { background: #ff7f5d; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff7f5d; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #fbb5b6; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-part-simplenav] .elLinkInner { background: #fbcba7; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #fbcba7; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="red-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #d17400; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-part-simplenav] .elLinkInner { background: #d04806; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #d04806; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ff8e00; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-part-simplenav] .elLinkInner { background: #ff8e00; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff8e00; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffb759; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-part-simplenav] .elLinkInner { background: #ff9764; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff9764; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffb759; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-part-simplenav] .elLinkInner { background: #ff9764; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff9764; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffdab5; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-part-simplenav] .elLinkInner { background: #ffda89; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ffda89; background: #faf2e0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellowRed-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffc600; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-part-simplenav] .elLinkInner { background: #ff8a00; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff8a00; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffc600; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-part-simplenav] .elLinkInner { background: #ff8a00; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ff8a00; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-default-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffe71e; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-part-simplenav] .elLinkInner { background: #ffd235; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ffd235; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffec7e; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-part-simplenav] .elLinkInner { background: #c5de5a; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #c5de5a; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="yellow-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #88a60e; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-part-simplenav] .elLinkInner { background: #437c34; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #437c34; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #9ecc00; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-part-simplenav] .elLinkInner { background: #a2af10; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #a2af10; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #9ecc00; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-part-simplenav] .elLinkInner { background: #a2af10; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #a2af10; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-default-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-part-simpletitle] .elBackgroundColor { background: #c5e14f; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-part-simplenav] .elLinkInner { background: #8fc477; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #8fc477; background: #eeede7; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightGreen-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #006d1c; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-part-simplenav] .elLinkInner { background: #222222; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #222222; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #009940; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-part-simplenav] .elLinkInner { background: #067203; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #067203; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #42c086; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-part-simplenav] .elLinkInner { background: #2bb4a5; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #2bb4a5; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #42c086; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-part-simplenav] .elLinkInner { background: #2bb4a5; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #2bb4a5; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #a7f1bc; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-part-simplenav] .elLinkInner { background: #8cd9c4; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #8cd9c4; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="green-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #006f7f; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-part-simplenav] .elLinkInner { background: #134e6c; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #134e6c; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #00acb3; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-part-simplenav] .elLinkInner { background: #2693a0; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #2693a0; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #56c7d4; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-part-simplenav] .elLinkInner { background: #67a6d3; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #67a6d3; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #56c7d4; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-part-simplenav] .elLinkInner { background: #67a6d3; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #67a6d3; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #a1e2ec; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-part-simplenav] .elLinkInner { background: #9cd4ee; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #9cd4ee; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="lightBlue-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #00578e; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-part-simplenav] .elLinkInner { background: #0088b6; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #0088b6; background: #eaf0f1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #0086d3; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-part-simplenav] .elLinkInner { background: #2165a4; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #2165a4; background: #eaf0f1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-part-simpletitle] .elBackgroundColor { background: #9fddfc; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-part-simplenav] .elLinkInner { background: #a5d2f1; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #a5d2f1; background: #eaf0f1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="blue-light"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #152d5e; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-part-simplenav] .elLinkInner { background: #222222; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #222222; background: #eaf0f1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #133b90; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-part-simplenav] .elLinkInner { background: #65509b; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #65509b; background: #eaf0f1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="cobaltBlue-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #871280; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-part-simplenav] .elLinkInner { background: #481d5c; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #481d5c; background: #f0ebf1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ca33a1; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-part-simplenav] .elLinkInner { background: #913992; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #913992; background: #f0ebf1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #de83dd; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-part-simplenav] .elLinkInner { background: #a34acd; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #a34acd; background: #f0ebf1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #de83dd; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-part-simplenav] .elLinkInner { background: #a34acd; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #a34acd; background: #f0ebf1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffc9ed; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-part-simplenav] .elLinkInner { background: #e5c4f4; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #e5c4f4; background: #f0ebf1; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="purple-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #c80658; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-part-simplenav] .elLinkInner { background: #f2678f; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #f2678f; background: #f5eeee; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-part-simpletitle] .elBackgroundColor { background: #f63876; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-part-simplenav] .elLinkInner { background: #913992; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #913992; background: #f5eeee; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-default"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ff7ba3; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-part-simplenav] .elLinkInner { background: #f49191; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #f49191; background: #f5eeee; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-white"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ff7ba3; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-part-simplenav] .elLinkInner { background: #f49191; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #f49191; background: #f5eeee; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-light-black"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-part-simpletitle] .elBackgroundColor { background: #ffccdf; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-part-simplenav] .elLinkInner { background: #ffc0db; color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #000000; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #ffc0db; background: #f5eeee; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="redPurple-pale"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-part-simpletitle] .elBackgroundColor { background: #222222; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-part-simplenav] .elLinkInner { background: #2e3a54; color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-part-simplenav] .elLinkInner::after { border-top-color: #ffffff; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-common-style-headline], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-common-style-headline-part] { padding: 15px; border-left: 10px solid #2e3a54; background: #f0f0f0; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="3"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="3"] { border-left: none; } [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-common-style-headline][data-promo-part-headline-level="4"], [data-pageFormat="simple"][data-pageFormat-simple-styleSet="black-strong"] [data-promo-common-style-headline-part][data-promo-part-headline-level="4"] { border-left: none; background: none; padding: 0 15px; margin-top: 35px; margin-top: calc(35px - 1em * (1.2 - 1) / 2); margin-bottom: 0px; margin-bottom: calc(0px - 1em * (1.2 - 1) / 2); }