@charset "utf-8"; /* $Date: 2014-06-03 20:51:01 +0900 (火, 03 6 2014) $ $Rev: 1074 $ */ /* ---------- ---------- ---------- ::index:: 1. Footer Layout 2. PageTop 3. FooterLogo 4. FooterLink 5. FooterAddress 6. Copyright 7. Youtube Logo 8. Social Links 9. Adjust Popup Footer ---------- ---------- ---------- */ /* 1. Footer Layout ---------- ---------- ---------- */ div#FooterGroup1:after , div#FooterGroup2:after { content: ""; display: block; clear: both; } div#FooterGroup1 , div#FooterGroup2 { zoom:1; } div#FooterGroup1 { margin: 0 0 10px; display: flex; align-items: center; flex-wrap: wrap; } div#FooterGroup2 { padding: 10px 0 0; border-top: solid 1px #656565; position: relative; } /* 2. PageTop ---------- ---------- ---------- */ p#PageTop { line-height: 1.1; font-size: 0.91em; /* 11/12 */ order: 1; } p#PageTop a { padding: 0 0 0 12px; color: #fff; background: url("../../img/common/mkr_arw_white_top.png") 0 50% no-repeat; text-decoration: none; } p#PageTop a:hover , p#PageTop a:focus { text-decoration: underline; } /* 3. FooterLogo ---------- ---------- ---------- */ p#FooterLogo { margin: -4px 0 0; } p#FooterLogo img { vertical-align: middle; } /* 4. FooterLink ---------- ---------- ---------- */ ul#FooterLink:after { content: ""; display: block; clear: both; } ul#FooterLink { margin: 0 30px 0 25px; padding: 0; float: left; zoom:1; width: 709px; flex: 1; } ul#FooterLink li { margin: 0 15px 0 0; padding: 0 0 0 13px; float: left; line-height: 1.1; list-style: none; font-size: 0.91em; /* 11/12 */ background: url("../../img/common/mkr_triangle_white_r.png") 4px 50% no-repeat; } ul#FooterLink li a { color: #fff; text-decoration: none; } ul#FooterLink li a:hover { text-decoration: underline; } /* 5. FooterAddress ---------- ---------- ---------- */ #FooterAddress { margin: 10px 0 0; width: 100%; order: 1; font-size: 0.91em; color: #999; } #FooterAddress .FooterCompanyName { font-weight: bold; margin-right: 5px; } #FooterAddress .ContactInfo { display: none; } #FooterAddress br { display: none; } /* 6. Copyright ---------- ---------- ---------- */ p#Copyright { float: left; font-size: 0.91em; /* 11/12 */ } p#Copyright a { color: #fff; text-decoration: none; } p#Copyright a:hover { text-decoration: underline; } /* 7. Youtube Logo ---------- ---------- ---------- */ /* p#Youtube { margin: -3px 0 0; float: right; } */ /* 8. Social Links ---------- ---------- ---------- */ div#SocialLinks { float: right; margin: 0; } div#SocialLinks ul:after { content: ""; display: block; clear: both; } div#SocialLinks ul { list-style: none; zoom: 1; } div#SocialLinks ul li { padding: 0 0 0 5px; display: table-cell; *display: inline; *zoom: 1; vertical-align: middle; } div#SocialLinks ul li a { display: block; } /* 9. Adjust Popup Footer ---------- ---------- ---------- */ /* PageTop ---------- */ body.Popup p#PageTop { margin-top: -22px; margin-bottom: 18px; padding: 10px; border: solid 1px #d3d3d3; border-top: none; position: relative; background-color: #fff; border-radius: 0 0 4px 4px; box-shadow: 0 1px 4px #ccc; zoom:1; } body.Popup p#PageTop a { color: #1a5c9a; background-image: url("../../img/common/mkr_arw_gray_top.png"); } body.Popup p#PageTop a:link:hover , body.Popup p#PageTop a:link:focus , body.Popup p#PageTop a:link:active { color: #3285d3; text-decoration: underline; } /* PIE.htc ---------- ---------- ---------- */ body.Popup p#PageTop { behavior: url("/js/common/PIE.htc"); } /* GSR Footer --------- --------- --------- */ .layout-footer.of-primary { overflow: hidden; box-sizing: border-box; min-width: 1280px; color: #fff; line-height: 1.5; background: #484b4c; } .layout-footer.of-primary *, .layout-footer.of-primary *::before, .layout-footer.of-primary *::after { box-sizing: border-box; } .layout-footer.of-primary .layout-footer-content { max-width: 1320px; margin: 0 auto; padding: 48px 20px 48px; line-height: 1.5; background: #484b4c; } .layout-footer.of-primary .layout-footer-utilityGroup { padding: 0; transition: padding .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-primary .layout-footer-utilityGroup.of-primary { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } .layout-footer.of-primary .layout-footer-utilityGroup.of-primary > .layout-footer-utilityColumn { width: 100%; max-width: 550px; } .layout-footer.of-primary .layout-footer-utilityGroup.of-primary > .layout-footer-utilityColumn:nth-child(odd) { padding-right: 20px; } .layout-footer.of-primary .layout-footer-utilityGroup.of-primary > .layout-footer-utilityColumn:only-child { max-width: 100%; } .layout-footer.of-primary .layout-footer-utilityGroup.of-primary > .layout-footer-utilityColumn > *:last-child { margin-bottom: 0; } .layout-footer.of-primary .layout-footer-utilityGroup.of-secondary { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .layout-footer.of-primary .layout-footer-utilityGroup + .layout-footer-utilityGroup { margin-top: 38px; } .layout-footer.of-primary .layout-footer-pageTopLink { position: fixed; right: 0; bottom: 0; z-index: 1000; display: none; overflow: hidden; width: 80px; height: 80px; font-size: 16px; white-space: nowrap; background: #2e3133; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-primary .layout-footer-pageTopLink::before { position: absolute; top: 33px; left: 50%; display: block; width: 13px; height: 2px; background: #fff; content: ""; transform: translateX(-50%); } .layout-footer.of-primary .layout-footer-pageTopLink::after { position: absolute; top: 38px; left: 50%; display: block; width: 9px; height: 9px; margin-left: -1px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; transform: rotate(-45deg) translateX(-50%); } .layout-footer.of-primary .layout-footer-pageTopLink:hover, .layout-footer.of-primary .layout-footer-pageTopLink:active, .layout-footer.of-primary .layout-footer-pageTopLink:focus { opacity: .7; } .layout-footer.of-primary .layout-footer-pageTopLinkText { position: absolute; left: 100%; } .layout-footer.of-primary .layout-footer-logo { margin: 6px 0 24px 0; line-height: 1; } .layout-footer.of-primary .layout-footer-logo img { width: 113px; height: 20px; } .layout-footer.of-primary .layout-footer-linkList { display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: -14px; margin-bottom: 16px; line-height: 1.5; list-style: none; } .layout-footer.of-primary .layout-footer-linkList > li { position: relative; -ms-flex: 1; flex: 1; min-width: 210px; max-width: 210px; margin-top: 13px; margin-right: 10px; font-size: 14px; } .layout-footer.of-primary .layout-footer-linkList > li:nth-child(even) { max-width: 100%; } .layout-footer.of-primary .layout-footer-linkList a { display: inline-block; color: #fff; text-decoration: none; } .layout-footer.of-primary .layout-footer-linkList a:hover, .layout-footer.of-primary .layout-footer-linkList a:active, .layout-footer.of-primary .layout-footer-linkList a:focus { text-decoration: underline; } .layout-footer.of-primary .layout-footer-copyrightText { margin-bottom: 16px; font-size: 14px; color: #b9bdbe; line-height: 1.5; } .layout-footer.of-primary .layout-footer-copyrightText small { font-size: inherit; } .layout-footer.of-primary .layout-footer-address { width: 100%; margin: 10px 0 4px; font-size: 14px; color: #b9bdbe; line-height: 1.5; } .layout-footer.of-primary .layout-footer-address .ContactInfo { display: none; } .layout-footer.of-primary .layout-footer-address br { display: none; } .layout-footer.of-primary .layout-footer-companyName { display: block; margin-right: 5px; margin-bottom: 16px; font-weight: bold; color: #fff; } .layout-footer.of-primary .layout-footer-phoneNumber { display: inline-flex; flex: 1; flex-direction: column; flex-wrap: wrap; width: 100%; margin-bottom: 4px; font-size: 14px; line-height: 1.5; } .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"] { position: relative; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; padding-right: 24px; font-size: 14px; line-height: 1.5; color: #b9bdbe; text-decoration: none; cursor: default; } .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"]:before { position: absolute; display: block; content: ""; top: 50%; right: 0; width: 14px; height: 14px; background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.21778 6.92444C4.49778 9.44 6.56 11.4933 9.07556 12.7822L11.0311 10.8267C11.2711 10.5867 11.6267 10.5067 11.9378 10.6133C12.9333 10.9422 14.0089 11.12 15.1111 11.12C15.6 11.12 16 11.52 16 12.0089V15.1111C16 15.6 15.6 16 15.1111 16C6.76444 16 0 9.23556 0 0.888889C0 0.4 0.4 0 0.888889 0H4C4.48889 0 4.88889 0.4 4.88889 0.888889C4.88889 2 5.06667 3.06667 5.39556 4.06222C5.49333 4.37333 5.42222 4.72 5.17333 4.96889L3.21778 6.92444Z' fill='%23b9bdbe'/%3E%3C/svg%3E"); transform: translateY(-50%); } .layout-footer.of-primary .layout-footer-phoneNumber [href^="tel:"] + .TelSlsh + [href^="tel:"] { margin-top: 4px } .layout-footer.of-primary .layout-footer-phoneNumber em { font-weight: 400 } .layout-footer.of-primary .layout-footer-phoneNumber .TelSlsh { display: none } .layout-footer.of-primary .layout-footer-socialList { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: -16px; margin-bottom: 16px; margin-left: -20px; list-style: none; } .layout-footer.of-primary .layout-footer-socialList > li { margin-left: 20px; margin-left: 16px; } .layout-footer.of-primary .layout-footer-socialList a:hover img, .layout-footer.of-primary .layout-footer-socialList a:hover svg, .layout-footer.of-primary .layout-footer-socialList a:active img, .layout-footer.of-primary .layout-footer-socialList a:active svg, .layout-footer.of-primary .layout-footer-socialList a:focus img, .layout-footer.of-primary .layout-footer-socialList a:focus svg { opacity: .7; } .layout-footer.of-primary .layout-footer-socialList img, .layout-footer.of-primary .layout-footer-socialList svg { width: 32px; height: 32px; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-primary .layout-footer-icpText { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin-bottom: 20px; font-size: 14px; color: #b9bdbe; line-height: 1.5; } .layout-footer.of-primary .layout-footer-icpText > small { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: inherit; } .layout-footer.of-primary .layout-footer-icpText > small + small { margin-left: 16px; } .layout-footer.of-primary .layout-footer-icpText > small + small a { display: -ms-flexbox; display: flex; } .layout-footer.of-primary .layout-footer-icpText > small + small img { min-width: inherit; height: 100%; max-height: 20px; margin-bottom: 0; } .layout-footer.of-primary .layout-footer-icpText > small:first-child + small { margin-left: 5px; } .layout-footer.of-primary .layout-footer-icpText a { display: inline-block; color: inherit; text-decoration: none; } .layout-footer.of-primary .layout-footer-icpText a:hover, .layout-footer.of-primary .layout-footer-icpText a:active, .layout-footer.of-primary .layout-footer-icpText a:focus { text-decoration: underline; } .layout-footer.of-primary .layout-footer-icpText img { display: inline-block; min-width: 62px; min-height: 0; margin-right: 5px; margin-bottom: -8px; vertical-align: middle; } .layout-footer.of-full { overflow: hidden; box-sizing: border-box; min-width: 1280px; color: #fff; line-height: 1.5; background: #2e3133; } body.DownloadListOpen .layout-footer.of-full, body.DownloadListClose .layout-footer.of-full { padding-bottom: 0; } .layout-footer.of-full *, .layout-footer.of-full *::before, .layout-footer.of-full *::after { box-sizing: border-box; } .layout-footer.of-full .layout-footer-content:not(.of-primary) { max-width: 1280px; margin: 0 auto; padding: 150px 0 150px 110px; background: inherit; } .layout-footer.of-full .layout-footer-content.of-primary { position: relative; z-index: 0; max-width: 1280px; margin: 0 auto; padding: 108px 0 48px 110px; line-height: 1.5; background: #484b4c; border-radius: 60px 0 0 0; } body.DownloadListOpen .layout-footer.of-full .layout-footer-content.of-primary { padding-bottom: 245px; } .layout-footer.of-full .layout-footer-content.of-primary::before { position: absolute; top: 0; left: calc(100% - 1px); z-index: -1; display: block; width: 100vw; height: 100%; background: #484b4c; content: ""; } .layout-footer.of-full .layout-footer-utilityGroup { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; padding: 0; transition: padding .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-full .layout-footer-utilityGroup + .layout-footer-utilityGroup { margin-top: 80px; } .layout-footer.of-full .layout-footer-utilityGroup > .layout-footer-utilityColumn { width: 100%; max-width: 550px; } .layout-footer.of-full .layout-footer-utilityGroup > .layout-footer-utilityColumn:nth-child(odd):not(:only-child) { padding-right: 150px; } .layout-footer.of-full .layout-footer-utilityGroup > .layout-footer-utilityColumn:only-child { max-width: 100%; padding-right: 20px; } .layout-footer.of-full .layout-footer-utilityGroup > .layout-footer-utilityColumn > *:last-child { margin-bottom: 0; } .layout-footer.of-full .layout-footer-copy { margin-bottom: 20px; font-weight: bold; font-size: 34px; line-height: 1.25; } .layout-footer.of-full .layout-footer-lead { margin-bottom: 16px; font-size: 14px; color: #969a9b; } .layout-footer.of-full .layout-footer-utilityText { margin-bottom: 16px; font-size: 14px; color: #969a9b; } .layout-footer.of-full .layout-footer-buttonList { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -16px 0 40px -32px; } .layout-footer.of-full .layout-footer-buttonList + .layout-footer-buttonList { margin-top: -56px; } .layout-footer.of-full .layout-footer-buttonList > li { display: -ms-flexbox; display: flex; width: 100%; max-width: 200px; margin: 16px 0 0 32px; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber > li { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber > li > *:nth-child(4n+1) { margin-left: 0 !important; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber > li + li { margin-top: 0; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] { position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; width: 100%; max-width: 200px; margin-top: 16px; padding: 9px 48px 10px 20px; font-size: 14px; color: #fff; text-decoration: none; background-color: #2e3133; border-radius: 4px; cursor: default; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] ~ [href^="tel:"] { margin-left: 32px; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]::before { position: absolute; top: 50%; right: 21px; display: block; width: 16px; height: 16px; background-image: url("../../img/core/icon_tel_02.svg"); content: ""; transform: translateY(-50%); } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"]::after { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; border: 2px solid #545859; border-radius: 4px; content: ""; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] em { font-weight: normal; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber [href^="tel:"] img { display: block; } .layout-footer.of-full .layout-footer-buttonList.of-phoneNumber .TelSlsh { display: none; } .layout-footer.of-full .layout-footer-button { position: relative; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; width: 100%; padding: 9px 48px 10px 20px; font-size: 14px; color: #fff; text-decoration: none; background-color: #dc002f; border-radius: 4px; transition: color .2s cubic-bezier(.4, 0, .2, 1), background .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-full .layout-footer-button::before { position: absolute; top: 50%; right: 21px; display: block; width: 16px; height: 16px; content: ""; transform: translateY(-50%); } .layout-footer.of-full .layout-footer-button::after { position: absolute; top: 50%; right: 30px; display: block; width: 8px; height: 8px; margin-top: -2px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; transform: rotate(45deg) translateY(-50%); } .layout-footer.of-full .layout-footer-button > svg { position: absolute; top: 50%; right: 14px; display: block; width: 30px; height: 30px; transform: translateY(-50%); fill: #fff; } .layout-footer.of-full .layout-footer-button:hover, .layout-footer.of-full .layout-footer-button:active, .layout-footer.of-full .layout-footer-button:focus { background-color: #d30432; } .layout-footer.of-full .layout-footer-button.of-primary { background-color: #13778f; } .layout-footer.of-full .layout-footer-button.of-primary:hover, .layout-footer.of-full .layout-footer-button.of-primary:active, .layout-footer.of-full .layout-footer-button.of-primary:focus { background-color: #25839a; } .layout-footer.of-full .layout-footer-button.of-icon-faq::after { display: none; } .layout-footer.of-full .layout-footer-button.of-icon-faq > svg { right: 21px; width: 16px; height: 16px; } .layout-footer.of-full .layout-footer-button.of-icon-download::after { display: none; } .layout-footer.of-full .layout-footer-button.of-icon-inquiry::after { display: none; } .layout-footer.of-full .layout-footer-button.of-icon-phone::before { background-image: url("../../img/core/icon_tel_02.svg"); } .layout-footer.of-full .layout-footer-button.of-icon-phone::after { display: none; } .layout-footer.of-full .layout-footer-button[href^="tel:"] { position: relative; background-color: #2e3133; cursor: default; } .layout-footer.of-full .layout-footer-button[href^="tel:"]::after { position: absolute; top: 0; right: inherit; left: 0; display: block; width: 100%; height: 100%; margin-top: 0; border: 2px solid #545859; border-radius: 4px; content: ""; transform: inherit; } .layout-footer.of-full .layout-footer-buttonText { display: block; width: 100%; } .layout-footer.of-full .layout-footer-pageTopLink { position: fixed; right: 0; bottom: 0; z-index: 1000; display: none; overflow: hidden; width: 80px; height: 80px; font-size: 16px; white-space: nowrap; background: #2e3133; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-full .layout-footer-pageTopLink::before { position: absolute; top: 33px; left: 50%; display: block; width: 13px; height: 2px; background: #fff; content: ""; transform: translateX(-50%); } .layout-footer.of-full .layout-footer-pageTopLink::after { position: absolute; top: 38px; left: 50%; display: block; width: 9px; height: 9px; margin-left: -1px; border-top: 2px solid #fff; border-right: 2px solid #fff; content: ""; transform: rotate(-45deg) translateX(-50%); } .layout-footer.of-full .layout-footer-pageTopLink:hover, .layout-footer.of-full .layout-footer-pageTopLink:active, .layout-footer.of-full .layout-footer-pageTopLink:focus { opacity: .7; } .layout-footer.of-full .layout-footer-pageTopLinkText { position: absolute; left: 100%; } .layout-footer.of-full .layout-footer-logo { margin: 3px 0 48px 0; line-height: 1; } .layout-footer.of-full .layout-footer-logo img { width: 140px; height: 25px; } .layout-footer.of-full .layout-footer-linkList { display: -ms-inline-flexbox; display: inline-flex; -ms-flex: 1; flex: 1; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; margin-top: -14px; margin-bottom: 16px; line-height: 1.5; list-style: none; } .layout-footer.of-full .layout-footer-linkList > li { position: relative; -ms-flex: 1; flex: 1; min-width: 210px; max-width: 210px; margin-top: 14px; margin-right: 10px; font-size: 14px; } .layout-footer.of-full .layout-footer-linkList > li:nth-child(even) { max-width: 100%; } .layout-footer.of-full .layout-footer-linkList a { display: inline-block; color: #fff; text-decoration: none; } .layout-footer.of-full .layout-footer-linkList a:hover, .layout-footer.of-full .layout-footer-linkList a:active, .layout-footer.of-full .layout-footer-linkList a:focus { text-decoration: underline; } .layout-footer.of-full .layout-footer-copyrightText { margin-bottom: 16px; font-size: 14px; color: #b9bdbe; line-height: 1.5; } .layout-footer.of-full .layout-footer-copyrightText small { font-size: inherit; } .layout-footer.of-full .layout-footer-address { width: 100%; margin: 10px 0 4px; font-size: 14px; color: #b9bdbe; line-height: 1.5; } .layout-footer.of-full .layout-footer-address .ContactInfo { display: none; } .layout-footer.of-full .layout-footer-address br { display: none; } .layout-footer.of-full .layout-footer-address .LineBreak { display: block; } .layout-footer.of-full .layout-footer-companyName { display: block; margin-right: 5px; margin-bottom: 16px; font-weight: bold; color: #fff; } .layout-footer.of-full .layout-footer-socialList { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: -16px; margin-bottom: 16px; margin-left: -20px; list-style: none; } .layout-footer.of-full .layout-footer-socialList > li { margin-left: 20px; margin-top: 16px; } .layout-footer.of-full .layout-footer-socialList a:hover img, .layout-footer.of-full .layout-footer-socialList a:hover svg, .layout-footer.of-full .layout-footer-socialList a:active img, .layout-footer.of-full .layout-footer-socialList a:active svg, .layout-footer.of-full .layout-footer-socialList a:focus img, .layout-footer.of-full .layout-footer-socialList a:focus svg { opacity: .7; } .layout-footer.of-full .layout-footer-socialList img, .layout-footer.of-full .layout-footer-socialList svg { width: 32px; height: 32px; transition: opacity .2s cubic-bezier(.4, 0, .2, 1); } .layout-footer.of-full .layout-footer-icpText { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin-bottom: 7px; font-size: 14px; color: #b9bdbe; line-height: 1.5; } .layout-footer.of-full .layout-footer-icpText small { font-size: inherit; } .layout-footer.of-full .layout-footer-icpText > small { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: inherit; } .layout-footer.of-full .layout-footer-icpText > small + small { margin-left: 16px; } .layout-footer.of-full .layout-footer-icpText > small + small a { display: -ms-flexbox; display: flex; } .layout-footer.of-full .layout-footer-icpText > small + small img { min-width: inherit; height: 100%; max-height: 20px; margin-bottom: 0; } .layout-footer.of-full .layout-footer-icpText > small:first-child + small { margin-left: 5px; } .layout-footer.of-full .layout-footer-icpText a { display: inline-block; color: inherit; text-decoration: none; } .layout-footer.of-full .layout-footer-icpText a:hover, .layout-footer.of-full .layout-footer-icpText a:active, .layout-footer.of-full .layout-footer-icpText a:focus { text-decoration: underline; } .layout-footer.of-full .layout-footer-icpText img { display: inline-block; max-width: 44px; min-height: 0; margin-right: 5px; vertical-align: middle; } .layout-footer.of-primary.of-simple .layout-footer-content { padding: 16px 20px; } .layout-footer.of-primary.of-simple .layout-footer-utilityGroup.of-primary.of-simple > .layout-footer-utilityColumn { padding-right: 0; } .layout-footer.of-primary.of-simple .layout-footer-linkList { display: flex; flex: 0 1 auto; align-items: center; justify-content: center; margin: -8px 0 16px; } .layout-footer.of-primary.of-simple .layout-footer-linkList > li { flex: 0 1 auto; min-width: auto; max-width: none; padding: 0 16px; margin-top: 8px; margin-right: 0; font-size: 12px; text-align: center; } .layout-footer.of-primary.of-simple .layout-footer-linkList > li:nth-child(2n) { max-width: none; } .layout-footer.of-primary.of-simple .layout-footer-linkList > li:before { position: absolute; top: 50%; left: 0; display: block; width: 1px; height: 16px; content: ""; background-color: #b9bdbe; transform: translateY(-50%); } .layout-footer.of-primary.of-simple .layout-footer-linkList > li:first-child:before { display: none; } .layout-footer.of-primary.of-simple .layout-footer-linkList > li > :last-child { margin-bottom: 0; } .layout-footer.of-primary.of-simple .layout-footer-copyrightText { font-size: 12px; } .layout-footer-bannerGroup { background-color: #fafafa; color: #2e3133; border-top: 1px solid #d8d8d8; } .layout-footer-bannerList { max-inline-size: 1320px; margin-top: -24px; margin-inline: auto; padding: 24px 20px; display: flex; flex-wrap: wrap; justify-content: center; } .layout-footer-bannerList > * { margin-top: 24px; display: flex; flex-wrap: wrap; } .layout-footer-bannerList > :nth-child(2n) { margin-left: 40px; padding-left: 40px; border-left: 1px solid #d8d8d8; box-sizing: content-box; } .layout-footer-bannerList > * > * { width: 100%; } .layout-footer-bannerList.of-primary { margin-top: 0; padding-top: 0; padding-bottom: 0; } .layout-footer-bannerList.of-primary>* { width: 50%; margin-top: 0; } .layout-footer-bannerList.of-primary>:nth-child(odd) .layout-footer-bannerOuter { justify-content: flex-end; } .layout-footer-bannerList.of-primary>:nth-child(2n) { box-sizing: border-box; margin-left: 0; padding-left: 0; } .layout-footer-bannerOuter { display: flex; flex-wrap: wrap; padding: 20px 40px; text-decoration: none; color: #2e3133; } .layout-footer-bannerOuter .layout-footer-bannerImage img { transition: transform .4s cubic-bezier(.4,0,.2,1); } .layout-footer-bannerOuter:link:active, .layout-footer-bannerOuter:link:focus, .layout-footer-bannerOuter:link:hover { text-decoration: none; } .layout-footer-bannerOuter:active .layout-footer-bannerButton, .layout-footer-bannerOuter:focus .layout-footer-bannerButton, .layout-footer-bannerOuter:hover .layout-footer-bannerButton { background-color:#d30432; } .layout-footer-bannerOuter:active .layout-footer-bannerImage img,.layout-footer-bannerOuter:focus .layout-footer-bannerImage img,.layout-footer-bannerOuter:hover .layout-footer-bannerImage img { transform: scale(1.05); } .layout-footer-banner { display: flex; align-items: center; line-height: 1.3; max-width: 440px; min-width: 440px; } .layout-footer-banner.of-primary { min-width: auto; max-width: 490px; width: 100%; } .layout-footer-bannerBody { flex: 1; } .layout-footer-bannerBody > :last-child { margin-bottom: 0; } .layout-footer-bannerTitle { font-size: 26px; margin-bottom: 7px; } .layout-footer-banner.of-primary .layout-footer-bannerTitle { margin-bottom: 16px; font-size: 24px; line-height: 1.3; font-weight: 600; color: #2e3133; } [lang=en] .layout-footer-banner.of-primary .layout-footer-bannerTitle { text-transform: uppercase; } .layout-footer-bannerText { font-size: 13px; margin-bottom: 16px; } .layout-footer-bannerLink { font-size: 17px; margin-bottom: 16px; } .layout-footer-bannerLink a { color: #dc002f !important; text-decoration: none !important; } .layout-footer-bannerLink a:hover { text-decoration: none; } .layout-footer-bannerLink a:hover .prd-inlineLink-label { text-decoration: underline; } .layout-footer-bannerImage { margin-left: 16px; } .layout-footer-bannerImage:only-child { width: 100%; text-align: center; margin-left: 0; max-width: inherit; } .layout-footer-bannerButton { display: inline-flex; align-items: center; max-width: 240px; padding-right: 8px; padding-left: 16px; text-align: inherit; text-decoration: none; background-color: #dc002f; border: 2px solid transparent; border-radius: 4px; transition: color .2s cubic-bezier(.4,0,.2,1),background .2s cubic-bezier(.4,0,.2,1); color: #fff; font-size: 14px; } .layout-footer-bannerButtonText { flex: auto; padding-top: 4px; padding-bottom: 4px; padding-left: 4px; } .layout-footer-bannerButtonIcon { flex: none; width: 24px; height: 24px; margin-top: 0; margin-bottom: 0; color: inherit; fill: currentColor; } .layout-footer-bannerButtonText+.layout-footer-bannerButtonIcon { margin-left: 8px; }