@charset "UTF-8";
/*
 * 'Roboto' is lisenced under the Apache License, version 2.0
 * https://fonts.google.com/specimen/Roboto
 * https://www.google.com/fonts/attribution
 * http://www.apache.org/licenses/LICENSE-2.0
 */
@font-face {
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Regular.eot");
}

@font-face {
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Regular.woff") format("woff"), url("https://library.keyence.com/fonts/Roboto-Regular.ttf") format("truetype");
}

@font-face {
    font-weight: bold;
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Bold.eot");
}

@font-face {
    font-weight: bold;
    font-family: "Roboto";
    src: url("https://library.keyence.com/fonts/Roboto-Bold.woff") format("woff"), url("https://library.keyence.com/fonts/Roboto-Bold.ttf") format("truetype");
}

:root {
    font-size: 10px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

*::before, *::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    min-width: 320px;
    font-size: 1.6rem;
    font-family: "Roboto", helvetica, arial, meiryo, sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #333;
    line-height: 1.5;
    overflow-wrap: anywhere;
    word-wrap: break-word;
    word-break: break-word;
    background: #fff;
}

@media screen and (max-width: 969px) {
    body.is-menu-show {
        background: #ededed;
    }
}

[lang="fr"] body {
    font-family: "Roboto", "Arial", Verdana;
}

[lang="ko"] body {
    font-family: "돋움", dotum, arial, san-serif;
    word-break: keep-all;
}

[lang="th"] body {
    font-family: Arial, sans-serif;
}

.theme-KC body {
    font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei", "Hiragino Sans GB", "Heiti SC", "WenQuanYi Micro Hei", sans-serif;
}

.theme-KW body {
    font-family: helvetica, arial, san-serif;
}

main {
    display: block;
}

p {
    margin-bottom: 16px;
}

ul, ol {
    list-style: none;
}

hr {
    overflow: visible;
    box-sizing: content-box;
    height: 0;
}

pre {
    font-size: 1em;
    font-family: monospace;
}

a {
    text-decoration: underline;
    background-color: transparent;
}

a:hover, a:active, a:focus {
    text-decoration: none;
}

abbr[title] {
    text-decoration: underline dotted;
    -webkit-text-decoration: underline dotted;
    border-bottom: none;
}

b, strong {
    font-weight: bold;
}

em {
    font-weight: bold;
    font-style: normal;
}

dfn, cite {
    font-style: normal;
}

code, kbd, samp {
    font-size: 1em;
    font-family: monospace;
}

small {
    font-size: 100%;
}

i {
    font-style: italic;
}

sub, sup {
    position: relative;
    font-size: 75%;
    vertical-align: baseline;
    line-height: 0;
}

sub {
    bottom: -.25em;
}

sup {
    top: -.5em;
}

img {
    max-width: 100%;
    vertical-align: bottom;
    border-style: none;
}

table {
    width: 100%;
    border-collapse: collapse;
}

button, input, optgroup, select, textarea {
    font-size: 100%;
    font-family: inherit;
    line-height: inherit;
    border-radius: 0;
}

button, input {
    overflow: visible;
}

button, select {
    text-transform: none;
}

button, [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button;
    background: none;
    border: 0;
    cursor: pointer;
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    padding: 0;
    border-style: none;
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline: none;
}

legend {
    display: table;
    max-width: 100%;
    color: inherit;
    white-space: normal;
}

progress {
    vertical-align: baseline;
}

textarea {
    overflow: auto;
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto;
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

::-webkit-file-upload-button {
    font: inherit;
    -webkit-appearance: button;
}

details {
    display: block;
}

summary {
    display: list-item;
}

template {
    display: none;
}

[hidden] {
    display: none;
}

.layout-header {
    background: #fff;
    border-bottom: 1px solid #d0d0d0;
}

@media screen and (min-width: 970px) {
    .layout-header {
        height: auto !important;
    }
}

@media screen and (max-width: 969px) {
    .layout-header {
        position: relative;
        border-bottom: 0;
    }
    [data-script-enabled="true"] .is-menu-show .layout-header[data-hamburger-menu="true"] {
        position: absolute;
        z-index: 100;
        width: 100%;
    }
}

.layout-header-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 20px;
}

.layout-header[data-hamburger-menu="true"] .layout-header-content {
    position: relative;
}

@media screen and (max-width: 969px) {
    .layout-header-content {
        padding: 0;
    }
}

.layout-header-logo {
    position: relative;
    line-height: 1;
    transition: padding .2s ease;
}

@media screen and (max-width: 969px) {
    .layout-header-logo {
        position: static;
        padding: 15px 56px;
        text-align: center;
        border-bottom: 1px solid #d0d0d0;
    }
}

.layout-header-logo > a {
    display: inline-block;
}

.layout-header-logo > a img {
    width: 189px;
    height: 33px;
}

.theme-KC .layout-header-logo > a img {
    width: 283px;
}

@media screen and (max-width: 969px) {
    .layout-header-logo > a img {
        width: 91px;
        height: 16px;
    }
    .theme-KC .layout-header-logo > a img {
        width: 167px;
    }
}

.layout-header-menuButton {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    width: 56px;
    height: 46px;
    padding: 14px 17px;
    line-height: 1;
}

[data-script-enabled="true"] .layout-header-menuButton {
    display: block;
}

@media screen and (min-width: 970px) {
    [data-script-enabled="true"] .layout-header-menuButton {
        display: none;
    }
}

.layout-header-menuButton::before, .layout-header-menuButton::after {
    position: absolute;
    display: block;
    width: 22px;
    height: 2px;
    background-color: #696d6f;
    content: "";
    transition: all .2s;
    transform: rotate(0);
}

.layout-header-menuButton::before {
    top: 14px;
}

.layout-header-menuButton::after {
    top: 30px;
}

.layout-header-menuButtonBody {
    position: absolute;
    top: 22px;
    display: block;
    overflow: hidden;
    width: 22px;
    height: 2px;
    background-color: #696d6f;
    transition: background-color .2s ease, transform .2s ease;
    transform: scale(1);
}

.layout-header-menuButtonText {
    position: absolute;
    left: 100%;
    white-space: nowrap;
}

.layout-header-menuButton[aria-expanded="true"]::before {
    top: 22px;
    left: 16px;
    width: 24px;
    transform: rotate(45deg);
}

.layout-header-menuButton[aria-expanded="true"]::after {
    top: 22px;
    left: 16px;
    width: 24px;
    transform: rotate(-45deg);
}

.layout-header-menuButton[aria-expanded="true"] .layout-header-menuButtonBody {
    background-color: transparent;
    transform: scale(0);
}

.layout-header-searchButton {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    width: 56px;
    height: 46px;
    padding: 14px 17px;
    line-height: 1;
}

[data-script-enabled="true"] .layout-header-searchButton {
    display: block;
}

@media screen and (min-width: 970px) {
    [data-script-enabled="true"] .layout-header-searchButton {
        display: none;
    }
}

.layout-header-searchButton::before, .layout-header-searchButton::after {
    position: absolute;
    right: 16px;
    display: block;
    content: "";
    transform: rotate(0);
}

.layout-header-searchButton::before {
    top: 14px;
}

.layout-header-searchButton::after {
    top: 30px;
}

.layout-header-searchButtonBody {
    position: absolute;
    top: 14px;
    right: 21px;
    display: block;
    overflow: hidden;
    width: 14px;
    height: 17.5px;
    background: url(../../img/core/icon_search_01.png);
    background-size: 100%;
    opacity: 1;
    transition: opacity .2s ease, transform .2s ease;
    transform: scale(1);
}

.layout-header-searchButtonText {
    position: absolute;
    left: 100%;
    display: block;
    white-space: nowrap;
}

.layout-header-searchButton[aria-expanded="true"]::before, .layout-header-searchButton[aria-expanded="true"]::after {
    height: 2px;
    background-color: #696d6f;
    transition: all .2s;
}

.layout-header-searchButton[aria-expanded="true"]::before {
    top: 22px;
    width: 24px;
    transform: rotate(45deg);
}

.layout-header-searchButton[aria-expanded="true"]::after {
    top: 22px;
    width: 24px;
    transform: rotate(-45deg);
}

.layout-header-searchButton[aria-expanded="true"] .layout-header-searchButtonBody {
    opacity: 0;
    transform: scale(0);
}

.layout-header-search {
    position: absolute;
    right: 20px;
    bottom: 0;
    margin-top: 40px;
    padding: 5px 0 8px;
}

@media screen and (max-width: 969px) {
    .layout-header-search {
        position: static;
        right: inherit;
        bottom: inherit;
        margin-top: 0;
        margin-bottom: 0;
        padding: 20px;
        background: #ededed;
    }
    [data-script-enabled="true"] .layout-header-search {
        position: fixed;
        left: 0;
        z-index: 1000;
        visibility: hidden;
        width: 100%;
        opacity: 0;
    }
    [data-script-enabled="true"] .layout-header-search.is-show {
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s ease, opacity .2s ease;
    }
    [data-script-enabled="true"] .layout-header-search.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s ease, opacity .2s ease;
    }
}

.layout-header-menu {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -24px;
}

@media screen and (max-width: 969px) {
    .layout-header-menu {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: inherit;
        justify-content: inherit;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
        margin-top: 0;
        padding-bottom: 30px;
        background: #ededed;
    }
    [data-script-enabled="true"] .layout-header-menu {
        position: fixed;
        left: 0;
        visibility: hidden;
        width: 100%;
        opacity: 0;
    }
    [data-script-enabled="true"] .layout-header-menu.is-show {
        position: absolute;
        visibility: visible;
        opacity: 1;
        transition: visibility .2s ease, opacity .2s ease, left .2s ease;
    }
    [data-script-enabled="true"] .layout-header-menu.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .2s ease, opacity .2s ease, left .2s ease;
    }
}

.layout-header-utilityList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-top: -6px;
    margin-bottom: 15px;
    padding-left: 210px;
    line-height: 1.2;
}

.theme-KC .layout-header-utilityList {
    padding-left: 303px;
}

@media screen and (max-width: 969px) {
    .theme-KC .layout-header-utilityList {
        padding-left: 20px;
    }
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList {
        position: static;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
        margin-bottom: 0;
        padding: 10px 20px 0;
        background: #ededed;
    }
}

.layout-header-utilityList:only-child {
    margin-bottom: 5px;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList:only-child {
        margin-bottom: 0;
        border-top: 0;
    }
}

.layout-header-utilityList + .layout-header-languageList {
    margin-top: -1px;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList + .layout-header-languageList {
        margin-top: 0;
    }
}

.layout-header-utilityList + .navigationGlobal-outer {
    margin-top: 15px;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList + .navigationGlobal-outer {
        margin-top: 0;
    }
}

.layout-header-utilityList + .navigationGlobal-outer + .layout-header-search {
    margin-top: 15px;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList + .navigationGlobal-outer + .layout-header-search {
        margin-top: 0;
    }
}

.layout-header-utilityList > li {
    position: relative;
    margin-right: 8px;
    padding-right: 8px;
    font-size: 1.4rem;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li {
        margin-right: 0;
        padding-right: 0;
    }
}

.layout-header-utilityList > li.of-telephone {
    font-weight: bold;
    color: #ea0437;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-telephone {
        margin-top: 10px;
        margin-bottom: 18px;
        font-size: 1.8rem;
        text-align: center;
    }
}

.layout-header-utilityList > li.of-telephone > a {
    text-decoration: none !important;
    cursor: inherit;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-telephone > a {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        -ms-flex-align: center;
        align-items: center;
        padding: 14px 0 13px;
        background: #fff;
    }
    .layout-header-utilityList > li.of-telephone > a::before {
        display: block;
        width: 29px;
        height: 29px;
        background: url("../../img/core/icon_tel_l_trans.png") no-repeat;
        background-size: cover;
        content: "";
    }
}

.layout-header-utilityList > li.of-telephone > a > span {
    font-weight: normal;
    color: #333;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-telephone > a > span {
        margin-right: 4px;
    }
}

.layout-header-utilityList > li.of-telephone .TelSlsh {
    margin-right: 3px;
    margin-left: 3px;
    color: #333;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-telephone .TelSlsh {
        display: none;
    }
}

@media screen and (max-width: 1240px) and (min-width: 970px) {
    .layout-header-utilityList > li.of-telephone .TelSlsh + a {
        display: block;
    }
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-telephone .TelSlsh + a {
        margin-top: 8px;
    }
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-career {
        margin-bottom: 13px;
        text-align: center;
        border-top: 1px solid #c0c0c0;
        border-bottom: 1px solid #c0c0c0;
    }
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li.of-career > a {
        padding: 16px 8px 14px;
    }
}

.layout-header-utilityList > li.of-regionSelector {
    font-weight: bold;
}

.layout-header-utilityList > li.of-regionSelector > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
}

@media screen and (min-width: 970px) {
    .layout-header-utilityList > li.of-regionSelector > a {
        white-space: nowrap;
    }
}

.layout-header-utilityList > li:last-child {
    margin-right: 0;
    padding-right: 0;
}

.layout-header-utilityList > li:last-child::before {
    display: none;
}

.layout-header-utilityList > li::before {
    position: absolute;
    top: -2px;
    right: 0;
    display: block;
    width: 1px;
    height: 20px;
    background: #ccc;
    content: "";
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li::before {
        display: none;
    }
}

.layout-header-utilityList > li > a {
    color: inherit;
    text-decoration: none;
}

@media screen and (max-width: 969px) {
    .layout-header-utilityList > li > a {
        display: block;
        padding: 12px 0;
    }
}

@media screen and (min-width: 970px) {
    .layout-header-utilityList > li > a:hover, .layout-header-utilityList > li > a:active, .layout-header-utilityList > li > a:focus {
        text-decoration: underline;
    }
}

.layout-header-language {
    font-weight: normal;
    white-space: nowrap;
}

@media screen and (max-width: 1240px) and (min-width: 970px) {
    .layout-header-language {
        display: block;
    }
}

.layout-header-languageList {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    width: 100%;
    margin-bottom: 9px;
    padding-left: 210px;
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.1;
}

.theme-KC .layout-header-languageList {
    padding-left: 303px;
}

@media screen and (max-width: 969px) {
    .theme-KC .layout-header-languageList {
        padding: 0 20px;
    }
}

@media screen and (max-width: 969px) {
    .layout-header-languageList {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-bottom: 0;
        padding: 0 20px;
        background: #ededed;
    }
}

.layout-header-languageList:last-child {
    margin-bottom: 0;
}

.layout-header-languageList + .navigationGlobal-outer {
    margin-top: 0;
}

.layout-header-languageList + .navigationGlobal-outer + .layout-header-search {
    margin-top: 0;
}

.layout-header-languageList > li {
    position: relative;
}

.layout-header-globalIcon {
    margin-top: -3px;
    margin-right: 8px;
}

@media screen and (max-width: 969px) {
    .layout-header-globalIcon {
        width: 16px;
        height: 16px;
        margin-top: -1px;
        margin-right: 4px;
        opacity: .65;
    }
}

.layout-header-currentRegion {
    display: -ms-inline-flexbox;
    display: inline-flex;
    white-space: nowrap;
}

.layout-header-currentRegion::after {
    display: block;
    margin-right: 3px;
    margin-left: 3px;
    content: "\3a";
}

@media screen and (max-width: 969px) {
    .layout-header-currentRegion {
        color: #666;
    }
}

.layout-header-currentLanguage {
    display: block;
    padding: 3px 6px;
    background: #fff;
    border: 1px solid transparent;
}

.layout-header-currentLanguage[tabindex] {
    cursor: pointer;
}

.layout-header-currentLanguage[aria-expanded] {
    position: relative;
    min-width: 108px;
    padding-right: 12px;
    border-color: #ccc;
}

.layout-header-currentLanguage[aria-expanded]::before {
    position: absolute;
    top: 50%;
    right: 6px;
    display: block;
    border-width: 4px 2.5px;
    border-style: solid;
    border-color: #666 transparent transparent transparent;
    content: "";
    transform: translateY(-50%);
}

@media screen and (max-width: 969px) {
    .layout-header-currentLanguage {
        display: none;
    }
}

.layout-header-selectedList {
    margin-top: -1px;
    padding: 5px 0;
    color: #707070;
    border: 1px solid #ccc;
}

@media screen and (min-width: 970px) {
    [data-script-enabled="true"] .layout-header-selectedList {
        position: absolute;
        z-index: 1;
        display: none;
        width: 100%;
        background: #fff;
    }
    [data-script-enabled="true"] .layout-header-selectedList.is-show {
        display: block;
    }
}

@media screen and (max-width: 969px) {
    .layout-header-selectedList {
        display: -ms-flexbox !important;
        display: flex !important;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -16px 0 0 -24px;
        padding: 0;
        color: #666;
        border: 0;
    }
}

.layout-header-selectedList > li {
    margin-bottom: 4px;
}

@media screen and (max-width: 969px) {
    .layout-header-selectedList > li {
        width: 33.333333%;
        margin-top: 16px;
        margin-bottom: 0;
        padding-left: 24px;
    }
}

.layout-header-selectedList > li.is-current {
    font-weight: bold;
}

@media screen and (max-width: 969px) {
    .layout-header-selectedList > li.is-current {
        color: #333;
    }
}

.layout-header-selectedList > li.is-current > span {
    padding-left: 20px;
}

@media screen and (max-width: 969px) {
    .layout-header-selectedList > li.is-current > span {
        padding-left: 8px;
    }
}

.layout-header-selectedList > li:last-child {
    margin-bottom: 0;
}

.layout-header-selectedList > li > a {
    position: relative;
    display: block;
    padding: 2px 8px 2px 20px;
    color: inherit;
}

@media screen and (max-width: 969px) {
    .layout-header-selectedList > li > a {
        padding: 0 0 0 8px;
    }
}

.layout-header-selectedList > li > a::before {
    position: absolute;
    top: .4em;
    left: 8px;
    display: block;
    border-width: 2.5px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
    content: "";
}

@media screen and (max-width: 969px) {
    .layout-header-selectedList > li > a::before {
        top: .25em;
        left: 0;
    }
}

.navigationGlobal-outer {
    margin-top: 40px;
    margin-bottom: -20px;
}

@media screen and (min-width: 970px) {
    .navigationGlobal-outer:only-child {
        margin-top: 43px;
    }
}

@media screen and (max-width: 969px) {
    .navigationGlobal-outer {
        -ms-flex-order: -1;
        order: -1;
        margin-top: 0;
        margin-bottom: 0;
    }
}

.navigationGlobal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: -24px;
}

@media screen and (max-width: 1240px) {
    .navigationGlobal {
        margin-left: calc(-24vw * 100 / 1240);
    }
}

@media screen and (max-width: 969px) {
    .navigationGlobal {
        position: static;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: inherit;
        align-items: inherit;
        margin-left: 0;
    }
}

.navigationGlobal > li {
    padding-left: 24px;
}

@media screen and (max-width: 1240px) {
    .navigationGlobal > li {
        padding-left: calc(13vw * 100 / 1240);
    }
}

@media screen and (max-width: 969px) {
    .navigationGlobal > li {
        padding-left: 0;
        border-bottom: 1px solid #ccc;
    }
}

.navigationGlobal > li > a {
    position: relative;
    display: block;
    min-height: 46px;
    padding: 9px 16px 16px 16px;
    font-weight: bold;
    font-size: 1.8rem;
    color: inherit;
    line-height: 1.2;
    text-decoration: none;
}

@media screen and (min-width: 970px) {
    .navigationGlobal > li > a {
        transition: color .1s .2s;
    }
}

@media screen and (max-width: 1240px) {
    .navigationGlobal > li > a {
        padding: 9px calc(16vw * 100 / 1240) 16px calc(16vw * 100 / 1240);
        font-size: calc(18vw * 100 / 1240);
    }
}

@media screen and (max-width: 969px) {
    .navigationGlobal > li > a {
        display: block;
        min-height: inherit;
        padding: 16px 50px 16px 20px;
        font-size: 1.6rem;
        color: inherit;
        line-height: 1.1875;
        background: #fff;
    }
}

@media screen and (min-width: 970px) {
    .navigationGlobal > li > a:hover, .navigationGlobal > li > a:focus {
        color: #ea0437;
    }
    .navigationGlobal > li > a:hover::after, .navigationGlobal > li > a:focus::after {
        background: #ea0437;
    }
}

.smartphone .navigationGlobal > li > a:hover, .smartphone .navigationGlobal > li > a:focus {
    color: inherit;
}

.smartphone .navigationGlobal > li > a:hover::after, .smartphone .navigationGlobal > li > a:focus::after {
    background: transparent;
}

.navigationGlobal > li > a.navigationGlobal-trigger {
    padding-left: 26px;
}

@media screen and (max-width: 1240px) {
    .navigationGlobal > li > a.navigationGlobal-trigger {
        padding-left: calc(26vw * 100 / 1240);
    }
}

@media screen and (max-width: 969px) {
    .navigationGlobal > li > a.navigationGlobal-trigger {
        padding-left: 20px;
    }
}

@media screen and (min-width: 970px) {
    .navigationGlobal > li > a.navigationGlobal-trigger.is-active, .navigationGlobal > li > a.navigationGlobal-trigger.is-current {
        color: #ea0437;
    }
    .navigationGlobal > li > a.navigationGlobal-trigger.is-active::after, .navigationGlobal > li > a.navigationGlobal-trigger.is-current::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: #ea0437;
        content: "";
    }
}

[data-script-enabled="true"] .navigationGlobal > li > a.navigationGlobal-trigger::before {
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    width: 7px;
    height: 7px;
    margin-top: -12px;
    border-top: 2px solid #ea0437;
    border-right: 2px solid #ea0437;
    content: "";
    transform: rotate(135deg) translateY(-50%);
}

@media screen and (max-width: 1240px) {
    [data-script-enabled="true"] .navigationGlobal > li > a.navigationGlobal-trigger::before {
        left: calc(8vw * 100 / 1240);
        width: calc(7vw * 100 / 1240);
        min-width: 6px;
        height: calc(7vw * 100 / 1240);
        min-height: 6px;
    }
}

@media screen and (max-width: 969px) {
    [data-script-enabled="true"] .navigationGlobal > li > a.navigationGlobal-trigger::before {
        display: none;
    }
}

@media screen and (min-width: 970px) {
    .navigationGlobal > li > a::after {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 2px;
        background: transparent;
        content: "";
        transition: background .1s .2s;
    }
}

@media screen and (max-width: 969px) {
    .navigationGlobal > li > a::after {
        position: absolute;
        top: 50%;
        right: 26px;
        display: block;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border-top: 2px solid #ea0437;
        border-right: 2px solid #ea0437;
        content: "";
        transform: rotate(45deg) translateY(-50%);
    }
}

.layout-megaMenuGrid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -20px 0 0 -20px;
}

@media screen and (max-width: 969px) {
    .layout-megaMenuGrid {
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 0;
    }
}

.layout-megaMenuGrid.of-column-5 > .layout-megaMenuGrid-column.of-column-1 {
    width: 20%;
}

.layout-megaMenuGrid.of-column-5 > .layout-megaMenuGrid-column.of-column-2 {
    width: 40%;
}

.layout-megaMenuGrid.of-column-5 > .layout-megaMenuGrid-column.of-column-3 {
    width: 60%;
}

.layout-megaMenuGrid.of-column-5 > .layout-megaMenuGrid-column.of-column-4 {
    width: 80%;
}

.layout-megaMenuGrid.of-column-5 > .layout-megaMenuGrid-column.of-column-5 {
    width: 100%;
}

.layout-megaMenuGrid.of-column-4 > .layout-megaMenuGrid-column.of-column-1 {
    width: 25%;
}

.layout-megaMenuGrid.of-column-4 > .layout-megaMenuGrid-column.of-column-2 {
    width: 50%;
}

.layout-megaMenuGrid.of-column-4 > .layout-megaMenuGrid-column.of-column-3 {
    width: 75%;
}

.layout-megaMenuGrid.of-column-4 > .layout-megaMenuGrid-column.of-column-4 {
    width: 100%;
}

.layout-megaMenuGrid.of-column-3 > .layout-megaMenuGrid-column.of-column-1 {
    width: 33.3333333%;
}

.layout-megaMenuGrid.of-column-3 > .layout-megaMenuGrid-column.of-column-2 {
    width: 66.6666666%;
}

.layout-megaMenuGrid.of-column-3 > .layout-megaMenuGrid-column.of-column-3 {
    width: 100%;
}

.layout-megaMenuGrid.of-column-2 > .layout-megaMenuGrid-column.of-column-1 {
    width: 50%;
}

.layout-megaMenuGrid.of-column-2 > .layout-megaMenuGrid-column.of-column-2 {
    width: 100%;
}

.layout-megaMenuGrid-column {
    width: 100%;
    margin-top: 20px;
    padding-left: 20px;
}

@media screen and (max-width: 969px) {
    .layout-megaMenuGrid-column {
        width: 100% !important;
        margin-top: 0;
    }
}

.layout-megaMenuGrid-column > *:last-child {
    margin-bottom: 0;
}

.navigationMegaMenu {
    position: absolute;
    top: calc(100% + 1px);
    left: 20px;
    z-index: 1000;
    display: none;
    width: calc(100% - 40px);
    padding: 22px 20px 20px;
    background: #ededed;
    box-shadow: 0 4px 8px rgba(0, 0, 0, .3);
}

@media screen and (min-width: 970px) {
    .navigationMegaMenu {
        display: block;
        visibility: hidden;
        opacity: 0;
    }
    .navigationMegaMenu.is-show {
        visibility: visible;
        opacity: 1;
        transition: visibility .1s ease .1s, opacity .2s ease .2s;
    }
    .navigationMegaMenu.is-hide {
        visibility: hidden;
        opacity: 0;
        transition: visibility .1s ease .1s, opacity .2s ease .2s;
    }
}

@media screen and (max-width: 1240px) {
    .navigationMegaMenu {
        left: 0;
        width: 100%;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu {
        top: 0;
        left: 100%;
        padding: 0;
        box-shadow: none;
    }
    .navigationMegaMenu.is-show {
        display: block;
    }
}

.navigationMegaMenu-list {
    margin-bottom: 16px;
    font-size: 1.4rem;
    line-height: 1.3;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list {
        margin-bottom: 0;
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly {
        padding: 28px 20px;
        background: #ededed;
    }
}

.navigationMegaMenu-list.of-modestly > li {
    font-size: 1.4rem;
    color: #666;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly > li:last-child {
        border-bottom: 0;
    }
}

.navigationMegaMenu-list > li {
    margin-bottom: 16px;
    font-weight: bold;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li {
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }
}

.navigationMegaMenu-list > li:last-child {
    margin-bottom: 0;
}

.navigationMegaMenu-list > li > a, .navigationMegaMenu-list > li > button {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: #333;
    text-decoration: none;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a, .navigationMegaMenu-list > li > button {
        display: block;
        width: 100%;
        padding: 16px 50px 16px 37px;
        color: inherit;
        text-align: left;
        line-height: 1.1875;
        background: #fff;
    }
}

@media screen and (min-width: 970px) {
    .navigationMegaMenu-list > li > a:hover, .navigationMegaMenu-list > li > a:active, .navigationMegaMenu-list > li > a:focus, .navigationMegaMenu-list > li > button:hover, .navigationMegaMenu-list > li > button:active, .navigationMegaMenu-list > li > button:focus {
        text-decoration: underline;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a.of-goBack, .navigationMegaMenu-list > li > button.of-goBack {
        padding-left: 37px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a.of-goBack::before, .navigationMegaMenu-list > li > button.of-goBack::before {
        right: inherit;
        left: 22px;
        margin-top: -7px;
        border-color: #707070;
        transform: rotate(-135deg) translateY(-50%);
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a.of-hierarchyTop, .navigationMegaMenu-list > li > button.of-hierarchyTop {
        padding-left: 20px;
    }
}

.navigationMegaMenu-list > li > a::before, .navigationMegaMenu-list > li > button::before {
    position: absolute;
    top: .25em;
    left: -2px;
    display: block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #ea0437;
    border-right: 2px solid #ea0437;
    content: "";
    transform: rotate(45deg);
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a::before, .navigationMegaMenu-list > li > button::before {
        top: 50%;
        right: 26px;
        left: inherit;
        margin-top: -2px;
        transform: rotate(45deg) translateY(-50%);
    }
}

.navigationMegaMenu-list > li > a[target="_blank"] {
    color: #333;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a[target="_blank"]::before {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list > li > a[target="_blank"] .navigationMegaMenu-icon {
        position: absolute;
        top: 50%;
        right: 18px;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        transform: translateY(-50%);
    }
}

.navigationMegaMenu-childList {
    margin-top: 8px;
    font-weight: normal;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList {
        position: absolute;
        top: 0;
        left: 100%;
        display: none;
        width: 100%;
        margin-top: 0;
    }
    .navigationMegaMenu-childList.is-show {
        display: block;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList {
        position: static;
        display: block;
        margin-top: 4px;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList > li {
        font-weight: normal;
        font-size: 1.4rem;
        border-bottom: 0;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList > li > a {
        padding: 12px 0 12px 14px;
        font-weight: normal;
        background: none;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList > li > a::before {
        top: 50%;
        display: block;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-list.of-modestly .navigationMegaMenu-childList > li > a::after {
        display: none;
    }
}

.navigationMegaMenu-childList > li {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li {
        margin-bottom: 0;
        font-size: 1.6rem;
        border-bottom: 1px solid #ccc;
    }
}

.navigationMegaMenu-childList > li:last-child {
    margin-bottom: 0;
}

.navigationMegaMenu-childList > li > a[target="_blank"] {
    color: #333;
}

.navigationMegaMenu-childList > li > a, .navigationMegaMenu-childList > li button {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: inherit;
    text-decoration: none;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li > a, .navigationMegaMenu-childList > li button {
        display: block;
        width: 100%;
        padding: 16px 50px 16px 37px;
        font-weight: bold;
        text-align: left;
        line-height: 1.1875;
        text-decoration: none;
        background: #fff;
    }
}

@media screen and (min-width: 970px) {
    .navigationMegaMenu-childList > li > a:hover, .navigationMegaMenu-childList > li > a:active, .navigationMegaMenu-childList > li > a:focus, .navigationMegaMenu-childList > li button:hover, .navigationMegaMenu-childList > li button:active, .navigationMegaMenu-childList > li button:focus {
        text-decoration: underline;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li > a.of-goBack, .navigationMegaMenu-childList > li button.of-goBack {
        padding-left: 37px;
        font-weight: normal;
        font-size: 1.4rem;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li > a.of-goBack::after, .navigationMegaMenu-childList > li button.of-goBack::after {
        right: inherit;
        left: 22px;
        margin-top: -7px;
        border-color: #707070;
        transform: rotate(-135deg) translateY(-50%);
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li > a.of-hierarchyTop, .navigationMegaMenu-childList > li button.of-hierarchyTop {
        padding-left: 20px;
    }
}

.navigationMegaMenu-childList > li > a::before, .navigationMegaMenu-childList > li button::before {
    position: absolute;
    top: .4em;
    left: 0;
    display: block;
    border-width: 2.5px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
    content: "";
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li > a::before, .navigationMegaMenu-childList > li button::before {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-childList > li > a::after, .navigationMegaMenu-childList > li button::after {
        position: absolute;
        top: 50%;
        right: 26px;
        display: block;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border-top: 2px solid #ea0437;
        border-right: 2px solid #ea0437;
        content: "";
        transform: rotate(45deg) translateY(-50%);
    }
}

.navigationMegaMenu-subList {
    font-weight: normal;
}

.navigationMegaMenu-subList.of-horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -20px;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-subList.of-horizontal {
        display: block;
        margin-left: 0;
    }
}

.navigationMegaMenu-subList.of-horizontal > li {
    padding-left: 20px;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-subList.of-horizontal > li {
        padding-left: 0;
    }
}

.navigationMegaMenu-subList > li {
    margin-bottom: 8px;
    font-size: 1.4rem;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-subList > li {
        margin-bottom: 0;
        border-bottom: 1px solid #ccc;
    }
}

.navigationMegaMenu-subList > li:last-child {
    margin-bottom: 0;
}

.navigationMegaMenu-subList > li > a {
    position: relative;
    display: inline-block;
    padding-left: 14px;
    color: inherit;
    text-decoration: none;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-subList > li > a {
        display: block;
        padding: 18px 50px 17px 20px;
        font-weight: bold;
        line-height: 1.1875;
        background: #ededed;
    }
}

@media screen and (min-width: 970px) {
    .navigationMegaMenu-subList > li > a:hover, .navigationMegaMenu-subList > li > a:active, .navigationMegaMenu-subList > li > a:focus {
        text-decoration: underline;
    }
}

.navigationMegaMenu-subList > li > a[target="_blank"] {
    color: #0064c7;
}

.navigationMegaMenu-subList > li > a::before {
    position: absolute;
    top: .4em;
    left: 0;
    display: block;
    border-width: 2.5px 4px;
    border-style: solid;
    border-color: transparent transparent transparent #666;
    content: "";
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-subList > li > a::before {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-subList > li > a::after {
        position: absolute;
        top: 50%;
        right: 26px;
        display: block;
        width: 7px;
        height: 7px;
        margin-top: -2px;
        border-top: 2px solid #ea0437;
        border-right: 2px solid #ea0437;
        content: "";
        transform: rotate(45deg) translateY(-50%);
    }
}

.navigationMegaMenu-image {
    margin-top: 10px;
    margin-left: -14px;
}

@media screen and (max-width: 969px) {
    .navigationMegaMenu-image {
        margin: 0;
    }
}

.navigationMegaMenu-image img {
    width: 100%;
}

.navigationMegaMenu-icon {
    display: inline-block;
    margin-top: -2px;
    margin-left: 3px;
    vertical-align: middle;
}

.layout-footer {
    background: #333;
}

@media screen and (max-width: 969px) {
    [data-script-enabled="true"] .is-menu-show .layout-footer {
        position: fixed;
        top: 0;
        z-index: -100;
        visibility: hidden;
    }
}

.layout-footer-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 20px 16px;
    line-height: 1.3;
    background: #333;
}

@media screen and (max-width: 969px) {
    .layout-footer-content {
        padding: 0;
    }
}

.layout-footer-utilityGroup {
    padding: 0;
    transition: padding .2s ease;
}

.layout-footer-utilityGroup.of-primary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.layout-footer-utilityGroup.of-secondary {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media screen and (max-width: 969px) {
    .layout-footer-utilityGroup {
        padding: 20px;
    }
    .layout-footer-utilityGroup.of-primary {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-wrap: inherit;
        flex-wrap: inherit;
        -ms-flex-align: inherit;
        align-items: inherit;
    }
    .layout-footer-utilityGroup.of-secondary {
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-align: center;
        align-items: center;
        text-align: center;
    }
}

.layout-footer-utilityGroup + .layout-footer-utilityGroup {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid #656565;
}

@media screen and (max-width: 969px) {
    .layout-footer-utilityGroup + .layout-footer-utilityGroup {
        margin-top: 0;
        padding: 20px;
    }
}

.layout-footer-pageTopLink {
    -ms-flex-order: 1;
    order: 1;
    font-size: 1.6rem;
}

@media screen and (max-width: 969px) {
    .layout-footer-pageTopLink {
        -ms-flex-order: inherit;
        order: inherit;
        margin: -20px -20px 18px -20px;
        font-size: 1.4rem;
        text-align: center;
    }
}

.layout-footer-pageTopLink a {
    color: #fff;
    text-decoration: none;
}

@media screen and (max-width: 969px) {
    .layout-footer-pageTopLink a {
        display: block;
        padding: 8px;
        color: #333;
        background: #e1e1e1;
    }
}

.layout-footer-pageTopLink a:hover, .layout-footer-pageTopLink a:active, .layout-footer-pageTopLink a:focus {
    text-decoration: underline;
}

@media screen and (max-width: 969px) {
    .layout-footer-pageTopLink a:hover, .layout-footer-pageTopLink a:active, .layout-footer-pageTopLink a:focus {
        text-decoration: none;
    }
}

.layout-footer-pageTopLink a::before {
    display: inline-block;
    margin: -5px 5px 0 0;
    vertical-align: middle;
    border-width: 5px 3px;
    border-style: solid;
    border-color: transparent;
    border-bottom-color: #fff;
    content: "";
}

@media screen and (max-width: 969px) {
    .layout-footer-pageTopLink a::before {
        border-bottom-color: #333;
    }
}

.layout-footer-logo {
    margin: -3px 25px 0 0;
    line-height: 1;
}

@media screen and (max-width: 969px) {
    .layout-footer-logo {
        margin: 0 0 18px;
    }
}

.layout-footer-logo img {
    width: 106px;
    height: 19px;
}

.theme-KC .layout-footer-logo img {
    width: 198px;
}

@media screen and (max-width: 969px) {
    .layout-footer-logo img {
        width: 91px;
        height: 16px;
    }
    .theme-KC .layout-footer-logo img {
        width: 167px;
    }
}

.layout-footer-linkList {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 1;
    flex: 1;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -3px;
    padding-right: 50px;
    line-height: 1.2;
}

@media screen and (max-width: 969px) {
    .layout-footer-linkList {
        -ms-flex: inherit;
        flex: inherit;
        margin: -8px 0 0 -20px;
        padding-right: 0;
    }
}

.layout-footer-linkList > li {
    position: relative;
    margin-top: 3px;
    margin-right: 24px;
    font-size: 1.4rem;
}

@media screen and (max-width: 969px) {
    .layout-footer-linkList > li {
        margin: 8px 0 0 20px;
    }
}

.layout-footer-linkList a {
    display: block;
    padding-left: 11px;
    color: #fff;
    text-decoration: none;
}

.layout-footer-linkList a:hover, .layout-footer-linkList a:active, .layout-footer-linkList a:focus {
    text-decoration: underline;
}

.layout-footer-linkList a::before {
    display: inline-block;
    margin: -3px 1px 0 -11px;
    vertical-align: middle;
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #fff;
    content: "";
}

.layout-footer-copyrightText {
    margin-right: 20px;
    font-size: 1.4rem;
    color: #fff;
    line-height: 1.2;
}

@media screen and (max-width: 969px) {
    .layout-footer-copyrightText {
        width: 100%;
        margin: 0 0 18px;
        font-size: 1.2rem;
    }
}

.layout-footer-address {
    -ms-flex-order: 1;
    order: 1;
    width: 100%;
    margin: 10px 0 0;
    font-size: 1.4rem;
    color: #999;
    line-height: 1.1;
}

@media screen and (max-width: 969px) {
    .layout-footer-address {
        -ms-flex-order: inherit;
        order: inherit;
        font-size: 1.2rem;
    }
}

.layout-footer-address .ContactInfo {
    display: none;
}

.layout-footer-address br {
    display: none;
}

.layout-footer-companyName {
    margin-right: 5px;
    font-weight: bold;
}

.layout-footer-icpText {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
    font-size: 1.4rem;
    color: #fff;
}

@media screen and (max-width: 969px) {
    .layout-footer-icpText {
        -ms-flex-direction: column;
        flex-direction: column;
        font-size: 1.2rem;
    }
}

.layout-footer-icpText > small {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.layout-footer-icpText > small + small {
    margin-left: 10px;
}

@media screen and (max-width: 969px) {
    .layout-footer-icpText > small + small {
        margin-top: 10px;
        margin-left: 0;
    }
}

.layout-footer-icpText > small + small a {
    display: -ms-flexbox;
    display: flex;
}

@media screen and (max-width: 969px) {
    .layout-footer-icpText > small + small a {
        -ms-flex-align: center;
        align-items: center;
    }
}

.layout-footer-icpText > small + small img {
    min-width: inherit;
    height: 100%;
    max-height: 20px;
}

.layout-footer-icpText a {
    display: inline-block;
    color: inherit;
    text-decoration: none;
}

.layout-footer-icpText a:hover, .layout-footer-icpText a:active, .layout-footer-icpText a:focus {
    text-decoration: underline;
}

.layout-footer-icpText img {
    display: inline-block;
    min-width: 62px;
    min-height: 0;
    margin-right: 5px;
    vertical-align: middle;
}

.layout-footer-socialList {
    display: -ms-flexbox;
    display: flex;
    margin-left: -5px;
}

@media screen and (max-width: 969px) {
    .layout-footer-socialList {
        margin-left: -20px;
    }
}

.layout-footer-socialList > li {
    margin-left: 5px;
}

@media screen and (max-width: 969px) {
    .layout-footer-socialList > li {
        margin-left: 20px;
    }
}

@media screen and (max-width: 969px) {
    #Container {
        overflow: hidden;
    }
}

@media screen and (max-width: 969px) {
    [data-script-enabled="true"] .is-menu-show .layout-main {
        position: fixed;
        top: 0;
        z-index: -100;
        visibility: hidden;
    }
    [data-script-enabled="true"] .is-menu-show .layout-main * {
        visibility: hidden !important;
    }
}

.layout-main > *:last-child {
    margin-bottom: 0;
}

.layout-container {
    max-width: 970px;
    margin-right: auto;
    margin-left: auto;
}

.layout-container.of-width-large {
    max-width: 1240px;
}

.layout-container.of-width-small {
    max-width: 720px;
}

@media screen and (max-width: 720px) {
    .layout-container.of-width-small {
        padding: 0 10px;
    }
}

.layout-grid {
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 -32px;
}

.layout-grid.of-column-12 .layout-grid-column {
    width: 8.33333%;
}

.layout-grid.of-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
}

.layout-grid.of-column-marginBottom-none .layout-grid-column {
    margin-bottom: 0;
}

@media screen and (max-width: 969px) {
    .layout-grid.of-column-marginBottom-none .layout-grid-column {
        margin-bottom: 0;
    }
}

.layout-grid .layout-grid-column {
    padding: 0 0 16px 32px;
}

.layout-grid .layout-grid-column.of-column-1 {
    width: 8.33333%;
}

.layout-grid .layout-grid-column.of-column-2 {
    width: 16.66667%;
}

.layout-grid .layout-grid-column.of-column-3 {
    width: 25%;
}

.layout-grid .layout-grid-column.of-column-4 {
    width: 33.33333%;
}

.layout-grid .layout-grid-column.of-column-5 {
    width: 41.66667%;
}

.layout-grid .layout-grid-column.of-column-6 {
    width: 50%;
}

.layout-grid .layout-grid-column.of-column-7 {
    width: 58.33333%;
}

.layout-grid .layout-grid-column.of-column-8 {
    width: 66.66667%;
}

.layout-grid .layout-grid-column.of-column-9 {
    width: 75%;
}

.layout-grid .layout-grid-column.of-column-10 {
    width: 83.33333%;
}

.layout-grid .layout-grid-column.of-column-11 {
    width: 91.66667%;
}

.layout-grid .layout-grid-column.of-column-12 {
    width: 100%;
}

.layout-grid .layout-grid-column > *:last-child {
    margin-bottom: 0;
}

.layout-grid .layout-grid-column.of-align-center {
    -ms-flex-align: center;
    align-items: center;
}

.layout-grid.of-borderBotttm-solid {
    position: relative;
    margin-bottom: 24px;
    padding-bottom: 11px;
}

@media screen and (max-width: 969px) {
    .layout-grid.of-borderBotttm-solid {
        margin-bottom: 16px;
    }
}

.layout-grid.of-borderBotttm-solid::before {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100% - 32px);
    border-bottom: 2px solid #8b8787;
    content: "";
}

.section .layout-grid .layout-grid-column {
    padding-bottom: 0;
}

@media screen and (max-width: 969px) {
    .layout-grid .layout-grid-column.smallScreen-column-12 {
        width: 100%;
    }
    .section .layout-grid.smallScreen-column .layout-grid-column {
        padding-bottom: 16px;
    }
    .section .layout-grid.smallScreen-column .layout-grid-column:last-child {
        padding-bottom: 0;
    }
    .section .layout-grid.smallScreen-column-reverse .layout-grid-column {
        padding-bottom: 16px;
    }
    .section .layout-grid.smallScreen-column-reverse .layout-grid-column:first-child {
        padding-bottom: 0;
    }
    .smallScreen-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .smallScreen-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
    .smallScreen-content-center {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .theme-myKeyence .layout-grid .layout-grid-column.of-column-7 {
        width: 58.33333%;
    }
    .theme-myKeyence .layout-grid .layout-grid-column.of-column-5 {
        width: 41.66667%;
    }
    .theme-myKeyence .listCart .layout-grid .layout-grid-column.of-column-8 {
        width: 66.66667%;
    }
    .theme-myKeyence .listCart .layout-grid .layout-grid-column.of-column-4 {
        width: 33.33333%;
    }
    .theme-myKeyence .smallScreen-column {
        -ms-flex-direction: row;
        flex-direction: row;
    }
}

.section {
    margin: 0 0 32px;
}

.section > *:last-child {
    margin-bottom: 0;
}

.headingLevel1 {
    margin: 0 0 24px;
    font-size: 2.4rem;
}

.headingLevel1.of-primary {
    border-bottom: 2px solid #8b8787;
}

.headingLevel2 {
    margin: 0 0 22px;
    font-size: 2.1rem;
    line-height: 1.25;
}

.headingLevel2.of-primary {
    position: relative;
    padding: 0 0 0 6px;
    border-left: solid 3px #e60012;
}

.headingLevel2.of-primary::before {
    position: absolute;
    bottom: -6px;
    left: -3px;
    display: block;
    width: 100%;
    height: 1px;
    background: #cacaca;
    content: "";
}

.headingLevel3 {
    margin: 0 0 16px;
    font-size: 1.8rem;
    line-height: 1.25;
}

.textIcon {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.textIcon.of-icon-left .textIcon-icon {
    display: inline-block;
    margin-right: 8px;
}

.navigationRegionTab {
    margin-top: 20px;
}

@media screen and (max-width: 640px) {
    .navigationRegionTab {
        margin-top: 0;
        margin-right: -30px;
        margin-left: -30px;
    }
}

.navigationRegionTab dt.navigationRegionTab-title {
    display: none;
}

.navigationRegionTab ul.Tab {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
}

@media screen and (max-width: 640px) {
    .navigationRegionTab ul.Tab {
        position: relative;
        padding: 0 5px;
    }
    .navigationRegionTab ul.Tab::before {
        position: absolute;
        bottom: 0;
        left: 0;
        display: block;
        width: 100%;
        height: 1px;
        background: #d6d8da;
        content: "";
    }
}

.navigationRegionTab ul.Tab > li {
    display: -ms-flexbox;
    display: flex;
    width: 33.333333%;
}

.navigationRegionTab ul.Tab > li.Current > a {
    background: #fff;
    border: 1px solid #d6d8da;
    border-bottom: 0;
}

.navigationRegionTab ul.Tab > li.Current > a:hover, .navigationRegionTab ul.Tab > li.Current > a:active, .navigationRegionTab ul.Tab > li.Current > a:focus {
    background: #fff;
}

.navigationRegionTab ul.Tab > li.Current > a::after {
    margin-top: -2px;
    border-color: #e50012;
    transform: rotate(135deg);
}

@media screen and (max-width: 640px) {
    .navigationRegionTab ul.Tab > li.Current > a::after {
        transform: translateX(-50%) rotate(135deg);
    }
}

.navigationRegionTab ul.Tab > li > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    padding: 8px 16px;
    font-weight: bold;
    font-size: 1.6rem;
    color: inherit;
    text-decoration: none;
    background: #e8eaec;
    border-bottom: 1px solid #d6d8da;
}

@media screen and (max-width: 640px) {
    .navigationRegionTab ul.Tab > li > a {
        position: relative;
        -ms-flex-direction: column;
        flex-direction: column;
        -ms-flex-pack: center;
        justify-content: center;
        padding: 8px 10px 26px;
        font-size: 1.4rem;
        text-align: center;
        line-height: 1.2;
    }
}

.navigationRegionTab ul.Tab > li > a:hover, .navigationRegionTab ul.Tab > li > a:active, .navigationRegionTab ul.Tab > li > a:focus {
    background: #f3f5f7;
}

.navigationRegionTab ul.Tab > li > a::after {
    display: block;
    width: 8px;
    height: 8px;
    margin-left: 24px;
    border-top: 2px solid #999;
    border-right: 2px solid #999;
    content: "";
    transform: rotate(45deg);
}

@media screen and (max-width: 640px) {
    .navigationRegionTab ul.Tab > li > a::after {
        position: absolute;
        bottom: 10px;
        left: 50%;
        margin-top: 4px;
        margin-left: 0;
        transform: translateX(-50%) rotate(45deg);
    }
}

.dialogCookie {
    font-size: 1.2rem;
    line-height: 1.3;
    background: #fff;
    border-bottom: 1px solid #cfcfcf;
}

@media screen and (max-width: 969px) {
    .dialogCookie {
        position: fixed;
        bottom: 0;
        z-index: 100;
        font-size: 1.4rem;
        line-height: 1.4;
        border-top: 1px solid #cfcfcf;
        border-bottom: 0;
    }
}

.dialogCookie-body {
    position: relative;
    max-width: 1240px;
    margin: 0 auto;
    padding: 12px 40px 13px 0;
}

@media screen and (max-width: 1240px) {
    .dialogCookie-body {
        padding-right: 60px;
        padding-left: 20px;
    }
}

.dialogCookie-text {
    display: inline;
    margin-right: 10px;
}

.dialogCookie-button {
    position: absolute;
    top: 50%;
    right: 0;
    width: 22px;
    height: 22px;
    transform: translateY(-50%);
}

@media screen and (max-width: 1240px) {
    .dialogCookie-button {
        right: 20px;
    }
}

.dialogCookie-link {
    display: inline;
}

.dialogCookie-link > a {
    display: inline-block;
    padding-left: 11px;
    color: #3285d3;
    text-decoration: none;
}

.dialogCookie-link > a:hover, .dialogCookie-link > a:active, .dialogCookie-link > a:focus {
    text-decoration: underline;
}

.dialogCookie-link > a::before {
    display: inline-block;
    margin: -3px 1px 0 -11px;
    vertical-align: middle;
    border-width: 3px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #6c6f74;
    content: "";
}

.card {
    margin: 0 0 32px;
    padding: 16px;
    background: #f2f2f2;
}

.card.of-border-solid {
    background: #fff;
    border: 1px solid #ccc;
}

.card.of-body-narrow .card-body {
    max-width: 600px;
    margin: 0 auto;
}

.card .card-body > *:last-child {
    margin-bottom: 0;
}

.cardEmphasis {
    position: relative;
    margin: 0 0 32px;
    padding: 32px 8px 32px 112px;
    background: #f2f2f2;
}

.cardEmphasis::before {
    position: absolute;
    top: 50%;
    left: 24px;
    display: block;
    width: 70px;
    height: 70px;
    background: url(../../img/core/icon_caution.gif) no-repeat;
    content: "";
    transform: translateY(-50%);
}

.cardEmphasis.of-borderBottom-solid {
    border-bottom: 4px solid #ccc;
}

.cardEmphasis.of-color-caution {
    background: #fff0b9;
    border-color: #960;
}

.cardEmphasis.of-color-caution em {
    color: #960;
}

.cardEmphasis > *:last-child {
    margin-bottom: 0;
}

@media screen and (max-width: 969px) {
    .cardEmphasis {
        padding: 0;
    }
    .cardEmphasis::before {
        content: none;
    }
    .cardEmphasis.of-borderBottom-solid {
        border-bottom: none;
    }
    .cardEmphasis.of-color-caution {
        background: none;
    }
}

.cardEmergency {
    max-width: 1240px;
    margin: 16px auto !important;
    padding: 10px;
    font-size: 1.6rem;
    color: red;
    background: #fff;
    border: solid 2px red;
}

.cardEmergency > *:last-child {
    margin-bottom: 0;
}

.cardError {
    position: relative;
    margin-bottom: 16px;
    padding: 16px 16px 16px 50px;
    font-weight: bold;
    color: #c00;
    background: #ffd7d9;
}

.cardError::before {
    position: absolute;
    top: 50%;
    left: 10px;
    display: block;
    width: 29px;
    height: 24px;
    background: url(../../img/core/icon_error.png) no-repeat;
    content: "";
    transform: translateY(-50%);
}

.cardError > *:last-child {
    margin-bottom: 0;
}

.cardAccount-content {
    position: relative;
    display: inline-block;
    padding: 7px 43px 7px 13px;
    font-weight: normal;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #8b8787;
}

.cardAccount-content:after {
    position: absolute;
    top: 50%;
    right: 16px;
    width: 20px;
    height: 20px;
    margin-left: 7px;
    background: url(../../img/core/icon_gear.png) no-repeat;
    background-size: contain;
    content: "";
    transform: translateY(-50%);
}

.cardAccount-content:visited, .cardAccount-content:focus, .cardAccount-content:hover {
    color: #fff;
    text-decoration: none;
}

.cardAccount-content.of-inputElement {
    padding: 0;
}

.cardAccount-content.of-inputElement > input {
    padding: 7px 43px 7px 13px;
    color: #fff;
}

.button {
    display: inline-block;
    margin: 0 0 16px;
    color: #333;
    text-decoration: none;
    background: #d6d6d6 linear-gradient(#fefefe 0%, #d6d6d6 100%);
    border: solid 1px #afafaf;
}

.button-body {
    display: block;
    padding: 4px 8px;
}

.button.of-cancel {
    position: relative;
    padding-left: 24px;
}

.button.of-cancel::before, .button.of-cancel::after {
    position: absolute;
    top: 50%;
    left: 8px;
    display: block;
    width: 16px;
    height: 2px;
    margin-top: -2px;
    background: #333;
    content: "";
}

.button.of-cancel::before {
    transform: rotate(-45deg);
}

.button.of-cancel::after {
    transform: rotate(45deg);
}

.buttonSearch {
    display: inline-block;
    margin: 0 0 16px;
    color: #fff;
    text-decoration: none;
    background: #0476c1;
}

.buttonSearch-body {
    display: block;
    padding: 8px 56px;
}

.buttonCreate {
    display: inline-block;
    margin: 0 0 16px;
    color: #fff;
    text-decoration: none;
    background: #0476c1;
}

.buttonCreate-body {
    display: block;
    padding: 8px 56px;
}

.buttonCreate-text {
    position: relative;
    display: inline-block;
    padding-left: 18px;
}

.buttonCreate-text::before {
    position: absolute;
    top: 50%;
    left: 0;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../../img/common/icon_peason.png) no-repeat;
    content: "";
    transform: translateY(-50%);
}

.buttonClose {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 22px;
}

.buttonClose::before, .buttonClose::after {
    position: absolute;
    top: 9px;
    left: 1px;
    display: block;
    width: 18px;
    height: 2px;
    background: #717171;
    content: "";
    transform: rotate(45deg);
}

.buttonClose::after {
    transform: rotate(-45deg);
}

.buttonClose.of-framed {
    background: #f4f4f4;
    border: 1px solid #ccc;
}

.buttonConversion {
    display: inline-block;
    margin: 0 0 16px;
    font-weight: bold;
    color: #fff;
    text-decoration: none;
    background: #f30b19;
}

.buttonConversion-body {
    display: block;
    padding: 8px 56px;
}

.buttonConversion.of-disabled {
    background: #ccc;
}

.buttonConversion.of-disabled input {
    cursor: default;
}

.buttonConversion.of-download .buttonConversion-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    padding-right: 16px;
    padding-left: 16px;
}

.buttonConversion.of-download .buttonConversion-body::before {
    display: block;
    width: 25px;
    height: 25px;
    margin-right: 8px;
    background: url(../../img/common/icon_textbutton_download_trans_l.png) no-repeat;
    background-size: contain;
    content: "";
}

.buttonConversion.of-download.of-small .buttonConversion-body {
    padding-right: 10px;
    padding-left: 7px;
    font-size: 12px;
}

.buttonConversion.of-download.of-small .buttonConversion-body::before {
    width: 17px;
    height: 17px;
    margin-right: 4px;
}

.buttonConversion.of-download .buttonConversion-text {
    text-align: left;
}

.buttonConversion.of-download .buttonConversion-image {
    margin: -24px 0 -24px 16px;
}

.buttonConversion.of-inputElement .buttonConversion-body {
    display: block;
    padding: 0;
}

.buttonConversion.of-inputElement input {
    padding: 8px 56px;
    font-weight: bold;
    color: #fff;
}

.buttonConversion.of-inputElement.of-download .buttonConversion-body {
    position: relative;
}

.buttonConversion.of-inputElement.of-download .buttonConversion-body:before {
    position: absolute;
    top: 50%;
    left: 10;
    display: block;
    width: 25px;
    height: 25px;
    background: url(../../img/common/icon_textbutton_download_trans_l.png) no-repeat;
    background-size: contain;
    content: "";
    transform: translateY(-50%);
}

.buttonConversion.of-inputElement.of-download input {
    position: relative;
    padding-right: 20px;
    padding-left: 45px;
}

.buttonConversion.of-inputElement.of-download.of-small .buttonConversion-body {
    padding: 0;
}

.buttonConversion.of-inputElement.of-download.of-small .buttonConversion-body:before {
    left: 6px;
    width: 17px;
    height: 17px;
    transform: translateY(-50%);
}

.buttonConversion.of-inputElement.of-download.of-small input {
    position: relative;
    padding-right: 10px;
    padding-left: 27px;
}

.buttonConversion.is-disabled {
    background: #d3d5da;
}

.buttonConversion.is-disabled input {
    color: #a0a0a0;
}

.listUnordered {
    margin: 0 0 16px;
}

.listUnordered > li {
    margin-bottom: 4px;
}

.listUnordered > li > *:last-child {
    margin-bottom: 0;
}

.listUnordered.of-bullet-disc > li {
    position: relative;
    padding: 0 0 0 16px;
    list-style: none;
}

.listUnordered.of-bullet-disc > li::before {
    position: absolute;
    top: .7em;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    content: "";
}

.listUnordered.of-direction-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
}

.listUnordered.of-direction-row > li {
    margin-left: 16px;
}

.listLink {
    margin: 0 0 16px;
}

.listLink > li {
    margin-bottom: 4px;
}

.listLink > li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: start;
    align-items: flex-start;
    text-decoration: none;
}

.listLink > li a::before {
    display: inline-block;
    margin: .6em 5px 0 0;
    border-width: 2.5px 0 2.5px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #7b7e82;
    content: "";
}

.listLink > li a:hover, .listLink > li a:focus {
    text-decoration: underline;
}

.listLink.of-direction-row {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
}

.listLink.of-direction-row > li {
    margin-left: 16px;
}

.listLink.of-bullet-left > li a::before {
    border-width: 2.5px 5px 2.5px 0;
    border-color: transparent;
    border-right-color: #7b7e82;
}

.listLink.of-border-top {
    position: relative;
    padding-top: 8px;
}

.listLink.of-border-top::before {
    position: absolute;
    top: 0;
    left: 16px;
    display: block;
    width: calc(100% - 16px);
    height: 1px;
    background: #ccc;
    content: "";
}

.listRegion {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -10px 0 20px 0;
}

.listRegion-outer {
    margin-bottom: 20px;
}

.listRegion-outer > *:last-child {
    margin-bottom: 0;
}

.listRegion > li {
    width: 33.33333333%;
    margin-top: 10px;
    font-size: 1.4rem;
    line-height: 1.25;
}

@media screen and (max-width: 640px) {
    .listRegion > li {
        width: 100%;
    }
}

.listRegion-languageText {
    display: block;
    margin-top: 3px;
    font-size: 1.3rem;
    color: #666;
}

@media screen and (max-width: 640px) {
    .listRegion-languageText {
        display: inline;
    }
}

.listRegion-mark {
    display: none;
}

@media screen and (max-width: 640px) {
    .listRegion-mark {
        display: inline;
    }
}

.listRegion a {
    position: relative;
    display: block;
    padding: 6px 0 6px 14px;
    color: inherit;
    text-decoration: none;
}

.listRegion a:hover .listRegion-text, .listRegion a:active .listRegion-text, .listRegion a:focus .listRegion-text {
    text-decoration: underline;
}

.listRegion a::before {
    position: absolute;
    top: .65em;
    left: 0;
    display: block;
    width: 8px;
    height: 8px;
    border-top: 2px solid #ea0437;
    border-right: 2px solid #ea0437;
    content: "";
    transform: rotate(45deg);
}

.listNote {
    margin: 0 0 16px;
}

.listNote > li {
    display: -ms-flexbox;
    display: flex;
}

.listNote > li .listNote-icon {
    margin-right: 8px;
}

.listCart > li {
    margin: 0;
    padding: 8px;
    border-top: 1px solid #e0dfdf;
}

.listCart > li:last-child {
    border-bottom: 1px solid #e0dfdf;
}

.listCart > li > * {
    margin-bottom: 0;
}

.table {
    margin: 0 0 32px;
}

.table th, .table td {
    padding: 8px;
    text-align: left;
    border: 1px solid #cacaca;
}

.table th {
    background: #f2f2f2;
}

.table td {
    background: #fff;
}

.tableStripe {
    margin: 0 0 32px;
}

.tableStripe th, .tableStripe td {
    padding: 8px;
}

.tableStripe thead th {
    background: #e0e0e0;
    border-left: 1px #fff solid;
}

.tableStripe thead th:first-child {
    border-left: none;
}

.tableStripe tbody tr {
    background: #fff;
    border-bottom: 1px solid #cacaca;
}

.tableStripe tbody tr:nth-child(even) {
    background: #f4f4f4;
}

.tableConfirmation {
    margin: 0 0 32px;
}

.tableConfirmation th, .tableConfirmation td {
    padding: 4px 8px;
}

.tableConfirmation tbody tr {
    border-bottom: 1px solid #cacaca;
}

.tableConfirmation tbody tr:last-child {
    border-bottom: none;
}

.tableConfirmation tbody th {
    text-align: right;
}

@media screen and (max-width: 969px) {
    .tableConfirmation tbody th {
        text-align: left;
    }
}

.form-groupTitle {
    display: block;
    margin-bottom: 2px;
    font-weight: bold;
}

.form-necessaryText {
    margin: 0 0 8px;
    font-weight: bold;
    color: #f00;
}

.form-necessityIcon.of-required {
    color: #f00;
}

.form-noteText {
    margin-bottom: 2px;
    color: #333;
}

.form-group {
    margin: 0 0 16px;
}

.form-group > *:last-child {
    margin-bottom: 0;
}

.form-password, .form-searchAddress {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
}

.form-password > *, .form-searchAddress > * {
    margin-bottom: 8px;
}

.form-password .form-input, .form-searchAddress .form-input {
    margin-right: 8px;
}

.form-input {
    padding: 2px 4px;
    border: none;
    border: 1px solid #ababab;
    border-radius: 4px;
}

.form-checkbox {
    vertical-align: middle;
    transform: scale(1.3);
}

.form-checkbox + a, .form-checkbox + .form-checkboxText {
    margin-left: 6px;
    vertical-align: middle;
}

.form-select {
    max-width: 100%;
}

.form-textarea {
    max-width: 100%;
}

.is-error .form-input {
    background: #fbe4e4;
    border: none;
    border: 1px solid #e50012;
}

#suzShowPasswordBtn .button, #suzHidePasswordBtn .button {
    margin-bottom: 0;
}

.media {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    margin: 0 0 16px;
}

.media.of-row-reverse {
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

.media.of-row-reverse .media-image {
    margin: 0 16px 0 0;
}

.media.of-align-center {
    -ms-flex-align: center;
    align-items: center;
}

.media.of-column-reverse {
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
}

.media .media-content {
    -ms-flex: 1;
    flex: 1;
}

.media .media-image {
    margin: 0 0 0 16px;
}

.media .media-image.of-border-solid img {
    border: 1px solid #ececec;
}

.media .media-image.of-coverSize-large > img {
    max-width: 141px;
}

.iconBlank {
    display: inline-block;
    margin-left: 4px;
}

.iconBlank > img {
    vertical-align: middle;
}

.iconModal {
    display: inline-block;
    margin-right: 4px;
}

.iconModal > img {
    vertical-align: middle;
}

.BorderedBox {
    margin: 0 0 20px;
    padding: 10px 9px 0;
    background: #fff;
    border: solid 1px #b7b7b7;
}

#SurveyForm.BorderedBox .BorderedBoxTitle {
    margin: -10px -9px 10px;
    padding: 6px 9px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    background-color: #eee;
    border-bottom: solid 1px #b7b7b7;
}

#SurveyForm.BorderedBox .BorderedBoxTitle.SmallText {
    font-size: 1em;
}

#SurveyForm.BorderedBox.OptionalQuestionParts {
    width: 700px;
    margin: 0 auto 20px;
}

#SurveyForm.BorderedBox.Dotted {
    border: none;
    border-top: 1px dotted #666;
    border-bottom: 1px dotted #666;
}

#SurveyForm.BorderedBox.Thick {
    border: solid 4px #dbdbdb;
}

#SurveyForm.BorderedBox p, #SurveyForm.BorderedBox ul, #SurveyForm.BorderedBox .ErrorMessage {
    margin-bottom: 10px;
}

#SurveyForm .ErrorMessage {
    padding: 10px 10px 1px;
    background-color: #ffd7d9;
}

#SurveyForm .Required, #SurveyForm .ErrorMessage p {
    font-weight: bold;
    color: #c00;
}

/* 07. Table
---------- ---------- ---------- */
#SurveyForm .EnqTable01 {
    width: 100%;
    margin: 0 0 18px;
    border-collapse: collapse;
}

#SurveyForm .EnqTable01 th, #SurveyForm .EnqTable01 td {
    padding: 7px;
    border: none;
}

#SurveyForm .EnqTable01 thead th {
    font-weight: normal;
    background-color: #e0e0e0;
}

#SurveyForm .EnqTable01 tbody th, #SurveyForm .EnqTable01 tbody td {
    text-align: left;
}

#SurveyForm .EnqTable01 tbody th {
    font-weight: normal;
    vertical-align: middle;
    background: none;
}

#SurveyForm .EnqTable01 tbody td span.TextIcon {
    margin-left: .5em;
}

@media screen and (max-width: 720px) {
    #SurveyForm .EnqTable01 thead {
        display: none;
    }
    #SurveyForm .EnqTable01, #SurveyForm .EnqTable01 tbody, #SurveyForm .EnqTable01 tr, #SurveyForm .EnqTable01 th, #SurveyForm .EnqTable01 td {
        display: block;
    }
    #SurveyForm .EnqTable01 th {
        padding: 0;
    }
    #SurveyForm .EnqTable01 td {
        padding: 7px 0 14px;
    }
    #SurveyForm .EnqTable01 tbody tr:last-child > td:last-child {
        padding-bottom: 0;
    }
}

/* 10. Survey 2019
---------- ---------- ---------- */
#SurveyForm {
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 12px;
    line-height: 1.33;
}

/* Title */
#SurveyForm .TitleAndText > .Title {
    margin: 0 0 5px;
    font-weight: bold;
    color: #000;
}

#SurveyForm input.CustomText, #SurveyForm .CustomTextArea {
    position: relative;
    max-width: 100%;
    padding: 3px;
    font-size: 13.333333px;
    border: solid 1px #ababab;
    border-radius: 3px;
}

@media screen and (max-width: 720px) {
    #SurveyForm input.CustomText, #SurveyForm .CustomTextArea {
        width: 100%;
        font-size: 16px;
    }
}

#SurveyForm label + input.CustomText {
    vertical-align: top;
}

/* Check box */
#SurveyForm input.CustomCheckbox {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#SurveyForm .CustomCheckbox + .Text {
    position: relative;
    display: inline-block;
    padding-left: 22px;
}

#SurveyForm .CustomCheckbox + .Text::before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 2px;
    vertical-align: top;
    background: url(../../img/core/parts_form_uielem_check_radio.png);
    background-position: 0 0;
    content: "";
}

#SurveyForm .CustomCheckbox:checked + span.Text::before {
    background-position: 0 -25px;
}

#SurveyForm input.CustomRadio {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

#SurveyForm .CustomRadio + .Text {
    position: relative;
    display: inline-block;
    padding-left: 22px;
    vertical-align: top;
}

#SurveyForm .CustomRadio + span.Text::before {
    position: absolute;
    top: -2px;
    left: 0;
    display: inline-block;
    width: 19px;
    height: 19px;
    margin-right: 2px;
    vertical-align: top;
    background: url(../../img/core/parts_form_uielem_check_radio.png);
    background-position: 0 -50px;
    content: "";
}

#SurveyForm .CustomRadio:checked + span.Text:before {
    background-position: 0 -75px;
}

#SurveyForm .RadioAndCheckboxList > li {
    position: relative;
    margin-bottom: 2px;
    padding: 3px 0;
    padding-left: 0;
    background: none;
}

#SurveyForm .RadioAndCheckboxList.Horizontal > li {
    display: inline-block;
    margin: 0 15px 2px 0;
    vertical-align: top;
}

@media screen and (max-width: 720px) {
    #SurveyForm .RadioAndCheckboxList.Horizontal > li {
        display: block;
        margin: 0 0 2px;
    }
}

#SurveyForm .RadioAndCheckboxList > li > label {
    position: relative;
    display: inline-block;
    min-height: 1em;
    padding: 3px 0;
    vertical-align: middle;
}

@media screen and (max-width: 720px) {
    #SurveyForm .RadioAndCheckboxList > li > label + .CustomText {
        margin-top: 4px;
    }
}

/* Multi Column Images */
#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 -10px 0 0;
    letter-spacing: -.4em;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li {
    margin: 0 0 18px 0;
    padding-right: 10px;
    vertical-align: top;
    text-align: center;
    letter-spacing: normal;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li > label {
    width: 100%;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li > .RadioAndCheckboxList {
    margin: 0;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li > .RadioAndCheckboxList > li {
    display: block;
    margin: 0;
    text-align: left;
}

#SurveyForm .EnqColumn.Col2 .RadioAndCheckboxList.Horizontal > li {
    width: 50%;
}

#SurveyForm .EnqColumn.Col3 .RadioAndCheckboxList.Horizontal > li {
    width: 33.3333333333%;
}

#SurveyForm .EnqColumn.Col4 .RadioAndCheckboxList.Horizontal > li {
    width: 25%;
}

#SurveyForm .EnqColumn.Col5 .RadioAndCheckboxList.Horizontal > li {
    width: 20%;
}

#SurveyForm .EnqColumn.Col6 .RadioAndCheckboxList.Horizontal > li {
    width: 16.6666666666%;
}

@media screen and (max-width: 720px) {
    #SurveyForm .EnqColumn.Col2 .RadioAndCheckboxList.Horizontal > li, #SurveyForm .EnqColumn.Col4 .RadioAndCheckboxList.Horizontal > li, #SurveyForm .EnqColumn.Col5 .RadioAndCheckboxList.Horizontal > li, #SurveyForm .EnqColumn.Col6 .RadioAndCheckboxList.Horizontal > li {
        width: 33.3333333333%;
    }
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li.NoImage {
    vertical-align: bottom;
    text-align: left;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li.NoImageAuto {
    width: auto;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li .Image {
    position: relative;
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

#SurveyForm .EnqColumn .RadioAndCheckboxList.Horizontal > li .Image::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    content: "";
}

#SurveyForm .CustomSelect {
    font-size: 13.333333px;
}

@media screen and (max-width: 720px) {
    #SurveyForm .CustomSelect {
        width: 100%;
        font-size: 16px;
    }
}

/* Disabled */
#SurveyForm input:disabled + span.Text::before {
    background-position: -25px 0;
    cursor: default;
}

#SurveyForm input:disabled + .Text {
    color: #999;
    cursor: default;
}

/* Switch style */
#SurveyForm .IsHide {
    display: none;
}

.TandCHeading01 {
    margin-bottom: 8px;
    font-weight: normal;
    font-size: 12px;
    color: #333;
    text-transform: none;
}

.TandCColumn {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-left: -16px;
    font-size: 12px;
}

.TandCColumn > li {
    width: 50%;
    padding: 0 0 0 16px;
    background: none;
}

@media screen and (max-width: 720px) {
    .TandCColumn > li {
        display: block;
        width: 100%;
        margin: 0;
    }
}

.TandCColumn > li:first-child {
    margin-left: 0;
}

.TandCList li a {
    text-decoration: underline;
}

.TandCList li a:hover, .TandCList li a:focus {
    text-decoration: none;
}

.TandCList li em {
    font-weight: bold;
}

.TandCList li .ClRed {
    font-weight: normal;
    color: #f00;
}

.TandCList.NoDisc li {
    padding: 0;
    background: none;
}

.BorderedBox .EnqTitle01 {
    font-weight: bold;
    text-align: left;
}

.BorderedBox .EnqTitle02 {
    padding: 7px 2px 5px;
    text-align: center;
    background: #efefef;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn {
    margin: 0 -10px 0 0;
    letter-spacing: -.4em;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn > li {
    margin: 0 10px 18px 0;
    vertical-align: top;
    text-align: center;
    letter-spacing: normal;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn > li > .RadioAndCheckboxList {
    margin: 0;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn > li > .RadioAndCheckboxList > li {
    display: block;
    margin: 0;
    text-align: left;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col2 > li {
    width: 345px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col3 > li {
    width: 226px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col4 > li {
    width: 167px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col5 > li {
    width: 132px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col6 > li {
    width: 108px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn > li .Image {
    display: block;
    margin-bottom: 5px;
    text-align: center;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col2 > li .Image > img {
    max-width: 345px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col3 > li .Image > img {
    max-width: 226px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col4 > li .Image > img {
    max-width: 167px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col5 > li .Image > img {
    max-width: 132px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn.Col6 > li .Image > img {
    max-width: 108px;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn > li.NoImage {
    vertical-align: bottom;
    text-align: left;
}

ul.RadioAndCheckboxList.Horizontal.EnqColumn > li.NoImageAuto {
    width: auto;
}

.EnqImageBox01 {
    display: table;
    width: 100%;
    margin: 0 0 18px 0;
}

.EnqImageBox01 .EnqImageBoxContent, .EnqImageBox01 .EnqImageBoxImage {
    display: table-cell;
    width: 50%;
    vertical-align: top;
}

.EnqImageBox01 .EnqImageBoxContent {
    padding: 0 10px 0 0;
}

.EnqImageBox01 .EnqImageBoxImage {
    text-align: right;
}

.EnqImageBox01.Right {
    direction: rtl;
}

.EnqImageBox01.Right .EnqImageBoxContent, .EnqImageBox01.Right .EnqImageBoxImage {
    direction: ltr;
}

.EnqImageBox01.Right .EnqImageBoxContent {
    padding: 0 0 0 10px;
}

.EnqImageBox01.Right .EnqImageBoxImage {
    text-align: left;
}

.EnqImageBox01.Right.Str01 .EnqImageBoxContent {
    vertical-align: bottom;
}

.EnqImageBox01.Right.Str01 .EnqImageBoxContent .Text {
    display: block;
}

dl.TitleAndText > dd.TextBlock.EnqSmallQuestion {
    padding-left: 10px;
}

dl.TitleAndText > dd.TextBlock.EnqSmallQuestion .EnqTable01 {
    margin-bottom: 0;
}

dl.TitleAndText > dd.TextBlock.EnqSmallQuestion .EnqTable01 th, dl.TitleAndText > dd.TextBlock.EnqSmallQuestion .EnqTable01 td {
    vertical-align: top;
}

.AssetDescBox h3 {
    margin: 0 0 9px;
    padding-bottom: 0;
    font-size: 14px;
    color: #000;
    line-height: 1.28;
    text-transform: uppercase;
    border-bottom: 0;
}

.AssetDescBox .DefaultViewTable.Download {
    width: 100%;
    margin: 0 0 18px;
    font-size: 12px;
    line-height: 1.33;
    border-spacing: 0;
}

.AssetDescBox .DefaultViewTable.Download th, .AssetDescBox .DefaultViewTable.Download td {
    padding: 10px 0;
    vertical-align: middle;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #b7b7b7;
}

.AssetDescBox .DefaultViewTable.Download tbody th, .AssetDescBox .DefaultViewTable.Download tbody td {
    background-color: #f5f4eb;
    border-width: 1px 0;
}

.AssetDescBox .DefaultViewTable.Download tbody td.Check {
    width: 25px;
    padding-right: 0;
    padding-left: 5px;
    vertical-align: middle;
    text-align: center;
}

@media screen and (max-width: 720px) {
    .AssetDescBox .DefaultViewTable.Download tbody td.Check {
        width: 5px;
    }
}

.AssetDescBox .DefaultViewTable.Download tbody td.Check + .Title {
    padding-left: 5px;
}

.AssetDescBox .DefaultViewTable.Download tbody td.Title {
    padding-right: 10px;
    padding-left: 10px;
    color: #333;
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock.ThumbLeftSide .Thumbnail {
    display: inline;
    float: left;
    margin: 0 10px 0 0;
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .Thumbnail {
    margin-right: 10px;
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .Thumbnail .Image {
    width: 90px;
    margin: 0;
    text-align: center;
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .ThumbContent {
    overflow: hidden;
}

.AssetDescBox .DefaultViewTable.Download .TitleAndText {
    margin: 0;
}

.AssetDescBox .DefaultViewTable.Download .TitleAndText > .Title {
    margin: 0 0 5px;
    font-weight: bold;
    color: #000;
}

.AssetDescBox .DefaultViewTable.Download .TitleAndText dd > p:first-child {
    margin: 0;
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .ThumbContent .NoMarker {
    margin-top: 5px;
}

.AssetDescBox .DefaultViewTable.Download .ThumbBlock .ThumbContent .NoMarker li {
    margin-top: 0;
    padding-left: 0;
    background: none;
}

.AssetDescBox .DefaultViewTable.Download .BoldText {
    font-weight: bold;
}

.utility-text-extraLarge {
    font-size: 2rem;
}

.utility-text-large {
    font-size: 1.8rem;
}

.utility-text-small {
    font-size: 1.4rem;
}

.utility-text-extraSmall {
    font-size: 1.2rem;
}

.utility-text-bold {
    font-weight: bold;
}

.utility-text-noWrap {
    white-space: nowrap;
}

.utility-textAlign-left {
    text-align: left;
}

.utility-textAlign-center {
    text-align: center;
}

.utility-textAlign-right {
    text-align: right;
}

.utility-width-10 {
    width: 10%;
}

.utility-width-20 {
    width: 20%;
}

.utility-width-30 {
    width: 30%;
}

.utility-width-40 {
    width: 40%;
}

.utility-width-50 {
    width: 50%;
}

.utility-width-60 {
    width: 60%;
}

.utility-width-70 {
    width: 70%;
}

.utility-width-80 {
    width: 80%;
}

.utility-width-90 {
    width: 90%;
}

.utility-width-100 {
    width: 100%;
}

@media screen and (min-width: 970px) {
    .smallScreen-show {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    .smallScreen-show {
        display: block;
    }
    .smallScreen-hide {
        display: none;
    }
    .smallScreen-line-break {
        display: block;
    }
}

/*	colorbox
-----------------------------------------*/
#cboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
}

#colorbox {
    position: absolute;
    top: 0;
    right: 50% !important;
    left: inherit !important;
    z-index: 9999;
    overflow: inherit !important;
    width: 100% !important;
    max-width: 970px !important;
    outline: 0;
    transform: translateX(50%);
}

#cboxWrapper {
    position: absolute;
    top: 0;
    z-index: 9999;
    width: 100% !important;
    outline: 0;
    cursor: pointer;
}

#cboxTopLeft, #cboxTopRight, #cboxBottomLeft, #cboxBottomRight, #cboxMiddleLeft, #cboxMiddleRight, #cboxTopCenter, #cboxBottomCenter {
    display: none !important;
}

#cboxContent {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    overflow: visible;
    width: 100% !important;
    height: 100% !important;
    outline: 0;
    cursor: pointer;
}

#cboxLoadedContent {
    width: 100% !important;
    max-height: 600px;
}

.cboxVisible {
    height: 100% !important;
}

div#ModalContent {
    overflow: auto;
    max-width: 970px;
    max-height: 600px;
    margin: 0 auto;
    padding: 20px 50px;
    background: #fff;
}

#cboxTitle {
    width: 100%;
    min-height: 44px;
    padding: 10px 15px;
    font-weight: bold;
    color: #333;
    background: #f4f4f4;
    border-bottom: #c3c3c3 1px solid;
}

#cboxClose {
    position: absolute;
    top: 9px;
    right: 15px;
    display: block;
    width: 25px;
    height: 25px;
    text-indent: -999em;
}

#cboxClose::before {
    position: absolute;
    top: 12px;
    right: 3px;
    display: block;
    width: 20px;
    height: 1px;
    background: #666;
    border: #666 1px solid;
    content: "";
    transform: rotate(45deg);
}

#cboxClose::after {
    position: absolute;
    top: 12px;
    right: 3px;
    display: block;
    width: 20px;
    height: 1px;
    background: #666;
    border: #666 1px solid;
    content: "";
    transform: rotate(135deg);
}

div#ModalContent {
    font-size: 1.2rem;
}

div#ModalContent div.Section {
    padding-bottom: 10px;
}

div#ModalContent em, div#ModalContent .BoldText {
    font-weight: bold;
}

div#ModalContent dl {
    margin: 0 0 16px;
}

div#ModalContent dl.TermsList dt {
    margin-bottom: 7px;
    font-weight: bold;
    font-size: 1.16em;
}

div#ModalContent dl.TermsList dt + dd {
    margin: 0 0 0 40px;
}

div#ModalContent dl.TermsList dt, div#ModalContent dl.TermsList dd p {
    margin: 0 0 6px;
    zoom: 1;
}

div#ModalContent dl.TermsList dt span.Marker, div#ModalContent dl.TermsList dd p span.Marker {
    float: left;
    margin: 0 5px 0 0;
}

div#ModalContent dl.TermsList dt span.Inner, div#ModalContent dl.TermsList dd p span.Inner {
    display: block;
    overflow: hidden;
}

div#ModalContent ul.TextButtonList.Horizontal.CenterAlign {
    text-align: center;
}

div#ModalContent ul.TextButtonList.Horizontal li {
    display: inline-block;
    margin: 0 10px 5px 0;
}

div#ModalContent a.TextButton.Submit, div#ModalContent a.TextButton.Search, div#ModalContent a.TextButton.Person {
    color: #fff;
    background: linear-gradient(#2a91d9 0%, #0275be 100%);
    background-color: #0275be;
    background-position: right top;
    border: solid 1px #39759b;
}

div#ModalContent a.TextButton, div#ModalContent span.TextButton {
    position: relative;
    display: inline-block;
    padding: 4px 9px;
    font-weight: bold;
    color: #fff;
    vertical-align: middle;
    text-decoration: none;
    white-space: nowrap;
    background: linear-gradient(#bcbcbc 0%, #818181 100%);
    background-color: #818181;
    background-position: right top;
    border: solid 1px #848b90;
    box-shadow: 1px 1px 1px #ccc;
    zoom: 1;
}

div#ModalContent dl.TermsList dt:after, div#ModalContent dl.TermsList dd p:after {
    display: block;
    clear: both;
    content: "";
}

/* GeneralTableStylel
---------- ---------- */
#ModalContent table.GeneralTableStyle {
    width: 100%;
    border-collapse: collapse;
}

#ModalContent table.GeneralTableStyle th, #ModalContent table.GeneralTableStyle td {
    padding: 6px;
    vertical-align: text-top;
    border: #ccc solid 1px;
}

#ModalContent table.GeneralTableStyle th {
    white-space: nowrap;
    background: #f9f9f9;
}

@media screen and (max-width: 969px) {
    #colorbox {
        top: 0 !important;
    }
    #cboxLoadedContent {
        overflow: inherit !important;
    }
    .cboxVisible {
        height: auto !important;
    }
    div#ModalContent {
        overflow: visible !important;
        max-height: none;
    }
    div#ModalContent dl.TermsList dt + dd {
        margin: 0;
    }
    .GeneralTableStyleWrapper {
        overflow-x: scroll;
    }
}

.Balloon {
    position: absolute;
    z-index: 100;
    display: none;
}

/*
 * popup
** ------------------------------------------------------ */
#cboxLoadedContent #HeaderArea, #cboxLoadedContent #FooterArea, #cboxLoadedContent .OverviewLink {
    display: none;
}

#cboxLoadedContent > #Container {
    overflow: auto;
    max-width: 970px;
    max-height: 600px;
    margin: 0 auto;
    padding: 20px 50px;
    background: #fff;
}

#PrintPage {
    display: none;
}

#ContentsArea.Popup {
    max-width: 720px;
    margin-right: auto;
    margin-left: auto;
}

.Popup div#PageTitle {
    margin: 0 0 15px;
    padding: 0;
    background-color: #fff;
}

.Popup div#PageTitle h1 {
    padding: 0 0 0 6px;
    font-size: 1.5em;
    border-left: solid 3px #e60012;
}

.Popup div#MainContent h2.NormalHeading {
    margin: 0 0 9px;
    padding: 0;
    font-size: 1.16em;
    color: #000;
    line-height: 1.28;
    text-transform: uppercase;
    border-bottom-width: 0;
}

.Popup div#MainContent h2.NormalHeading span.Inner {
    display: inline;
    padding: 0;
    border-left-width: 0;
    zoom: normal;
}

.Popup div#MainContent h3 {
    margin: 0 0 9px;
    padding: 0 0 0 10px;
    font-size: 1em;
    color: #333;
    text-transform: uppercase;
    background: url("../../img/common/mkr_blet_l_gray.png") 0 .4em no-repeat;
}

.Popup div#MainContent h3.Link {
    padding: 0 0 0 8px;
    background: url("../../img/common/mkr_triangle_gray_r.png") 0 .4em no-repeat;
}

.Popup div#MainContent h3.Blank {
    padding: 0 0 0 13px;
    background: url("../../img/common/icon_blank.png") 0 .4em no-repeat;
}

.Popup div#MainContent h3.Pdf {
    padding: 0 0 0 17px;
    background: url("../../img/common/icon_pdf.png") 0 .15em no-repeat;
}

.Popup div#MainContent p.CloseWindow {
    margin: 0 0 10px;
    font-size: .91em;
    text-align: center;
}

.Popup div#MainContent p.CloseWindow a {
    display: inline-block;
    padding: 0 0 0 15px;
    color: #666;
    text-decoration: none;
    background: url("../../img/common/mkr_crossmark_close.png") 0 50% no-repeat;
}

.Popup div#MainContent p.CloseWindow a:hover, .Popup div#MainContent p.CloseWindow a:focus {
    text-decoration: underline;
}

.Popup div#MigrateContentWrap dt {
    clear: left;
    font-weight: bold;
}

.Popup div#MigrateContentWrap dt.line {
    float: left;
    width: 100px;
    margin-bottom: 8px;
}

.Popup div#MigrateContentWrap dd {
    margin-bottom: 8px;
    margin-left: 12px;
    padding-left: 0;
}

.Popup div#MigrateContentWrap ul li {
    padding: 0 0 0 13px;
    background: url("../../img/common/mkr_blet_black.png") 4px .6em no-repeat;
}

.Popup div#MigrateContentWrap ol {
    margin: 0 0 0 2em;
    padding: 0;
    list-style-type: decimal;
}

.Popup div#MigrateContentWrap ol.parent li {
    list-style-position: inside;
}

.Popup div#MigrateContentWrap ol.node {
    margin-bottom: 1.4em;
    margin-left: 2.5em;
}

.Popup div#MigrateContentWrap ol.node li {
    position: relative;
    margin-bottom: .3em;
    list-style: none outside none;
}

.Popup div#MigrateContentWrap ol.node li span {
    position: absolute;
    top: 0;
    left: -1.7em;
}

.Popup div#MigrateContentWrap table td {
    padding: 0 0 10px;
}

.Popup div#MigrateContentWrap table, .Popup div#MigrateContentWrap table tr, .Popup div#MigrateContentWrap table td {
    margin: 0;
    padding: 0;
    border: medium none;
}

.Popup div#MigrateContentWrap p.subTitle {
    padding: 7px 0 7px 10px;
    font-weight: bold;
    background-color: #dcdcdc;
}

.Popup div#PageTitle {
    width: auto;
}

.Popup div#MigrateContentWrap table td li {
    margin-top: 10px !important;
}

.Popup div#MigrateContentWrap p.ksDl {
    margin-top: 10px !important;
}

.Popup div#MigrateContentWrap table.ksdlTbl {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.Popup div#MigrateContentWrap table.ksdlTbl td {
    padding: 0 0 5px 0 !important;
}

.Popup div#MigrateContentWrap h5 {
    margin-top: 15px !important;
    margin-bottom: 10px !important;
    font-weight: bold !important;
    color: #333 !important;
}

.Popup div#MigrateContentWrap h5.fst {
    margin-top: 5px !important;
    margin-bottom: 10px !important;
}

.Popup div#MigrateContentWrap p.ksClBt {
    margin-bottom: 20px !important;
}

/* TitleAndText
---------- ---------- */
div#MainContent dl.TitleAndText {
    margin: 0;
}

div#MainContent dl.TitleAndText > dt.Title {
    margin: 0 0 5px;
    font-weight: bold;
    color: #000;
}

div#MainContent dl.TitleAndText > dt.Title.PlainText {
    font-weight: normal;
    color: #333;
}

div#MainContent dl.TitleAndText > dt.Title.BottomBordered {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: solid 1px #b2b2b2;
}

/* Link */
div#MainContent dl.TitleAndText > dt.Title.Link {
    padding: 0 0 0 8px;
    background: url("../../img/common/mkr_triangle_gray_r.png") 0 .4em no-repeat;
}

div#MainContent dl.TitleAndText > dt.Title.Blank {
    padding: 0 0 0 13px;
    background: url("../../img/common/icon_blank.png") 0 .4em no-repeat;
}

div#MainContent dl.TitleAndText > dt.Title.Pdf, div#MainContent dl.TitleAndText > dt.Title.Cad2d, div#MainContent dl.TitleAndText > dt.Title.Cad3d {
    padding: 0 0 0 17px;
    background-position: 0 0;
    background-repeat: no-repeat;
}

div#MainContent dl.TitleAndText > dt.Title.LargeText.Pdf, div#MainContent dl.TitleAndText > dt.Title.LargeText.Cad2d, div#MainContent dl.TitleAndText > dt.Title.LargeText.Cad3d {
    background-position: 0 2px;
}

div#MainContent dl.TitleAndText > dt.Title.Pdf {
    background-image: url("../../img/common/icon_pdf.png");
}

div#MainContent dl.TitleAndText > dt.Title.Cad2d {
    background-image: url("../../img/common/icon_cad2d.png");
}

div#MainContent dl.TitleAndText > dt.Title.Cad3d {
    background-image: url("../../img/common/icon_cad3d.png");
}

div#MainContent dl.TitleAndText > dt.Title.InquiryContact, div#MainContent dl.TitleAndText > dt.Title.InquiryPrice, div#MainContent dl.TitleAndText > dt.Title.InquiryAsk, div#MainContent dl.TitleAndText > dt.Title.InquiryTrial, div#MainContent dl.TitleAndText > dt.Title.InquiryDemo {
    margin-bottom: 8px;
    font-weight: normal;
}

div#MainContent dl.TitleAndText > dt.Title.InquiryContact, div#MainContent dl.TitleAndText > dt.Title.InquiryAsk, div#MainContent dl.TitleAndText > dt.Title.InquiryDemo {
    font-size: 2.25em;
}

div#MainContent dl.TitleAndText > dt.Title.InquiryPrice {
    font-size: 1.83333em;
}

div#MainContent dl.TitleAndText > dt.Title.InquiryTrial {
    font-size: 1.666666em;
}

div#MainContent dl.TitleAndText > dt.Title.InquiryContact + dd.TextBlock > p, div#MainContent dl.TitleAndText > dt.Title.InquiryPrice + dd.TextBlock > p, div#MainContent dl.TitleAndText > dt.Title.InquiryAsk + dd.TextBlock > p, div#MainContent dl.TitleAndText > dt.Title.InquiryTrial + dd.TextBlock > p, div#MainContent dl.TitleAndText > dt.Title.InquiryDemo + dd.TextBlock > p {
    font-size: 1.08333em;
}

div#MainContent dl.TitleAndText > dt.Title span.SubTitle, div#MainContent dl.TitleAndText > dt.Title span.SubTitle, div#MainContent dl.TitleAndText > dt.Title span.SubTitle {
    color: #666;
}

div#MainContent dl.TitleAndText > dt.Title.LargeText span.SubTitle {
    font-size: .85em;
}

div#MainContent dl.TitleAndText > dt.Title.Link > a {
    margin-right: .5em;
}

div#MainContent dl.TitleAndText > dt.Title.Link > a + span.TextIcon {
    margin-left: 0;
}

div#MainContent dl.TitleAndText > dt.Title.Link > a > span.TextIcon {
    margin-bottom: .2em;
    margin-left: .5em;
}

div#MainContent .ThumbLeftSide dl.TitleAndText > dt.Title.Link > a + span.TextIcon {
    margin-bottom: .2em;
    vertical-align: middle;
}

/* DottedBorderSeparated
---------- */
div#MainContent dl.TitleAndText.DottedBorderSeparate {
    margin-bottom: 20px;
    border-bottom: dotted 1px #666;
}

div#MainContent dl.TitleAndText.DottedBorderSeparate dt {
    padding-top: 10px;
    border-top: dotted 1px #666;
}

div#MainContent dl.TitleAndText.DottedBorderSeparate dd p, div#MainContent dl.TitleAndText.DottedBorderSeparate dd ul {
    margin-bottom: 10px;
}

/* Adjust modules */
div#MainContent dl.TitleAndText.DottedBorderSeparate dd p, div#MainContent dl.TitleAndText.DottedBorderSeparate dd ul, div#MainContent dl.TitleAndText.DottedBorderSeparate dd div.ErrorMessage {
    margin-bottom: 10px;
}

div#MainContent dl.TitleAndText.DottedBorderSeparate dd input.CustomText {
    width: 40%;
}

div#MainContent dl.TitleAndText.DottedBorderSeparate span.AnnotationText {
    display: inline-block;
    margin: 0 0 0 10px;
    color: #666;
}

@media screen and (max-width: 969px) {
    div#cboxLoadedContent #Container {
        overflow: visible !important;
        max-height: none;
        padding: 20px;
    }
}

.ErrorMessage {
    margin: 0 0 20px;
    padding: 10px;
    background-color: #ffd7d9;
    zoom: 1;
}

.ErrorMessage p {
    margin-bottom: 10px;
    font-weight: bold;
    color: #c00;
}

.ErrorMessage.Caution {
    min-height: 35px;
    padding-left: 50px;
    background-image: url("../../img/common/icon_error.png");
    background-position: 10px 15px;
    background-repeat: no-repeat;
}

.ErrorMessage.Caution p {
    font-size: 1.4rem;
}

.ErrorMessage.Caution > *:last-child {
    margin-bottom: 0;
}

.theme-home .layout-container.of-width-large {
    max-width: 1280px;
    padding: 0 20px;
}

.home-layout-grid {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -24px;
    margin-bottom: 40px;
    margin-left: -8px;
}

.home-layout-grid.of-product .home-layout-grid-column {
    position: relative;
}

[data-script-enabled="true"] .home-layout-grid.of-product .home-layout-grid-column.is-show {
    animation: .6s fade-in forwards;
}

[data-script-enabled="true"] .home-layout-grid.of-product .home-layout-grid-column.is-hide {
    animation: .6s fade-out forwards;
}

[data-script-enabled="true"] .home-layout-grid.of-changeCategory .home-layout-grid-column {
    opacity: 0;
}

@media only screen and (max-width: 969px) {
    .home-layout-grid {
        margin-top: -8px;
        margin-bottom: 24px;
    }
    .home-layout-grid.of-product {
        margin-top: -16px;
    }
    .home-layout-grid.of-product .home-layout-grid-column {
        margin-top: 16px;
    }
}

.home-layout-grid.of-column-3 .home-layout-grid-column {
    width: 33.3333333333%;
}

.home-layout-grid.of-column-4 .home-layout-grid-column {
    width: 25%;
}

.home-layout-grid.of-column-5 .home-layout-grid-column {
    width: 20%;
}

.home-layout-grid-column {
    margin-top: 24px;
    padding-left: 8px;
}

.home-layout-grid-column.of-flex {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

@media only screen and (max-width: 969px) {
    .home-layout-grid-column {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 969px) {
    .home-layout-grid.smallScreen-column-2 .home-layout-grid-column {
        width: 50%;
    }
    .home-layout-grid.smallScreen-column-2 .home-layout-grid-column:nth-child(odd) {
        -ms-flex-pack: end;
        justify-content: flex-end;
    }
    .home-layout-grid.smallScreen-column-2 .home-layout-grid-column:nth-child(even) {
        -ms-flex-pack: start;
        justify-content: flex-start;
    }
    .home-layout-grid.smallScreen-column-4 .home-layout-grid-column {
        width: 25%;
    }
}

@media only screen and (max-width: 640px) {
    .home-layout-grid.extraSmallScreen-column-1 .home-layout-grid-column {
        width: 100%;
    }
    .home-layout-grid.extraSmallScreen-column-1 .home-layout-grid-column:nth-child(odd), .home-layout-grid.extraSmallScreen-column-1 .home-layout-grid-column:nth-child(even) {
        -ms-flex-pack: center;
        justify-content: center;
    }
    .home-layout-grid.extraSmallScreen-column-2 .home-layout-grid-column {
        width: 50%;
    }
}

.home-layout-container-search {
    margin-bottom: 40px;
    padding: 24px 20px;
    background: #f0f0f1;
}

@media only screen and (max-width: 969px) {
    .home-layout-container-search {
        display: none;
    }
}

.home-layout-container-search #TopSearchBlock {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.home-layout-container-search .SearchFormWrap {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: center;
    justify-content: center;
}

.home-layout-container-search #TopSearchBlock {
    max-width: 616px;
}

.home-layout-container-search .InpupCol {
    min-width: 616px;
}

.home-layout-container-search .InpupCol > .InpupColInner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden;
    width: 100%;
    padding: 0 16px;
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 3em;
}

.home-layout-container-search .InpupCol > .InpupColInner > .SearchInput {
    width: 100%;
    padding: 8px 8px 7px 0;
    font-size: 25px;
    line-height: 1.2;
    border: 0;
}

.home-layout-container-search .InpupCol > .InpupColInner > label, .home-layout-container-search .InpupCol > .InpupColInner > label > label, .home-layout-container-search .InpupCol > .InpupColInner .SearchButton {
    width: 24px;
    height: 24px;
}

.home-jumbotron {
    width: 100%;
    background: linear-gradient(#e0e1e9, #f3f3f3);
}

@media only screen and (max-width: 969px) {
    .home-jumbotron {
        display: -ms-flexbox;
        display: flex;
    }
}

.home-jumbotron a {
    color: inherit;
    text-decoration: none;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron a {
        display: -ms-flexbox;
        display: flex;
        width: 100%;
    }
}

.home-jumbotron-outer {
    position: relative;
    overflow: hidden;
    margin-bottom: 24px;
}

[data-script-enabled="true"] .home-jumbotron-outer .home-jumbotron {
    display: none;
}

[data-script-enabled="true"] .home-jumbotron-outer .home-jumbotron:first-child {
    display: block !important;
}

@media only screen and (max-width: 969px) {
    [data-script-enabled="true"] .home-jumbotron-outer .home-jumbotron:first-child {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

[data-script-enabled="true"] .home-jumbotron-outer .home-jumbotron.is-current {
    display: block !important;
}

@media only screen and (max-width: 969px) {
    [data-script-enabled="true"] .home-jumbotron-outer .home-jumbotron.is-current {
        display: -ms-flexbox !important;
        display: flex !important;
    }
}

[data-script-enabled="true"] .home-jumbotron-outer.is-initialized .home-jumbotron {
    display: block;
}

@media only screen and (max-width: 969px) {
    [data-script-enabled="true"] .home-jumbotron-outer.is-initialized .home-jumbotron {
        display: -ms-flexbox;
        display: flex;
    }
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-outer {
        margin-bottom: 40px;
    }
}

.home-jumbotron-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-bottom: 24px;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-group {
        padding-bottom: 0;
    }
}

.home-jumbotron-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: end;
    align-items: flex-end;
    max-width: calc(1240px + 40px);
    max-height: 320px;
    margin: 0 auto;
    padding: 24px 20px;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-content {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
        width: 100%;
        max-height: none;
        padding: 16px 0 0;
    }
}

.home-jumbotron-body {
    -ms-flex: 1;
    flex: 1;
    -ms-grid-row-align: center;

    -ms-flex-item-align: center;
    align-self: center;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-body {
        -ms-flex: 1 0 auto;
        flex: 1 0 auto;
        width: 100%;
        margin: 0;
        padding: 48px 20px 20px;
        color: #333 !important;
        background: #fff;
    }
}

.home-jumbotron-body > *:last-child {
    margin-bottom: 0;
}

.home-jumbotron-title {
    margin-bottom: 8px;
    font-weight: bold;
    font-size: 4.8rem;
    line-height: 1.2;
}

.home-jumbotron-title.of-text-extraLarge {
    font-size: 6.4rem;
}

.home-jumbotron-title.of-text-small {
    font-size: 4.2rem;
}

.home-jumbotron-title.of-text-extraSmall {
    font-size: 3.6rem;
}

[lang="de"] .home-jumbotron-title, [lang="nl"] .home-jumbotron-title, [lang="fr"] .home-jumbotron-title, [lang="cs"] .home-jumbotron-title, [lang="hu"] .home-jumbotron-title, [lang="pl"] .home-jumbotron-title {
    font-size: 3.6rem;
}

[lang="de"] .home-jumbotron-title.of-text-large, [lang="nl"] .home-jumbotron-title.of-text-large, [lang="fr"] .home-jumbotron-title.of-text-large, [lang="cs"] .home-jumbotron-title.of-text-large, [lang="hu"] .home-jumbotron-title.of-text-large, [lang="pl"] .home-jumbotron-title.of-text-large {
    font-size: 4.8rem;
}

@media only screen and (max-width: 1239px) {
    [lang="de"] .home-jumbotron-title, [lang="nl"] .home-jumbotron-title, [lang="fr"] .home-jumbotron-title, [lang="cs"] .home-jumbotron-title, [lang="hu"] .home-jumbotron-title, [lang="pl"] .home-jumbotron-title {
        font-size: 2.90323vw;
    }
    [lang="de"] .home-jumbotron-title.of-text-large, [lang="nl"] .home-jumbotron-title.of-text-large, [lang="fr"] .home-jumbotron-title.of-text-large, [lang="cs"] .home-jumbotron-title.of-text-large, [lang="hu"] .home-jumbotron-title.of-text-large, [lang="pl"] .home-jumbotron-title.of-text-large {
        font-size: 3.87097vw;
    }
}

@media only screen and (max-width: 1239px) {
    .home-jumbotron-title {
        font-size: 3.87097vw;
    }
    .home-jumbotron-title.of-text-extraLarge {
        font-size: 5.16129vw;
    }
    .home-jumbotron-title.of-text-small {
        font-size: 3.3871vw;
    }
    .home-jumbotron-title.of-text-extraSmall {
        font-size: 2.90323vw;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-title {
        font-size: 2.4rem;
    }
    .home-jumbotron-title.of-text-extraLarge, .home-jumbotron-title.of-text-small, .home-jumbotron-title.of-text-extraSmall {
        font-size: 2.4rem;
    }
    [lang="de"] .home-jumbotron-title, [lang="nl"] .home-jumbotron-title, [lang="fr"] .home-jumbotron-title, [lang="cs"] .home-jumbotron-title, [lang="hu"] .home-jumbotron-title, [lang="pl"] .home-jumbotron-title {
        font-size: 2.4rem;
    }
    [lang="de"] .home-jumbotron-title.of-text-large, [lang="nl"] .home-jumbotron-title.of-text-large, [lang="fr"] .home-jumbotron-title.of-text-large, [lang="cs"] .home-jumbotron-title.of-text-large, [lang="hu"] .home-jumbotron-title.of-text-large, [lang="pl"] .home-jumbotron-title.of-text-large {
        font-size: 2.4rem;
    }
}

.home-jumbotron-subtitle {
    margin-bottom: 2px;
    font-weight: bold;
    font-size: 3.6rem;
    line-height: 1.2;
}

.home-jumbotron-subtitle.of-text-extraLarge {
    font-size: 4.8rem;
}

.home-jumbotron-subtitle.of-text-small {
    font-size: 2.4rem;
}

[lang="de"] .home-jumbotron-subtitle, [lang="nl"] .home-jumbotron-subtitle, [lang="fr"] .home-jumbotron-subtitle, [lang="cs"] .home-jumbotron-subtitle, [lang="hu"] .home-jumbotron-subtitle, [lang="pl"] .home-jumbotron-subtitle {
    font-size: 2.4rem;
}

[lang="de"] .home-jumbotron-subtitle.of-text-large, [lang="nl"] .home-jumbotron-subtitle.of-text-large, [lang="fr"] .home-jumbotron-subtitle.of-text-large, [lang="cs"] .home-jumbotron-subtitle.of-text-large, [lang="hu"] .home-jumbotron-subtitle.of-text-large, [lang="pl"] .home-jumbotron-subtitle.of-text-large {
    font-size: 3.6rem;
}

@media only screen and (max-width: 1239px) {
    [lang="de"] .home-jumbotron-subtitle, [lang="nl"] .home-jumbotron-subtitle, [lang="fr"] .home-jumbotron-subtitle, [lang="cs"] .home-jumbotron-subtitle, [lang="hu"] .home-jumbotron-subtitle, [lang="pl"] .home-jumbotron-subtitle {
        font-size: 1.93548vw;
    }
    [lang="de"] .home-jumbotron-subtitle.of-text-large, [lang="nl"] .home-jumbotron-subtitle.of-text-large, [lang="fr"] .home-jumbotron-subtitle.of-text-large, [lang="cs"] .home-jumbotron-subtitle.of-text-large, [lang="hu"] .home-jumbotron-subtitle.of-text-large, [lang="pl"] .home-jumbotron-subtitle.of-text-large {
        font-size: 2.90323vw;
    }
}

@media only screen and (max-width: 1239px) {
    .home-jumbotron-subtitle {
        font-size: 2.90323vw;
    }
    .home-jumbotron-subtitle.of-text-extraLarge {
        font-size: 3.87097vw;
    }
    .home-jumbotron-subtitle.of-text-small {
        font-size: 1.93548vw;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-subtitle {
        font-size: 1.6rem;
    }
    .home-jumbotron-subtitle.of-text-extraLarge {
        font-size: 1.6rem;
    }
    .home-jumbotron-subtitle.of-text-small {
        font-size: 1.6rem;
    }
    [lang="de"] .home-jumbotron-subtitle, [lang="nl"] .home-jumbotron-subtitle, [lang="fr"] .home-jumbotron-subtitle, [lang="cs"] .home-jumbotron-subtitle, [lang="hu"] .home-jumbotron-subtitle, [lang="pl"] .home-jumbotron-subtitle {
        font-size: 1.6rem;
    }
    [lang="de"] .home-jumbotron-subtitle.of-text-large, [lang="nl"] .home-jumbotron-subtitle.of-text-large, [lang="fr"] .home-jumbotron-subtitle.of-text-large, [lang="cs"] .home-jumbotron-subtitle.of-text-large, [lang="hu"] .home-jumbotron-subtitle.of-text-large, [lang="pl"] .home-jumbotron-subtitle.of-text-large {
        font-size: 1.6rem;
    }
}

.home-jumbotron-seriesOuter {
    font-size: 2.4rem;
}

@media only screen and (max-width: 1239px) {
    .home-jumbotron-seriesOuter {
        font-size: 1.93548vw;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-seriesOuter {
        font-size: 1.6rem;
    }
}

.home-jumbotron-icon {
    display: inline-block;
    margin-bottom: 4px;
    padding: 4px 16px;
    font-size: 1.8rem;
    color: #fff;
    line-height: 1;
    background: #ce0010;
}

@media only screen and (max-width: 1239px) {
    .home-jumbotron-icon {
        font-size: 1.45161vw;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-icon {
        font-size: 1.4rem;
    }
}

.home-jumbotron-text.of-text-extraSmall {
    font-size: 1.4rem;
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-text.of-text-extraSmall {
        font-size: 1.2rem;
    }
}

.home-jumbotron-seriesName {
    display: block;
}

.home-jumbotron-series {
    display: block;
    font-size: 2rem;
    line-height: 1.2;
}

@media only screen and (max-width: 1239px) {
    .home-jumbotron-series {
        font-size: 1.6129vw;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-series {
        font-size: 1.6rem;
    }
}

.home-jumbotron-image {
    width: 408px;
    min-height: 0;
    margin-left: 16px;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-image {
        width: 100%;
        margin-left: 0;
        padding: 0 20px;
        text-align: center;
    }
}

.home-jumbotron-image > img {
    margin-bottom: -136px;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-image > img {
        margin-bottom: -40px;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-image > img {
        width: 56.25vw;
    }
}

.home-jumbotron-utilityController {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    max-width: calc(1240px + 40px);
    margin: 0 auto;
    padding: 0 20px;
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-utilityController {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.home-jumbotron-pagination {
    display: -ms-flexbox;
    display: flex;
    margin-left: -8px;
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-pagination {
        margin-left: -4px;
    }
}

.home-jumbotron-pagination > li {
    width: 96px;
    margin-left: 8px;
}

@media only screen and (max-width: 1239px) {
    .home-jumbotron-pagination > li {
        width: 6.45161vw;
    }
}

@media only screen and (max-width: 969px) {
    .home-jumbotron-pagination > li {
        width: 8.25593vw;
    }
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-pagination > li {
        width: 12.5vw;
        margin-left: 4px;
    }
}

.home-jumbotron-paginationButton {
    position: relative;
    width: 100%;
    background: #fff;
    border: 1px solid #ccc;
}

.home-jumbotron-paginationButton::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(204, 204, 204, .6);
    content: "";
    opacity: 1;
    transition: all .5s;
}

.home-jumbotron-paginationButton.is-current::before {
    background: rgba(204, 204, 204, 0);
}

.home-jumbotron-prevButton {
    position: relative;
    overflow: hidden;
    width: 34px;
    height: 34px;
}

.home-jumbotron-prevButton > span {
    position: absolute;
    right: -500%;
    display: block;
    white-space: nowrap;
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-prevButton {
        position: absolute;
        top: 20.3125vw;
        left: 0;
        width: 56px;
        height: 56px;
    }
}

.home-jumbotron-prevButton::before {
    position: absolute;
    top: 5px;
    left: 5px;
    display: block;
    width: 24px;
    height: 24px;
    border-top: 1px solid #707070;
    border-left: 1px solid #707070;
    content: "";
    transform: rotate(-45deg);
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-prevButton::before {
        top: 20px;
        left: 24px;
        width: 18px;
        height: 18px;
    }
}

.home-jumbotron-nextButton {
    position: relative;
    overflow: hidden;
    width: 34px;
    height: 34px;
}

.home-jumbotron-nextButton > span {
    position: absolute;
    left: -500%;
    white-space: nowrap;
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-nextButton {
        position: absolute;
        top: 20.3125vw;
        right: 0;
        width: 56px;
        height: 56px;
    }
}

.home-jumbotron-nextButton::before {
    position: absolute;
    top: 5px;
    right: 5px;
    display: block;
    width: 24px;
    height: 24px;
    border-top: 1px solid #707070;
    border-right: 1px solid #707070;
    content: "";
    transform: rotate(45deg);
}

@media only screen and (max-width: 640px) {
    .home-jumbotron-nextButton::before {
        top: 20px;
        right: 24px;
        width: 18px;
        height: 18px;
    }
}

.home-jumbotron-controller {
    position: relative;
    overflow: hidden;
    width: 32px;
    height: 32px;
    margin-left: 8px;
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 50%;
}

.home-jumbotron-controller::before, .home-jumbotron-controller::after {
    position: absolute;
    top: 50%;
    display: block;
    width: 3px;
    height: 12px;
    background: #959595;
    content: "";
    transform: translateY(-50%);
}

.home-jumbotron-controller::before {
    left: 10px;
}

.home-jumbotron-controller::after {
    right: 10px;
}

.home-jumbotron-controller > span {
    position: absolute;
    left: -500%;
    white-space: nowrap;
}

.home-jumbotron-controller.is-stop::before {
    width: 12px;
    background: none;
    border-width: 6px 0 6px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #959595;
}

.home-jumbotron-controller.is-stop::after {
    content: none;
}

.home-section {
    margin-bottom: 80px;
}

@media only screen and (max-width: 1239px) {
    .home-section {
        margin-bottom: 6.45161vw;
    }
}

@media only screen and (max-width: 969px) {
    .home-section {
        margin-bottom: 40px;
    }
}

.home-section-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 969px) {
    .home-section-header {
        display: block;
    }
}

.home-aside {
    margin-bottom: 80px;
    padding-top: 40px;
    border-top: 1px solid #ccc;
}

@media only screen and (max-width: 969px) {
    .home-aside {
        padding-top: 0;
        border-top: none;
    }
}

@media only screen and (max-width: 640px) {
    .home-aside {
        margin-bottom: 45px;
    }
}

.home-headingLevel2 {
    position: relative;
    margin-bottom: 30px;
    padding-top: 16px;
    font-size: 3.6rem;
    line-height: 1.2;
}

@media only screen and (max-width: 969px) {
    .home-headingLevel2 {
        font-size: 3.71517vw;
        text-align: center;
    }
}

@media only screen and (max-width: 640px) {
    .home-headingLevel2 {
        margin-bottom: 24px;
        padding-top: 12px;
        font-size: 20px;
    }
}

.home-headingLevel2::before {
    position: absolute;
    top: 0;
    left: -40px;
    display: block;
    width: 80px;
    height: 4px;
    background: #ea0437;
    content: "";
}

@media only screen and (max-width: 969px) {
    .home-headingLevel2::before {
        left: 50%;
        width: 35px;
        transform: translateX(-50%);
    }
}

.home-button {
    display: inline-block;
    padding: 16px 64px;
    font-weight: bold;
    font-size: 2.2rem;
    color: #333;
    line-height: 1.2;
    text-decoration: none;
    border: 2px solid #222;
    transition: all .5s;
}

@media only screen and (max-width: 969px) {
    .home-button {
        min-width: 280px;
        font-size: 2.27038vw;
        border-width: 1px;
    }
}

@media only screen and (max-width: 969px) {
    .home-button {
        font-size: 16px;
    }
}

.home-button:hover, .home-button:focus, .home-button.is-current {
    color: #fff;
    background: #222;
}

.home-buttonCategory {
    display: inline-block;
    padding: 10px 34px;
    font-weight: bold;
    font-size: 2.2rem;
    color: #333;
    line-height: 1.2;
    text-decoration: none;
    border: 2px solid #222;
    transition: all .5s;
}

@media only screen and (max-width: 969px) {
    .home-buttonCategory {
        display: none;
    }
}

.home-buttonCategory:hover, .home-buttonCategory:focus, .home-buttonCategory.is-current {
    color: #fff;
    background: #222;
}

.home-card {
    display: -ms-flexbox;
    display: flex;
}

.home-card > a {
    display: -ms-flexbox;
    display: flex;
    text-decoration: none;
}

.home-card-content {
    display: -ms-flexbox;
    display: flex;
    border: 1px solid #ccc;
}

.home-cardNews {
    display: -ms-flexbox;
    display: flex;
    width: 100%;
}

.home-cardNews > a {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    text-decoration: none;
    background: #fff;
    transition: all .5s;
}

.home-cardNews > a:hover, .home-cardNews > a:focus {
    background: #f1f8ff;
}

.home-cardNews > a::before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../../img/core/icon_arrow_01.svg) no-repeat;
    content: "";
}

.home-cardNews-content {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
    padding: 24px;
    color: #333;
    line-height: 1.4;
    border: 1px solid #ccc;
}

@media only screen and (max-width: 969px) {
    .home-cardNews-content {
        padding: 8px 24px;
    }
}

@media only screen and (max-width: 640px) {
    .home-cardNews-content {
        padding: 8px 24px 8px 10px;
    }
}

.home-cardNews-header {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.home-cardNews-body > *:last-child {
    margin-bottom: 0;
}

.home-cardNews-date {
    margin-bottom: 0;
    font-weight: bold;
    font-size: 1.4rem;
}

.home-cardNews-category {
    margin-bottom: 0;
    padding: 4px 14px;
    font-weight: bold;
    font-size: 1.2rem;
    line-height: 1;
    background: #b8c6db;
}

.home-cardNews-category.of-primary {
    background: #e1e1e1;
}

.home-media {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    width: 100%;
    max-width: 302px;
}

.home-media-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%;
}

.home-media-title {
    -ms-flex: 1 0 auto;
    flex: 1 0 auto;
    width: 100%;
    margin-bottom: 0;
    padding: 4px 24px 8px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    line-height: 1.3;
    background: #333;
    transition: all .5s;
}

@media only screen and (max-width: 640px) {
    .home-media-title {
        padding-bottom: 4px;
        font-weight: normal;
        font-size: 1.6rem;
    }
}

a:hover .home-media-title, a:focus .home-media-title {
    background: #484848;
}

.home-media-text {
    position: relative;
    margin-bottom: 0;
    padding: 8px 24px;
    color: #333;
    line-height: 1.4;
    transition: all .5s;
}

@media only screen and (max-width: 640px) {
    .home-media-text {
        padding: 8px 10px;
    }
}

.home-media-text::before {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 32px;
    height: 32px;
    background: url(../../../img/core/icon_arrow_01.svg) no-repeat;
    content: "";
}

a:hover .home-media-text, a:focus .home-media-text {
    background: #f1f8ff;
}

.home-media-image {
    overflow: hidden;
    border-bottom: 1px solid #ccc;
}

.home-media-image > img {
    transition: .4s ease-in-out;
    transform: scale(1);
}

a:hover .home-media-image > img, a:focus .home-media-image > img {
    transform: scale(1.1);
}

.home-mediaProduct {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: all .5s;
}

.home-mediaProduct:hover, .home-mediaProduct:focus {
    background: #f0f0f0;
}

@media only screen and (max-width: 969px) {
    .home-mediaProduct:hover, .home-mediaProduct:focus {
        background: #fff;
    }
}

.home-mediaProduct-text {
    width: 100%;
    margin-bottom: 0;
    padding: 2px 4px 4px;
    font-weight: bold;
    font-size: 1.8rem;
    color: #333;
    text-align: center;
    line-height: 1.2;
}

@media only screen and (max-width: 969px) {
    .home-mediaProduct-text {
        padding: 8px 0 4px;
        font-weight: normal;
        font-size: 1.85759vw;
        text-align: left;
    }
}

@media only screen and (max-width: 640px) {
    .home-mediaProduct-text {
        font-size: 1.4rem;
    }
    [lang="de"] .home-mediaProduct-text, [lang="nl"] .home-mediaProduct-text, [lang="fr"] .home-mediaProduct-text, [lang="cs"] .home-mediaProduct-text, [lang="hu"] .home-mediaProduct-text, [lang="pl"] .home-mediaProduct-text {
        font-size: 1.2rem;
    }
}

.home-mediaProduct-icon {
    display: inline-block;
    margin-top: -2px;
    margin-left: 3px;
    vertical-align: middle;
}

.home-mediaProduct-image {
    overflow: hidden;
    width: 100%;
}

.home-mediaProduct-image > img {
    transition: .4s ease-in-out;
    transform: scale(1);
}

a:hover .home-mediaProduct-image > img, a:focus .home-mediaProduct-image > img {
    transform: scale(1.1);
}

@media only screen and (max-width: 969px) {
    .home-mediaProduct-image {
        border: 1px solid #e6e6e6;
    }
}

.home-mediaProduct.of-primary .home-mediaProduct-text {
    color: #156bce;
}

.home-listBanner {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -8px;
}

.home-listBanner > li {
    width: 33.3333333333%;
    margin-top: 8px;
    padding-left: 8px;
}

@media only screen and (max-width: 1300px) {
    .home-listBanner > li {
        width: 50%;
        text-align: right;
    }
    .home-listBanner > li:nth-child(even) {
        text-align: left;
    }
}

@media only screen and (max-width: 969px) {
    .home-listBanner > li {
        width: 100%;
        text-align: center;
    }
    .home-listBanner > li:nth-child(even) {
        text-align: center;
    }
}

.home-listBanner a {
    transition: all .5s;
}

.home-listBanner a:hover, .home-listBanner a:focus {
    opacity: .5;
}

.home-listButton {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.home-listButton > * {
    margin-left: 8px;
}

@media only screen and (max-width: 969px) {
    .smallScreen-border-none {
        border: none;
    }
}

@keyframes fade-in {
    0% {
        bottom: -10px;
        display: none;
        opacity: 0;
    }
    100% {
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
    }
}

@keyframes fade-out {
    0% {
        bottom: 0;
        display: -ms-flexbox;
        display: flex;
        opacity: 1;
    }
    100% {
        bottom: -10px;
        display: none;
        opacity: 0;
    }
}

.theme-downloadProcess .totalizer, .theme-searchAddress .totalizer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 8px;
}

.theme-downloadProcess .totalizer .totalizer-text, .theme-searchAddress .totalizer .totalizer-text {
    margin-bottom: 0;
}

.theme-downloadProcess .totalizer .totalizer-text:nth-of-type(n+2), .theme-searchAddress .totalizer .totalizer-text:nth-of-type(n+2) {
    margin-left: 8px;
}

.theme-downloadProcess .totalizer.is-hide, .theme-searchAddress .totalizer.is-hide {
    display: none;
}

.theme-downloadProcess .pager, .theme-searchAddress .pager {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.theme-downloadProcess .pager .pager-list, .theme-searchAddress .pager .pager-list {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-left: auto;
}

.theme-downloadProcess .pager .pager-list > *, .theme-searchAddress .pager .pager-list > * {
    margin-left: 8px;
}

.theme-downloadProcess .pager .pager-list > * a, .theme-searchAddress .pager .pager-list > * a {
    text-decoration: none;
}

.theme-downloadProcess .pager .pager-text, .theme-searchAddress .pager .pager-text {
    margin-bottom: 0;
}

.theme-downloadProcess .pager .pager-textBack, .theme-downloadProcess .pager .pager-textNext, .theme-searchAddress .pager .pager-textBack, .theme-searchAddress .pager .pager-textNext {
    position: relative;
}

.theme-downloadProcess .pager .pager-textBack::before, .theme-downloadProcess .pager .pager-textBack::after, .theme-downloadProcess .pager .pager-textNext::before, .theme-downloadProcess .pager .pager-textNext::after, .theme-searchAddress .pager .pager-textBack::before, .theme-searchAddress .pager .pager-textBack::after, .theme-searchAddress .pager .pager-textNext::before, .theme-searchAddress .pager .pager-textNext::after {
    position: absolute;
    top: 50%;
    right: 3px;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    border-width: 4px 6px;
    border-style: solid;
    border-color: transparent transparent transparent #333;
    content: "";
    transform: translateY(-50%);
}

.theme-downloadProcess .pager .pager-textBack::after, .theme-downloadProcess .pager .pager-textNext::after, .theme-searchAddress .pager .pager-textBack::after, .theme-searchAddress .pager .pager-textNext::after {
    right: 5px;
    border-color: transparent transparent transparent #fff;
}

.theme-downloadProcess .pager .pager-textBack.is-current::before, .theme-downloadProcess .pager .pager-textNext.is-current::before, .theme-searchAddress .pager .pager-textBack.is-current::before, .theme-searchAddress .pager .pager-textNext.is-current::before {
    border-color: transparent transparent transparent #ccc;
}

.theme-downloadProcess .pager .pager-textBack, .theme-searchAddress .pager .pager-textBack {
    padding-left: 20px;
}

.theme-downloadProcess .pager .pager-textBack::before, .theme-searchAddress .pager .pager-textBack::before {
    right: inherit;
    left: 3px;
    border-color: transparent #333 transparent transparent;
}

.theme-downloadProcess .pager .pager-textBack::after, .theme-searchAddress .pager .pager-textBack::after {
    right: inherit;
    left: 5px;
    border-color: transparent #fff transparent transparent;
}

.theme-downloadProcess .pager .pager-textBack.is-current::before, .theme-searchAddress .pager .pager-textBack.is-current::before {
    border-color: transparent #ccc transparent transparent;
}

.theme-downloadProcess .pager .pager-textNext, .theme-searchAddress .pager .pager-textNext {
    padding-right: 20px;
}

.theme-downloadProcess .pager .form-input, .theme-searchAddress .pager .form-input {
    max-width: 60px;
}

.theme-downloadProcess .pager .is-current, .theme-searchAddress .pager .is-current {
    color: #ccc;
}

[data-script-enabled="true"] [aria-hidden="true"] {
    display: none;
}

.js-toggleCart-hook {
    position: relative;
    display: block;
    width: 100%;
    margin: 20px 0 16px;
    padding: 10px 50px;
    font-size: 1.4rem;
    color: #ababab;
    vertical-align: middle;
    border: 2px solid #ababab !important;
    border-radius: 3px;
}

.js-toggleCart-hook::before {
    position: absolute;
    top: 50%;
    left: 16px;
    display: block;
    width: 24px;
    height: 4px;
    background: #ababab;
    content: "";
    transform: translateY(-50%);
}

.js-toggleCart-hook::after {
    position: absolute;
    top: 50%;
    left: 26px;
    display: block;
    width: 4px;
    height: 24px;
    background: #ababab;
    content: "";
    transition: .2s;
    transform: translateY(-50%);
}

[aria-expanded="true"] .js-toggleCart-hook::after {
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
}

.theme-downloadProcess .layout-main-content {
    max-width: 1280px;
    margin: 0 auto;
    padding: 24px 20px 32px;
}

.theme-searchAddress .layout-main-content {
    padding: 24px;
}

.MyKeyence .layout-main-content {
    max-width: 990px;
    margin: 0 auto;
    padding: 20px 10px 0;
}

.theme-myKeyence .layout-main-content {
    max-width: calc(1240px + 20px * 2);
    margin: 0 auto;
    padding: 24px 20px 32px;
}

.theme-myKeyence body {
    line-height: 1.5;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence #recommended {
        display: none;
    }
}

.theme-myKeyence .section {
    margin: 0 0 32px;
}

.theme-myKeyence .SectionContent {
    margin-bottom: 30px;
}

.theme-myKeyence .listUnordered {
    margin: 0 0 16px;
}

.theme-myKeyence .listUnordered > li {
    margin-bottom: 4px;
}

.theme-myKeyence .listUnordered.of-bullet-disc > li {
    position: relative;
    padding: 0 0 0 16px;
    list-style: none;
}

.theme-myKeyence .listUnordered.of-bullet-disc > li::before {
    position: absolute;
    top: .7em;
    left: 0;
    display: block;
    width: 6px;
    height: 6px;
    background: #000;
    border-radius: 50%;
    content: "";
}

.theme-myKeyence .listUnordered.of-bullet-triangle > li {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.theme-myKeyence .listUnordered.of-bullet-triangle > li::before {
    display: inline-block;
    margin: 0 5px 0 0;
    border-width: 2.5px 0 2.5px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #7b7e82;
    content: "";
}

.theme-myKeyence .listUnordered.of-bullet-triangle > li:hover, .theme-myKeyence .listUnordered.of-bullet-triangle > li:focus {
    text-decoration: underline;
}

.theme-myKeyence .listUnordered.of-item-align {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

.theme-myKeyence .listUnordered.of-item-align > li {
    margin: 0 20px 2px 0;
}

.theme-myKeyence .listLink {
    margin: 0 0 16px;
}

.theme-myKeyence .listLink > li {
    margin-bottom: 4px;
}

.theme-myKeyence .listLink.of-align-right {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-align: end;
    align-items: flex-end;
}

.theme-myKeyence .listLink.of-bullet-left > li {
    margin-bottom: 4px;
}

.theme-myKeyence .listLink.of-bullet-left > li > a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.theme-myKeyence .listLink.of-bullet-left > li > a::before {
    display: inline-block;
    margin: 0 5px 0 0;
    border-width: 2.5px 0 2.5px 5px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #7b7e82;
    content: "";
}

.theme-myKeyence .listLink.of-bullet-left > li > a:hover, .theme-myKeyence .listLink.of-bullet-left > li > a:focus {
    text-decoration: underline;
}

.theme-myKeyence .listLink.of-bullet-bottom > li a {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    text-decoration: none;
}

.theme-myKeyence .listLink.of-bullet-bottom > li a::before {
    display: inline-block;
    margin: 0 5px 0 0;
    border-width: 6px 3.5px 0 3.5px;
    border-style: solid;
    border-color: transparent;
    border-top-color: #7b7e82;
    content: "";
}

.theme-myKeyence .listLink.of-bullet-bottom > li a:hover, .theme-myKeyence .listLink.of-bullet-bottom > li a:focus {
    text-decoration: underline;
}

.theme-myKeyence .listCart.of-download > li {
    position: relative;
    padding: 13px 20px;
    background: #fbedea;
    border-color: #b7b7b7;
}

.theme-myKeyence .listCart.of-download > li:hover {
    background: #f8d3cd;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download > li {
        padding: 8px;
    }
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .layout-grid {
        width: auto;
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-body {
        display: block;
        padding-top: 8px;
        text-align: center;
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-column {
    padding-bottom: 0;
}

.theme-myKeyence .listCart.of-download .layout-grid-column + .layout-grid-column {
    padding-bottom: 0;
    padding-left: 16px;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column + .layout-grid-column {
        display: -ms-flexbox;
        display: flex;
        -ms-flex-pack: center;
        justify-content: center;
        width: 100%;
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-column {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 0;
}

.theme-myKeyence .listCart.of-download .layout-grid-column:first-child + .layout-grid-column {
    -ms-flex: 1;
    flex: 1;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column:first-child + .layout-grid-column {
        -ms-flex: auto;
        flex: auto;
    }
}

.theme-myKeyence .listCart.of-download .layout-grid-column + .layout-grid-column {
    margin-left: 0;
}

.theme-myKeyence .listCart.of-download .layout-grid-column.smallScreen-column-12 {
    margin-bottom: 0;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column.smallScreen-column-12 {
        width: 100%;
    }
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .layout-grid-column .buttonConversion {
        margin-bottom: 8px;
        margin-left: 0;
    }
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .listCart.of-download .buttonConversion {
        display: inline-block;
        -ms-flex-pack: center;
        justify-content: center;
        width: auto;
        min-width: 160px;
    }
    .theme-myKeyence .listCart.of-download .buttonConversion .buttonConversion-body {
        -ms-flex-pack: center;
        justify-content: center;
    }
}

.theme-myKeyence .listCart.of-download .buttonConversion:after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: "";
}

.theme-myKeyence .listCart.of-download .media .media-image {
    min-width: 90px;
    text-align: center;
}

.theme-myKeyence .card {
    margin: 0 0 32px;
    padding: 16px;
    background: #f2f2f2;
}

.theme-myKeyence .cardBatchDownload {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 16px;
}

.theme-myKeyence .cardBatchDownload .buttonConversion {
    margin-bottom: 0;
}

.theme-myKeyence .cardBatchDownload .totalizer {
    margin-bottom: 0;
    margin-left: 8px;
}

.theme-myKeyence .cardRelatedDownloads {
    padding: 15px 14px;
    background: #fff;
}

.theme-myKeyence .cardRelatedDownloads.of-border {
    border: 1px solid #ccc;
}

.theme-myKeyence .cardRelatedDownloads.of-borderTop-solid {
    border-top: 3px solid #ccc;
}

.theme-myKeyence .cardRelatedDownloads a {
    text-decoration: none;
}

.theme-myKeyence .cardSideBannerArea {
    margin-top: 16px;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardSideBannerArea {
        display: none;
    }
}

.theme-myKeyence .cardItemCarousel {
    margin-top: 32px;
    padding: 12px 15px 12px;
    background: #f4f4f4;
}

.theme-myKeyence .cardItemCarousel-content {
    overflow: hidden;
    padding: 0 24px;
}

.theme-myKeyence .cardItemCarouselList {
    position: relative;
    left: -25%;
    display: -ms-flexbox;
    display: flex;
    overflow: hidden;
    width: 1190px;
}

.theme-myKeyence .cardItemCarouselList-wrap {
    overflow: hidden;
}

.theme-myKeyence .cardItemCarouselList > li {
    max-width: 140px;
    margin: 0 15px;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardItemCarouselList > li {
        max-width: 100px;
    }
}

.theme-myKeyence .cardItemCarouselList > li .media-content {
    margin-top: 10px;
}

.theme-myKeyence .cardItemCarouselList > li .media-image {
    margin: 0 auto !important;
}

.theme-myKeyence .cardItemCarouselList > li > a {
    text-decoration: none;
}

.theme-myKeyence .cardDownloadHistory {
    margin-top: 32px;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardDownloadHistory {
        overflow: hidden;
    }
}

.theme-myKeyence .cardDownloadHistoryTab {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    border-bottom: solid 1px #b7b7b7;
}

.theme-myKeyence .cardDownloadHistoryTab > li {
    margin-bottom: -1px;
    line-height: 1.3;
    white-space: nowrap;
    background: linear-gradient(#fff 0%, #ebebeb 100%);
    border: solid 1px #b7b7b7;
    border-right: none;
}

.theme-myKeyence .cardDownloadHistoryTab > li:last-child {
    border-right: solid 1px #b7b7b7;
}

.theme-myKeyence .cardDownloadHistoryTab > li.is-current {
    background: #fff;
    border-bottom-color: #fff;
}

.theme-myKeyence .cardDownloadHistoryTab > li > a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #333;
    text-decoration: none;
}

.theme-myKeyence .cardDownloadHistoryTab > li > a:hover {
    color: #333;
    text-decoration: none;
}

.theme-myKeyence .cardDownloadHistoryTabCount {
    display: block;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardDownloadHistoryTab {
        overflow-x: auto;
    }
}

.theme-myKeyence .cardDownloadHistorySortArea {
    margin-bottom: 15px;
}

.theme-myKeyence .cardDownloadHistoryContentTitle {
    display: none;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardDownloadHistoryContent-body {
        overflow-x: auto;
    }
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardDownloadHistoryContent-inner {
        min-width: 640px;
    }
}

.theme-myKeyence .cardDownloadHistoryTable {
    margin-bottom: 18px;
    border-collapse: collapse;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardDownloadHistoryTable {
        min-width: 640px;
    }
}

.theme-myKeyence .cardDownloadHistoryTable.of-stripe tr:nth-child(even) td {
    background: #f4f4f4;
}

.theme-myKeyence .cardDownloadHistoryTable.of-titleBullet-triangle td.title > a {
    position: relative;
    display: inline-block;
    padding: 0 0 0 11px;
    text-decoration: none;
}

.theme-myKeyence .cardDownloadHistoryTable.of-titleBullet-triangle td.title > a:after {
    position: absolute;
    top: 7px;
    left: 0;
    display: inline-block;
    border-width: 3.5px 0 3.5px 6px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #7b7e82;
    content: "";
}

.theme-myKeyence .cardDownloadHistoryTable.of-tdBorder td {
    vertical-align: middle;
    border-width: 1px 0;
    border-style: solid;
    border-color: #b7b7b7;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardDownloadHistoryTable th.title, .theme-myKeyence .cardDownloadHistoryTable td.title {
        max-width: 40%;
    }
}

.theme-myKeyence .cardDownloadHistoryTable th.type, .theme-myKeyence .cardDownloadHistoryTable td.type {
    width: 20%;
    max-width: 190px;
    white-space: nowrap;
}

.theme-myKeyence .cardDownloadHistoryTable th.language, .theme-myKeyence .cardDownloadHistoryTable td.language {
    width: 20%;
    max-width: 190px;
    white-space: nowrap;
}

.theme-myKeyence .cardDownloadHistoryTable th.date, .theme-myKeyence .cardDownloadHistoryTable td.date {
    width: 10%;
    max-width: 100px;
    white-space: nowrap;
}

.theme-myKeyence .cardDownloadHistoryTable th {
    padding: 10px;
    vertical-align: middle;
    background-color: #e0e0e0;
}

.theme-myKeyence .cardDownloadHistoryTable td {
    padding: 10px;
}

.theme-myKeyence .cardAccount {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    margin: 0 0 0 auto;
    font-size: 12px;
    border: none;
    border-radius: 3px;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardAccount-wrap.layout-grid-column {
        position: absolute;
        top: -24px;
        right: 0;
        width: auto;
        margin: 0;
    }
}

.theme-myKeyence .cardAccount-content {
    display: -ms-flexbox;
    display: flex;
    margin-left: auto;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardAccount-content:after {
        right: 4px;
        width: 15px;
        height: 15px;
    }
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardAccount-content {
        padding: 2px 27px 2px 8px;
        font-weight: normal;
        color: #fff;
    }
}

.theme-myKeyence .cardAccount-body {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
}

.theme-myKeyence .cardAccount-body p {
    margin-bottom: 0;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardAccount-title {
        padding-right: 15px;
    }
}

.theme-myKeyence .cardAccount-button {
    margin-left: 24px;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .cardAccount-button {
        margin-left: 0;
    }
}

.theme-myKeyence .navigationTabList {
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 20px;
    border-bottom: solid 1px #b7b7b7;
}

.theme-myKeyence .navigationTabList > li {
    margin-bottom: -1px;
    line-height: 1.3;
    white-space: nowrap;
    background: linear-gradient(#fff 0%, #ebebeb 100%);
    border: solid 1px #b7b7b7;
    border-right: none;
}

.theme-myKeyence .navigationTabList > li:last-child {
    border-right: solid 1px #b7b7b7;
}

.theme-myKeyence .navigationTabList > li.is-current {
    background: #fff;
    border-bottom-color: #fff;
}

.theme-myKeyence .navigationTabList > li > a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #333;
    text-decoration: none;
}

.theme-myKeyence .navigationTabList > li > a:hover {
    color: #333;
    text-decoration: none;
}

.theme-myKeyence .totalizer {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 8px;
}

.theme-myKeyence .totalizer .totalizer-text {
    margin-bottom: 0;
}

.theme-myKeyence .totalizer .totalizer-text:nth-of-type(n+2) {
    margin-left: 8px;
}

.theme-myKeyence .totalizer.of-align-left {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.theme-myKeyence .iconFileType {
    display: inline-block;
    padding: 2px 7px;
    font-size: 14px;
    color: #fff;
    background: #333;
}

.theme-myKeyence .iconFileType.of-small {
    padding: 0 4px;
    font-size: 7px;
}

.theme-myKeyence .iconEmphasis {
    display: inline-block;
    margin-bottom: 2px;
    padding: 2px 7px;
    font-weight: bold;
    font-size: 14px;
    color: #c00;
    text-transform: none;
    background: #fbeeea;
}

.theme-myKeyence .iconEmphasis.of-small {
    padding: 0 4px;
    font-size: 12px;
}

.theme-myKeyence .buttonEdit {
    display: inline-block;
    padding: 5px 15px;
    font-size: 14px;
    color: #fff;
    text-decoration: none;
    background: #456cec;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .buttonEdit {
        padding: 5px 10px;
        font-size: 12px;
    }
}

.theme-myKeyence .buttonEdit-icon {
    display: none;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .buttonEdit {
        padding: 0;
        background: #fff;
    }
    .theme-myKeyence .buttonEdit-text {
        display: none;
    }
    .theme-myKeyence .buttonEdit-icon {
        display: block;
        width: 15px;
    }
}

.theme-myKeyence .buttonListToggleButton {
    position: relative;
    display: table;
    width: 100%;
    height: 20px;
    margin: 0 0 0 auto;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #55595a url(../../img/common/mkr_globalnav_on.png) no-repeat center center;
}

.theme-myKeyence .buttonListToggleButton.is-current {
    background-color: #888;
    background-image: url(../../img/common/mkr_pagetop_trance.png);
}

@media screen and (max-width: 850px) {
    .theme-myKeyence .layout-grid .layout-grid-column.smallScreen-column-12 {
        width: 100%;
        margin: 0 0 16px;
    }
    .theme-myKeyence .smallScreen-column {
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .theme-myKeyence .smallScreen-column-reverse {
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse;
    }
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence .navigationTab {
        min-width: 640px;
    }
    .theme-myKeyence .navigationTab-body {
        overflow-x: auto;
    }
    .theme-myKeyence .ListViewTableWrap {
        overflow-x: auto;
    }
    .theme-myKeyence .ListViewTable {
        min-width: 640px;
    }
}

.theme-myKeyence .ViewMore a.ToggleBtn {
    display: block;
    height: 23px;
    background: #888 url(../../img/common/mkr_globalnav_on.png) no-repeat center center;
    border: none;
    box-shadow: none;
    -webkit-filter: none;
    filter: none;
}

.theme-myKeyence tr.Hide {
    display: none;
}

.theme-myKeyence div.TabSwitching {
    overflow: hidden;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence div.TabSwitching .TabNavigation {
        overflow-x: scroll;
    }
}

.theme-myKeyence div.TabSwitching ul.Tab {
    display: none;
}

@media only screen and (max-width: 850px) {
    .theme-myKeyence div.TabSwitching ul.Tab {
        display: block;
        overflow: hidden;
        min-width: 640px;
    }
}

.theme-myKeyence div.TabSwitching dl.Tab dt.TabSwitchingLabel {
    margin: 0 0 9px;
    font-weight: bold;
}

.theme-myKeyence .TabSwitchingContent .bannerLst {
    display: table;
    margin-bottom: 45px;
    letter-spacing: -1em;
}

.theme-myKeyence .TabSwitchingContent .bannerLst > * {
    display: inline-block;
    padding: 0;
    letter-spacing: 0;
    background: none;
}

.theme-myKeyence .TabSwitchingContent .bannerLst > * + * {
    margin-left: 10px;
}

.theme-myKeyence div.TabSwitching ul.Tab:after {
    display: block;
    clear: both;
    content: "";
}

.theme-myKeyence div.TabSwitching ul.Tab {
    position: relative;
    display: block;
    margin: 0 0 14px;
    border-bottom: solid 1px #b7b7b7;
    zoom: 1;
}

.theme-myKeyence div.TabSwitching ul.Tab li {
    float: left;
    margin: 0 -1px -1px 0;
    padding: 0;
    background: #ebebeb url("../../img/common/bg_tabswitching_tab.png") 0 0 repeat-x;
    border: solid 1px #b7b7b7;
    border-bottom: none;
}

.theme-myKeyence div.TabSwitching ul.Tab li a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
    background: url("../../img/common/mkr_triangle_gray_r.png") 7px 50% no-repeat;
    border-bottom: solid 1px #b7b7b7;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab, .theme-myKeyence div.TabSwitching.TabBanner ul.Tab li, .theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a, .theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a {
    padding: 0;
    background: none;
    border: 0 none;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab {
    border-left: 1px solid #cacaca;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li {
    margin: 0;
    border-right: 1px solid #cacaca;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a {
    position: relative;
    padding: 3px 0;
    font-weight: normal;
    color: #1a5c9a;
    text-align: center;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.BoldText a {
    font-weight: normal;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a {
    font-weight: bold;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a:hover, .theme-myKeyence div.TabSwitching.TabBanner ul.Tab li a:focus {
    text-decoration: underline;
}

.theme-myKeyence div.TabSwitching.TabBanner.w10 ul.Tab li {
    width: 10%;
}

.theme-myKeyence div.TabSwitching.TabBanner.w15 ul.Tab li {
    width: 15%;
}

.theme-myKeyence div.TabSwitching.TabBanner.w18 ul.Tab li {
    width: 18%;
}

.theme-myKeyence div.TabSwitching.TabBanner.w20 ul.Tab li {
    width: 20%;
}

.theme-myKeyence div.TabSwitching.TabBanner.w23 ul.Tab li {
    width: 23%;
}

.theme-myKeyence div.TabSwitching.TabBanner.w25 ul.Tab li {
    width: 25%;
}

.theme-myKeyence div.TabSwitching ul.Tab li.Current {
    background: #fff;
}

.theme-myKeyence div.TabSwitching ul.Tab li.Current a {
    font-weight: bold;
    color: #000;
    background-image: url("../../img/common/mkr_blet_gray.png");
    border-bottom-color: #fff;
    cursor: default;
}

.theme-myKeyence div.TabSwitching ul.Tab li.BoldText a {
    font-weight: bold;
}

.theme-myKeyence div.TabSwitching ul.Tab li.BoldText a span.Count {
    font-weight: normal;
    color: #666;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a {
    padding: 3px 0;
    font-weight: bold;
    color: #333;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a:hover, .theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a:focus {
    text-decoration: none;
}

.theme-myKeyence div.TabSwitching.TabBanner ul.Tab li.Current a:after {
    position: absolute;
    bottom: -4px;
    left: 50%;
    width: 0;
    height: 0;
    margin-left: -3px;
    border-width: 4px 3px 0 3px;
    border-style: solid;
    border-color: #333 transparent transparent transparent;
    content: "";
}

.theme-myKeyence div.TabSwitching > dl > dt.TabSwitchingLabel {
    display: none;
}

.theme-myKeyence div.TabSwitching > dl > dd.TabSwitchingContent.Current {
    display: block;
}

.theme-myKeyence .js div.TabSwitching ul.Tab li.BoldText a span.Count {
    display: block;
}

.theme-myKeyence div.TabSwitching dl.Tab dd.TabSwitchingContent .Col.Size1 + .Col.Size1 {
    width: 235px;
}

.theme-myKeyence table.ListViewTable {
    border-collapse: collapse;
}

.theme-myKeyence table.ListViewTable th, .theme-myKeyence table.ListViewTable td {
    padding: 10px;
    vertical-align: middle;
    text-align: left;
    background-color: #fff;
    border-width: 1px 0;
    border-style: solid;
    border-color: #b7b7b7;
}

.theme-myKeyence table.ListViewTable thead th {
    font-weight: bold;
    text-align: left;
    background-color: #e0e0e0;
    border-width: 0;
}

.theme-myKeyence table.ListViewTable th.Title a {
    display: inline-block;
    padding: 0 0 0 8px;
    font-weight: bold;
    background: url("../../img/common/mkr_triangle_gray_r.png") 0 .4em no-repeat;
}

.theme-myKeyence table.ListViewTable th.Title a span.TextIcon {
    font-weight: normal;
}

.theme-myKeyence table.ListViewTable td.Category {
    text-align: center;
}

.theme-myKeyence table.ListViewTable td.Download {
    padding: 0;
    background-color: #edecdb;
}

.theme-myKeyence table.ListViewTable tr.Hide {
    display: none;
}

.theme-myKeyence table.ListViewTable tr.EvenRow th, .theme-myKeyence table.ListViewTable tr.EvenRow td {
    background-color: #f4f4f4;
}

.theme-myKeyence table.ListViewTable tr.EvenRow td.Download {
    background-color: #edecdb;
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList {
    margin-bottom: 0;
    border: none;
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList dd {
    overflow: visible;
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList {
    white-space: nowrap;
}

.theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:hover span.Text, .theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:focus span.Text {
    text-decoration: underline;
}

.theme-myKeyence table.ListViewTable td.Download, .theme-myKeyence table.ListViewTable td.Download dl.DownloadList, .theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:hover, .theme-myKeyence table.ListViewTable td.Download dl.DownloadList ul.IconAndTextList a:focus {
    background-color: #f5f4eb;
}

.theme-myKeyence table.ListViewTable tr.EvenRow td.Download, .theme-myKeyence table.ListViewTable tr.EvenRow td.Download dl.DownloadList, .theme-myKeyence table.ListViewTable tr.EvenRow td.Download dl.DownloadList ul.IconAndTextList a:hover, .theme-myKeyence table.ListViewTable tr.EvenRow td.Download dl.DownloadList ul.IconAndTextList a:focus {
    background-color: #edecdb;
}

.theme-myKeyence table.ListViewTable.Download thead th {
    color: #fff;
    background-color: #3d3d3d;
    border-bottom: solid 1px #3d3d3d;
}

.theme-myKeyence table.ListViewTable.Download tbody th, .theme-myKeyence table.ListViewTable.Download tbody td {
    background-color: #f5f4eb;
}

.theme-myKeyence table.ListViewTable.Download thead + tbody th, .theme-myKeyence table.ListViewTable.Download thead + tbody td {
    border-top-width: 0;
}

.theme-myKeyence table.ListViewTable.Download tbody th.Title {
    font-weight: bold;
    color: #666;
}

.theme-myKeyence table.ListViewTable.Download tbody td.Button {
    font-size: .91em;
}

.theme-myKeyence table.ListViewTable.Download tr.EvenRow th, .theme-myKeyence table.ListViewTable.Download tr.EvenRow td {
    background-color: #edecdb;
}

.theme-myKeyence div.TabSwitching ul.Tab:after {
    display: block;
    clear: both;
    content: "";
}

.theme-myKeyence div.TabSwitching ul.Tab {
    position: relative;
    display: block;
    margin: 0 0 14px;
    border-bottom: solid 1px #b7b7b7;
    zoom: 1;
}

.theme-myKeyence div.TabSwitching ul.Tab li {
    float: left;
    margin: 0 -1px -1px 0;
    padding: 0;
    background: #ebebeb url("../../img/common/bg_tabswitching_tab.png") 0 0 repeat-x;
    border: solid 1px #b7b7b7;
    border-bottom: none;
}

.theme-myKeyence div.TabSwitching ul.Tab li a {
    display: block;
    padding: 7px 10px 7px 15px;
    color: #666;
    text-decoration: none;
    white-space: nowrap;
    background: url("../../img/common/mkr_triangle_gray_r.png") 7px 50% no-repeat;
    border-bottom: solid 1px #b7b7b7;
}

.theme-myKeyence .ListViewTableWrap {
    margin-bottom: 16px;
}

/* 10. DownloadList
------------------------------------------------------------------------------------------ */
div#DownloadListLinks div.ErrorMessage, div#RecentlyDownloadedItems {
    display: none;
}

/* DefaultViewTable
---------- ---------- */
table.DefaultViewTable {
    border-collapse: collapse;
}

table.DefaultViewTable p {
    margin-bottom: 0;
}

table.DefaultViewTable th, table.DefaultViewTable td {
    padding: 10px 0;
    vertical-align: middle;
    border-width: 0 0 1px;
    border-style: solid;
    border-color: #b7b7b7;
}

table.DefaultViewTable thead th {
    font-weight: bold;
    background-color: #e0e0e0;
}

table.DefaultViewTable td.Category {
    padding: 10px;
    text-align: center;
}

/* ThumbBlock */
table.DefaultViewTable div.ThumbBlock div.Thumbnail {
    margin-right: 20px;
}

table.DefaultViewTable div.ThumbBlock p.Image {
    margin-bottom: 0;
}

table.DefaultViewTable div.ThumbBlock ul.StandardsIconList {
    margin: 20px 0 0;
}

/* DonwloadList */
table.DefaultViewTable table.DownloadList {
    margin-bottom: 0;
    border: none;
}

table.DefaultViewTable table.DownloadList td {
    min-width: 130px;
    padding: 0;
    border: none;
}

/* Download
---------- */
table.DefaultViewTable.Download thead th {
    color: #fff;
    background-color: #3d3d3d;
    /*
	border-bottom-width: 0;
*/
    border-color: #3d3d3d;
}

table.DefaultViewTable.Download tbody th, table.DefaultViewTable.Download tbody td {
    background-color: #f5f4eb;
    border-width: 1px 0;
}

table.DefaultViewTable.Download thead + tbody th, table.DefaultViewTable.Download thead + tbody td {
    border-top-width: 0;
}

table.DefaultViewTable.Download tbody td.Title {
    padding-right: 10px;
    padding-left: 10px;
    color: #333;
}

table.DefaultViewTable.Download tbody td.CatalogType, table.DefaultViewTable.Download tbody td.Language {
    padding-right: 5px;
    padding-left: 5px;
}

table.DefaultViewTable.Download tbody td.Button {
    font-size: .92em;
}

table.DefaultViewTable.Download tbody td.Check {
    padding-right: 0;
    padding-left: 5px;
    vertical-align: middle;
    text-align: center;
}

table.DefaultViewTable.Download tbody td.Check + td.Title {
    padding-left: 5px;
}

/* oddrow, evenrow */
table.DefaultViewTable.Download.Stripe tr.EvenRow th, table.DefaultViewTable.Download.Stripe tr.EvenRow td {
    background-color: #edecdb;
}

/* Adjust modules
---------- */
/* ThumbBlock */
table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail {
    margin-right: 10px;
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image {
    width: 90px;
    margin-bottom: 0;
    text-align: center;
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image span.DeleteButtonWrap {
    position: relative;
    display: inline-block;
    zoom: 1;

    *display: inline;
}

table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image span.DeleteButtonWrap a.DeleteButton {
    position: absolute;
    top: -5px;
    right: -8px;
    width: 18px;
    height: 18px;
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent p, table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul, table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul li {
    margin-bottom: 0;
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent p.Alert {
    color: #e60012;
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul.NoMarker {
    margin-top: 5px;
}

table.DefaultViewTable.Download div.ThumbBlock div.ThumbContent ul.NoMarker li {
    margin-top: 0;
    padding-left: 0;
    background: none;
}

/* CustomCheckbox */
table.DefaultViewTable.Download td.Check .UIElm-check-label {
    top: -5px;
    padding-top: 0;
    padding-bottom: 0;
}

div#ContentsLayout.SingleNarrow table.DefaultViewTable.Download, div#ContentsLayout.SingleWide.NoFrame table.DefaultViewTable.Download {
    border-spacing: 0;
    border-collapse: separate;
}

div#ContentsLayout.SingleNarrow table.DefaultViewTable.Download td.Check, div#ContentsLayout.SingleWide.NoFrame table.DefaultViewTable.Download td.Check {
    position: relative;
}

div#ContentsLayout.SingleNarrow table.DefaultViewTable.Download td label, div#ContentsLayout.SingleWide.NoFrame table.DefaultViewTable.Download td label {
    height: 100%;
}

div#ContentsLayout.SingleNarrow table.DefaultViewTable.Download td label:before, div#ContentsLayout.SingleWide.NoFrame table.DefaultViewTable.Download td label:before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 710px;
    height: 100%;
    content: "";
    cursor: pointer;
}

div#ContentsLayout.SingleNarrow table.DefaultViewTable.Download td label .CustomCheckbox, div#ContentsLayout.SingleWide.NoFrame table.DefaultViewTable.Download td label .CustomCheckbox {
    top: 50%;
    left: 5px;
    margin-top: -11px;
}

div#ContentsLayout.SingleNarrow table.DefaultViewTable.Download tr + tr td, div#ContentsLayout.SingleWide.NoFrame table.DefaultViewTable.Download tr + tr td {
    border-top: 0 none;
}

#suz_downloadListTbl.DefaultViewTable.DownloadLarge {
    overflow: hidden;
    border-spacing: 0;
    border-collapse: separate;
}

#suz_downloadListTbl.DefaultViewTable.DownloadLarge td.Button {
    position: relative;
}

#suz_downloadListTbl.DownloadLarge .TextButton.Download.dlLink {
    position: static;
}

#suz_downloadListTbl.DownloadLarge, #suz_downloadListTbl.DownloadLarge tr {
    overflow: hidden;
}

#suz_downloadListTbl.DownloadLarge .TextButton.Download.dlLink:before {
    position: absolute;
    top: 0;
    right: 0;
    width: 720px;
    height: 300%;
    content: "";
}

#suz_downloadListTbl.DefaultViewTable tr:hover td {
    background: #dbd9b0;
}

/* InfoList
---------- ---------- */
table.DefaultViewTable.InfoList {
    margin-bottom: 10px;
}

table.DefaultViewTable.InfoList tbody tr td {
    border-top-width: 1px;
}

table.DefaultViewTable.InfoList tbody tr td.Title {
    width: 484px;
}

table.DefaultViewTable.InfoList tbody tr + tr td {
    border-top-width: 0;
}

table.DefaultViewTable.Download.InfoList td {
    box-sizing: border-box;
    padding: 15px 10px;
    background-color: #fbedea;
}

#suz_downloadListTbl.DefaultViewTable.InfoList td.Button {
    padding-right: 20px;
}

#suz_downloadListTbl.DefaultViewTable.InfoList tr:hover td {
    background: #f8d3cd;
}

table.DefaultViewTable.InfoList dl.TitleAndText > dt.Title span.SubTitle {
    display: inline-block;
    margin-top: 3px;
}

table.DefaultViewTable.InfoList dl.TitleAndText > dt.Title span.SubTitle .TextIcon.FileType {
    margin-top: -3px;
}

table.DefaultViewTable.InfoList a.TextButton.Download {
    padding: 4px 6px 4px 10px;
    color: #fff;
    background: linear-gradient(#f30b19 0%, #ce0101 100%);
    background-color: #ce0101;
    background-position: right top;
    border: solid 1px #ad0329;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f30b19, endcolorstr=#ce0101);
}

table.DefaultViewTable.InfoList a.TextButton.Download span.Inner {
    padding: 2px 1px 3px 24px;
    background-image: url(../../img/common/icon_textbutton_download_s_03.png);
    background-position: 4px 50%;
}

table.DefaultViewTable.InfoList a.TextButton.Download:hover, table.DefaultViewTable.InfoList a.TextButton.Download:focus {
    background: linear-gradient(#f9323f 0%, #df2a28 100%);
    background-color: #f9323f;
    background-position: right top;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#f9323f, endcolorstr=#df2a28);
}

/* Adjust modules
---------- */
/* ThumbBlock */
table.DefaultViewTable.InfoList div.ThumbBlock {
    display: table;
}

table.DefaultViewTable.InfoList div.ThumbBlock > div.Thumbnail, table.DefaultViewTable.InfoList div.ThumbBlock div.ThumbContent {
    display: table-cell;
    float: none;
    vertical-align: middle;
}

table.DefaultViewTable.InfoList div.ThumbBlock > div.Thumbnail {
    padding-right: 10px;
}

.Section.SecDl table.DefaultViewTable.Download div.ThumbBlock div.Thumbnail p.Image {
    width: auto;
    margin-bottom: 10px;
    text-align: center;
}

div.RefineSearchResultContent table.DefaultViewTable tbody td.Button a {
    margin-right: 10px;
}

div.RefineSearchResultContent table.DefaultViewTable.Download tbody td.CatalogType, div.RefineSearchResultContent table.DefaultViewTable.Download tbody td.Language {
    width: 150px;
}

#DownloadListLinks div.NoticeMessage {
    display: none;
}

div.NoticeMessage {
    margin: 0 0 20px;
    padding: 10px 10px 1px;
    background-color: #cbe0f4;
    zoom: 1;
}

div.NoticeMessage p {
    margin-bottom: 10px;
    font-weight: bold;
    color: #175282;
}

#SubRec {
    margin: 0 0 30px;
    padding: 15px 14px;
    background: #fff;
    border: 1px solid #ccc;
    border-top: 3px solid #ccc;
}

#SubRec div.SectionTitle {
    margin: 0;
    padding: 0;
    background: none;
    border: none;
}

#SubRec .SectionContent {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    background: none;
}

#SubRec div.SectionTitle .SectionHeading {
    padding: 0;
    font-size: 1.33333em;
    color: #333;
    background: none;
}

#SubRec ul.ThumbList {
    padding-bottom: 30px;
    border-bottom: none;
}

#SubRec ul.ThumbList li {
    margin: 0;
    padding: 0;
    font-size: 14px;
    text-decoration: none;
}

#SubRec ul.ThumbList li:after {
    display: block;
    clear: both;
    content: "";
}

#SubRec ul.ThumbList li > a {
    display: -ms-flexbox;
    display: flex;
}

#SubRec ul.ThumbList li span.Image {
    display: block;
    width: 90px;
    margin: 0 5px 0 0;
    text-align: center;
}

#SubRec ul.ThumbList li span.Image img {
    border: 1px solid #999;
}

#SubRec ul.ThumbList li span.Text {
    position: relative;
    display: block;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    padding: 0 0 0 26px;
}

#SubRec ul.ThumbList li span.Text::after {
    position: absolute;
    top: 6px;
    left: 6px;
    display: block;
    width: 13px;
    height: 12px;
    background: url(../../img/common/icon_download_l_red.png) no-repeat;
    background-size: contain;
    content: "";
}

#SubRec ul.ThumbList li + li {
    margin-top: 15px;
    border-top: none;
}

#SubRec .ShowList {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 20px;
    background: #888;
}

#SubRec .ShowList:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    margin-left: -6px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-top: 6px solid #fff;
    border-bottom: none;
    content: "";
    pointer-events: none;
}

#SubRec .ShowList:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    margin-left: -3px;
    border: 3px solid rgba(0, 0, 0, 0);
    border-top: 3px solid #888;
    border-bottom: none;
    content: "";
    cursor: pointer;
}

#SubRec .ShowList.current:before {
    border-top: none;
    border-bottom: 6px solid #fff;
}

#SubRec .ShowList.current:after {
    margin-top: 0;
    border-top: none;
    border-bottom: 3px solid #888;
}

#RecentlyDownloadedItems {
    margin-bottom: 24px;
}

.subToggleBtn {
    position: relative;
    display: table;
    width: 100%;
    height: 20px;
    margin: 0 0 0 auto;
    font-weight: bold;
    font-size: 20px;
    color: #fff;
    text-align: center;
    text-decoration: none;
    background: #55595a url(../../img/common/mkr_globalnav_on.png) no-repeat center center;
}

/* Deqwas
------------------------------- */
#deqwasArea {
    clear: both;
    width: 100%;
    padding-top: 40px;
    font-size: 85.71429%;
    line-height: 1.66667;
}

#deqwasArea #DeqwasMykAssetRecommendP {
    padding: 16px 0;
    background: #f4f4f4;
}

#deqwasArea .bx-wrapper {
    margin: 0 auto;
}

#deqwasArea .bx-viewport {
    position: inherit !important;
    padding: 0 5px;
}

#deqwasArea .Image {
    display: block;
    margin-bottom: 15px;
    text-align: center;
}

#deqwasArea .Image img {
    border: 1px solid #a5a5a5;
}

#deqwasArea .Text {
    position: relative;
    display: block;
    padding-left: 30px;
    line-height: 1.8em;
}

#deqwasArea .Text::before {
    position: absolute;
    top: 5px;
    left: 0;
    display: block;
    width: 21px;
    height: 21px;
    background: #e60012;
    border-radius: 2px;
    content: "";
}

#deqwasArea .Text::after {
    position: absolute;
    top: 8px;
    left: 4px;
    display: block;
    width: 13px;
    height: 13px;
    background: url(../../img/common/icon_textbutton_download_s_03.png) no-repeat;
    background-size: contain;
    content: "";
}

#deqwasArea .bx-controls {
    margin-top: 10px;
}

#deqwasArea .bx-controls .bx-pager {
    z-index: 300;
    width: 100%;
    text-align: center;
}

#deqwasArea .bx-controls .bx-pager .bx-pager-item {
    display: inline-block;
    margin: 0 5px;
}

#deqwasArea .bx-controls .bx-pager .bx-pager-item a {
    display: block;
    overflow: hidden;
    width: 10px;
    height: 10px;
    text-indent: -999em;
    background: #ccc;
    border-radius: 20px;
}

#deqwasArea .bx-controls .bx-pager .bx-pager-item a.active {
    background: #c00;
}

#deqwasArea .bx-controls .bx-controls-direction {
    top: -200px;
    left: 0;
    width: 100%;
}

#deqwasArea .bx-controls .bx-controls-direction .bx-prev, #deqwasArea .bx-controls .bx-controls-direction .bx-next {
    position: absolute;
    top: 0;
    overflow: hidden;
    width: 28px;
    height: 48px;
    text-indent: -999em;
    background: #888;
}

#deqwasArea .bx-controls .bx-controls-direction .bx-prev:before, #deqwasArea .bx-controls .bx-controls-direction .bx-next:before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -6px;
    margin-left: -3px;
    border: 6px solid rgba(0, 0, 0, 0);
    border-right: 6px solid #fff;
    border-left: none;
    content: "";
}

#deqwasArea .bx-controls .bx-controls-direction .bx-prev:after, #deqwasArea .bx-controls .bx-controls-direction .bx-next:after {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    width: 0;
    height: 0;
    margin-top: -3px;
    border: 3px solid rgba(0, 0, 0, 0);
    border-right: 3px solid #888;
    border-left: none;
    content: "";
}

/* Horizon Thumbnail M */
#deqwasArea .NormalHeading {
    margin-bottom: 25px;
    padding-left: 30px;
    font-weight: bold;
    font-size: 18px;
}

#deqwasArea .Text {
    font-size: 12px;
}

#deqwasArea .bx-controls .bx-controls-direction {
    top: -140px;
}

#deqwasArea .bx-controls .bx-controls-direction .bx-prev {
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

#deqwasArea .bx-controls .bx-controls-direction .bx-next {
    top: 50%;
    right: 0;
    transform: scale(-1, 1) translateY(-50%);
}

#DeqwasAssetsRecommendPBottomDiv {
    position: relative;
    padding: 0 30px;
}