@charset "utf-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);

html {
    line-height: 1.15
}

body {
    margin: 0
}

main {
    display: block
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

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

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

a {
    background-color: transparent
}

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

b,
strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

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

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

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

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

[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 {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

html {
    -webkit-text-size-adjust: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    word-break: normal
}

*,
:after,
:before {
    -webkit-box-sizing: inherit;
    box-sizing: inherit
}

body {
    background: #f2f2f2;
    color: #1a1a1a;
    font-family: Noto Sans JP, Noto Sans Display, sans-serif;
    font-size: 1rem;
    line-height: 1;
    min-height: 100vh;
    overflow-wrap: anywhere
}

* {
    margin: 0;
    padding: 0
}

dd,
dl,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
li,
ol,
p,
table,
td,
th,
tr,
ul {
    line-height: 1.5;
    margin: 0;
    padding: 0
}

ul>li {
    list-style: none
}

ol>li {
    overflow-wrap: break-word
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

button,
option,
select {
    color: #1a1a1a
}

button {
    background-color: transparent;
    border: none;
    cursor: pointer;
    line-height: 1.5;
    margin: 0;
    padding: 0
}

button:disabled {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

a {
    color: #1a1a1a;
    line-height: 1.5;
    text-decoration: underline
}

a:hover {
    text-decoration: none
}

a[href*="tel:"] {
    pointer-events: none;
    text-decoration: none !important
}

@media screen and (pointer:coarse) {
    a[href*="tel:"] {
        pointer-events: inherit;
        text-decoration: underline !important
    }
}

img {
    border-style: none;
    vertical-align: top
}

.main {
    width: 100%
}

.main .simplebar-track.simplebar-horizontal {
    cursor: pointer;
    height: 44px;
    padding: 20px 0
}

@media screen and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal {
        padding: 21px 0
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal {
        padding: 21px 0
    }
}

.main .simplebar-track.simplebar-horizontal:after {
    background: #ccc;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal:after {
        height: 2px;
        top: 21px
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal:after {
        height: 2px;
        top: 21px
    }
}

.main .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 44px;
    padding: 20px 0;
    top: 0;
    z-index: 1
}

@media screen and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        padding: 21px 0
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        padding: 21px 0
    }
}

.main .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 4px
}

@media screen and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 2px
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 2px
    }
}

.main .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
    background: #333;
    content: "";
    height: 4px;
    left: 0;
    position: absolute;
    top: 20px;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
        height: 2px;
        top: 21px
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .main .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
        height: 2px;
        top: 21px
    }
}

@media print {

    .simplebar-placeholder,
    .simplebar-track {
        display: none
    }

    .simplebar-mask,
    .simplebar-offset {
        position: static !important
    }
}

.wrapper {
    margin: auto;
    max-width: var(--max-width);
    padding: 24px 0 1pc;
    position: relative;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .wrapper {
        padding: 24px 0 2pc
    }
}

:focus {
    outline: none
}

.pressTabkey :focus {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

:focus-visible {
    outline: none
}

.noscriptMessage {
    background: #e6e6e6;
    padding: 2pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .noscriptMessage {
        padding: 24px
    }
}

.c-product__loading {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5
}

.spin-loading,
.spin-loading:after {
    border-radius: 50%;
    height: 5pc;
    width: 5pc
}

.spin-loading {
    -webkit-animation: load8 1.1s linear infinite;
    animation: load8 1.1s linear infinite;
    border-color: #fff #fff #333 #333;
    border-style: solid;
    border-width: 4px;
    font-size: 10px;
    margin: 60px auto;
    position: relative;
    text-indent: -9999em;
    -webkit-transform: translateZ(0);
    transform: translateZ(0)
}

@-webkit-keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@keyframes load8 {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

.cmp-page__skiptomaincontent a {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    position: absolute;
    width: 1px
}

.cmp-page__skiptomaincontent a:active,
.cmp-page__skiptomaincontent a:focus {
    clip: auto;
    background-color: #fff;
    border: 1px solid #ccc;
    display: block;
    height: auto;
    left: 5px;
    padding: 5px;
    text-align: center;
    top: 5px;
    width: 15em;
    z-index: 100
}

.sidebar-grid {
    display: block;
    margin-bottom: 3pc;
    width: 100%
}

@media screen and (min-width:992px) {
    .sidebar-grid {
        -webkit-column-gap: 2pc;
        -moz-column-gap: 2pc;
        column-gap: 2pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

@media screen and (max-width:767.9px) {
    .sidebar-grid {
        margin-bottom: 5pc
    }
}

.sidebar-grid__left {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    width: 100%
}

@media screen and (min-width:992px) {
    .sidebar-grid__left {
        width: calc(var(--unit-width)*2 + var(--gutter-width))
    }
}

.sidebar-grid__title {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .sidebar-grid__title {
        margin-bottom: 3pc;
        text-align: center
    }
}

@media screen and (max-width:767.9px)and (max-width:767.9px) {
    .sidebar-grid__title {
        margin-bottom: 2pc
    }
}

.sidebar-grid__right {
    width: 100%
}

@media screen and (min-width:992px) {
    .sidebar-grid__right {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

.sr-only {
    clip: rect(0, 0, 0, 0);
    border-width: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.main-grid {
    -webkit-column-gap: 2pc;
    -moz-column-gap: 2pc;
    column-gap: 2pc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (min-width:768px) {
    .main-grid {
        -webkit-column-gap: 24px;
        -moz-column-gap: 24px;
        column-gap: 24px
    }
}

@media screen and (min-width:992px) {
    .main-grid {
        -webkit-column-gap: 2pc;
        -moz-column-gap: 2pc;
        column-gap: 2pc
    }
}

@media screen and (max-width:767.9px) {
    .main-grid {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.main-grid__left {
    width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
}

@media screen and (min-width:768px) {
    .main-grid__left {
        width: calc(var(--unit-width)*7 + var(--gutter-width)*6)
    }
}

@media screen and (min-width:992px) {
    .main-grid__left {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .main-grid__left {
        width: 100%
    }
}

.main-grid__right {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (min-width:768px) {
    .main-grid__right {
        width: calc(var(--unit-width)*5 + var(--gutter-width)*4)
    }
}

@media screen and (min-width:992px) {
    .main-grid__right {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {
    .main-grid__right {
        width: 100%
    }
}

.main-grid__right-sticky {
    position: sticky;
    top: 1pc
}

.is-fixed--modal .main-grid__right-sticky {
    position: relative;
    top: 0
}

.c-clp001 {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-clp001 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-clp001 {
        width: 100%
    }
}

.c-clp001__body {
    border-bottom: 1px solid #ccc;
    margin-top: 24px;
    padding-bottom: 24px
}

.c-clp001__body,
.c-clp001__content {
    -webkit-box-orient: horizontal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: space-between
}

.c-clp001__body,
.c-clp001__content,
.c-clp001__main {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-clp001__main {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-clp001__title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 8px;
    margin-right: 2pc;
    text-align: start
}

@media screen and (max-width:767.9px) {
    .c-clp001__title {
        font-size: 1.125rem;
        line-height: 27px;
        margin-right: 1pc
    }
}

.c-clp001__heading {
    font-size: 2rem;
    line-height: 3pc;
    margin-right: 2pc;
    text-align: start
}

@media screen and (max-width:767.9px) {
    .c-clp001__heading {
        font-size: 1.625rem;
        line-height: 39px;
        margin-right: 1pc
    }
}

.c-clp001__membership {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 2pc;
    padding-left: 1pc;
    padding-right: 1pc
}

@media screen and (max-width:767.9px) {
    .c-clp001__membership {
        margin-left: 0;
        padding: 0
    }
}

.c-clp001__membership-icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 8px
}

.c-clp001__membership-icon img {
    height: 50px;
    width: 76px
}

@media screen and (max-width:767.9px) {
    .c-clp001__membership-icon img {
        height: 44px;
        width: 68px
    }
}

.c-clp001__membership-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    white-space: nowrap
}

@media screen and (max-width:767.9px) {
    .c-clp001__membership-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-clp001__membership-link {
    font-size: .875rem;
    line-height: 21px;
    margin-top: 8px;
    white-space: nowrap
}

.c-clp001__modalWrap {
    margin: var(--side-margin) auto;
    padding-left: 0;
    padding-right: 0;
    width: 37pc
}

@media screen and (max-width:767.9px) {
    .c-clp001__modalWrap {
        margin-left: 24px;
        margin-right: 24px;
        max-width: 623px;
        width: auto
    }
}

.c-clp001__modalInner {
    background: #f2f2f2;
    padding: 56px 0 3pc
}

@media screen and (max-width:767.9px) {
    .c-clp001__modalInner {
        padding: 56px 24px 2pc
    }
}

.c-clp001 iframe {
    border-style: none;
    height: 285px;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-clp001 iframe {
        height: 338px
    }
}

.c-clp002 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-clp002 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-clp002 {
        width: 100%
    }
}

.c-clp002__body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px;
    padding-top: 24px
}

.c-clp002__content {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    justify-content: space-between;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-clp002__content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-clp002__section--body {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: space-between
    }
}

.c-clp002__section--body--badge {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

@media screen and (max-width:767.9px) {
    .c-clp002__section--body .placeholder span {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.c-clp002__section--header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 1pc
}

@media screen and (max-width:767.9px) {
    .c-clp002__section--header {
        margin-bottom: 0
    }
}

.c-clp002__section--header--icon {
    margin-right: 8px
}

.c-clp002__section--badge-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc
}

.c-clp002__section--badge-list p {
    font-size: .875rem;
    font-weight: 700
}

.c-clp002__section--badge-icon {
    height: 3pc;
    width: 3pc
}

.c-clp002__section--number-display-row {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-clp002__section--number-display {
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 150%
}

@media screen and (max-width:767.9px) {
    .c-clp002__section--number-display {
        font-size: 1.125rem
    }
}

.c-clp002__section--number-unit {
    font-size: .875rem;
    font-weight: 700;
    line-height: 150%;
    margin-left: 2px
}

.c-clp002__section--coin-number-display-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.c-clp002__section--footer {
    margin-top: 1pc
}

@media screen and (max-width:767.9px) {
    .c-clp002__section--footer {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: flex-end;
        padding-bottom: 2pc
    }

    .c-clp002__section--footer--coupon {
        padding-bottom: 0
    }
}

.disabled {
    cursor: default;
    opacity: .6;
    pointer-events: none
}

.status-blue {
    color: #475c85
}

.status-gray {
    color: #666
}

.c-clp003 {
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-clp003 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-clp003 {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-clp003__greetings,
.c-clp003__title {
    color: #1a1a1a;
    font-weight: 400;
    text-align: center
}

.c-clp003__title {
    font-size: 2rem;
    padding-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-clp003__title {
        font-size: 1.625rem
    }
}

.c-clp003__error,
.c-clp003__greetings {
    font-size: 1rem;
    padding-bottom: 24px
}

.c-clp003__error {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    color: #0063cc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    font-weight: 400
}

.c-clp003__error>div {
    width: 50%
}

.c-clp003__noproducts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.c-clp003__noproducts>div {
    font-weight: 700;
    margin-bottom: 2pc
}

.c-clp003__button--product {
    text-wrap: nowrap;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    font-size: .875rem;
    font-weight: 500;
    padding: 8px 1pc;
    text-align: center;
    text-decoration: none
}

@media screen and (max-width:767.9px) {
    .c-clp003__button--product {
        -ms-flex-preferred-size: calc(50% - 8px);
        flex-basis: calc(50% - 8px)
    }
}

.c-clp003__button--left,
.c-clp003__button--noproducts,
.c-clp003__button--right,
.c-clp003__button--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-align: center
}

.c-clp003__button--wrapper {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: space-between;
    margin-top: 3pc
}

@media screen and (max-width:767.9px) {
    .c-clp003__button--wrapper {
        -webkit-box-align: stretch;
        -ms-flex-align: stretch;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: stretch;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2pc
    }
}

.c-clp003__button--left,
.c-clp003__button--right {
    -ms-flex-preferred-size: calc(50% - 16px);
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    text-wrap: nowrap;
    align-items: center;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    flex-basis: calc(50% - 16px);
    height: 56px;
    justify-content: center;
    text-decoration: none
}

@media screen and (max-width:767.9px) {

    .c-clp003__button--left,
    .c-clp003__button--right {
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }
}

.c-clp003__button--right {
    background: #333;
    color: #e6e6e6
}

.c-clp003__button--noproducts {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    text-wrap: nowrap;
    background: #333;
    border: 1px solid #333;
    color: #e6e6e6;
    cursor: pointer;
    height: 56px;
    justify-content: center;
    text-decoration: none;
    width: 4in
}

.c-clp003__product--description,
.c-clp003__product--wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.c-clp003__product--wrapper>div:last-child {
    border-bottom: 1px solid #ccc
}

.c-clp003__product--description {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    cursor: pointer;
    -ms-flex-direction: row;
    flex-direction: row;
    margin-bottom: 1pc;
    text-decoration: none
}

.c-clp003__product--card {
    border-top: 1px solid #ccc;
    padding-bottom: 24px;
    padding-top: 24px
}

.c-clp003__product--image {
    height: 11pc;
    margin-right: 2pc;
    -o-object-fit: contain;
    object-fit: contain;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .c-clp003__product--image {
        height: 98px;
        margin-right: 1pc;
        width: 98px
    }
}

.c-clp003__product--name,
.c-clp003__product--newlabel,
.c-clp003__product--sku,
.c-clp003__product--status {
    margin-bottom: 4px
}

.c-clp003__product--newlabel,
.c-clp003__product--status {
    font-size: .875rem;
    font-weight: 700
}

.c-clp003__product--newlabel {
    color: #914108
}

.c-clp003__product--name,
.c-clp003__product--sku {
    color: #1a1a1a;
    font-size: 1rem
}

.c-clp003__product--sku {
    font-weight: 700;
    text-decoration: underline
}

.c-clp003__product--date {
    color: rgba(0, 0, 0, .6);
    font-size: .75rem;
    font-weight: 400
}

.c-clp003__product--button-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    justify-content: flex-end
}

@media screen and (max-width:767.9px) {
    .c-clp003__product--button-wrapper {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }

    .c-clp003__product--button-wrapper>button:first-child:last-child {
        margin-right: auto
    }
}

:root {
    --header-strip-height: 60px;
    --icon-click-size: 44px
}

body {
    overflow-x: hidden
}

body.is-fixed--header {
    overflow: hidden
}

.c-cmn002__inner {
    position: relative;
    z-index: 2001
}

.c-cmn002__inner header {
    background: #f2f2f2;
    position: relative
}

@media screen and (min-width:992px) {
    .c-cmn002__inner header {
        z-index: 98
    }
}

.c-cmn002__inner.is-sticky {
    height: auto;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 98
}

@media screen and (width < 992px) {
    body.is-fixed--header {
        height: 100% !important;
        overflow: hidden !important;
        -ms-touch-action: none;
        touch-action: none
    }
}

.c-cmn002__headerInner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-left: var(--side-margin);
    margin-right: var(--side-margin);
    max-width: 80pc;
    padding: 40px 0 20px;
    position: relative;
    width: calc(100% - var(--side-margin)*2);
    z-index: 1
}

@media screen and (width < 992px) {
    .c-cmn002__headerInner {
        border-bottom: 1px solid #ccc;
        margin: 0 auto;
        padding: 1pc 0;
        width: 100%
    }
}

@media screen and (min-width:1200px) {
    .c-cmn002__headerInner {
        margin: 0 auto;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-cmn002__logo>a,
.c-cmn002__logo>button,
.c-cmn002__logo>h1 {
    display: block;
    line-height: 0
}

@media screen and (width < 992px) {

    .c-cmn002__logo>a,
    .c-cmn002__logo>button,
    .c-cmn002__logo>h1 {
        width: 105px
    }

    .c-cmn002__logo>a img,
    .c-cmn002__logo>button img,
    .c-cmn002__logo>h1 img {
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__menuButton {
        display: none
    }
}

.c-cmn002__menuButton button {
    display: block;
    height: 44px;
    left: 8px;
    position: absolute;
    text-decoration: none;
    top: 3px;
    width: 44px
}

.c-cmn002__menuButton button>span {
    background: #333;
    border-radius: 4px;
    display: inline-block;
    height: 2px;
    left: 9pt;
    position: absolute;
    width: 20px
}

.c-cmn002__menuButton button>span:first-of-type {
    top: 15px
}

.c-cmn002__menuButton button>span:nth-of-type(2) {
    top: 22px
}

.c-cmn002__menuButton button>span:nth-of-type(3) {
    top: 29px
}

.c-cmn002__menuClose {
    display: none
}

@media screen and (width < 992px) {
    .c-cmn002__menuClose {
        display: block;
        position: absolute;
        right: 24px;
        top: 1pc;
        z-index: 1
    }
}

.c-cmn002__menuClose button {
    height: 3pc;
    text-align: right;
    width: 3pc
}

@media screen and (min-width:992px) {
    .c-cmn002__headerInner {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--header-strip-height);
        justify-content: center;
        margin: 0 auto;
        max-width: 80pc;
        padding: 0;
        position: relative;
        width: 100%;
        z-index: 10
    }

    .c-cmn002__logo {
        left: 50%;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }

    .c-cmn002__logo>a,
    .c-cmn002__logo>button,
    .c-cmn002__logo>h1 {
        line-height: 0;
        width: 99pt
    }

    .c-cmn002__logo img {
        display: block;
        height: auto;
        max-height: 20px;
        width: 100%
    }

    .c-cmn002__menuButton {
        display: none
    }
}

.c-cmn002__iconLink {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 44px;
    top: 34px;
    z-index: 1
}

@media screen and (width < 992px) {
    .c-cmn002__iconLink {
        right: 8px;
        top: 3px
    }
}

.c-cmn002__iconLink .c-cmn002__account>a,
.c-cmn002__iconLink .c-cmn002__account>button,
.c-cmn002__iconLink .c-cmn002__shopping>a,
.c-cmn002__iconLink .c-cmn002__shopping>button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -ms-flex-line-pack: center;
    align-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    padding: 9pt;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 44px
}

.c-cmn002__iconLink .c-cmn002__account>a:hover,
.c-cmn002__iconLink .c-cmn002__account>button:hover,
.c-cmn002__iconLink .c-cmn002__shopping>a:hover,
.c-cmn002__iconLink .c-cmn002__shopping>button:hover {
    opacity: .6
}

.c-cmn002__iconLink .c-cmn002__account>a img,
.c-cmn002__iconLink .c-cmn002__account>button img,
.c-cmn002__iconLink .c-cmn002__shopping>a img,
.c-cmn002__iconLink .c-cmn002__shopping>button img {
    width: 100%
}

.c-cmn002__iconLink .c-cmn002__account>a .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__account>a.is-active .c-cmn002__account__img,
.c-cmn002__iconLink .c-cmn002__account>button .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__account>button.is-active .c-cmn002__account__img,
.c-cmn002__iconLink .c-cmn002__shopping>a .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__shopping>a.is-active .c-cmn002__account__img,
.c-cmn002__iconLink .c-cmn002__shopping>button .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__shopping>button.is-active .c-cmn002__account__img {
    display: none
}

.c-cmn002__iconLink .c-cmn002__account>a.is-active .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__account>button.is-active .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__shopping>a.is-active .c-cmn002__account__img--active,
.c-cmn002__iconLink .c-cmn002__shopping>button.is-active .c-cmn002__account__img--active {
    display: block
}

.c-cmn002__shopping {
    position: relative
}

.c-cmn002__shoppingCount {
    background: #475c85;
    border-radius: 50px;
    color: #fff;
    font-size: .625rem;
    line-height: 1;
    min-height: 14px;
    min-width: 14px;
    padding: 2px 4px;
    position: absolute;
    right: 3px;
    top: 5px
}

.c-cmn002__account {
    position: relative
}

@media screen and (min-width:992px) {
    .c-cmn002__iconLink {
        -webkit-box-align: center;
        gap: 8px;
        position: absolute;
        right: var(--icon-click-size);
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 11
    }

    .c-cmn002__iconLink,
    .c-cmn002__iconLink .c-cmn002__account {
        -ms-flex-align: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        pointer-events: auto
    }

    .c-cmn002__iconLink .c-cmn002__account {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        -webkit-box-align: center;
        height: var(--icon-click-size);
        margin-right: 8px;
        order: 1;
        padding-right: 1pc;
        position: relative
    }

    .c-cmn002__iconLink .c-cmn002__shopping {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        pointer-events: auto
    }

    .c-cmn002__iconLink .c-cmn002__account>a,
    .c-cmn002__iconLink .c-cmn002__account>button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        cursor: pointer;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        gap: 8px;
        height: var(--icon-click-size);
        justify-content: center;
        line-height: 1;
        min-width: var(--icon-click-size);
        padding: 10px 0;
        pointer-events: auto;
        width: auto
    }

    .c-cmn002__accountLabel {
        color: #1a1a1a;
        display: block;
        line-height: 1;
        pointer-events: none;
        white-space: nowrap
    }

    .c-cmn002__iconLink .c-cmn002__account:after {
        background: #ccc;
        content: "";
        height: 19px;
        pointer-events: none;
        position: absolute;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        width: 1px
    }

    .c-cmn002__iconLink .c-cmn002__shopping>a,
    .c-cmn002__iconLink .c-cmn002__shopping>button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--icon-click-size);
        justify-content: center;
        padding: 10px;
        pointer-events: auto;
        width: var(--icon-click-size)
    }

    .c-cmn002__iconLink .c-cmn002__shopping img {
        display: block;
        height: 24px;
        pointer-events: none;
        width: 24px
    }
}

@media screen and (width < 992px) {

    .c-cmn002__accountLabel,
    .c-cmn002__iconLink .c-cmn002__account:after {
        display: none !important
    }

    .c-cmn002__iconLink .c-cmn002__account {
        margin-right: 0 !important;
        padding-right: 0 !important
    }

    .c-cmn002__iconLink .c-cmn002__account>a,
    .c-cmn002__iconLink .c-cmn002__account>button,
    .c-cmn002__iconLink .c-cmn002__shopping>a,
    .c-cmn002__iconLink .c-cmn002__shopping>button {
        -webkit-box-align: center !important;
        -ms-flex-align: center !important;
        -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
        align-items: center !important;
        display: -webkit-box !important;
        display: -ms-flexbox !important;
        display: flex !important;
        gap: 0 !important;
        height: var(--icon-click-size) !important;
        justify-content: center !important;
        padding: 10px !important;
        width: var(--icon-click-size) !important
    }

    .c-cmn002__account__img,
    .c-cmn002__account__img--active,
    .c-cmn002__iconLink .c-cmn002__shopping img {
        -webkit-box-flex: 0 !important;
        display: block !important;
        -ms-flex: 0 0 24px !important;
        flex: 0 0 24px !important;
        height: 24px !important;
        max-height: 24px !important;
        max-width: 24px !important;
        width: 24px !important
    }

    .c-cmn002__iconLink .c-cmn002__account>a:not(.is-active) .c-cmn002__account__img,
    .c-cmn002__iconLink .c-cmn002__account>button:not(.is-active) .c-cmn002__account__img {
        display: block !important
    }

    .c-cmn002__iconLink .c-cmn002__account>a.is-active .c-cmn002__account__img,
    .c-cmn002__iconLink .c-cmn002__account>a:not(.is-active) .c-cmn002__account__img--active,
    .c-cmn002__iconLink .c-cmn002__account>button.is-active .c-cmn002__account__img,
    .c-cmn002__iconLink .c-cmn002__account>button:not(.is-active) .c-cmn002__account__img--active {
        display: none !important
    }

    .c-cmn002__iconLink .c-cmn002__account>a.is-active .c-cmn002__account__img--active,
    .c-cmn002__iconLink .c-cmn002__account>button.is-active .c-cmn002__account__img--active {
        display: block !important
    }
}

.c-cmn002__accountDropdown {
    display: none;
    z-index: 98
}

@media screen and (width < 992px) {
    .c-cmn002__accountDropdown {
        left: 0;
        position: fixed;
        top: 50px;
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__accountDropdown {
        position: absolute;
        right: var(--side-margin);
        top: 60px;
        width: 405px
    }
}

@media screen and (min-width:1400px) {
    .c-cmn002__accountDropdown {
        right: calc(50% - 40pc)
    }
}

.c-cmn002__accountDropdown.is-show {
    display: block
}

.c-cmn002__accountDropdown .c-product__buttonSecondary {
    margin-bottom: 0;
    margin-top: 24px;
    width: 100%
}

@media screen and (min-width:992px) {
    .c-cmn002__accountDropdown .c-product__buttonSecondary {
        background: #fff
    }

    .c-cmn002__accountDropdown .c-product__buttonSecondary:hover {
        background: #e6e6e6
    }

    .c-cmn002__accountDropdown .c-product__buttonSecondary:active {
        background: #ccc
    }
}

.c-cmn002__accountDropdown .c-product__link {
    margin-top: 24px
}

.c-cmn002__accountDropdownInner {
    position: relative
}

@media screen and (min-width:992px) {
    .c-cmn002__accountDropdownInner {
        background: #fff;
        padding: 5pc 2pc 3pc
    }
}

@media screen and (width < 992px) {
    .c-cmn002__accountDropdownInner {
        background: #f2f2f2;
        padding: 74px 24px 3pc
    }
}

.c-cmn002__accountDropdownInner .button--secondary {
    width: 100%
}

.c-cmn002__accountClose {
    position: absolute;
    top: 1pc
}

@media screen and (min-width:992px) {
    .c-cmn002__accountClose {
        right: 2pc
    }
}

@media screen and (width < 992px) {
    .c-cmn002__accountClose {
        right: 24px
    }
}

.c-cmn002__accountClose>button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    height: 3pc;
    justify-content: flex-end;
    padding: 0;
    text-align: right;
    width: 3pc
}

.c-cmn002__accountClose>button,
.c-cmn002__accountInfo {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-cmn002__accountInfo {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    padding: 6px 0
}

.c-cmn002__accountName {
    font-size: 1.25rem;
    line-height: 1.5
}

.c-cmn002__accountName_placeholder {
    width: 100%
}

.c-cmn002__accountMember {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 1pc;
    max-width: calc(2pc + 5em);
    text-decoration: none
}

.c-cmn002__accountMember:hover .c-cmn002__accountMemberText {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-cmn002__accountMemberText {
    position: relative
}

.c-cmn002__accountDl {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    border-top: 1px solid #ccc;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3pc;
    margin-top: 24px
}

.c-cmn002__accountDl,
.c-cmn002__accountDl>dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-cmn002__accountDl>dt {
    border-bottom: 1px solid #ccc;
    padding: 24px 0;
    width: 55%
}

.c-cmn002__accountDl>dt.is-disagreement>span {
    margin-top: 8px
}

.c-cmn002__accountDl>dd {
    border-bottom: 1px solid #ccc;
    font-weight: 700;
    padding: 24px 0;
    text-align: right;
    width: 45%
}

.c-cmn002__accountCoinLink {
    font-weight: 400;
    margin-top: 1pc
}

.c-cmn002__accountCoinLink>a {
    text-decoration: none
}

.c-cmn002__accountCoinLink>a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-cmn002__accountCoinLink .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -5px;
    width: 1pc
}

.c-cmn002__accountButton>button {
    background: #f2f2f2;
    border: 1px solid #333;
    color: #333;
    font-size: 1rem;
    padding: 7px 15px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media screen and (min-width:992px) {
    .c-cmn002__accountButton>button {
        background: #fff
    }

    .c-cmn002__accountButton>button:hover {
        background: #e6e6e6
    }

    .c-cmn002__accountButton>button:active {
        background: #ccc
    }
}

.c-cmn002__accountLink>li {
    margin-top: 24px
}

.c-cmn002__accountLink a {
    text-decoration: none
}

.c-cmn002__accountLink a:hover {
    text-decoration: underline
}

.c-cmn002__accountLogout {
    margin-top: 3pc;
    text-align: center
}

.c-cmn002__accountLogout button:hover .cmp-button__text {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-cmn002__accountList {
    margin-left: 1.7em;
    margin-top: 20px
}

.c-cmn002__accountList>li {
    line-height: 1.75;
    list-style-type: none;
    position: relative
}

.c-cmn002__accountList>li:before {
    content: "・";
    display: block;
    left: -20px;
    position: absolute;
    top: 0;
    width: 1pc
}

.c-cmn002__globalNavi {
    background-color: #f2f2f2;
    position: relative;
    z-index: 2
}

@media screen and (width < 992px) {
    .c-cmn002__globalNavi {
        display: none;
        height: 100vh;
        left: 0;
        opacity: 0;
        overflow-y: auto;
        position: absolute;
        top: 0;
        -webkit-transform: translateX(-100%);
        transform: translateX(-100%);
        width: calc(100% - 53px);
        z-index: 98
    }
}

.c-cmn002__globalNavi.is-show {
    display: block;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.c-cmn002__globalNaviInner {
    margin-left: var(--side-margin);
    margin-right: var(--side-margin);
    width: calc(100% - var(--side-margin)*2)
}

@media screen and (min-width:1400px) {
    .c-cmn002__globalNaviInner {
        max-width: var(--inner-width);
        width: 100%
    }
}

@media screen and (width < 992px) {
    .c-cmn002__globalNaviInner {
        margin: 0 auto;
        width: 100%
    }
}

@media screen and (min-width:1344px) {
    .c-cmn002__globalNaviInner {
        margin: 0 auto;
        max-width: 80pc
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__globalNavi {
        background: transparent;
        left: 0;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 100
    }

    .c-cmn002__globalNavi,
    .c-cmn002__globalNaviInner,
    .c-cmn002__globalNaviWrapper {
        height: var(--header-strip-height)
    }

    .c-cmn002__globalNaviInner {
        margin: 0 auto;
        max-width: 80pc;
        position: relative;
        width: 100%
    }

    .c-cmn002__nav {
        height: var(--header-strip-height);
        left: 0;
        max-width: none !important;
        pointer-events: none;
        position: absolute;
        top: 0;
        width: 100% !important
    }
}

@media screen and (width < 992px) {
    .c-cmn002__globalNavi.is-show {
        -ms-scroll-chaining: none;
        -webkit-overflow-scrolling: touch;
        height: 100vh !important;
        height: 100dvh !important;
        left: 0 !important;
        max-height: 100vh !important;
        max-height: 100dvh !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain;
        position: fixed !important;
        top: 0 !important;
        width: calc(100% - 53px) !important
    }

    .c-cmn002__globalNavi.is-show .c-cmn002__globalNaviInner,
    .c-cmn002__globalNavi.is-show .c-cmn002__globalNaviWrapper {
        height: auto !important;
        min-height: 0 !important
    }

    .c-cmn002__globalNavi.is-show .c-cmn002__navList {
        padding-bottom: 90pt
    }
}

.c-cmn002__navList {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

@media screen and (width < 992px) {
    .c-cmn002__navList {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-pack: initial;
        -ms-flex-pack: initial;
        -ms-flex-direction: column;
        flex-direction: column;
        justify-content: normal;
        margin: -9pt 0;
        padding: 0 var(--side-margin) 90pt
    }
}

.c-cmn002__navList>li {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    margin: 0 1pc;
    order: 3
}

@media screen and (width < 992px) {
    .c-cmn002__navList>li {
        margin: 9pt 0;
        padding: 0
    }
}

.c-cmn002__navList>li>a:hover,
.c-cmn002__navList>li>button:hover {
    position: relative
}

@media screen and (min-width:992px) {

    .c-cmn002__navList>li>a:hover:after,
    .c-cmn002__navList>li>button:hover:after {
        background-image: linear-gradient(90deg, #000, #000 1px, transparent 0, transparent 2px);
        background-repeat: repeat-x;
        background-size: 2px 1px;
        bottom: -9pt;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

@media screen and (width < 992px) {
    .c-cmn002__navList .c-cmn002__navItem--support {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        margin-bottom: 36px;
        order: 1
    }

    .c-cmn002__navList .c-cmn002__navItem--product {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        margin-bottom: 36px;
        order: 2
    }
}

.c-cmn002__navList .c-cmn002__navItem--product .c-cmn002__navItemButton {
    text-align: left
}

@media screen and (width < 992px) {
    .c-cmn002__navList .c-cmn002__navItem--product .c-cmn002__navItemButton {
        color: #666;
        font-size: .875rem;
        margin-bottom: 24px
    }
}

.c-cmn002__navList a,
.c-cmn002__navList button {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    justify-content: center;
    min-height: 3pc;
    text-align: left;
    text-decoration: none
}

@media screen and (width < 992px) {

    .c-cmn002__navList a,
    .c-cmn002__navList button {
        -webkit-box-orient: unset;
        -webkit-box-direction: unset;
        -webkit-box-pack: unset;
        -ms-flex-pack: unset;
        display: block;
        -ms-flex-direction: unset;
        flex-direction: unset;
        justify-content: unset;
        min-height: unset
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__navList .c-cmn002__navList__business {
        padding: 0;
        position: absolute;
        right: var(--side-margin);
        top: -82px
    }

    .c-cmn002__navList .c-cmn002__navList__business>a {
        font-size: .75rem;
        line-height: 1.5
    }
}

@media screen and (min-width:1400px) {
    .c-cmn002__navList .c-cmn002__navList__business {
        right: calc(50% - 40pc)
    }
}

.c-cmn002__navItem>button {
    text-decoration: none
}

@media screen and (min-width:992px) {
    .c-cmn002__navItem>button[aria-expanded=true]>span:not(.c-cmn002__accordionIcon) {
        display: block;
        position: relative
    }

    .c-cmn002__navItem>button[aria-expanded=true]>span:after {
        background: #333;
        bottom: -9pt;
        content: "";
        height: 2px;
        left: 0;
        position: absolute;
        width: 100%
    }
}

.c-cmn002__navItem>button[aria-expanded=true]:hover {
    cursor: default
}

@media screen and (min-width:992px) {
    .c-cmn002__navList {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: var(--header-strip-height);
        justify-content: flex-start;
        pointer-events: auto;
        position: static;
        -webkit-transform: none !important;
        transform: none !important;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content
    }

    .c-cmn002__navList>li {
        margin: 0 9pt;
        pointer-events: auto
    }

    .c-cmn002__navList>li>a,
    .c-cmn002__navList>li>button {
        line-height: 1.5;
        pointer-events: auto;
        position: relative
    }

    .c-cmn002__navList>li>a:hover:after,
    .c-cmn002__navList>li>button:hover:after {
        background-image: linear-gradient(90deg, #1a1a1a, #1a1a1a 1px, transparent 0, transparent 2px);
        background-repeat: repeat-x;
        background-size: 2px 1px;
        bottom: 13px;
        content: "";
        height: 1px;
        left: 0;
        position: absolute;
        width: 100%
    }

    .c-cmn002__navList>li>button[aria-expanded=true]:hover:after {
        content: none;
        display: none
    }

    .c-cmn002__navItem>button[aria-expanded=true]>span:not(.c-cmn002__accordionIcon) {
        position: relative
    }

    .c-cmn002__navItem>button[aria-expanded=true]>span:not(.c-cmn002__accordionIcon):after {
        background: #333;
        bottom: -3px
    }
}

@media screen and (min-width:992px)and (width < 1200px) {

    .c-cmn002__accountLabel,
    .c-cmn002__navList>li>a,
    .c-cmn002__navList>li>button {
        font-size: 13px
    }
}

@media screen and (min-width:1200px) {

    .c-cmn002__accountLabel,
    .c-cmn002__navList>li>a,
    .c-cmn002__navList>li>button {
        font-size: 14px
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__navContainer {
        background: #f2f2f2;
        display: none;
        left: 0;
        max-height: calc(100vh - 138px) !important;
        overflow-x: hidden;
        overflow-y: auto;
        position: absolute;
        top: 100%;
        width: 100%
    }
}

.c-cmn002__navContainer.is-show {
    display: block
}

@media screen and (min-width:992px) {
    .c-cmn002__navContainer.is-show {
        overflow-y: auto
    }

    .c-cmn002__navContainer.is-show .c-cmn002__navContainerInner {
        height: 824px
    }

    .c-cmn002__navContainerInner {
        margin-left: var(--side-margin);
        margin-right: var(--side-margin);
        padding: 5pc 0 90pt;
        position: relative;
        width: calc(100% - var(--side-margin)*2)
    }
}

@media screen and (min-width:1200px) {
    .c-cmn002__navContainerInner {
        margin: 0 auto;
        max-width: var(--inner-width);
        width: 100%
    }
}

@media screen and (width < 992px) {
    .c-cmn002__navContainerList>li {
        margin-bottom: 1pc
    }
}

.c-cmn002__navContainerList>li:last-child {
    margin-bottom: 0
}

.c-cmn002__navContainerClose {
    height: 3pc;
    position: absolute;
    right: 0;
    text-align: right;
    top: 1pc;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 3pc
}

.c-cmn002__navContainerClose:hover {
    opacity: .6
}

@media screen and (width < 992px) {
    .c-cmn002__navContainerClose {
        display: none
    }
}

.c-cmn002__headIcon {
    -webkit-box-flex: 0;
    display: block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 2pc;
    margin-right: 1pc;
    width: 2pc
}

@media screen and (width < 992px) {
    .c-cmn002__headIcon {
        display: none
    }
}

.c-cmn002__headIcon>img {
    width: 100%
}

@media screen and (min-width:992px) {
    .c-cmn002__navContainer {
        background: #f2f2f2;
        left: calc(50% - 50vw) !important;
        margin: 0 !important;
        max-height: calc(100vh - var(--header-strip-height)) !important;
        max-width: none !important;
        overflow-x: hidden;
        overflow-y: auto;
        padding: 0 !important;
        pointer-events: auto;
        position: absolute !important;
        right: auto !important;
        top: var(--header-strip-height) !important;
        -webkit-transform: none !important;
        transform: none !important;
        width: 100vw !important;
        z-index: 101
    }

    .c-cmn002__navContainerInner {
        margin-left: var(--side-margin) !important;
        margin-right: var(--side-margin) !important;
        padding: 5pc 0 90pt !important;
        pointer-events: auto;
        position: relative;
        width: calc(100% - var(--side-margin)*2)
    }

    .c-cmn002__navContainerClose {
        display: block;
        height: 3pc;
        padding: 0;
        pointer-events: auto;
        position: absolute;
        right: 0;
        text-align: right;
        top: 1pc;
        -webkit-transition: opacity .3s;
        transition: opacity .3s;
        width: 3pc;
        z-index: 2
    }

    .c-cmn002__navContainerClose:hover {
        opacity: .6
    }

    .c-cmn002__navContainerClose>button {
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        height: 3pc;
        justify-content: flex-end;
        padding: 0;
        pointer-events: auto;
        width: 3pc
    }

    .c-cmn002__navContainerClose .icon--close,
    .c-cmn002__navContainerClose img {
        pointer-events: none
    }
}

@media screen and (width < 992px) {

    .c-cmn002__navContainer,
    .c-cmn002__navContainerInner,
    .c-cmn002__navLowerItem,
    .c-cmn002__navLowerList {
        height: auto !important;
        min-height: 0 !important
    }

    .c-cmn002__navContainer {
        overflow: visible !important
    }

    .c-cmn002__navContainerInner {
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__navItem--support .c-cmn002__navContainerList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: -8px
    }

    .c-cmn002__navItem--support .c-cmn002__navContainerList>li {
        margin: 8px;
        width: calc(25% - 1pc)
    }

    .c-cmn002__navItem--support .c-cmn002__navContainerList>li.c-cmn002__navContainerItem {
        bottom: 3pc;
        margin: 0;
        position: absolute;
        right: 0;
        width: auto
    }
}

@media screen and (width < 992px) {
    .c-cmn002__navItem--support .c-cmn002__navContainerList>li.c-cmn002__navContainerItem {
        font-size: .875rem;
        text-align: right
    }

    .c-cmn002__navItem--support .c-cmn002__navContainerList>li.c-cmn002__navContainerItem>a {
        text-align: right
    }
}

.c-cmn002__navItem--support .c-cmn002__navContainerList a {
    display: unset
}

.c-cmn002__navItem--support .c-cmn002__navItemButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    text-align: left;
    width: 100%
}

.c-cmn002__navItem--support .c-cmn002__navItemButton[aria-expanded=true] .c-cmn002__accordionIcon:after {
    display: none
}

@media screen and (width < 992px) {
    .c-cmn002__navItem--support .c-cmn002__navContainer {
        line-height: 1.5;
        padding: 24px 0 0 24px
    }

    .c-cmn002__navItem--support .c-cmn002__navContainer>:first-child {
        margin-top: 0
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper {
        margin-right: 2pc;
        width: 33%
    }

    .c-cmn002__navItem--product .c-cmn002__navContainerList {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin: 1pc 0 24px
    }

    .c-cmn002__navItem--product .c-cmn002__navContainerList>li {
        margin: 8px 0;
        padding-right: 1pc;
        width: 50%
    }
}

.c-cmn002__navItem--product .c-cmn002__navContainerList:last-of-type {
    margin-bottom: 0
}

.c-cmn002__navItem--product .c-cmn002__navContainerList a {
    display: unset
}

.c-cmn002__navLink {
    color: #1a1a1a;
    display: inline-block;
    line-height: 1.5;
    position: relative
}

.c-cmn002__navLink .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -5px;
    width: 1pc
}

.c-cmn002__navLink .icon--function img {
    width: 100%
}

.c-cmn002__navLink:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

@media screen and (min-width:992px) {
    .c-cmn002__navLowerList {
        margin: -2pc 0
    }
}

@media screen and (width < 992px) {
    .c-cmn002__navLowerList>li {
        margin-bottom: 24px
    }
}

.c-cmn002__navLowerList>li:last-child {
    margin-bottom: 0
}

@media screen and (min-width:992px) {
    .c-cmn002__navLowerItem {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin: 2pc 0
    }

    .c-cmn002__navLowerItem.is-current .c-cmn002__navLower {
        display: block
    }

    .c-cmn002__navLowerItem.is-current .c-cmn002__navItemTitle {
        font-weight: 700
    }

    .c-cmn002__navLower {
        display: none
    }

    .c-cmn002__navLowerInner {
        position: absolute;
        top: 5pc;
        width: 66%
    }

    .c-cmn002__navContainerTitle {
        font-weight: 700
    }
}

@media screen and (width < 992px) {
    .c-cmn002__navContainerTitle {
        color: #666;
        font-size: .875rem;
        margin-bottom: 1pc;
        margin-top: 24px
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__navLowerItem--list {
        bottom: 3pc;
        position: absolute;
        right: 0
    }
}

@media screen and (width < 992px) {
    .c-cmn002__navLowerItem--list {
        font-size: .875rem;
        text-align: right
    }

    .c-cmn002__navLowerItem--list .c-cmn002__navLink {
        text-align: right
    }

    .c-cmn002__navLowerItem--list .icon--function {
        vertical-align: -3px
    }
}

.c-cmn002__navLowerItem--list a {
    display: block
}

.c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>a,
.c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: unset;
    -webkit-box-direction: unset;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: unset;
    flex-direction: unset;
    min-height: unset
}

@media screen and (width < 992px) {

    .c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>a,
    .c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>button {
        position: relative;
        width: 100%
    }
}

.c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>a[aria-expanded=true] .c-cmn002__accordionIcon:after,
.c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>button[aria-expanded=true] .c-cmn002__accordionIcon:after {
    display: none
}

@media screen and (min-width:992px) {

    .c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>a:hover .c-cmn002__navItemTitle,
    .c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper>button:hover .c-cmn002__navItemTitle {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
}

.c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper .c-cmn002__navItemTitle {
    text-align: left
}

@media screen and (width < 992px) {
    .c-cmn002__navItem--product .c-cmn002__navItemButtonWrapper .c-cmn002__navItemTitle {
        padding-right: 20px
    }

    .c-cmn002__navItem--product .c-cmn002__navLower {
        line-height: 1.5;
        padding: 24px 0 0 24px
    }
}

.c-cmn002__navItem--product .c-cmn002__navLower .c-cmn002__navLowerInner>:first-child {
    margin-top: 0
}

@media screen and (min-width:992px) {
    .c-cmn002__navItem--product .c-cmn002__navLower .c-cmn002__navLowerInner>.c-cmn002__navContainerList:first-child {
        margin-top: -8px
    }
}

.c-cmn002__accordionIcon {
    display: none;
    position: absolute;
    right: 15px
}

@media screen and (width < 992px) {
    .c-cmn002__accordionIcon {
        display: block
    }
}

.c-cmn002__accordionIcon:after,
.c-cmn002__accordionIcon:before {
    background: #333;
    border-radius: 2px;
    content: "";
    height: 1px;
    position: absolute;
    width: 15px
}

.c-cmn002__accordionIcon:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

@media screen and (min-width:992px) {
    .c-cmn002__navLowerInner {
        top: 5pc !important
    }
}

@media screen and (width < 992px) {

    .c-cmn002__navLowerItem:not(.is-current)>.c-cmn002__navLower,
    .c-cmn002__navLower[hidden],
    .c-cmn002__navLower[style*="display: none"] {
        display: none !important;
        height: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .c-cmn002__navLowerItem.is-current>.c-cmn002__navLower {
        display: block !important;
        height: auto !important;
        min-height: 0 !important
    }

    .c-cmn002__navLowerItem.is-current>.c-cmn002__navLower:not([style*="display: block"]),
    .c-cmn002__navLowerItem>.c-cmn002__navLower[hidden],
    .c-cmn002__navLowerItem>.c-cmn002__navLower[style*="display: none"] {
        display: none !important;
        height: 0 !important;
        margin-bottom: 0 !important;
        margin-top: 0 !important;
        min-height: 0 !important;
        overflow: hidden !important;
        padding-bottom: 0 !important;
        padding-top: 0 !important
    }

    .c-cmn002__navLowerItem>.c-cmn002__navLower[style*="display: block"] {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        overflow: visible !important
    }
}

.c-cmn002__search {
    margin: 0 auto;
    position: relative;
    width: 100%
}

@media screen and (min-width:1400px) {
    .c-cmn002__search {
        max-width: var(--inner-width)
    }
}

@media screen and (width < 992px) {
    .c-cmn002__search {
        padding: 5pc var(--side-margin) 3pc
    }
}

.c-cmn002__searchIcon {
    position: absolute;
    right: 0;
    top: -54px
}

.c-cmn002__searchIcon button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: auto;
    padding: 14px;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 44px
}

.c-cmn002__searchIcon button:hover {
    opacity: .8
}

.c-cmn002__searchIcon button>img {
    width: 100%
}

@media screen and (width < 992px) {
    .c-cmn002__searchIcon {
        display: none
    }
}

.c-cmn002__searchBox {
    background: #f2f2f2;
    display: none;
    position: absolute;
    right: 0;
    top: -52px
}

@media screen and (width < 992px) {
    .c-cmn002__searchBox {
        display: block;
        position: static
    }
}

@media screen and (min-width:1400px) {
    .c-cmn002__searchBox {
        right: calc(50% - 40pc)
    }
}

.c-cmn002__searchBox.is-show,
.c-cmn002__searchInputWrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-cmn002__searchInputWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 6px 0;
    width: 180px
}

@media screen and (width < 992px) {
    .c-cmn002__searchInputWrap {
        margin: 0;
        width: 100%
    }
}

@media screen and (min-width:992px) {
    .c-cmn002__searchInputWrap {
        margin: 0;
        width: 252px
    }
}

.c-cmn002__searchInput {
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    line-height: 1.5;
    max-height: 56px;
    padding: 6px 14px 6px 1pc;
    width: 100%
}

@media screen and (min-width:992px) {
    .c-cmn002__searchInput {
        font-size: .75rem
    }
}

@media screen and (width < 992px) {
    .c-cmn002__searchInput {
        padding: 11px 14px 11px 1pc
    }
}

.c-cmn002__searchInput::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.c-cmn002__searchInput::-moz-placeholder {
    color: #666;
    opacity: 1
}

.c-cmn002__searchInput:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-cmn002__searchInput::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-cmn002__searchInput::placeholder {
    color: #666;
    opacity: 1
}

.c-cmn002__searchInput:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.c-cmn002__searchInput:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.c-cmn002__searchInputIcon {
    background: #333
}

.c-cmn002__searchInputIcon button {
    height: 2pc;
    padding: 8px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 2pc
}

@media screen and (width < 992px) {
    .c-cmn002__searchInputIcon button {
        height: 3pc;
        padding: 9pt;
        width: 3pc
    }
}

.c-cmn002__searchInputIcon button:hover {
    background-color: #4d4d4d
}

.c-cmn002__searchInputIcon button>img {
    width: 100%
}

@media screen and (min-width:992px) {
    .c-cmn002__searchClose {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-box-flex: 0;
        align-items: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex: 0 0 auto;
        flex: 0 0 auto;
        height: 44px;
        justify-content: center;
        width: 44px
    }
}

@media screen and (width < 992px) {
    .c-cmn002__searchClose {
        display: none
    }
}

.c-cmn002__searchClose .icon--close {
    height: 1pc;
    width: 1pc
}

.c-cmn002__searchClose img {
    width: 100%
}

@media screen and (min-width:992px) {
    .c-cmn002__search {
        height: var(--header-strip-height);
        margin: 0;
        max-width: none;
        padding: 0;
        top: 0;
        width: auto;
        z-index: 102
    }

    .c-cmn002__search,
    .c-cmn002__searchIcon {
        pointer-events: auto;
        position: absolute;
        right: 0
    }

    .c-cmn002__searchIcon {
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%)
    }

    .c-cmn002__searchIcon button {
        height: var(--icon-click-size);
        padding: 9pt;
        pointer-events: auto;
        width: var(--icon-click-size)
    }

    .c-cmn002__searchIcon button>img {
        display: block;
        height: 20px;
        width: 20px
    }

    .c-cmn002__searchBox {
        background: #f2f2f2;
        pointer-events: auto;
        right: 0;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        z-index: 103
    }

    .c-cmn002__searchBox.is-show {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

    .c-cmn002__searchInputWrap {
        margin: 0;
        width: 252px
    }

    .c-cmn002__searchInput {
        background: #f2f2f2;
        border-color: #b3b3b3;
        color: #1a1a1a;
        font-size: 9pt
    }

    .c-cmn002__searchInput::-webkit-input-placeholder {
        color: #666
    }

    .c-cmn002__searchInput::-moz-placeholder {
        color: #666
    }

    .c-cmn002__searchInput:-ms-input-placeholder {
        color: #666
    }

    .c-cmn002__searchInput::-ms-input-placeholder {
        color: #666
    }

    .c-cmn002__searchInput::placeholder {
        color: #666
    }

    .c-cmn002__searchInputIcon {
        background: #333
    }

    .c-cmn002__searchInputIcon button {
        height: 2pc;
        padding: 8px;
        width: 2pc
    }

    .c-cmn002__searchInputIcon button:hover {
        background-color: #4d4d4d
    }

    .c-cmn002__searchClose {
        height: var(--icon-click-size);
        width: var(--icon-click-size)
    }
}

.c-cmn002__overlay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    -webkit-transition: opacity .6s ease 0s;
    transition: opacity .6s ease 0s;
    visibility: hidden;
    width: 100%;
    z-index: 97
}

@media screen and (width < 992px) {
    .c-cmn002__overlay {
        height: 100vh
    }
}

.c-cmn002__overlay.is-show {
    opacity: 1;
    visibility: visible
}

@media screen and (min-width:992px) {

    .c-cmn002__account__img,
    .c-cmn002__account__img--active {
        -webkit-box-flex: 0;
        display: block;
        -ms-flex: 0 0 24px;
        flex: 0 0 24px;
        height: 24px;
        pointer-events: none;
        width: 24px
    }
}

@media screen and (min-width:992px)and (min-width:1200px) {
    .c-cmn002__navContainerInner {
        margin: 0 auto !important;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-cmn003 {
    border-top: 1px solid #ccc;
    width: 100%
}

.c-cmn004 {
    margin-bottom: 1pc
}

.c-cmn004 .cmp-breadcrumb__list {
    list-style: none;
    margin: -4px 0
}

.c-cmn004 .cmp-breadcrumb__list>li {
    line-height: 1;
    margin: 4px 0;
    position: relative
}

.c-cmn004 .cmp-breadcrumb__list>li:after {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_arrow_small.svg) no-repeat 0/100% auto;
    content: "";
    display: inline-block;
    height: 8px;
    margin: 0 8px;
    width: 8px
}

.c-cmn004 .cmp-breadcrumb__list>li:last-child:after {
    display: none
}

.c-cmn004 .cmp-breadcrumb__item {
    display: inline
}

.c-cmn004 .cmp-breadcrumb__item-link {
    color: #666;
    font-size: .75rem;
    text-decoration: none
}

.c-cmn004 .cmp-breadcrumb__item-link:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-cmn004 .cmp-breadcrumb__item--active>span {
    color: #666;
    font-size: .75rem;
    line-height: 1.5
}

.c-cmn004__inner {
    margin: 0 auto;
    padding: 0 2pc;
    position: relative;
    width: 100%
}

@media screen and (min-width:1344px) {
    .c-cmn004__inner {
        max-width: 80pc;
        padding: 0
    }
}

@media screen and (max-width:767.9px) {
    .c-cmn004__inner {
        padding: 0 24px
    }
}

.c-cmn005 .c-lay007--small .c-lay007__modalWrap {
    width: 276px
}

@media screen and (max-width:767.9px) {
    .c-cmn005 .c-lay007--small .c-lay007__modalWrap {
        width: 260px
    }
}

.c-cmn005 .c-lay007--small .c-lay007__modalWrap .c-lay007__modalInner {
    padding: 2pc
}

@media screen and (max-width:767.9px) {
    .c-cmn005 .c-lay007--small .c-lay007__modalWrap .c-lay007__modalInner {
        padding: 24px
    }
}

.c-cmn005 .c-lay007--small .c-lay007__modalWrap .c-lay007__modalInner .c-cmn005__confirm-modal__buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc
}

.c-cmn005 .c-lay007--small .c-lay007__modalWrap .c-lay007__modalInner .c-cmn005__confirm-modal__buttons .c-gen004 {
    margin-bottom: 0
}

.c-cmn005 .c-lay007--small .c-lay007__modalWrap .c-lay007__modalInner .c-cmn005__confirm-modal__buttons a,
.c-cmn005 .c-lay007--small .c-lay007__modalWrap .c-lay007__modalInner .c-cmn005__confirm-modal__buttons button {
    width: 100%
}

.c-gen001 {
    text-align: center
}

.c-gen001 .icon--new {
    color: #914108;
    display: inline-block;
    margin-right: 1pc;
    white-space: nowrap
}

.c-gen001 sub,
.c-gen001 sup {
    display: inline-block
}

.c-gen001 sub {
    bottom: 0
}

.c-gen001.heading--left {
    text-align: left
}

.c-gen001__icon {
    display: inline-block;
    margin-right: 1pc
}

.c-gen001__icon img {
    height: 100%;
    width: 100%
}

.heading--xlarge .c-gen001__icon {
    height: 3pc;
    vertical-align: -4px;
    width: 3pc
}

@media screen and (max-width:767.9px) {
    .heading--xlarge .c-gen001__icon {
        height: 3pc;
        vertical-align: 0;
        width: 3pc
    }
}

.heading--large .c-gen001__icon {
    height: 3pc;
    vertical-align: -2px;
    width: 3pc
}

@media screen and (max-width:767.9px) {
    .heading--large .c-gen001__icon {
        height: 2pc;
        vertical-align: -5px;
        width: 2pc
    }
}

.heading--medium .c-gen001__icon {
    height: 2pc;
    vertical-align: -4px;
    width: 2pc
}

@media screen and (max-width:767.9px) {
    .heading--medium .c-gen001__icon {
        height: 2pc;
        vertical-align: -1px;
        width: 2pc
    }
}

.heading--small .c-gen001__icon {
    height: 2pc;
    width: 2pc
}

@media screen and (max-width:767.9px) {
    .heading--small .c-gen001__icon {
        height: 24px;
        vertical-align: -2px;
        width: 24px
    }
}

.heading--xlarge {
    margin-bottom: 2pc;
    margin-top: 8px
}

.heading--xlarge .cmp-title__text {
    font-size: 2.25rem;
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .heading--xlarge .cmp-title__text {
        font-size: 2rem
    }
}

.heading--xlarge .cmp-title__text sub,
.heading--xlarge .cmp-title__text sup {
    font-size: 1rem
}

@media screen and (max-width:767.9px) {

    .heading--xlarge .cmp-title__text sub,
    .heading--xlarge .cmp-title__text sup {
        font-size: .875rem
    }
}

.heading--xlarge .cmp-title__text sup {
    top: -1.6em
}

@media screen and (max-width:767.9px) {
    .heading--xlarge .cmp-title__text sup {
        top: -1.2em
    }
}

*+.heading--xlarge {
    margin-top: 2pc
}

.heading--large {
    margin-bottom: 2pc
}

.heading--large .cmp-title__text {
    font-size: 2rem;
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .heading--large .cmp-title__text {
        font-size: 1.625rem
    }
}

.heading--large sub,
.heading--large sup {
    font-size: .875rem
}

@media screen and (max-width:767.9px) {

    .heading--large sub,
    .heading--large sup {
        font-size: .75rem
    }
}

.heading--large sup {
    top: -1.2em
}

@media screen and (max-width:767.9px) {
    .heading--large sup {
        top: -1em
    }
}

.heading--medium {
    margin-bottom: 24px
}

.heading--medium .cmp-title__text {
    font-size: 1.625rem;
    font-weight: 500
}

@media screen and (max-width:767.9px) {
    .heading--medium .cmp-title__text {
        font-size: 1.375rem
    }
}

.heading--medium sub,
.heading--medium sup {
    font-size: .75rem
}

@media screen and (max-width:767.9px) {

    .heading--medium sub,
    .heading--medium sup {
        font-size: .625rem
    }
}

.heading--medium sup {
    top: -.9em
}

@media screen and (max-width:767.9px) {
    .heading--medium sup {
        top: -.9em
    }
}

.heading--small {
    margin-bottom: 24px
}

.heading--small .cmp-title__text {
    font-size: 1.25rem;
    font-weight: 500
}

@media screen and (max-width:767.9px) {
    .heading--small .cmp-title__text {
        font-size: 1.125rem
    }
}

.heading--small sub,
.heading--small sup {
    font-size: .625rem
}

@media screen and (max-width:767.9px) {

    .heading--small sub,
    .heading--small sup {
        font-size: .5rem
    }
}

.heading--small sup {
    top: -.9em
}

@media screen and (max-width:767.9px) {
    .heading--small sup {
        top: -.8em
    }
}

.heading--teaser {
    margin-bottom: 24px
}

.heading--teaser .cmp-title__text {
    font-size: 1.375rem;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .heading--teaser .cmp-title__text {
        font-size: 1.625rem
    }
}

@media screen and (max-width:575px) {
    .heading--teaser .cmp-title__text {
        font-size: 1.125rem
    }
}

.heading--teaserSub {
    margin-bottom: 24px
}

.heading--teaserSub .cmp-title__text {
    font-size: 1.125rem;
    font-weight: 700
}

@media screen and (min-width:992px) {
    .heading--teaserSub .cmp-title__text {
        font-size: 1.375rem
    }
}

@media screen and (max-width:575px) {
    .heading--teaserSub .cmp-title__text {
        font-size: .875rem
    }
}

.c-gen002 {
    font-size: 1rem;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-gen002 .cmp-text>p[style*="text-align: center"] {
        text-align: left !important
    }
}

.c-gen002 .cmp-text>*+* {
    margin-top: 24px
}

.c-gen002 .cmp-text sup {
    font-size: .625rem
}

.c-gen002 .cmp-text sub {
    bottom: 0;
    font-size: .625rem
}

.c-gen002 u {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-gen002 a {
    text-decoration: underline
}

.c-gen002 a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-gen002 ul {
    margin-left: 1.7em
}

.c-gen002 ul>li {
    line-height: 1.75;
    list-style-type: none;
    margin-bottom: 24px;
    position: relative
}

.c-gen002 ul>li:last-child {
    margin-bottom: 0
}

.c-gen002 ul>li:before {
    content: "・";
    display: block;
    left: -20px;
    position: absolute;
    top: 0;
    width: 1pc
}

.c-gen002 ul>li a,
.c-gen002 ul>li ol,
.c-gen002 ul>li p,
.c-gen002 ul>li ul {
    margin-top: 24px
}

.c-gen002 ol {
    margin-left: 1.7em
}

.c-gen002 ol li {
    line-height: 1.75;
    margin-bottom: 24px
}

.c-gen002 ol li:last-child {
    margin-bottom: 0
}

.c-gen002 ol li a,
.c-gen002 ol li ol,
.c-gen002 ol li p,
.c-gen002 ol li ul {
    margin-top: 24px;
    text-indent: 0
}

.c-gen002 table {
    border: none;
    border-top: 1px solid #ccc;
    width: 100%
}

.c-gen002 table td,
.c-gen002 table th {
    border: 1px solid #ccc;
    border-top: none;
    font-size: 1rem;
    font-weight: 400;
    padding: 1pc
}

.c-gen002 table td:first-child,
.c-gen002 table th:first-child {
    border-left: none
}

.c-gen002 table td:last-child,
.c-gen002 table th:last-child {
    border-right: none
}

@media screen and (max-width:767.9px) {

    .c-gen002 table td,
    .c-gen002 table th {
        font-size: .875rem;
        padding: 8px
    }
}

.c-gen002 table th {
    background: #e6e6e6
}

.c-gen002 table img {
    height: auto;
    max-width: 100%
}

.c-gen002.list--asteriskJa .cmp-text>ul>li:before {
    content: "※"
}

.c-gen002.list--asteriskJa .cmp-text>ol {
    text-indent: -2.3em
}

.c-gen002.list--asteriskJa .cmp-text>ol>li {
    counter-increment: count;
    list-style-position: outside;
    list-style-type: none
}

.c-gen002.list--asteriskJa .cmp-text>ol>li:before {
    content: "※" counter(count) " ";
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 2em
}

.c-gen002.list--asterisk .cmp-text>ul>li:before {
    content: "*"
}

.c-gen002.list--asterisk .cmp-text>ol {
    text-indent: -2.3em
}

.c-gen002.list--asterisk .cmp-text>ol>li {
    counter-increment: count;
    list-style-position: outside;
    list-style-type: none
}

.c-gen002.list--asterisk .cmp-text>ol>li:before {
    content: "*" counter(count) " ";
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 2em
}

.c-gen002.list--parentheses .cmp-text>ol {
    text-indent: -2.3em
}

.c-gen002.list--parentheses .cmp-text>ol>li {
    counter-increment: count;
    list-style-position: outside;
    list-style-type: none
}

.c-gen002.list--parentheses .cmp-text>ol>li:before {
    content: "(" counter(count) ") ";
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 2em
}

.c-gen002.list--marginBottom8 ol li,
.c-gen002.list--marginBottom8 ul li {
    margin-bottom: 8px
}

.c-gen002.list--marginBottom8 ol li:last-child,
.c-gen002.list--marginBottom8 ul li:last-child {
    margin-bottom: 0
}

.c-gen002.list--marginBottom8 a,
.c-gen002.list--marginBottom8 ol li ol,
.c-gen002.list--marginBottom8 ol li ul,
.c-gen002.list--marginBottom8 p,
.c-gen002.list--marginBottom8 ul li ol,
.c-gen002.list--marginBottom8 ul li ul {
    margin-top: 8px
}

.c-gen002.text--lineHeight200 * {
    line-height: 200%
}

.c-gen002 .c-gen004 a {
    background: none;
    text-decoration: none
}

.c-gen002 .c-gen004 a:hover {
    background: none
}

.c-gen002 .c-gen004 .icon--function {
    vertical-align: -5px
}

.c-gen003 {
    margin-bottom: 24px
}

.c-gen003 img {
    height: auto;
    max-width: 100%;
    width: auto
}

.c-gen003 a,
.c-gen003 button {
    display: block;
    text-decoration: none
}

.c-gen003 a:hover .cmp-image__image,
.c-gen003 button:hover .cmp-image__image {
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-gen003 a:hover figcaption,
.c-gen003 button:hover figcaption {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-gen003 a figcaption,
.c-gen003 button figcaption {
    text-decoration: underline
}

.c-gen003 figure .cmp-image__image {
    margin-bottom: 20px
}

.c-gen003 figcaption {
    line-height: 1.5
}

.c-gen003 figcaption sup {
    font-size: .625rem
}

.c-gen003 figcaption sub {
    bottom: 0;
    font-size: .625rem
}

.c-gen003.image--crop img {
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.c-gen003.position--center figcaption {
    text-align: center
}

.c-gen003.position--right figcaption {
    text-align: right
}

.c-gen003.position--top figure {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.c-gen003.position--top figcaption {
    margin-bottom: 20px;
    margin-top: 0
}

.cmp-image__image--mobile {
    display: none
}

@media screen and (max-width:575px) {
    .cmp-image__image--mobile {
        display: block
    }

    .cmp-image__image--desktop {
        display: none
    }
}

.c-gen004 {
    margin-bottom: 24px
}

.c-gen004 a,
.c-gen004 button {
    text-decoration: none
}

.c-gen004 .cmp-button {
    line-height: 1.5
}

.c-gen004 .cmp-button__icon {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.c-gen004 .cmp-button__icon img,
.c-gen004 .cmp-button__icon svg {
    width: 100%
}

.c-gen004 .icon--new {
    color: #914108;
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap
}

.c-gen004 .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    width: 1pc
}

.c-gen004 .icon--function img,
.c-gen004 .icon--function svg {
    width: 100%
}

.c-gen004 .icon--function img {
    display: block
}

.position--center .c-gen004 {
    margin-left: auto;
    margin-right: auto
}

.button--textRegular .cmp-button,
.button--textRegularDark .cmp-button {
    color: #1a1a1a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.button--textRegular .icon--function,
.button--textRegularDark .icon--function {
    vertical-align: -2px
}

.button--textRegular a:hover,
.button--textRegular button:hover,
.button--textRegularDark a:hover,
.button--textRegularDark button:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.button--textRegular button,
.button--textRegularDark button {
    text-align: left
}

.button--textRegular.button--back .cmp-button,
.button--textRegularDark.button--back .cmp-button {
    padding-left: 24px;
    position: relative
}

.button--textRegular.button--back .cmp-button:before,
.button--textRegularDark.button--back .cmp-button:before {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_arrow.svg) no-repeat 50%/100%;
    content: "";
    height: 1pc;
    left: 0;
    position: absolute;
    top: 5px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 1pc
}

.button--textRegular.button--back.button--textRegularDark .cmp-button:before,
.button--textRegularDark.button--back.button--textRegularDark .cmp-button:before {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_arrow_white.svg) no-repeat 100%/1pc
}

.button--textRegular.button--large .cmp-button__icon,
.button--textRegularDark.button--large .cmp-button__icon {
    height: 2pc;
    width: 2pc
}

.button--textRegular.button--large .cmp-button,
.button--textRegularDark.button--large .cmp-button {
    font-size: 1.25rem
}

@media screen and (max-width:767.9px) {

    .button--textRegular.button--large .cmp-button,
    .button--textRegularDark.button--large .cmp-button {
        font-size: 1.125rem
    }
}

.button--textRegular.button--large .icon--function,
.button--textRegularDark.button--large .icon--function {
    height: 24px;
    vertical-align: -3px;
    width: 24px
}

.button--textRegular.button--large.button--back .cmp-button,
.button--textRegularDark.button--large.button--back .cmp-button {
    padding-left: 2pc
}

.button--textRegular.button--large.button--back .cmp-button:before,
.button--textRegularDark.button--large.button--back .cmp-button:before {
    height: 24px;
    top: 6px;
    width: 24px
}

.button--textRegular.button--small .cmp-button,
.button--textRegularDark.button--small .cmp-button {
    font-size: .875rem
}

.button--textRegular.button--small .icon--function,
.button--textRegularDark.button--small .icon--function {
    vertical-align: -3px
}

.button--textRegular.button--xSmall .cmp-button__icon,
.button--textRegularDark.button--xSmall .cmp-button__icon {
    height: 1pc;
    width: 1pc
}

.button--textRegular.button--xSmall .cmp-button,
.button--textRegularDark.button--xSmall .cmp-button {
    font-size: .75rem
}

.button--textRegular.button--xSmall .icon--function,
.button--textRegularDark.button--xSmall .icon--function {
    height: 9pt;
    vertical-align: -1px;
    width: 9pt
}

.button--textRegular.button--xSmall.button--back .cmp-button,
.button--textRegularDark.button--xSmall.button--back .cmp-button {
    padding-left: 20px
}

.button--textRegular.button--xSmall.button--back .cmp-button:before,
.button--textRegularDark.button--xSmall.button--back .cmp-button:before {
    height: 9pt;
    top: 3px;
    width: 9pt
}

.button--textRegularDark .icon--new {
    color: #e08d52
}

.button--textRegularDark .cmp-button {
    color: #e6e6e6
}

.button--textRegularDark .cmp-button__icon path,
.button--textRegularDark .icon--function path {
    fill: #e6e6e6
}

.button--regular,
.button--regularDark,
.button--secondary,
.button--secondaryDark {
    max-width: 100%;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (min-width:992px) {

    .button--regular,
    .button--regularDark,
    .button--secondary,
    .button--secondaryDark {
        max-width: 100%;
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {

    .button--regular,
    .button--regularDark,
    .button--secondary,
    .button--secondaryDark {
        max-width: 100%;
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {

    .button--regular,
    .button--regularDark,
    .button--secondary,
    .button--secondaryDark {
        width: 100%
    }
}

.button--regular .cmp-button,
.button--regularDark .cmp-button,
.button--secondary .cmp-button,
.button--secondaryDark .cmp-button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
    line-height: 1.5;
    min-height: 56px;
    padding: 8px 20px;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 100%
}

.button--regular .cmp-button__text,
.button--regularDark .cmp-button__text,
.button--secondary .cmp-button__text,
.button--secondaryDark .cmp-button__text {
    text-align: center
}

.button--regular .icon--function,
.button--regularDark .icon--function,
.button--secondary .icon--function,
.button--secondaryDark .icon--function {
    vertical-align: -1px
}

.button--regular .cmp-button {
    background: #333;
    border: 1px solid transparent;
    color: #fff
}

.button--regular .cmp-button:active {
    background-color: #666
}

.button--regular .cmp-button:active .icon--new {
    color: #f7e3d4
}

.button--regular .cmp-button:focus {
    outline-color: #1a1a1a
}

.button--regular .icon--new {
    color: #e08d52
}

.button--regular .cmp-button__icon path,
.button--regular .icon--function path {
    fill: #e6e6e6
}

.button--regular a:hover,
.button--regular button:hover {
    background-color: #4d4d4d
}

.button--regular a:hover .icon--new,
.button--regular button:hover .icon--new {
    color: #f0c6a8
}

.button--secondary .cmp-button {
    border: 1px solid #333;
    color: #333
}

.button--secondary .cmp-button:active {
    background-color: #b3b3b3
}

.button--secondary .cmp-button:active .icon--new {
    color: #612b05
}

.button--secondary a:hover,
.button--secondary button:hover {
    background-color: #ccc
}

.button--secondary a:hover .icon--new,
.button--secondary button:hover .icon--new {
    color: #612b05
}

.button--regularDark .cmp-button {
    background: #e6e6e6;
    border: 1px solid #e6e6e6;
    color: #000
}

.button--regularDark .cmp-button:active {
    background-color: #b3b3b3
}

.button--regularDark .cmp-button:active .icon--new {
    color: #612b05
}

.button--regularDark .cmp-button:focus {
    outline-color: #e6e6e6
}

.button--regularDark a:hover,
.button--regularDark button:hover {
    background-color: #ccc
}

.button--regularDark a:hover .icon--new,
.button--regularDark button:hover .icon--new {
    color: #612b05
}

.button--secondaryDark .cmp-button {
    border: 1px solid #e6e6e6;
    color: #e6e6e6
}

.button--secondaryDark .cmp-button:active {
    background-color: #4d4d4d
}

.button--secondaryDark .cmp-button:active .icon--new {
    color: #f0c6a8
}

.button--secondaryDark .icon--new {
    color: #e08d52
}

.button--secondaryDark .cmp-button__icon path,
.button--secondaryDark .icon--function path {
    fill: #e6e6e6
}

.button--secondaryDark a:hover,
.button--secondaryDark button:hover {
    background-color: #333
}

.button--back .cmp-button {
    padding-left: 24px;
    position: relative
}

.button--back .cmp-button:before {
    -webkit-box-flex: 0;
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_arrow_white.svg) no-repeat 100%/1pc;
    content: "";
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 1pc;
    padding-left: 8px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 24px
}

.button--back.button--regularDark .cmp-button:before,
.button--back.button--secondary .cmp-button:before {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_arrow.svg) no-repeat 100%/1pc
}

.button--flex {
    max-width: calc(var(--unit-width)*6 + var(--gutter-width)*5);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:992px) {
    .button--flex {
        max-width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {
    .button--flex {
        max-width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {
    .button--flex {
        max-width: 100%
    }
}

.button--flex .cmp-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    min-height: 0;
    padding: 9px 1pc;
    width: auto
}

.button--flex .icon--function {
    vertical-align: -2px
}

.button--flex.button--large .cmp-button {
    font-size: 1.125rem;
    padding: 14px 1pc 13px
}

.button--flex.button--large .icon--function {
    vertical-align: -1px
}

.button--flex.button--small .cmp-button {
    font-size: .875rem;
    padding: 4px 8px
}

.button--flex.button--small .cmp-button__icon {
    height: 22px;
    width: 22px
}

.button--sub {
    max-width: calc(var(--unit-width)*6 + var(--gutter-width)*5);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:992px) {
    .button--sub {
        max-width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {
    .button--sub {
        max-width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {
    .button--sub {
        max-width: 100%
    }
}

.button--sub .cmp-button {
    border-radius: 2pc;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    padding: 9pt 2pc;
    width: auto
}

@media screen and (max-width:767.9px) {
    .button--sub .cmp-button {
        font-size: 1rem;
        min-height: 3pc;
        padding: 10px 2pc
    }

    .button--sub .icon--function {
        vertical-align: -5px
    }
}

.button--disabled .cmp-button {
    opacity: .3;
    pointer-events: none
}

.c-gen005 {
    margin-bottom: 24px
}

.c-gen005 .cmp-embed__youtube {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%
}

.c-gen005 iframe {
    border: none;
    height: 100%;
    left: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    width: 100%
}

@media screen and (max-width:575px) {

    .c-gen005 .c-product__modalClose,
    .c-gen005 .c-product__modalOverlay,
    .c-gen005 .c-product__videoThumb {
        display: none
    }

    .c-gen005 .c-product__modal {
        display: block;
        position: relative;
        z-index: 1
    }

    .c-gen005 .c-product__modalProducts .c-product__modalWrap {
        margin: 0
    }

    .c-gen005 .c-product__modalInner,
    .c-gen005 .c-product__modalProducts .c-product__modalInner {
        padding: 0
    }
}

.c-gen006,
.c-gen006 li {
    margin-bottom: 24px
}

.c-gen006 li:last-child {
    margin-bottom: 0
}

.c-gen006.list--horizontal {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-gen006.list--horizontal .cmp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.c-gen006.list--horizontal .cmp-list>li {
    margin-bottom: 0
}

.position--center .c-gen006.list--horizontal .cmp-list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.position--right .c-gen006.list--horizontal .cmp-list {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-gen006.list--large .c-product__linkInner {
    font-size: 1.25rem
}

@media screen and (max-width:767.9px) {
    .c-gen006.list--large .c-product__linkInner {
        font-size: 1.125rem
    }
}

.c-gen006.list--large .icon--function {
    height: 24px;
    width: 24px
}

.c-gen006.list--small .c-product__linkInner {
    font-size: .875rem
}

.c-gen006.list--small .icon--function {
    vertical-align: -3px
}

.c-gen006.list--xSmall .c-product__linkInner {
    font-size: .75rem
}

.c-gen006.list--xSmall .icon--function {
    height: 9pt;
    vertical-align: -3px;
    width: 9pt
}

.c-gen006.list--dot .cmp-list {
    margin-left: 1.7em
}

.c-gen006.list--dot li {
    line-height: 1.75;
    list-style-type: none;
    position: relative
}

.c-gen006.list--dot li:before {
    content: "・";
    display: block;
    left: -20px;
    position: absolute;
    top: 0;
    width: 1pc
}

.c-gen007 {
    color: #000;
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-gen007 {
        margin-bottom: 2pc
    }
}

.c-gen007 .cmp-teaser {
    display: block;
    display: grid;
    overflow: hidden;
    position: relative;
    width: 100%
}

.c-gen007 .cmp-teaser__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    grid-area: 1/1;
    justify-content: center;
    margin: 0 auto;
    max-width: var(--min-width);
    min-height: auto;
    min-width: auto;
    padding: 90pt var(--side-margin);
    text-align: center;
    z-index: 1
}

@media screen and (max-width:575px) {
    .c-gen007 .cmp-teaser__content {
        display: grid;
        grid-template-rows: 1fr auto auto 1fr;
        padding: 5pc 24px 2pc
    }

    .c-gen007 .cmp-teaser__content.is-bottom>:first-child {
        margin-top: auto
    }

    .c-gen007 .cmp-teaser__content.is-bottom .cmp-teaser__action-container {
        position: static
    }
}

.c-gen007 .cmp-teaser__pretitle {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1pc
}

@media screen and (max-width:575px) {
    .c-gen007 .cmp-teaser__pretitle {
        align-self: end;
        font-size: .875rem;
        grid-row: 1/2
    }
}

.c-gen007 .cmp-teaser__title {
    font-size: 1.375rem;
    line-height: 1.45
}

@media screen and (max-width:575px) {
    .c-gen007 .cmp-teaser__title {
        align-self: end;
        font-size: 1.125rem;
        grid-row: 2/3
    }
}

@media screen and (min-width:992px) {
    .c-gen007 .cmp-teaser__title {
        font-size: 1.625rem
    }
}

.c-gen007 .cmp-teaser__description {
    font-size: 1rem;
    margin-top: 1pc
}

@media screen and (max-width:575px) {
    .c-gen007 .cmp-teaser__description {
        align-self: start;
        font-size: .875rem;
        grid-row: 3/4
    }
}

.c-gen007 .cmp-teaser__action-container {
    margin-top: 2pc;
    max-width: calc(var(--unit-width)*6 + var(--gutter-width)*5);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

@media screen and (min-width:992px) {
    .c-gen007 .cmp-teaser__action-container {
        max-width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {
    .c-gen007 .cmp-teaser__action-container {
        max-width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {
    .c-gen007 .cmp-teaser__action-container {
        align-self: end;
        grid-row: 4/5;
        justify-self: center;
        margin-top: 24px;
        max-width: 100%
    }
}

.c-gen007 .cmp-teaser__action-link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #333;
    border-radius: 2pc;
    color: #fff;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
    min-height: 56px;
    padding: 9pt 2pc;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: auto;
    z-index: 3
}

@media screen and (max-width:767.9px) {
    .c-gen007 .cmp-teaser__action-link {
        font-size: 1rem;
        min-height: 3pc;
        padding: 10px 2pc
    }
}

.c-gen007 .cmp-teaser__action-link:focus {
    outline-color: #1a1a1a
}

.c-gen007 .cmp-teaser__action-link+.cmp-teaser__action-link {
    margin-top: 2pc
}

@media screen and (max-width:575px) {
    .c-gen007 .cmp-teaser__action-link+.cmp-teaser__action-link {
        margin-top: 24px
    }
}

.c-gen007 .cmp-teaser__action-link:hover {
    background-color: #4d4d4d
}

.c-gen007 .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -2px;
    width: 1pc
}

.c-gen007 .icon--function svg {
    width: 100%
}

.c-gen007 .icon--function path {
    fill: #e6e6e6
}

.c-gen007 .cmp-teaser__image {
    grid-area: 1/1;
    height: 100%;
    width: 100%
}

.c-gen007 .cmp-image {
    height: 100%;
    width: 100%
}

.c-gen007 .cmp-image img {
    height: 100%;
    max-width: none;
    width: 100%
}

.c-gen007 .cmp-image__image {
    -o-object-fit: cover;
    object-fit: cover;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-gen007 .cmp-teaser__link {
    display: grid
}

.c-gen007 .cmp-teaser__link:hover .cmp-image__image,
.c-gen007__link:hover .cmp-image__image {
    opacity: .8
}

.teaser--light,
.teaser--light a {
    color: #fff
}

.teaser--light .cmp-teaser__action-link {
    background-color: #f2f2f2;
    color: #333
}

.teaser--light .cmp-teaser__action-link:hover {
    background-color: #e6e6e6
}

.teaser--light .cmp-teaser__action-link .icon--function path {
    fill: #1a1a1a
}

@media screen and (min-width:992px) {
    .teaser--box {
        color: #e6e6e6
    }
}

.teaser--box .cmp-teaser {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

@media screen and (min-width:992px) {
    .teaser--box .cmp-teaser {
        display: grid;
        grid-template-rows: 4pc auto 4pc;
        justify-items: right
    }
}

.teaser--box .cmp-teaser__content {
    background: #f2f2f2;
    margin: 0;
    padding: 3pc var(--side-margin) 0;
    position: static
}

@media screen and (max-width:767.9px) {
    .teaser--box .cmp-teaser__content {
        padding: 2pc var(--side-margin) 0
    }
}

@media screen and (min-width:992px) {
    .teaser--box .cmp-teaser__content {
        background: #1a1a1a;
        grid-column: 1/1;
        grid-row: 2/3;
        margin: auto;
        margin-right: var(--side-margin);
        max-width: calc(var(--unit-width)*5 + var(--gutter-width)*4);
        padding: 72px 3pc
    }
}

@media screen and (min-width:1537px) {
    .teaser--box .cmp-teaser__content {
        margin: auto;
        margin-right: calc(50% - var(--unit-width)*7 - var(--gutter-width)*6)
    }
}

.teaser--box .cmp-teaser__title {
    margin-bottom: 1pc
}

.teaser--box .cmp-teaser__description {
    line-height: 1.5;
    margin-bottom: 2pc;
    margin-top: 0;
    width: 100%
}

@media screen and (max-width:575px) {
    .teaser--box .cmp-teaser__description {
        margin-bottom: 24px
    }
}

@media screen and (min-width:768px) {
    .teaser--box .cmp-teaser__description {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

@media screen and (min-width:992px) {
    .teaser--box .cmp-teaser__description {
        width: 100%
    }
}

.teaser--box .cmp-teaser__action-container {
    margin-top: 0
}

@media screen and (max-width:575px) {
    .teaser--box .cmp-teaser__action-container {
        position: static
    }
}

.teaser--box .cmp-teaser__action-link {
    background-color: #f2f2f2;
    border: 1px solid #333;
    color: #333
}

.teaser--box .cmp-teaser__action-link:hover {
    background-color: #e6e6e6
}

@media screen and (min-width:992px) {
    .teaser--box .cmp-teaser__action-link {
        background-color: #1a1a1a;
        border: 1px solid #e6e6e6;
        color: #e6e6e6
    }

    .teaser--box .cmp-teaser__action-link:hover {
        background-color: #343434
    }

    .teaser--box .cmp-teaser__action-link:active {
        background-color: #4d4d4d
    }
}

.teaser--box .cmp-teaser__image {
    grid-column: 1/1;
    grid-row: 1/4
}

@media screen and (max-width:991px) {
    .teaser--box .cmp-image img {
        min-height: 0 !important
    }
}

.teaser--box .icon--function path {
    fill: #1a1a1a
}

@media screen and (min-width:992px) {
    .teaser--box .icon--function path {
        fill: #e6e6e6
    }
}

.teaser--box.teaser--light {
    color: #1a1a1a
}

.teaser--box.teaser--light .cmp-teaser__content {
    background: #f2f2f2
}

.teaser--box.teaser--light .cmp-teaser__action-link {
    background-color: #f2f2f2;
    border: 1px solid #333;
    color: #333
}

.teaser--box.teaser--light .cmp-teaser__action-link:hover {
    background-color: #e6e6e6
}

@media screen and (min-width:992px) {
    .teaser--box.teaser--left .cmp-teaser {
        justify-items: left
    }

    .teaser--box.teaser--left .cmp-teaser__content {
        margin-left: var(--side-margin);
        margin-right: auto
    }
}

@media screen and (min-width:1537px) {
    .teaser--box.teaser--left .cmp-teaser__content {
        margin-left: calc(50% - var(--unit-width)*7 - var(--gutter-width)*6);
        margin-right: auto
    }
}

.teaser--bottom {
    color: #1a1a1a;
    min-height: 0 !important
}

.teaser--bottom .cmp-teaser {
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse
}

.teaser--bottom .cmp-teaser,
.teaser--bottom .cmp-teaser__content {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.teaser--bottom .cmp-teaser__content {
    -webkit-box-direction: normal;
    background: #f2f2f2;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto;
    padding: 3pc var(--side-margin) 0;
    position: static
}

@media screen and (max-width:767.9px) {
    .teaser--bottom .cmp-teaser__content {
        padding: 2pc var(--side-margin) 0
    }
}

@media screen and (max-width:575px) {
    .teaser--bottom .cmp-teaser__pretitle {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.teaser--bottom .cmp-teaser__title {
    margin-bottom: 1pc
}

@media screen and (max-width:575px) {
    .teaser--bottom .cmp-teaser__title {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.teaser--bottom .cmp-teaser__description {
    margin-bottom: 2pc;
    margin-top: 0
}

@media screen and (max-width:575px) {
    .teaser--bottom .cmp-teaser__description {
        -ms-flex-item-align: center;
        align-self: center;
        margin-bottom: 24px
    }
}

.teaser--bottom .cmp-teaser__action-container {
    margin-top: 0;
    position: static
}

@media screen and (max-width:575px) {
    .teaser--bottom .cmp-teaser__action-container {
        -ms-flex-item-align: center;
        align-self: center
    }
}

.teaser--bottom .cmp-image img {
    min-height: 0 !important
}

@media screen and (min-width:576px) {

    .teaser--blur,
    .teaser--noBlur {
        min-height: 795px !important
    }
}

.teaser--blur .cmp-teaser__content,
.teaser--noBlur .cmp-teaser__content {
    background: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(50%, hsla(0, 0%, 100%, .5)), to(hsla(0, 0%, 100%, .5)));
    background: linear-gradient(180deg, hsla(0, 0%, 100%, 0) 0, hsla(0, 0%, 100%, .5) 50%, hsla(0, 0%, 100%, .5));
    margin: 0;
    max-width: 100%;
    padding: 3pc var(--side-margin);
    position: absolute;
    top: auto;
    inset: auto 0 0 0
}

@media screen and (max-width:767.9px) {

    .teaser--blur .cmp-teaser__content,
    .teaser--noBlur .cmp-teaser__content {
        padding: 2pc 24px
    }
}

.teaser--blur .cmp-teaser__content:before,
.teaser--noBlur .cmp-teaser__content:before {
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
    content: "";
    inset: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(12.5%, #000), color-stop(25%, #000), color-stop(37.5%, transparent));
    -webkit-mask: linear-gradient(180deg, transparent 0, #000 12.5%, #000 25%, transparent 37.5%);
    mask: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(12.5%, #000), color-stop(25%, #000), color-stop(37.5%, transparent));
    mask: linear-gradient(180deg, transparent 0, #000 12.5%, #000 25%, transparent 37.5%);
    position: absolute;
    z-index: 1
}

.teaser--blur .cmp-teaser__content:after,
.teaser--noBlur .cmp-teaser__content:after {
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
    content: "";
    inset: 0;
    -webkit-mask: -webkit-gradient(linear, left top, left bottom, color-stop(12.5%, transparent), color-stop(25%, #000), color-stop(37.5%, #000), to(#000));
    -webkit-mask: linear-gradient(180deg, transparent 12.5%, #000 25%, #000 37.5%, #000);
    mask: -webkit-gradient(linear, left top, left bottom, color-stop(12.5%, transparent), color-stop(25%, #000), color-stop(37.5%, #000), to(#000));
    mask: linear-gradient(180deg, transparent 12.5%, #000 25%, #000 37.5%, #000);
    position: absolute;
    z-index: 1
}

.teaser--blur .cmp-teaser__content .cmp-teaser__description,
.teaser--blur .cmp-teaser__content .cmp-teaser__pretitle,
.teaser--blur .cmp-teaser__content .cmp-teaser__title,
.teaser--noBlur .cmp-teaser__content .cmp-teaser__description,
.teaser--noBlur .cmp-teaser__content .cmp-teaser__pretitle,
.teaser--noBlur .cmp-teaser__content .cmp-teaser__title {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--min-width);
    z-index: 2
}

.teaser--blur .cmp-teaser__action-container,
.teaser--noBlur .cmp-teaser__action-container {
    position: static
}

@media screen and (min-width:576px) {

    .teaser--blur .cmp-image img,
    .teaser--noBlur .cmp-image img {
        min-height: 795px !important
    }
}

.teaser--blur.teaser--light .cmp-teaser__content,
.teaser--light.teaser--noBlur .cmp-teaser__content {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, .5)));
    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .5) 50%, rgba(0, 0, 0, .5))
}

.teaser--noBlur .cmp-teaser__content {
    background: inherit
}

.teaser--noBlur .cmp-teaser__content:after,
.teaser--noBlur .cmp-teaser__content:before {
    -webkit-backdrop-filter: inherit;
    backdrop-filter: inherit;
    -webkit-mask: inherit;
    mask: inherit
}

.teaser--noBlur.teaser--light .cmp-teaser__content {
    background: inherit
}

.c-gen008 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-gen008 {
        margin-bottom: 2pc
    }
}

.c-gen008 .cmp-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width)
}

.c-gen008 .cmp-list>li {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {
    .c-gen008 .cmp-list>li {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:575px) {
    .c-gen008 .cmp-list>li {
        width: 100%
    }
}

.c-gen008 .cmp-list>li .icon--function img {
    width: 100%
}

.c-gen008 .cmp-teaser>.cmp-teaser__content .c-product__link:hover {
    text-decoration: none
}

.c-gen008 .cmp-teaser__link {
    display: block;
    text-align: left;
    text-decoration: none
}

.c-gen008 .cmp-teaser__link:hover .c-gen008__thumbnail {
    opacity: .8
}

.c-gen008 .cmp-teaser__link:hover .c-product__link {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-gen008 .cmp-teaser__content>:last-child {
    margin-bottom: 0
}

.c-gen008 .cmp-teaser__title {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 1pc
}

@media screen and (max-width:767.9px) {
    .c-gen008 .cmp-teaser__title {
        font-size: 1.125rem
    }
}

.c-gen008 .cmp-teaser__title .icon--new {
    color: #914108;
    margin-right: 4px
}

.c-gen008 .cmp-teaser__title .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -4px;
    width: 1pc
}

.c-gen008 .cmp-teaser__description {
    line-height: 1.5;
    margin-bottom: 1pc
}

.c-gen008 .cmp-list__item-date {
    color: #666;
    display: block;
    font-size: .875rem;
    margin-bottom: 8px
}

.c-gen008 .cmp-list__item-link {
    display: block;
    font-size: 1rem;
    text-align: left;
    text-decoration: none
}

.c-gen008 .cmp-list__item-description {
    line-height: 1.5;
    margin-top: 8px
}

.c-gen008.contentsList--narrow {
    margin: 0 auto 24px;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-gen008.contentsList--narrow {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-gen008.contentsList--narrow {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-gen008__thumbnail {
    margin-bottom: 1pc;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-gen008__thumbnail>img {
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-gen008--col4 .cmp-list {
        gap: 2pc var(--gutter-width)
    }

    .c-gen008--col4 .cmp-list>li {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-gen008--col3 .cmp-list>li {
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:575px) {
    .c-gen008--col3 .cmp-list>li {
        width: 100%
    }
}

@media screen and (min-width:768px) {
    .c-gen008--col3 .cmp-list>li {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.c-gen008--col2 .cmp-list>li {
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:575px) {
    .c-gen008--col2 .cmp-list>li {
        width: 100%
    }
}

.c-gen008--irregularity .cmp-list>li {
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-gen008--irregularity .cmp-list>li {
        width: 100%
    }
}

.c-gen008--irregularity .cmp-teaser__link {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    gap: var(--gutter-width)
}

.c-gen008--irregularity .c-gen008__thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-bottom: 0;
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .c-gen008--irregularity .c-gen008__thumbnail {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.c-gen008--info {
    margin-bottom: 24px
}

.c-gen008--info .cmp-list {
    gap: 24px
}

.c-gen008--info .cmp-list>li {
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-gen008--info .cmp-list>li {
        width: 100%
    }
}

.c-gen008--info .cmp-list__item-link:hover .cmp-list__item-title {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-gen008--info .icon--new {
    color: #914108;
    margin-right: 4px
}

.c-gen008--info .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -4px;
    width: 1pc
}

.c-gen009 {
    margin-bottom: 24px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-gen009 a {
    font-size: 1rem;
    font-weight: 400
}

.c-gen009 a+ol,
.c-gen009 a+ul {
    margin-top: 24px
}

.c-gen009 ul {
    margin-left: 1pc
}

.c-gen009 li {
    margin-bottom: 24px
}

.c-gen009 li:last-child {
    margin-bottom: 0
}

.c-gen009 ol {
    margin-left: 1pc
}

.c-gen009 .cmp-toc__content>ul {
    margin-left: 0
}

.c-gen009 .cmp-toc__content>ol {
    margin-left: 24px
}

.c-gen009.list--dot ul {
    margin-left: 1pc
}

.c-gen009.list--dot ul li {
    list-style-type: none;
    position: relative
}

.c-gen009.list--dot ul li:before {
    content: "・";
    display: block;
    left: -20px;
    position: absolute;
    top: 0;
    width: 1pc
}

.c-gen009.list--dot .cmp-toc__content>ul {
    margin-left: 24px
}

.c-gen009.toc--noIcon .icon--function {
    display: none
}

.c-gen010 {
    margin: 0 auto 3pc;
    max-width: 80pc;
    position: relative;
    width: 100%;
    z-index: 4
}

@media screen and (max-width:767.9px) {
    .c-gen010 {
        width: 100%
    }
}

.c-gen010 .c-gen010__inner {
    background: #f2f2f2;
    overflow-x: auto;
    position: relative;
    width: 100%
}

.c-gen010 .c-gen010__inner:after {
    background: #666;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-gen010 .cmp-list {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-around;
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.c-gen010 .cmp-list>li:last-child .is-active:after {
    left: auto;
    right: -4px
}

.c-gen010 .cmp-list__item {
    border: 4px solid transparent;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.pressTabkey .c-gen010 .cmp-list__item:focus {
    border: 3px dotted;
    border-color: initial;
    outline: none
}

.c-gen010.is-sticky {
    background: #f2f2f2;
    max-width: 100%;
    width: 100%;
    z-index: 5
}

.c-gen010.is-sticky .c-gen010__wrapper {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

@media screen and (min-width:1920px) {
    .c-gen010.is-sticky {
        margin-left: calc((100vw - var(--scrollbar) - var(--max-width))/2*-1);
        max-width: calc(100vw - var(--scrollbar));
        width: calc(100vw - var(--scrollbar))
    }

    .c-lay001 .c-gen010.is-sticky {
        margin-left: auto;
        max-width: 100%;
        width: 100%
    }
}

.c-gen010.c-gen010--scroll .cmp-list {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-gen010 sub,
.c-gen010 sup {
    display: inline-block;
    font-size: .625rem
}

@media screen and (max-width:767.9px) {

    .c-gen010 sub,
    .c-gen010 sup {
        font-size: .5rem
    }
}

.c-gen010 sup {
    top: -.9em
}

@media screen and (max-width:767.9px) {
    .c-gen010 sup {
        top: -.8em
    }
}

.c-gen010 sub {
    bottom: 0
}

.c-gen010 .simplebar-track {
    display: none
}

.c-gen010.tab--narrow .c-gen010__wrapper {
    background: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-gen010.tab--narrow .c-gen010__inner {
    margin-left: auto;
    margin-right: auto;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-gen010.tab--narrow .c-gen010__inner {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-gen010.tab--narrow .c-gen010__inner {
        width: 100%
    }
}

.c-gen010.tab--narrow .c-gen010__arrow--prev {
    left: calc(50% - var(--unit-width)*10/2 - var(--gutter-width)*9/2)
}

@media screen and (min-width:992px) {
    .c-gen010.tab--narrow .c-gen010__arrow--prev {
        left: calc(50% - var(--unit-width)*8/2 - var(--gutter-width)*7/2)
    }
}

@media screen and (max-width:767.9px) {
    .c-gen010.tab--narrow .c-gen010__arrow--prev {
        left: 0
    }
}

.c-gen010.tab--narrow .c-gen010__arrow--next {
    right: calc(50% - var(--unit-width)*10/2 - var(--gutter-width)*9/2)
}

@media screen and (min-width:992px) {
    .c-gen010.tab--narrow .c-gen010__arrow--next {
        right: calc(50% - var(--unit-width)*8/2 - var(--gutter-width)*7/2)
    }
}

@media screen and (max-width:767.9px) {
    .c-gen010.tab--narrow .c-gen010__arrow--next {
        right: 0
    }
}

.c-gen010.tab--narrow.is-sticky:after {
    display: none
}

.c-gen010.tab--narrow.is-sticky .c-gen010__wrapper:after {
    background: #666;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-gen010__link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 350;
    justify-content: center;
    padding: 5px 1pc 4px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.c-gen010__link.is-active {
    color: #1a1a1a;
    cursor: default;
    font-weight: 500;
    pointer-events: none;
    position: relative
}

.c-gen010__link.is-active:after {
    background: #333;
    bottom: -7px;
    content: "";
    height: 3px;
    left: -4px;
    position: absolute;
    width: calc(100% + 8px)
}

.c-gen010__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.cmp-list__item-title {
    text-align: left
}

.c-gen010__arrow {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f2f2f2), to(hsla(0, 0%, 95%, 0)));
    background: linear-gradient(270deg, #f2f2f2 50%, hsla(0, 0%, 95%, 0));
    display: none;
    height: 44px;
    position: absolute;
    top: calc(50% - 22px);
    width: 44px;
    z-index: 1
}

.c-gen010__arrow .c-gen010__arrowIcon {
    display: block;
    height: 1pc;
    margin-left: auto;
    width: 1pc
}

.c-gen010__arrow .c-gen010__arrowIcon img {
    width: 100%
}

.c-gen010__arrow--prev {
    left: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    z-index: 1
}

.c-gen010__arrow--next {
    right: 0
}

.c-gen011 {
    margin-bottom: 24px
}

.c-gen011 .dynamicmedia {
    cursor: pointer;
    -webkit-transition: opacity .4s;
    transition: opacity .4s
}

.c-gen011 .dynamicmedia:hover {
    opacity: .8
}

@media screen and (max-width:575px) {

    .c-gen011 .c-product__modalClose,
    .c-gen011 .c-product__modalOverlay,
    .c-gen011 .c-product__videoThumb {
        display: none
    }

    .c-gen011 .c-product__modal {
        display: block;
        overflow: hidden;
        position: relative
    }

    .c-gen011 .c-product__modalProducts .c-product__modalWrap {
        margin: 0
    }

    .c-gen011 .c-product__modalInner,
    .c-gen011 .c-product__modalProducts .c-product__modalInner {
        padding: 0
    }
}

:root {
    --max-width: 1920px;
    --min-width: 1280px;
    --md-min-width: 800px;
    --scrollbar: 0px;
    --content-width: calc(100vw - var(--scrollbar));
    --md-content-width: calc(100vw - var(--scrollbar));
    --outer-width: min(var(--max-width), calc(100vw - var(--scrollbar)));
    --inner-width: calc(var(--content-width) - var(--side-margin)*2);
    --md-inner-width: calc(var(--md-content-width) - var(--side-margin)*2);
    --content-margin: calc((var(--outer-width) - var(--content-width))/2);
    --unit-width: calc(8.33333vw - var(--scrollbar)/12 - var(--gutter-width)*11/12 - var(--side-margin)*2/12);
    --col-width: calc(8.33333% - var(--gutter-width)*11/12);
    --gutter-width: 24px;
    --side-margin: var(--gutter-width);
    --basis-margin: var(--gutter-width)
}

@media screen and (max-width:575px) {
    :root {
        --gutter-width: 16px;
        --side-margin: 24px
    }
}

@media screen and (min-width:992px) {
    :root {
        --gutter-width: 32px
    }
}

@media screen and (min-width:1200px) {
    :root {
        --md-content-width: calc(var(--md-min-width) + var(--side-margin)*2)
    }
}

@media screen and (min-width:1344px) {
    :root {
        --min-width: 1280px;
        --unit-width: calc((var(--content-width) - (var(--gutter-width)*11 + var(--side-margin)*2))/12);
        --content-width: calc(var(--min-width) + var(--side-margin)*2)
    }
}

.row {
    width: 100%
}

.row .c-lay011>:last-child {
    margin-bottom: 0 !important
}

.marginBottom--0 .c-lay001,
.marginBottom--120-80 .c-lay001,
.marginBottom--16 .c-lay001,
.marginBottom--24-16 .c-lay001,
.marginBottom--32-24 .c-lay001,
.marginBottom--48-32 .c-lay001,
.marginBottom--64-48 .c-lay001,
.marginBottom--8 .c-lay001,
.marginBottom--80-48 .c-lay001,
.marginBottom--80-80 .c-lay001 {
    margin-bottom: 0
}

.c-lay011 {
    height: 100%
}

.cmp-accordion__panel .tabs:last-child .c-lay001,
.cmp-tabs__tabpanel .tabs:last-child .c-lay001 {
    margin-bottom: 0
}

.c-lay001 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 3pc;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:575px) {
    .c-lay001.mobileCol--swap {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.column-a1 {
    display: block
}

.column-a1>.row {
    margin-bottom: 40px
}

@media screen and (max-width:767.9px) {
    .column-a1>.row {
        margin-bottom: 2pc
    }
}

.column-a1>.row:last-child {
    margin-bottom: 0
}

.column-a1_1 {
    display: block
}

@media screen and (max-width:767.9px) {
    .column-a1_1 {
        max-width: 100%;
        width: 100%
    }
}

.column-a1_1>.row {
    margin-bottom: 40px
}

@media screen and (max-width:767.9px) {
    .column-a1_1>.row {
        margin-bottom: 2pc
    }
}

.column-a1_1>.row:last-child {
    margin-bottom: 0
}

.column-a2 {
    background: #e6e6e6;
    display: block;
    max-width: 100%;
    padding-bottom: 2pc;
    padding-top: 2pc;
    width: 100%
}

@media screen and (min-width:1400px) {
    .column-a2 {
        width: var(--content-width)
    }
}

@media screen and (max-width:767.9px) {
    .column-a2 {
        padding-bottom: 24px;
        padding-top: 24px
    }
}

.column-a2>.row {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.column-a2_1 {
    background: #e6e6e6;
    display: block;
    max-width: 100%;
    padding-bottom: 4pc;
    padding-top: 4pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-a2_1 {
        padding-bottom: 3pc;
        padding-top: 3pc
    }
}

.column-a2_1>.row {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.column-a3 {
    display: block;
    max-width: 100%;
    width: 100%
}

.column-a3>.row {
    margin-bottom: 40px
}

@media screen and (max-width:767.9px) {
    .column-a3>.row {
        margin-bottom: 2pc
    }
}

.column-a3>.row:last-child {
    margin-bottom: 0
}

.column-a3_1 {
    display: block;
    max-width: 100%;
    width: 100%
}

.column-a3_1>.row {
    margin-bottom: 40px;
    width: calc(100% - var(--content-margin) - var(--side-margin))
}

@media screen and (max-width:767.9px) {
    .column-a3_1>.row {
        margin-bottom: 2pc
    }
}

.column-a3_1>.row:last-child {
    margin-bottom: 0
}

.column-a3_2 {
    display: block;
    max-width: 100%;
    width: 100%
}

.column-a3_2>.row {
    margin-bottom: 40px;
    margin-left: calc(var(--content-margin) + var(--side-margin));
    width: calc(100% - var(--content-margin) - var(--side-margin))
}

@media screen and (max-width:767.9px) {
    .column-a3_2>.row {
        margin-bottom: 2pc
    }
}

.column-a3_2>.row:last-child {
    margin-bottom: 0
}

.column-b1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b1 {
        gap: 2pc var(--gutter-width)
    }
}

.column-b1>.row {
    width: calc(50% - 9pt)
}

@media screen and (min-width:992px) {
    .column-b1>.row {
        width: calc(50% - 1pc)
    }
}

@media screen and (max-width:575px) {
    .column-b1>.row {
        width: 100%
    }
}

.column-b2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b2 {
        gap: 2pc var(--gutter-width)
    }
}

.column-b2>.row {
    width: calc(50% - 9pt)
}

@media screen and (min-width:992px) {
    .column-b2>.row {
        width: calc(50% - 1pc)
    }
}

@media screen and (max-width:575px) {
    .column-b2>.row {
        width: calc(50% - 8px)
    }
}

.column-b2_1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b2_1 {
        gap: 2pc var(--gutter-width);
        max-width: 100%;
        width: 100%
    }
}

.column-b2_1>.row {
    width: calc(50% - 9pt)
}

@media screen and (min-width:992px) {
    .column-b2_1>.row {
        width: calc(50% - 1pc)
    }
}

@media screen and (max-width:575px) {
    .column-b2_1>.row {
        width: calc(50% - 8px)
    }
}

.column-b2_2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: 100%;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b2_2 {
        gap: 2pc var(--gutter-width)
    }
}

.column-b2_2>.row {
    width: calc(50% - 9pt)
}

@media screen and (min-width:992px) {
    .column-b2_2>.row {
        width: calc(50% - 1pc)
    }
}

@media screen and (max-width:575px) {
    .column-b2_2>.row {
        width: calc(50% - 8px)
    }
}

.column-b2_3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 0;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b2_3 {
        gap: 2pc 0
    }
}

.column-b2_3>.row {
    width: 50%
}

.column-b2_4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 0;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b2_4 {
        gap: 2pc 0;
        max-width: 100%;
        width: 100%
    }
}

.column-b2_4>.row {
    width: 50%
}

.column-b2_5 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 0;
    max-width: 100%;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b2_5 {
        gap: 2pc 0
    }
}

.column-b2_5>.row {
    width: 50%
}

.column-b3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b3 {
        gap: 2pc var(--gutter-width)
    }
}

.column-b3>.row:nth-child(odd) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {
    .column-b3>.row:nth-child(odd) {
        width: 100%
    }
}

.column-b3>.row:nth-child(2n) {
    width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
}

@media screen and (max-width:575px) {
    .column-b3>.row:nth-child(2n) {
        width: 100%
    }
}

.column-b3.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
}

@media screen and (max-width:575px) {
    .column-b3.ratioCol--swap>.row:nth-child(odd) {
        width: 100%
    }
}

.column-b3.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {
    .column-b3.ratioCol--swap>.row:nth-child(2n) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b3>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-b3>.row:nth-child(odd) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b3>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-b3>.row:nth-child(odd) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b3>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-b3>.row:nth-child(2n) {
    width: calc(var(--col-width)*8 + var(--gutter-width)*7)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b3>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-b3>.row:nth-child(2n) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b3.ratioCol--swap>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-b3.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--col-width)*8 + var(--gutter-width)*7)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b3.ratioCol--swap>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-b3.ratioCol--swap>.row:nth-child(odd) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b3.ratioCol--swap>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-b3.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b3.ratioCol--swap>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-b3.ratioCol--swap>.row:nth-child(2n) {
        width: 100%
    }
}

.column-b4 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-b4 {
        gap: 2pc var(--gutter-width)
    }
}

.column-b4>.row:nth-child(odd) {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:575px) {
    .column-b4>.row:nth-child(odd) {
        width: 100%
    }
}

.column-b4>.row:nth-child(2n) {
    width: calc(var(--unit-width)*9 + var(--gutter-width)*8)
}

@media screen and (max-width:575px) {
    .column-b4>.row:nth-child(2n) {
        width: 100%
    }
}

.column-b4.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--unit-width)*9 + var(--gutter-width)*8)
}

@media screen and (max-width:575px) {
    .column-b4.ratioCol--swap>.row:nth-child(odd) {
        width: 100%
    }
}

.column-b4.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:575px) {
    .column-b4.ratioCol--swap>.row:nth-child(2n) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b4>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-b4>.row:nth-child(odd) {
    width: calc(var(--col-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b4>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-b4>.row:nth-child(odd) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b4>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-b4>.row:nth-child(2n) {
    width: calc(var(--col-width)*9 + var(--gutter-width)*8)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b4>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-b4>.row:nth-child(2n) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b4.ratioCol--swap>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-b4.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--col-width)*9 + var(--gutter-width)*8)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b4.ratioCol--swap>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-b4.ratioCol--swap>.row:nth-child(odd) {
        width: 100%
    }
}

.cmp-accordion__panel .column-b4.ratioCol--swap>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-b4.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--col-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-b4.ratioCol--swap>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-b4.ratioCol--swap>.row:nth-child(2n) {
        width: 100%
    }
}

.column-c1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-c1 {
        gap: 2pc var(--gutter-width)
    }
}

.column-c1>.row {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .column-c1>.row {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:575px) {
    .column-c1>.row {
        width: 100%
    }
}

.cmp-accordion__panel .column-c1>.row,
.cmp-tabs__tabpanel .column-c1>.row {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-c1>.row,
    .cmp-tabs__tabpanel .column-c1>.row {
        width: calc(var(--col-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-c1>.row,
    .cmp-tabs__tabpanel .column-c1>.row {
        width: 100%
    }
}

.column-c2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-c2 {
        gap: 2pc var(--gutter-width)
    }
}

.column-c2>.row {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

.cmp-accordion__panel .column-c2>.row,
.cmp-tabs__tabpanel .column-c2>.row {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

.column-d1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-d1 {
        gap: 2pc var(--gutter-width)
    }
}

.column-d1>.row {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {
    .column-d1>.row {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:575px) {
    .column-d1>.row {
        width: 100%
    }
}

.cmp-accordion__panel .column-d1>.row,
.cmp-tabs__tabpanel .column-d1>.row {
    width: calc(var(--col-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-d1>.row,
    .cmp-tabs__tabpanel .column-d1>.row {
        width: calc(var(--col-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-d1>.row,
    .cmp-tabs__tabpanel .column-d1>.row {
        width: 100%
    }
}

.column-d2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-d2 {
        gap: 2pc var(--gutter-width)
    }
}

.column-d2>.row {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {
    .column-d2>.row {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.cmp-accordion__panel .column-d2>.row,
.cmp-tabs__tabpanel .column-d2>.row {
    width: calc(var(--col-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-d2>.row,
    .cmp-tabs__tabpanel .column-d2>.row {
        width: calc(var(--col-width)*6 + var(--gutter-width)*5)
    }
}

.column-d3 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-d3 {
        gap: 2pc var(--gutter-width)
    }
}

.column-d3>.row {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

.cmp-accordion__panel .column-d3>.row,
.cmp-tabs__tabpanel .column-d3>.row {
    width: calc(var(--col-width)*3 + var(--gutter-width)*2)
}

.column-e1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-e1 {
        gap: 2pc var(--gutter-width)
    }
}

.column-e1>.row:nth-child(odd) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .column-e1>.row:nth-child(odd) {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.column-e1>.row:nth-child(2n) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .column-e1>.row:nth-child(2n) {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

.column-e1.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .column-e1.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

.column-e1.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .column-e1.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.cmp-accordion__panel .column-e1>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-e1>.row:nth-child(odd) {
    width: calc(var(--col-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1>.row:nth-child(odd) {
        width: calc(var(--col-width)*4 + var(--gutter-width)*3)
    }
}

.cmp-accordion__panel .column-e1>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-e1>.row:nth-child(2n) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1>.row:nth-child(2n) {
        width: calc(var(--col-width)*8 + var(--gutter-width)*7)
    }
}

.cmp-accordion__panel .column-e1.ratioCol--swap>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-e1.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1.ratioCol--swap>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--col-width)*8 + var(--gutter-width)*7)
    }
}

.cmp-accordion__panel .column-e1.ratioCol--swap>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-e1.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--col-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1.ratioCol--swap>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--col-width)*4 + var(--gutter-width)*3)
    }
}

.column-e1_1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-e1_1 {
        gap: 2pc var(--gutter-width)
    }
}

.column-e1_1>.row:nth-child(odd) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:575px) {
    .column-e1_1>.row:nth-child(odd) {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.column-e1_1>.row:nth-child(2n) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {
    .column-e1_1>.row:nth-child(2n) {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

.column-e1_1.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {
    .column-e1_1.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

.column-e1_1.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:575px) {
    .column-e1_1.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

.cmp-accordion__panel .column-e1_1>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-e1_1>.row:nth-child(odd) {
    width: calc(var(--col-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_1>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1_1>.row:nth-child(odd) {
        width: calc(var(--col-width)*4 + var(--gutter-width)*3)
    }
}

.cmp-accordion__panel .column-e1_1>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-e1_1>.row:nth-child(2n) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_1>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1_1>.row:nth-child(2n) {
        width: calc(var(--col-width)*8 + var(--gutter-width)*7)
    }
}

.cmp-accordion__panel .column-e1_1.ratioCol--swap>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-e1_1.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_1.ratioCol--swap>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1_1.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--col-width)*8 + var(--gutter-width)*7)
    }
}

.cmp-accordion__panel .column-e1_1.ratioCol--swap>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-e1_1.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--col-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_1.ratioCol--swap>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1_1.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--col-width)*4 + var(--gutter-width)*3)
    }
}

.column-e1_2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .column-e1_2 {
        gap: 2pc var(--gutter-width)
    }
}

.column-e1_2>.row:nth-child(odd) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .column-e1_2>.row:nth-child(odd) {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {
    .column-e1_2>.row:nth-child(odd) {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.column-e1_2>.row:nth-child(2n) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .column-e1_2>.row:nth-child(2n) {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {
    .column-e1_2>.row:nth-child(2n) {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.column-e1_2.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .column-e1_2.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {
    .column-e1_2.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.column-e1_2.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .column-e1_2.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {
    .column-e1_2.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.cmp-accordion__panel .column-e1_2>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-e1_2>.row:nth-child(odd) {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1_2>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1_2>.row:nth-child(odd) {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_2>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1_2>.row:nth-child(odd) {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.cmp-accordion__panel .column-e1_2>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-e1_2>.row:nth-child(2n) {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1_2>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1_2>.row:nth-child(2n) {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_2>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1_2>.row:nth-child(2n) {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.cmp-accordion__panel .column-e1_2.ratioCol--swap>.row:nth-child(odd),
.cmp-tabs__tabpanel .column-e1_2.ratioCol--swap>.row:nth-child(odd) {
    width: calc(var(--col-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1_2.ratioCol--swap>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1_2.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--col-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_2.ratioCol--swap>.row:nth-child(odd),
    .cmp-tabs__tabpanel .column-e1_2.ratioCol--swap>.row:nth-child(odd) {
        width: calc(var(--col-width)*6 + var(--gutter-width)*5)
    }
}

.cmp-accordion__panel .column-e1_2.ratioCol--swap>.row:nth-child(2n),
.cmp-tabs__tabpanel .column-e1_2.ratioCol--swap>.row:nth-child(2n) {
    width: calc(var(--col-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {

    .cmp-accordion__panel .column-e1_2.ratioCol--swap>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1_2.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--col-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {

    .cmp-accordion__panel .column-e1_2.ratioCol--swap>.row:nth-child(2n),
    .cmp-tabs__tabpanel .column-e1_2.ratioCol--swap>.row:nth-child(2n) {
        width: calc(var(--col-width)*6 + var(--gutter-width)*5)
    }
}

.c-lay002 {
    position: relative
}

.c-lay002 .cmp-container>:last-child {
    margin-bottom: 0
}

.c-lay002 .cmp-container[data-bg-pc],
.c-lay002 .cmp-container[style*=background] {
    padding: 2pc
}

@media screen and (max-width:767.9px) {

    .c-lay002 .cmp-container[data-bg-pc],
    .c-lay002 .cmp-container[style*=background] {
        padding: 24px
    }
}

.c-lay002 .cmp-container[data-bg-pc]>*,
.c-lay002 .cmp-container[style*=background]>* {
    margin-top: 0
}

.c-lay002 .cmp-container[data-bg-pc] {
    background-repeat: no-repeat;
    background-size: cover
}

.c-lay002:has(.c-lay002__area-link:hover) .c-lay002__contents .cmp-image__image {
    opacity: .8
}

.c-lay002:has(.c-lay002__area-link:hover) .c-lay002__contents .cmp-text p {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-lay002__contents>:last-child {
    margin-bottom: 0
}

.c-lay002__contents .cmp-text p {
    display: inline
}

.c-lay002__area-link {
    bottom: 0;
    content: "";
    font-size: 0;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1
}

.c-lay002 .c-gen004 {
    position: relative;
    z-index: 1
}

.c-lay002.borderColor--red>.cmp-container {
    border: 1px solid #b81f14;
    padding: 2pc
}

@media screen and (max-width:767.9px) {
    .c-lay002.borderColor--red>.cmp-container {
        padding: 24px
    }
}

.c-lay002.borderColor--red>.cmp-container>:last-child {
    margin-bottom: 0
}

.c-lay002.borderColor--gray>.cmp-container {
    border: 1px solid #ccc;
    padding: 2pc
}

@media screen and (max-width:767.9px) {
    .c-lay002.borderColor--gray>.cmp-container {
        padding: 24px
    }
}

.c-lay002.borderColor--gray>.cmp-container>:last-child {
    margin-bottom: 0
}

.c-lay002.type--auto,
.c-lay002.type--autoCenter,
.c-lay002.type--autoRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-lay002.type--auto .cmp-container[data-bg-pc],
.c-lay002.type--auto .cmp-container[style*=background],
.c-lay002.type--autoCenter .cmp-container[data-bg-pc],
.c-lay002.type--autoCenter .cmp-container[style*=background],
.c-lay002.type--autoRight .cmp-container[data-bg-pc],
.c-lay002.type--autoRight .cmp-container[style*=background] {
    padding: 1pc
}

.c-lay002.type--auto.position--center,
.c-lay002.type--autoCenter.position--center,
.c-lay002.type--autoRight.position--center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-lay002.type--auto.position--right,
.c-lay002.type--autoCenter.position--right,
.c-lay002.type--autoRight.position--right {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.c-lay002.type--autoCenter>.cmp-container {
    margin-left: auto;
    margin-right: auto
}

.c-lay002.type--autoRight>.cmp-container {
    margin-left: auto
}

.c-lay002.position--center>.cmp-container>* {
    margin-left: auto;
    margin-right: auto
}

.c-lay002.position--center>.cmp-container>:not(.c-gen009) {
    text-align: center
}

.c-lay002.position--center>.cmp-container>:not(.c-gen009) button {
    margin-left: auto;
    margin-right: auto
}

.c-lay002.position--right>.cmp-container>* {
    margin-left: auto
}

.c-lay002.position--right>.cmp-container>:not(.c-gen009) {
    text-align: right
}

.c-lay002.position--right>.cmp-container>:not(.c-gen009) button {
    margin-left: auto
}

.c-lay002.position--middle {
    height: 100%
}

.c-lay002.position--middle>.cmp-container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-line-pack: center;
    -ms-flex-negative: 0;
    align-content: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

@media screen and (max-width:767.9px) {
    .c-lay002.position--middle>.cmp-container {
        display: block
    }
}

.c-lay002.position--middle>.cmp-container>* {
    width: 100%
}

.c-lay002.position--bottom {
    height: 100%
}

.c-lay002.position--bottom>.cmp-container {
    -ms-flex-line-pack: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    -ms-flex-negative: 0;
    align-content: flex-end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-shrink: 0;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

@media screen and (max-width:767.9px) {
    .c-lay002.position--bottom>.cmp-container {
        display: block
    }
}

.c-lay002.container--narrow,
.c-lay002.container--narrowCenter,
.c-lay002.container--narrowRight {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-lay002.container--narrow>.cmp-container,
.c-lay002.container--narrowCenter>.cmp-container,
.c-lay002.container--narrowRight>.cmp-container {
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {

    .c-lay002.container--narrow>.cmp-container,
    .c-lay002.container--narrowCenter>.cmp-container,
    .c-lay002.container--narrowRight>.cmp-container {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {

    .c-lay002.container--narrow>.cmp-container,
    .c-lay002.container--narrowCenter>.cmp-container,
    .c-lay002.container--narrowRight>.cmp-container {
        width: 100%
    }
}

.c-lay002.container--narrow .c-lay001,
.c-lay002.container--narrowCenter .c-lay001,
.c-lay002.container--narrowRight .c-lay001 {
    --content-width: 100%;
    --outer-width: min(var(--max-width), 100%);
    --unit-width: calc(8.33333% - var(--gutter-width)*11/12)
}

@media screen and (min-width:768px) {

    .c-lay002.container--narrow .c-lay001,
    .c-lay002.container--narrowCenter .c-lay001,
    .c-lay002.container--narrowRight .c-lay001 {
        --inner-width: 100%
    }
}

@media screen and (min-width:1344px) {

    .c-lay002.container--narrow .c-lay001,
    .c-lay002.container--narrowCenter .c-lay001,
    .c-lay002.container--narrowRight .c-lay001 {
        --content-width: 1280px
    }
}

.c-lay002.container--narrow .c-product__modalWrap,
.c-lay002.container--narrowCenter .c-product__modalWrap,
.c-lay002.container--narrowRight .c-product__modalWrap {
    --content-width: calc(100vw - var(--scrollbar));
    --outer-width: min(var(--max-width), calc(100vw - var(--scrollbar)));
    --unit-width: calc(8.33333vw - var(--scrollbar)/12 - var(--gutter-width)*11/12 - var(--side-margin)*2/12)
}

@media screen and (min-width:768px) {

    .c-lay002.container--narrow .c-product__modalWrap,
    .c-lay002.container--narrowCenter .c-product__modalWrap,
    .c-lay002.container--narrowRight .c-product__modalWrap {
        --inner-width: calc(var(--content-width) - var(--side-margin)*2)
    }
}

@media screen and (min-width:1344px) {

    .c-lay002.container--narrow .c-product__modalWrap,
    .c-lay002.container--narrowCenter .c-product__modalWrap,
    .c-lay002.container--narrowRight .c-product__modalWrap {
        --content-width: calc(var(--min-width) + var(--side-margin)*2)
    }
}

@media screen and (max-width:767.9px) {

    .c-lay002.container--narrow .column-b2_1,
    .c-lay002.container--narrow .column-b2_4,
    .c-lay002.container--narrowCenter .column-b2_1,
    .c-lay002.container--narrowCenter .column-b2_4,
    .c-lay002.container--narrowRight .column-b2_1,
    .c-lay002.container--narrowRight .column-b2_4 {
        margin-left: calc(var(--side-margin)*-1);
        margin-right: calc(var(--side-margin)*-1);
        max-width: none;
        width: calc(100% + var(--side-margin)*2)
    }
}

.c-lay002.container--narrow .column-b2_2,
.c-lay002.container--narrow .column-b2_5,
.c-lay002.container--narrowCenter .column-b2_2,
.c-lay002.container--narrowCenter .column-b2_5,
.c-lay002.container--narrowRight .column-b2_2,
.c-lay002.container--narrowRight .column-b2_5 {
    margin-left: calc(var(--side-margin)*-1);
    margin-right: calc(var(--side-margin)*-1);
    max-width: none;
    width: calc(100% + var(--side-margin)*2)
}

.c-lay002.container--narrow .button--regular,
.c-lay002.container--narrow .button--regularDark,
.c-lay002.container--narrow .button--secondary,
.c-lay002.container--narrow .button--secondaryDark,
.c-lay002.container--narrow .c-product__buttonRegular,
.c-lay002.container--narrow .c-product__buttonSecondary,
.c-lay002.container--narrowCenter .button--regular,
.c-lay002.container--narrowCenter .button--regularDark,
.c-lay002.container--narrowCenter .button--secondary,
.c-lay002.container--narrowCenter .button--secondaryDark,
.c-lay002.container--narrowCenter .c-product__buttonRegular,
.c-lay002.container--narrowCenter .c-product__buttonSecondary,
.c-lay002.container--narrowRight .button--regular,
.c-lay002.container--narrowRight .button--regularDark,
.c-lay002.container--narrowRight .button--secondary,
.c-lay002.container--narrowRight .button--secondaryDark,
.c-lay002.container--narrowRight .c-product__buttonRegular,
.c-lay002.container--narrowRight .c-product__buttonSecondary {
    --btn-width: calc(8.33333vw - var(--scrollbar)/12 - var(--gutter-width)*11/12 - var(--side-margin)*2/12);
    max-width: 100%;
    width: calc(var(--btn-width)*6 + var(--gutter-width)*5)
}

@media screen and (min-width:992px) {

    .c-lay002.container--narrow .button--regular,
    .c-lay002.container--narrow .button--regularDark,
    .c-lay002.container--narrow .button--secondary,
    .c-lay002.container--narrow .button--secondaryDark,
    .c-lay002.container--narrow .c-product__buttonRegular,
    .c-lay002.container--narrow .c-product__buttonSecondary,
    .c-lay002.container--narrowCenter .button--regular,
    .c-lay002.container--narrowCenter .button--regularDark,
    .c-lay002.container--narrowCenter .button--secondary,
    .c-lay002.container--narrowCenter .button--secondaryDark,
    .c-lay002.container--narrowCenter .c-product__buttonRegular,
    .c-lay002.container--narrowCenter .c-product__buttonSecondary,
    .c-lay002.container--narrowRight .button--regular,
    .c-lay002.container--narrowRight .button--regularDark,
    .c-lay002.container--narrowRight .button--secondary,
    .c-lay002.container--narrowRight .button--secondaryDark,
    .c-lay002.container--narrowRight .c-product__buttonRegular,
    .c-lay002.container--narrowRight .c-product__buttonSecondary {
        max-width: 100%;
        width: calc(var(--btn-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (min-width:1344px) {

    .c-lay002.container--narrow .button--regular,
    .c-lay002.container--narrow .button--regularDark,
    .c-lay002.container--narrow .button--secondary,
    .c-lay002.container--narrow .button--secondaryDark,
    .c-lay002.container--narrow .c-product__buttonRegular,
    .c-lay002.container--narrow .c-product__buttonSecondary,
    .c-lay002.container--narrowCenter .button--regular,
    .c-lay002.container--narrowCenter .button--regularDark,
    .c-lay002.container--narrowCenter .button--secondary,
    .c-lay002.container--narrowCenter .button--secondaryDark,
    .c-lay002.container--narrowCenter .c-product__buttonRegular,
    .c-lay002.container--narrowCenter .c-product__buttonSecondary,
    .c-lay002.container--narrowRight .button--regular,
    .c-lay002.container--narrowRight .button--regularDark,
    .c-lay002.container--narrowRight .button--secondary,
    .c-lay002.container--narrowRight .button--secondaryDark,
    .c-lay002.container--narrowRight .c-product__buttonRegular,
    .c-lay002.container--narrowRight .c-product__buttonSecondary {
        --btn-width: calc(112px - var(--gutter-width)*11/12 - var(--side-margin)*2/12)
    }
}

@media screen and (max-width:767.9px) {

    .c-lay002.container--narrow .button--regular,
    .c-lay002.container--narrow .button--regularDark,
    .c-lay002.container--narrow .button--secondary,
    .c-lay002.container--narrow .button--secondaryDark,
    .c-lay002.container--narrow .c-product__buttonRegular,
    .c-lay002.container--narrow .c-product__buttonSecondary,
    .c-lay002.container--narrowCenter .button--regular,
    .c-lay002.container--narrowCenter .button--regularDark,
    .c-lay002.container--narrowCenter .button--secondary,
    .c-lay002.container--narrowCenter .button--secondaryDark,
    .c-lay002.container--narrowCenter .c-product__buttonRegular,
    .c-lay002.container--narrowCenter .c-product__buttonSecondary,
    .c-lay002.container--narrowRight .button--regular,
    .c-lay002.container--narrowRight .button--regularDark,
    .c-lay002.container--narrowRight .button--secondary,
    .c-lay002.container--narrowRight .button--secondaryDark,
    .c-lay002.container--narrowRight .c-product__buttonRegular,
    .c-lay002.container--narrowRight .c-product__buttonSecondary {
        max-width: 100%;
        width: calc(var(--btn-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {

    .c-lay002.container--narrow .button--regular,
    .c-lay002.container--narrow .button--regularDark,
    .c-lay002.container--narrow .button--secondary,
    .c-lay002.container--narrow .button--secondaryDark,
    .c-lay002.container--narrow .c-product__buttonRegular,
    .c-lay002.container--narrow .c-product__buttonSecondary,
    .c-lay002.container--narrowCenter .button--regular,
    .c-lay002.container--narrowCenter .button--regularDark,
    .c-lay002.container--narrowCenter .button--secondary,
    .c-lay002.container--narrowCenter .button--secondaryDark,
    .c-lay002.container--narrowCenter .c-product__buttonRegular,
    .c-lay002.container--narrowCenter .c-product__buttonSecondary,
    .c-lay002.container--narrowRight .button--regular,
    .c-lay002.container--narrowRight .button--regularDark,
    .c-lay002.container--narrowRight .button--secondary,
    .c-lay002.container--narrowRight .button--secondaryDark,
    .c-lay002.container--narrowRight .c-product__buttonRegular,
    .c-lay002.container--narrowRight .c-product__buttonSecondary {
        width: 100%
    }
}

.c-lay002.container--narrowCenter>.cmp-container {
    margin-left: auto;
    margin-right: auto
}

.c-lay002.container--narrowRight>.cmp-container {
    margin-left: auto
}

.c-lay002.padding--100-50 .cmp-container {
    padding: 75pt
}

@media screen and (max-width:767.9px) {
    .c-lay002.padding--100-50 .cmp-container {
        padding: 50px
    }
}

.c-lay002.padding--100-50.type--auto .cmp-container {
    padding: 1pc
}

.c-lay003 {
    container-type: inline-size;
    margin: 0 auto 28px;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:575px) {
    .c-lay003 {
        margin-bottom: 27px
    }
}

.c-lay003 .cmp-carousel__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-lay003 .cmp-carousel__item {
    -webkit-box-ordinal-group: 1;
    -ms-flex-order: 0;
    order: 0
}

.c-lay003 .cmp-carousel__item>.responsivegrid>div>:last-child {
    margin-bottom: 0
}

.c-lay003 .cmp-carousel__item--active {
    -webkit-animation: carouselFadeIn .5s ease-out;
    animation: carouselFadeIn .5s ease-out
}

@-webkit-keyframes carouselFadeIn {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

@keyframes carouselFadeIn {
    0% {
        opacity: .5
    }

    to {
        opacity: 1
    }
}

.c-lay003 .cmp-carousel__indicators {
    margin: 0 auto;
    max-width: 4in;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-lay003 .cmp-carousel__indicators {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.c-lay003 .cmp-carousel__indicator {
    -webkit-box-flex: 0;
    background-color: transparent;
    border-radius: 0;
    cursor: pointer;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    height: 44px;
    margin: 0;
    position: relative;
    width: 3pc
}

.c-lay003 .cmp-carousel__indicator:before {
    background: #ccc;
    content: "";
    height: 4px;
    left: 4px;
    position: absolute;
    top: 20px;
    width: 40px
}

.c-lay003 .cmp-carousel__indicator--active {
    cursor: default
}

.c-lay003 .cmp-carousel__indicator--active:before {
    background: #333
}

.c-lay003 .cmp-carousel__actions {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    right: 0;
    top: 0
}

@media screen and (max-width:575px) {
    .c-lay003 .cmp-carousel__actions {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        order: 2;
        position: relative
    }
}

.c-lay003 .cmp-carousel__action {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    width: 44px
}

.c-lay003 .cmp-carousel__action--previous {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1
}

.c-lay003 .cmp-carousel__action--previous .cmp-carousel__action-icon {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-lay003 .cmp-carousel__action--next {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    order: 4
}

.c-lay003 .cmp-carousel__action--pause {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2
}

.c-lay003 .cmp-carousel__action--play {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3
}

.c-lay003 .cmp-carousel__action--disabled {
    display: none
}

.c-lay003 .cmp-carousel__action-icon {
    display: block;
    height: 1pc;
    width: 1pc
}

.c-lay003 .cmp-carousel__action-icon img {
    width: 100%
}

.c-lay003.carousel {
    margin-left: auto;
    margin-right: auto;
    max-width: 80pc
}

@media screen and (pointer:coarse)and (max-width:575px) {
    .c-lay003.carousel {
        margin-bottom: 3pc
    }

    .c-lay003.carousel .simplebar-track {
        display: none
    }
}

@media screen and (max-width:575px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal {
        margin: 0 24px
    }
}

.c-lay003.carousel .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
    padding-bottom: 20px
}

@media screen and (max-width:575px) {
    .c-lay003.carousel .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
        padding-bottom: 21px
    }
}

@media screen and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal {
        padding: 20px 0
    }
}

@media screen and (pointer:coarse)and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal {
        padding: 20px 0
    }
}

@media screen and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal:after {
        height: 4px;
        top: 20px
    }
}

@media screen and (pointer:coarse)and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal:after {
        height: 4px;
        top: 20px
    }
}

@media screen and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        padding: 20px 0
    }
}

@media screen and (pointer:coarse)and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        padding: 20px 0
    }
}

@media screen and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 4px
    }
}

@media screen and (pointer:coarse)and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 4px
    }
}

@media screen and (min-width:576px) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
        height: 4px;
        top: 20px
    }
}

@media screen and (pointer:coarse)and (min-width:5) {
    .c-lay003.carousel .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
        height: 4px;
        top: 20px
    }
}

.c-lay003 .productcarousel__root {
    overflow-x: auto
}

@media screen and (max-width:575px) {
    .c-lay003 .productcarousel__root {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.c-lay003 .productcarousel__parent {
    padding-bottom: 72px
}

@media screen and (max-width:575px) {
    .c-lay003 .productcarousel__parent {
        padding-bottom: 55px
    }
}

@media screen and (pointer:coarse)and (max-width:575px) {
    .c-lay003 .productcarousel__parent {
        padding-bottom: 0
    }
}

.c-lay003 .productcarousel__container {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.c-lay003 .productcarousel__cardscontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 var(--gutter-width);
    width: auto
}

.c-lay003 .productcarousel__btn {
    display: none !important
}

.c-lay003 .product__card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
    width: calc((100% - var(--gutter-width))/2)
}

@media screen and (max-width:575px) {
    .c-lay003 .product__card {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

.c-lay003 .product__card:last-child {
    width: calc((100% - var(--gutter-width))/2)
}

@media screen and (max-width:575px) {
    .c-lay003 .product__card:last-child {
        padding-right: 24px;
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9 + 24px)
    }
}

.c-lay003 .product__card>.responsivegrid>div>:last-child {
    margin-bottom: 0
}

.c-lay003 .product__card>a {
    display: block
}

.pressTabkey .c-lay003 .product__card .c-gen003 a:focus {
    outline-offset: -3px
}

.c-lay003 .product__card img {
    width: 100%
}

.c-lay003--large {
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.c-lay003--large .c-lay002 .cmp-container {
    margin-left: var(--side-margin);
    margin-right: var(--side-margin);
    max-width: 100%
}

@media screen and (min-width:1344px) {
    .c-lay003--large .c-lay002 .cmp-container {
        margin: 0 auto;
        max-width: 80pc
    }
}

.c-lay003--large .c-lay002 .cmp-container .c-gen003 {
    margin-left: calc(-50vw - var(--scrollbar)/2*-1 - -40pc);
    margin-right: calc(-50vw - var(--scrollbar)/2*-1 - -40pc)
}

@media screen and (min-width:1920px) {
    .c-lay003--large .c-lay002 .cmp-container .c-gen003 {
        margin-left: -20pc;
        margin-right: -20pc
    }
}

@media screen and (max-width:1343.9px) {
    .c-lay003--large .c-lay002 .cmp-container .c-gen003 {
        margin-left: calc(var(--side-margin)*-1);
        margin-right: calc(var(--side-margin)*-1)
    }
}

.c-lay003__actions {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    margin: 1pc auto 0;
    max-width: 80pc;
    order: 1;
    position: relative;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-lay003__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-lay003--col3 .product__card {
    width: calc(33.33333% - var(--gutter-width)*2/3)
}

@media screen and (max-width:575px) {
    .c-lay003--col3 .product__card {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

.c-lay003--col3 .product__card:last-child {
    width: calc(33.33333% - var(--gutter-width)*2/3)
}

@media screen and (max-width:575px) {
    .c-lay003--col3 .product__card:last-child {
        padding-right: 24px;
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9 + 24px)
    }
}

.c-lay003--col4 .product__card {
    width: calc(25% - var(--gutter-width)*3/4)
}

@media screen and (max-width:575px) {
    .c-lay003--col4 .product__card {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

.c-lay003--col4 .product__card:last-child {
    width: calc(25% - var(--gutter-width)*3/4)
}

@media screen and (max-width:575px) {
    .c-lay003--col4 .product__card:last-child {
        padding-right: 24px;
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9 + 24px)
    }
}

@container (width < 650px) {
    .c-lay003__actions {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .c-lay003 .cmp-carousel__actions {
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        order: 2;
        position: relative
    }

    .c-lay003 .cmp-carousel__indicators {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.c-lay004 {
    margin: 0 auto 3pc;
    position: relative;
    width: 100%
}

.c-lay004.c-lay004--scroll .cmp-tabs__tablist {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.c-lay004 .c-lay004__tablist {
    background: #f2f2f2;
    overflow-x: auto;
    position: relative
}

.c-lay004 .c-lay004__tablist:after {
    background: #666;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-lay004 .cmp-tabs__tablist {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-around
}

.c-lay004 .cmp-tabs__tab {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border-bottom: 3px solid transparent;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 350;
    justify-content: center;
    padding: 9px 1pc 8px;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
    width: 100%
}

.c-lay004 .cmp-tabs__tab.cmp-tabs__tab--active {
    color: #1a1a1a;
    cursor: default;
    font-weight: 500;
    pointer-events: none;
    position: relative
}

.c-lay004 .cmp-tabs__tab.cmp-tabs__tab--active:after {
    background: #333;
    bottom: -3px;
    content: "";
    height: 3px;
    left: -3px;
    position: absolute;
    width: calc(100% + 6px)
}

.pressTabkey .c-lay004 .cmp-tabs__tab:focus {
    border: 3px dotted;
    border-color: initial;
    outline: none
}

.c-lay004 .cmp-tabs__tabpanel {
    display: none;
    padding: 2pc 2pc 0
}

@media screen and (max-width:767.9px) {
    .c-lay004 .cmp-tabs__tabpanel {
        padding: 2pc 0 0
    }
}

.c-lay004 .cmp-tabs__tabpanel .responsivegrid>div>:last-child {
    margin-bottom: 0
}

.c-lay004 .cmp-tabs__tabpanel.cmp-tabs__tabpanel--active {
    -webkit-animation: tabPanelFadeIn .5s ease-out;
    animation: tabPanelFadeIn .5s ease-out;
    display: block
}

@-webkit-keyframes tabPanelFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes tabPanelFadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.c-lay004 sub,
.c-lay004 sup {
    display: inline-block;
    font-size: .625rem
}

@media screen and (max-width:767.9px) {

    .c-lay004 sub,
    .c-lay004 sup {
        font-size: .5rem
    }
}

.c-lay004 sup {
    top: -.9em
}

@media screen and (max-width:767.9px) {
    .c-lay004 sup {
        top: -.8em
    }
}

.c-lay004 sub {
    bottom: 0
}

.c-lay004 .c-lay004__tablist>.simplebar-track {
    display: none
}

.c-lay004__icon {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 8px
}

.c-lay004__text {
    text-align: left
}

.c-lay004__arrow {
    background: -webkit-gradient(linear, right top, left top, color-stop(50%, #f2f2f2), to(hsla(0, 0%, 95%, 0)));
    background: linear-gradient(270deg, #f2f2f2 50%, hsla(0, 0%, 95%, 0));
    display: none;
    height: 44px;
    position: absolute;
    text-align: right;
    top: 0;
    width: 44px;
    z-index: 1
}

.c-lay004__arrow .c-lay004__arrowIcon {
    display: block;
    height: 1pc;
    margin-left: auto;
    width: 1pc
}

.c-lay004__arrow .c-lay004__arrowIcon img {
    width: 100%
}

.c-lay004__arrow--prev {
    left: 0;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-lay004__arrow--next {
    right: 0
}

.c-lay005 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto 3pc
}

.c-lay005.text--center {
    text-align: left
}

.c-lay005.text--center .cmp-accordion__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-lay005 .cmp-accordion {
    border-bottom: 1px solid #ccc;
    width: 100%
}

.c-lay005 .cmp-accordion__header {
    border-top: 1px solid #ccc
}

.c-lay005 .cmp-accordion__button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9pt;
    min-height: 72px;
    padding: 24px 30px 9pt 0;
    position: relative;
    width: 100%
}

.c-lay005 .cmp-accordion__button[aria-expanded=true] .cmp-accordion__icon:after {
    display: none
}

.c-lay005 .cmp-accordion__title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left
}

.c-lay005__accordionImg+.c-lay005 .cmp-accordion__title {
    font-weight: 400
}

.c-lay005 .cmp-accordion__icon {
    position: absolute;
    right: 15px
}

.c-lay005 .cmp-accordion__icon:after,
.c-lay005 .cmp-accordion__icon:before {
    background: #333;
    border-radius: 2px;
    content: "";
    height: 1px;
    position: absolute;
    width: 15px
}

.c-lay005 .cmp-accordion__icon:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c-lay005 .cmp-accordion__panel {
    line-height: 1.5;
    padding: 0 2pc 24px
}

@media screen and (max-width:767.9px) {
    .c-lay005 .cmp-accordion__panel {
        padding: 0 0 24px
    }
}

.c-lay005 .cmp-accordion__panel .responsivegrid>div>:last-child {
    margin-bottom: 0
}

.c-lay005 .cmp-accordion__panel .cmp-accordion__panel--expanded {
    display: block
}

.c-lay005 .cmp-accordion__panel.cmp-accordion__panel--hidden {
    display: none
}

.c-lay005 sub,
.c-lay005 sup {
    display: inline-block;
    font-size: .625rem
}

@media screen and (max-width:767.9px) {

    .c-lay005 sub,
    .c-lay005 sup {
        font-size: .5rem
    }
}

.c-lay005 sup {
    top: -.9em
}

@media screen and (max-width:767.9px) {
    .c-lay005 sup {
        top: -.8em
    }
}

.c-lay005 sub {
    bottom: 0
}

.c-lay005__accordionImg {
    display: block;
    margin-right: 8px
}

.c-lay006 {
    margin-bottom: 24px
}

.c-lay006__moreArea {
    display: none
}

.c-lay006__button {
    text-align: center
}

.c-lay006__button>button {
    font-size: 1.375rem;
    padding-top: 2pc;
    position: relative
}

.c-lay006__button>button:hover .c-lay006__buttonText {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-lay006__buttonIcon {
    display: block;
    height: 24px;
    left: calc(50% - 9pt);
    position: absolute;
    top: 0;
    width: 24px
}

.c-lay006__buttonIcon:after,
.c-lay006__buttonIcon:before {
    background: #333;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 2px;
    position: absolute;
    top: 11px;
    width: 20px
}

.c-lay006__buttonIcon:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

body.is-fixed--modal {
    overflow: hidden
}

.c-lay007 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.c-lay007.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-lay007.is-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-lay007.is-center .c-lay007__modalContent {
    max-height: calc(100vh - 40px)
}

.c-lay007.is-top {
    display: block
}

.c-lay007.small .c-lay007__modalWrap {
    --side-margin: 24px
}

@media screen and (min-width:768px) {
    .c-lay007.small .c-lay007__modalWrap {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

@media screen and (min-width:992px) {
    .c-lay007.small .c-lay007__modalWrap {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (min-width:1200px) {
    .c-lay007.small .c-lay007__modalWrap {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:767.9px) {
    .c-lay007.small .c-lay007__modalWrap {
        width: 100%
    }
}

.c-lay007 .c-lay001:last-child .row {
    margin-bottom: 0
}

.c-lay007 .heading--xlarge {
    margin-top: 0
}

.c-lay007 .button--regular,
.c-lay007 .button--regularDark,
.c-lay007 .button--secondary,
.c-lay007 .button--secondaryDark,
.c-lay007 .c-product__buttonRegular,
.c-lay007 .c-product__buttonSecondary {
    --btn-width: calc(8.33333vw - var(--scrollbar)/12 - var(--gutter-width)*11/12 - var(--side-margin)*2/12);
    max-width: 100%;
    width: calc(var(--btn-width)*6 + var(--gutter-width)*5)
}

@media screen and (min-width:992px) {

    .c-lay007 .button--regular,
    .c-lay007 .button--regularDark,
    .c-lay007 .button--secondary,
    .c-lay007 .button--secondaryDark,
    .c-lay007 .c-product__buttonRegular,
    .c-lay007 .c-product__buttonSecondary {
        max-width: 100%;
        width: calc(var(--btn-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (min-width:1344px) {

    .c-lay007 .button--regular,
    .c-lay007 .button--regularDark,
    .c-lay007 .button--secondary,
    .c-lay007 .button--secondaryDark,
    .c-lay007 .c-product__buttonRegular,
    .c-lay007 .c-product__buttonSecondary {
        --btn-width: calc(112px - var(--gutter-width)*11/12 - var(--side-margin)*2/12)
    }
}

@media screen and (max-width:767.9px) {

    .c-lay007 .button--regular,
    .c-lay007 .button--regularDark,
    .c-lay007 .button--secondary,
    .c-lay007 .button--secondaryDark,
    .c-lay007 .c-product__buttonRegular,
    .c-lay007 .c-product__buttonSecondary {
        max-width: 100%;
        width: calc(var(--btn-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {

    .c-lay007 .button--regular,
    .c-lay007 .button--regularDark,
    .c-lay007 .button--secondary,
    .c-lay007 .button--secondaryDark,
    .c-lay007 .c-product__buttonRegular,
    .c-lay007 .c-product__buttonSecondary {
        width: 100%
    }
}

.c-lay007__modalOverlay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.c-lay007__modalWrap {
    margin: var(--side-margin) auto;
    max-width: var(--inner-width);
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-lay007--video .c-lay007__modalWrap {
        margin: var(--side-margin) 0;
        max-width: 100%;
        width: 100%
    }
}

.c-lay007--small .c-lay007__modalWrap {
    --side-margin: 24px
}

@media screen and (min-width:768px) {
    .c-lay007--small .c-lay007__modalWrap {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

@media screen and (min-width:992px) {
    .c-lay007--small .c-lay007__modalWrap {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (min-width:1200px) {
    .c-lay007--small .c-lay007__modalWrap {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:767.9px) {
    .c-lay007--small .c-lay007__modalWrap {
        width: 100%
    }
}

.c-lay007__modalContent {
    height: auto;
    position: relative
}

.c-lay007__modalInner {
    --content-width: 100%;
    --outer-width: min(var(--max-width), 100%);
    --inner-width: 100%;
    --unit-width: calc(8.33333% - var(--gutter-width)*11/12)
}

@media screen and (min-width:1344px) {
    .c-lay007__modalInner {
        --content-width: 1280px
    }
}

.c-lay007__modalInner .column-a2,
.c-lay007__modalInner .column-a2_1 {
    margin-left: calc(var(--side-margin)*-1);
    margin-right: calc(var(--side-margin)*-1);
    max-width: none;
    padding-left: var(--side-margin);
    padding-right: var(--side-margin);
    width: calc(100% + var(--side-margin)*2)
}

@media screen and (min-width:1400px) {

    .c-lay007__modalInner .column-a2,
    .c-lay007__modalInner .column-a2_1 {
        width: var(--content-width)
    }
}

@media screen and (max-width:767.9px) {

    .c-lay007__modalInner .column-a1_1,
    .c-lay007__modalInner .column-b2_1,
    .c-lay007__modalInner .column-b2_4 {
        margin-left: calc(var(--side-margin)*-1);
        margin-right: calc(var(--side-margin)*-1);
        max-width: none;
        width: calc(100% + var(--side-margin)*2)
    }
}

.c-lay007__modalInner .column-a3,
.c-lay007__modalInner .column-a3_1,
.c-lay007__modalInner .column-a3_2,
.c-lay007__modalInner .column-b2_2,
.c-lay007__modalInner .column-b2_5 {
    margin-left: calc(var(--side-margin)*-1);
    margin-right: calc(var(--side-margin)*-1);
    max-width: none;
    width: calc(100% + var(--side-margin)*2)
}

@media screen and (min-width:1400px) {

    .c-lay007--small .c-lay007__modalInner .column-a2,
    .c-lay007--small .c-lay007__modalInner .column-a2_1 {
        width: calc(100% + var(--side-margin)*2)
    }
}

.c-lay007__modalInner {
    background: #f2f2f2;
    padding: 88px var(--side-margin) 3pc
}

@media screen and (max-width:767.9px) {
    .c-lay007__modalInner {
        padding: 5pc var(--side-margin) 2pc
    }
}

.c-lay007__modalInner>:first-child>* {
    margin-top: 0
}

.c-lay007__modalInner>:last-child>* {
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .c-lay007--video .c-lay007__modalInner {
        padding: 5pc 0 2pc
    }
}

.c-lay007--small .c-lay007__modalInner {
    padding: 5pc var(--side-margin) 3pc
}

@media screen and (max-width:767.9px) {
    .c-lay007--small .c-lay007__modalInner {
        padding: 5pc var(--side-margin) 2pc
    }
}

.c-lay007__modalClose {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    height: 24px;
    position: absolute;
    right: 2pc;
    top: 2pc;
    width: 24px
}

@media screen and (max-width:767.9px) {
    .c-lay007__modalClose {
        right: 24px;
        top: 24px
    }
}

.c-lay007__modalClose .icon--close {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.c-lay007--small .c-lay007__modalClose {
    right: 24px;
    top: 24px
}

.pressTabkey .c-lay007__modalClose:focus {
    outline-offset: 10px
}

.wishlist .c-lay007__modalInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px;
    height: 15pc;
    margin: 0 auto;
    padding: 24px var(--side-margin) 3pc;
    width: 37pc
}

@media screen and (max-width:767.9px) {
    .wishlist .c-lay007__modalInner {
        height: 21pc;
        padding: 24px var(--side-margin) 3pc;
        width: 327px
    }
}

.wishlist .c-lay007__modalInner .tabs {
    height: 56px;
    width: 34pc
}

@media screen and (max-width:767.9px) {
    .wishlist .c-lay007__modalInner .tabs {
        height: 280px;
        width: 279px
    }
}

.wishlist .c-lay007__modalInner .c-lay007__modalClose {
    -ms-flex-item-align: end;
    align-self: flex-end;
    position: relative;
    right: 0;
    top: 0
}

.wishlist .c-lay007__modalInner .c-lay007__modalClose .icon--close {
    margin-bottom: 24px
}

.wishlist .c-lay007__modalInner .c-lay007__modalClose .icon--close img {
    height: 24px;
    width: 24px
}

@media screen and (max-width:767.9px) {
    .wishlist .c-lay007__modalInner .c-lay007__modalClose .icon--close img {
        height: 20.258px;
        width: 20.571px
    }
}

.message-tile {
    font-size: 1rem;
    line-height: 24px;
    padding-left: 2pc;
    position: relative
}

.message-tile .cx_link--underline {
    color: #000
}

.message-tile.warning .cx_link--underline,
.message-tile.warning .cx_typography {
    color: #914108
}

.c-myp001 {
    margin: 0 auto 3pc;
    max-width: var(--inner-width);
    width: 100%
}

.wrapper>.c-myp001:first-child {
    margin-top: 24px
}

.c-myp001__account {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-myp001__accountName {
    font-size: 1.25rem;
    line-height: 1.5
}

@media screen and (max-width:767.9px) {
    .c-myp001__accountName {
        font-size: 1.125rem
    }
}

.c-myp001__accountName>span {
    font-size: 1.625rem
}

@media screen and (max-width:767.9px) {
    .c-myp001__accountName>span {
        font-size: 1.375rem
    }
}

.c-myp001__accountName button {
    border: 1px solid #333;
    font-size: 1rem;
    padding: 10px 1pc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.c-myp001__accountName button:active {
    background-color: #bfbfbf
}

.c-myp001__accountName button:hover {
    background-color: #e6e6e6
}

.c-myp001__accountMember {
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    margin-left: 2pc;
    max-width: calc(2pc + 5em);
    padding-top: 10px;
    text-decoration: none
}

@media screen and (max-width:767.9px) {
    .c-myp001__accountMember {
        margin-left: 24px
    }
}

.c-myp001__accountMember:hover .c-myp001__member {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-myp001__member {
    position: relative
}

.c-myp001__menu {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 2pc -8px 0
}

@media screen and (max-width:767.9px) {
    .c-myp001__menu {
        margin: 24px -8px 0
    }
}

.c-myp001__menu>li {
    margin: 0 8px;
    max-width: 140px;
    text-align: center;
    width: 100%
}

.c-myp001__menu a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    text-decoration: none
}

.c-myp001__menu a:hover .c-myp001__menuText {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-myp001__menuIcon {
    width: 2pc
}

.c-myp001__menuIcon>img {
    width: 100%
}

.c-myp001__menuText {
    font-size: .875rem;
    margin-top: 8px
}

@media screen and (max-width:767.9px) {
    .c-myp001__menuText {
        font-size: .75rem
    }
}

.c-myp001__menuText>span {
    font-weight: 700
}

.c-myp002__body,
.c-myp003__body,
.c-myp004__body,
.c-myp006__body,
.c-myp007__body,
.c-myp008__body,
.c-myp012__body,
.c-myp013__body,
.c-myp020__body,
.c-myp021__body,
.c-myp022__body {
    margin: 0 auto;
    max-width: var(--inner-width)
}

.c-myp023 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-myp023 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-myp023 {
        width: 100%
    }
}

.c-myp023__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 1rem;
    gap: 2pc;
    width: 100%
}

.c-myp023__content,
.c-myp023__content--header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-myp023__content--header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    font-size: 2.25rem;
    justify-content: center;
    line-height: 54px
}

@media screen and (max-width:767.9px) {
    .c-myp023__content--header {
        font-size: 2rem;
        line-height: 3pc
    }
}

.c-myp023__alert-message {
    color: #914108;
    font-size: 1rem;
    line-height: 24px;
    text-align: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-myp023__alert-message {
        text-align: left
    }
}

.c-myp023__received-alert-message {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    justify-content: center;
    line-height: 24px;
    text-underline-offset: 4px
}

@media screen and (max-width:767.9px) {
    .c-myp023__received-alert-message {
        -webkit-box-pack: start;
        -ms-flex-pack: start;
        justify-content: start
    }
}

.c-myp023__main-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3pc;
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-myp023__main-content {
        margin-bottom: 5pc
    }
}

.c-myp023__register-address-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.c-myp023__register-address-section--max-addresses-label {
    line-height: 24px
}

.c-myp023__register-address-section--number-of-registered-addresses-section {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .c-myp023__register-address-section--number-of-registered-addresses-section {
        -webkit-box-align: start;
        -ms-flex-align: start;
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        align-items: start;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc
    }
}

.c-myp023__register-address-section--number-of-registered-addresses {
    line-height: 24px
}

.c-myp023__register-address-section--number-of-registered-addresses-label {
    font-weight: 700;
    line-height: 24px
}

.c-myp023__register-address-section--register-new-address-button,
.c-myp023__register-address-section--register-new-address-button-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-myp023__register-address-section--register-new-address-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #333;
    color: #fff;
    font-size: 1.125rem;
    font-weight: 500;
    height: 56px;
    margin: 0 auto;
    padding: 13px 1pc;
    width: 4in
}

@media screen and (max-width:767.9px) {
    .c-myp023__register-address-section--register-new-address-button {
        width: 100%
    }
}

.c-myp023__register-address-section--register-new-address-button--disabled {
    opacity: .3
}

.c-myp023__address-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-myp023__my-address {
    background-color: #eaeaea;
    padding-left: 1pc;
    padding-right: 1pc
}

.c-myp023__address-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-top: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-top: 24px
}

.c-myp023__address-list--placeholder {
    border-top: 0
}

.c-myp023__address {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    border-bottom: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
    line-height: 24px;
    padding: 24px 0
}

.c-myp023__address-self {
    border-bottom: 0;
    padding-bottom: 1pc;
    padding-top: 1pc
}

.c-myp023__address--label-and-name {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.c-myp023__address--label-and-name--label {
    color: #475c85;
    font-weight: 700
}

.c-myp023__address--label-and-name--name {
    font-weight: 700
}

.c-myp023__address .cx_button {
    float: right;
    height: 56px;
    padding: 1pc
}

.c-myp023__address .cx_link.cx_link--with-border:hover {
    text-decoration: none
}

.c-myp023__address--buttons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc;
    justify-content: flex-end;
    width: 100%
}

.c-myp023__address--buttons>.cx_link--with-border {
    padding-bottom: 1pc;
    padding-top: 1pc
}

@media screen and (max-width:767.9px) {
    .c-myp023__address--buttons>.cx_link--with-border {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        justify-content: center;
        width: 100%
    }
}

.c-myp023__address--buttons .cx_label .cx_typography {
    font-weight: 500
}

.c-myp023__address--buttons--edit-my-address-button-icon {
    height: 1pc;
    width: 1pc
}

.c-myp023__address--action-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc
}

@media screen and (max-width:767.9px) {
    .c-myp023__address--action-buttons {
        width: 100%
    }

    .c-myp023__address--action-buttons a,
    .c-myp023__address--action-buttons button {
        width: 50%
    }
}

.c-myp023__address--action-buttons .cx_link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-myp023__address--footer {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .75rem;
    justify-content: flex-end;
    line-height: 18px
}

.c-myp023__modalWrap {
    margin: var(--side-margin) auto;
    width: 37pc
}

@media screen and (max-width:767.9px) {
    .c-myp023__modalWrap {
        max-width: 327px;
        width: auto
    }
}

.c-myp023__modalInner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    background: #f2f2f2;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 24px 24px 3pc
}

@media screen and (max-width:767.9px) {
    .c-myp023__modalInner {
        padding-bottom: 2pc
    }
}

.c-myp023__modal-body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2pc;
    width: 100%
}

.c-myp023__modal-body--text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-top: 56px;
    text-align: center
}

.c-myp023__modal-buttons {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-myp023__modal-buttons {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.c-myp023__modal-buttons .cx_button {
    height: 56px
}

.c-myp024__inner-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4pc;
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-myp024__inner-wrapper {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-myp024__inner-wrapper {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-myp024__inner-wrapper_form {
    gap: 24px
}

.c-myp024__inner-wrapper_form,
.c-myp024__inner-wrapper_form_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-myp024__inner-wrapper_form_header {
    gap: 2pc
}

.c-myp024__inner-wrapper_btn_grp {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    justify-content: space-between
}

@media screen and (max-width:767.9px) {
    .c-myp024__inner-wrapper_btn_grp {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }
}

.c-myp024__inner-wrapper_btn_grp .c-gen004 {
    margin: 0;
    width: 100%
}

.c-myp024__inner-wrapper_modal_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2pc
}

.c-myp024__inner-wrapper_modal_contents_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: auto
}

.c-myp024__inner-wrapper__alert-message {
    color: #0063cc;
    font-size: 1rem;
    line-height: 24px;
    text-align: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-myp024__inner-wrapper__alert-message {
        text-align: left
    }
}

.c-oth001 {
    margin: 0 auto 3pc;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-oth001 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-oth001 {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-oth001__searchWrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    width: 100%
}

.c-oth001__searchInput {
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    line-height: 1.5;
    max-height: 56px;
    padding: 14px 1pc 1pc;
    width: 100%
}

.c-oth001__searchInput::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.c-oth001__searchInput::-moz-placeholder {
    color: #666;
    opacity: 1
}

.c-oth001__searchInput:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-oth001__searchInput::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-oth001__searchInput::placeholder {
    color: #666;
    opacity: 1
}

.c-oth001__searchInput:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.c-oth001__searchInput:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.c-oth001__searchButton {
    background: #333;
    height: 56px;
    padding: 1pc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 56px
}

.c-oth001__searchButton:hover {
    background-color: #4d4d4d
}

.c-oth001__searchButton>img {
    width: 100%
}

.c-oth001__searchSuggest {
    background: #fff;
    display: block;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 1
}

.c-oth001__searchSuggest>li {
    min-height: 56px;
    padding: 1pc
}

.c-oth001__searchSuggest>li:hover,
.c-oth001__searchSuggest>li[aria-selected=true] {
    background: #ccc
}

.c-oth001__results {
    margin-top: 3pc
}

.c-oth001__resultsList {
    margin-top: 2pc
}

.c-oth001__resultsList>li {
    margin-bottom: 2pc
}

.c-oth001__resultsList>li:last-child {
    margin-bottom: 0
}

.c-oth001__resultsItem {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--gutter-width);
    text-decoration: none
}

.c-oth001__resultsItem:hover .c-oth001__thumbnail {
    opacity: .8
}

.c-oth001__resultsItem:hover .c-oth001__url {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-oth001__thumbnail {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (min-width:992px) {
    .c-oth001__thumbnail {
        width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
    }
}

@media screen and (max-width:575px) {
    .c-oth001__thumbnail {
        display: none
    }
}

.c-oth001__thumbnail>img {
    width: 100%
}

.c-oth001__contents>:last-child {
    margin-bottom: 0
}

.c-oth001__title {
    font-size: 1.25rem;
    font-weight: 400;
    margin-bottom: 8px
}

@media screen and (max-width:575px) {
    .c-oth001__title {
        font-size: 1.125rem
    }
}

.c-oth001__discription {
    margin-bottom: 8px
}

.c-oth001__url {
    display: inline-block;
    font-size: .875rem;
    position: relative;
    text-decoration: underline
}

.c-oth001__pagenation {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 3pc -8px 0;
    position: relative
}

@media screen and (max-width:767.9px) {
    .c-oth001__pagenation {
        padding-top: 60px
    }
}

@media screen and (max-width:575px) {
    .c-oth001__pagenation {
        padding-top: 68px
    }
}

.c-oth001__pagenation>li {
    margin: 0 8px
}

.c-oth001__pagenation>li.c-oth001__pagenationPrev {
    margin: 0 1pc 0 8px
}

.c-oth001__pagenation>li.c-oth001__pagenationNext {
    margin: 0 8px 0 1pc
}

.c-oth001__pagenationItem {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background: #f2f2f2;
    border: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    justify-content: center;
    min-height: 44px;
    min-width: 44px;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 100%
}

.c-oth001__pagenationItem.is-current {
    background: #ccc;
    pointer-events: none
}

.c-oth001__pagenationItem.is-disabled {
    pointer-events: none
}

.c-oth001__pagenationItem:hover {
    background-color: #e6e6e6
}

.c-oth001__pagenationNext,
.c-oth001__pagenationPrev {
    font-size: 1.125rem;
    min-width: 75pt
}

@media screen and (max-width:767.9px) {

    .c-oth001__pagenationNext,
    .c-oth001__pagenationPrev {
        position: absolute;
        top: 0;
        width: calc(50% - var(--gutter-width))
    }
}

.c-oth001__pagenationNext .is-disabled,
.c-oth001__pagenationPrev .is-disabled {
    opacity: .3
}

@media screen and (max-width:767.9px) {
    .c-oth001__pagenationPrev {
        left: 0;
        margin-right: var(--gutter-width)
    }

    .c-oth001__pagenationNext {
        right: 0
    }
}

.c-oth003 {
    margin: 0 auto;
    max-width: var(--md-inner-width)
}

.c-oth003 .c-oth003__body {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-oth003 .c-oth003__body {
        margin-bottom: 5pc
    }
}

.c-oth003 .c-gen001 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-oth003 .c-gen001 {
        margin-bottom: 2pc
    }
}

.c-oth003__description {
    line-height: 1.5;
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-oth003__description {
        margin-bottom: 24px
    }
}

.c-oth003__description .c-gen002 {
    margin-bottom: 0
}

.c-oth003__description__agreeButton {
    line-height: 1.5;
    margin-bottom: 2pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-oth003__description__agreeButton {
        margin-bottom: 24px
    }
}

.c-oth003__description__agreeButton .c-gen002 {
    margin-bottom: 0
}

.c-oth003__checkbox {
    display: none;
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-oth003__checkbox {
        margin-bottom: 24px
    }
}

.c-oth003__checkbox .cx_checkbox {
    margin: 0 auto
}

.c-oth003 .c-oth003__scroll-container {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 2pc;
    margin-top: 0;
    padding: 1pc 8px 1pc 1pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-oth003 .c-oth003__scroll-container {
        margin-bottom: 24px
    }
}

.c-oth003 .c-oth003__scroll-container .c-oth003__scroll-container-body {
    height: 280px;
    margin-bottom: 0;
    overflow: auto;
    padding-right: 8px
}

.c-oth003__scroll-container-body {
    width: 100%
}

.c-oth003__scroll-container-body .cmp-text p {
    margin-bottom: 1pc
}

.c-oth003 .c-gen004 {
    margin: 0 auto
}

.c-oth003 .c-gen004 .cmp-button,
.c-oth003 .c-gen004 .cx_button,
.c-oth003 .c-gen004 .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

.c-oth003 .c-gen004 .cmp-button {
    font-weight: 500
}

.c-oth003 .c-lay011 {
    display: none;
    width: 100%
}

.c-oth003__display-button .c-lay011 {
    display: block
}

.c-oth003__display-button-check .c-oth003__checkbox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-oth003__display-button-check .c-lay011 {
    display: block
}

.c-oth003__list--asteriskJa .cmp-text>ul>li:before {
    content: "※"
}

.c-oth003__list--asteriskJa .cmp-text>ol {
    text-indent: -2.3em
}

.c-oth003__list--asteriskJa .cmp-text>ol>li {
    counter-increment: count;
    list-style-position: outside;
    list-style-type: none
}

.c-oth003__list--asteriskJa .cmp-text>ol>li:before {
    content: "※" counter(count) " ";
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 2em
}

.c-oth003__list--asterisk .cmp-text>ul>li:before {
    content: "*"
}

.c-oth003__list--asterisk .cmp-text>ol {
    text-indent: -2.3em
}

.c-oth003__list--asterisk .cmp-text>ol>li {
    counter-increment: count;
    list-style-position: outside;
    list-style-type: none
}

.c-oth003__list--asterisk .cmp-text>ol>li:before {
    content: "*" counter(count) " ";
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 2em
}

.c-oth003__list--parentheses .cmp-text>ol {
    text-indent: -2.3em
}

.c-oth003__list--parentheses .cmp-text>ol>li {
    counter-increment: count;
    list-style-position: outside;
    list-style-type: none
}

.c-oth003__list--parentheses .cmp-text>ol>li:before {
    content: "(" counter(count) ") ";
    display: inline-block;
    margin-right: 5px;
    text-align: right;
    width: 2em
}

.c-oth003__list--marginBottom8 .cmp-text ol li,
.c-oth003__list--marginBottom8 .cmp-text ul li {
    margin-bottom: 8px
}

.c-oth003__list--marginBottom8 .cmp-text ol li:last-child,
.c-oth003__list--marginBottom8 .cmp-text ul li:last-child {
    margin-bottom: 0
}

.c-oth003__list--marginBottom8 .cmp-text a,
.c-oth003__list--marginBottom8 .cmp-text ol li ol,
.c-oth003__list--marginBottom8 .cmp-text ol li ul,
.c-oth003__list--marginBottom8 .cmp-text p,
.c-oth003__list--marginBottom8 .cmp-text ul li ol,
.c-oth003__list--marginBottom8 .cmp-text ul li ul {
    margin-top: 8px
}

.c-oth003__list--marginBottom16 .cmp-text ol li,
.c-oth003__list--marginBottom16 .cmp-text ul li {
    margin-bottom: 1pc
}

.c-oth003__list--marginBottom16 .cmp-text ol li:last-child,
.c-oth003__list--marginBottom16 .cmp-text ul li:last-child {
    margin-bottom: 0
}

.c-oth003__list--marginBottom16 .cmp-text a,
.c-oth003__list--marginBottom16 .cmp-text ol li ol,
.c-oth003__list--marginBottom16 .cmp-text ol li ul,
.c-oth003__list--marginBottom16 .cmp-text p,
.c-oth003__list--marginBottom16 .cmp-text ul li ol,
.c-oth003__list--marginBottom16 .cmp-text ul li ul {
    margin-top: 1pc
}

.c-oth101 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-oth101 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-oth101 {
        width: 100%
    }
}

.c-oth101__body .cx_button--lg {
    padding: 1pc
}

.c-oth101__alert-message {
    color: #0063cc;
    font-size: 1rem;
    line-height: 24px;
    text-align: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-oth101__alert-message {
        text-align: left
    }
}

.c-oth101__inner-wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column;
    flex-flow: column
}

.c-oth101 .site-search__section-footer {
    margin-top: 0
}

.c-oth101 .user-manual-area-button {
    margin-bottom: 4pc;
    margin-top: 3pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-oth101 .user-manual-area-button {
        margin-bottom: 5pc
    }
}

.c-oth101 .user-manual-area-button .cx_button {
    max-width: 4in
}

@media screen and (max-width:767.9px) {
    .c-oth101 .user-manual-area-button .cx_button {
        max-width: 327px
    }
}

.c-oth102 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-oth102 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-oth102 {
        width: 100%
    }
}

.c-oth102__inner-wrapper {
    display: grid
}

.c-oth102__inner-wrapper_count,
.c-oth102__inner-wrapper_links {
    margin-bottom: 3pc
}

.c-oth102__product_card_list {
    display: grid;
    gap: 2pc
}

.c-oth102__product_card_item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:575px) {
    .c-oth102__product_card_item__img {
        display: none
    }
}

.c-oth102__product_card_item img {
    -o-object-fit: contain;
    object-fit: contain
}

.c-oth103 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-oth103 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-oth103 {
        width: 100%
    }
}

.c-oth103__inner-wrapper .site-search__total-count {
    margin-bottom: 3pc
}

.c-oth103__inner-wrapper .site-search__panasonic-store-logo {
    margin-bottom: 24px
}

.c-oth103__inner-wrapper .site-search__product-tags {
    margin-top: 2pc
}

.c-oth103__inner-wrapper .site-search__product-tags__inner:after {
    content: none
}

.c-oth103__inner-wrapper .site-search__product-tags__arrow {
    height: 2pc;
    top: 0
}

.c-oth103__inner-wrapper .site-search__product-tags-list {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: normal;
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-oth103__inner-wrapper .site-search__product-tags-list {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap
    }
}

.c-oth103__inner-wrapper .site-search__product-tags-list .cmp-list__item {
    border: 1px solid #ccc;
    border-radius: 1rem;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    width: auto
}

.c-oth103__inner-wrapper .site-search__no-result-found {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-oth103__inner-wrapper .site-search__no-result-found {
        margin-bottom: 5pc
    }
}

.c-oth104 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-oth104 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-oth104 {
        width: 100%
    }
}

.c-oth104__inner-wrapper {
    display: grid
}

.c-oth104__inner-wrapper_count,
.c-oth104__inner-wrapper_links {
    margin-bottom: 2pc
}

.c-oth104__product_card_list {
    display: grid;
    gap: 2pc
}

.c-oth104__product_card_item {
    display: grid;
    gap: 8px
}

.c-oth104__product_card_item .cx_info {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    justify-content: normal
}

.c-oth104__product_card_item .c-product__link .c-product__linkInner {
    font-size: .875rem;
    line-height: 21px
}

.c-oth104__product_card_item .c-product__link .c-product__linkInner .icon--function {
    vertical-align: -3px
}

.c-oth104__product_card_item em {
    font-style: normal;
    font-weight: 700
}

.c-oth105 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-oth105 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-oth105 {
        width: 100%
    }
}

.c-oth110 {
    container-type: inline-size;
    margin: 0 auto 28px;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:575px) {
    .c-oth110 {
        margin-bottom: 27px
    }
}

.c-oth110 .c-oth110__inner {
    margin: 0 auto;
    max-width: var(--inner-width);
    overflow-x: auto;
    padding-bottom: 24px;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-oth110 .c-oth110__inner {
        margin-left: -24px;
        margin-right: -24px;
        padding-bottom: 55px;
        padding-left: 24px;
        padding-right: 24px
    }

    .c-oth110 .simplebar-track.simplebar-horizontal {
        margin: 0 24px
    }
}

.c-oth110 .c-oth110__list {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 var(--gutter-width);
    list-style: none;
    margin: 0;
    padding: 0 0 24px;
    width: auto
}

.c-oth110 .c-oth110__item {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding-bottom: 24px;
    text-align: left;
    width: 296px
}

@media screen and (max-width:575px) {
    .c-oth110 .c-oth110__item {
        width: 278px
    }
}

.c-oth110 .c-oth110__item:last-child {
    width: 296px
}

@media screen and (max-width:575px) {
    .c-oth110 .c-oth110__item:last-child {
        padding-right: 24px;
        width: 302px
    }
}

.c-oth110 .c-oth110__item .c-oth110__image {
    background-color: #d9d9d9;
    overflow: hidden;
    padding-top: 56.25%;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 100%
}

@supports(aspect-ratio:1/1) {
    .c-oth110 .c-oth110__item .c-oth110__image {
        aspect-ratio: 16/9;
        padding-top: 0
    }
}

.c-oth110 .c-oth110__item .c-oth110__image img {
    display: block;
    height: auto;
    left: 50%;
    max-height: 100%;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto
}

.c-oth110 .c-oth110__item:hover .c-oth110__image {
    opacity: .8
}

.c-oth110 .c-oth110__item .c-oth110__content {
    padding: 9pt 0
}

.c-oth110 .c-oth110__item .c-oth110__title {
    color: #1a1a1a;
    display: block;
    font-size: 1pc;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0
}

.c-oth110 .c-oth110__item .c-oth110__meta {
    margin-bottom: 8px;
    margin-top: 8px
}

.c-oth110 .c-oth110__item .c-oth110__meta .c-oth110__date {
    color: #666;
    display: block;
    font-size: 1pc
}

.c-oth110 .c-oth110__item .c-oth110__link {
    margin-top: 8px
}

.c-oth110 .c-oth110__item .c-oth110__link a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1a1a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 1rem;
    gap: 4px;
    text-align: left;
    text-decoration: none
}

.c-oth110 .c-oth110__item .c-oth110__link a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-oth110 .c-oth110__item .c-oth110__link .c-oth110__link-icon {
    -ms-flex-negative: 0;
    flex-shrink: 0;
    height: 1pc;
    width: 1pc
}

.c-oth110--large {
    max-width: 100%;
    overflow: hidden;
    width: 100%
}

.c-oth110--large .c-lay002 .cmp-container {
    margin-left: var(--side-margin);
    margin-right: var(--side-margin);
    max-width: 100%
}

@media screen and (min-width:1344px) {
    .c-oth110--large .c-lay002 .cmp-container {
        margin: 0 auto;
        max-width: 80pc
    }
}

@container (width < 650px) {
    .c-oth110 .c-oth110__list {
        gap: 0 1pc
    }

    .c-oth110 .c-oth110__item {
        width: 278px
    }

    .c-oth110 .c-oth110__item:last-child {
        padding-right: 24px;
        width: 302px
    }
}

.c-prd001 {
    background: #fff;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 4pc;
    padding: 3pc 0
}

@media screen and (max-width:767.9px) {
    .c-prd001 {
        margin-bottom: 5pc
    }

    .c-prd001 .productFullDetail__title {
        margin-top: 3pc
    }
}

.c-prd001 .productFullDetail__details {
    padding: 0
}

.c-prd001 .carousel__root {
    display: block;
    position: relative
}

.c-prd001 .c-product__videoPlay {
    display: block;
    min-width: 3pc
}

@media screen and (max-width:767.9px) {
    .c-prd001 .c-product__videoPlay {
        min-width: 2pc
    }
}

.c-prd001 .carousel__inner {
    overflow: hidden;
    width: 100%
}

.c-prd001 .carousel__scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 625pc
}

.c-prd001 .carousel__imageContainer {
    display: inline-block;
    overflow: hidden;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-prd001 .carousel__imageContainer {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-prd001 .carousel__imageContainer .c-product__videoPlay {
    min-width: 75pt
}

@media screen and (max-width:767.9px) {
    .c-prd001 .carousel__imageContainer .c-product__videoPlay {
        min-width: 60px
    }
}

.pressTabkey .c-prd001 .carousel__imageContainer .c-product__videoThumb:focus .c-product__videoPlay {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.c-prd001 .carousel__flyoutViewer {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-prd001 .carousel__flyoutViewer .s7flyoutzoomview {
    border: none
}

.c-prd001 .carousel__flyoutViewer .s7swatches {
    display: none;
    height: 0;
    width: 0
}

.c-prd001 .carousel__flyoutViewer .s7flyoutzoomview .s7flyoutzoom {
    left: 102%;
    width: 100%;
    z-index: 3
}

@media screen and (max-width:767.9px) {
    .c-prd001 .carousel__flyoutViewer .s7flyoutzoomview .s7flyoutzoom {
        left: 0
    }
}

.c-prd001 .thumbnailList__root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1pc;
    margin-top: 24px;
    padding-bottom: 28px
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .c-prd001 .thumbnailList__root {
        padding-bottom: 0
    }
}

@media screen and (max-width:767.9px) {
    .c-prd001 .thumbnailList__root {
        gap: 0 8px;
        padding-right: 24px
    }
}

.pressTabkey .c-prd001 .thumbnailList__root .thumbnail__root:focus {
    outline-offset: -8px
}

.c-prd001 .thumbnail__root {
    padding: 8px;
    width: calc(25% - 9pt)
}

@media screen and (max-width:767.9px) {
    .c-prd001 .thumbnail__root {
        padding: 4px
    }
}

.c-prd001 .thumbnail__rootSelected {
    background: #e6e6e6
}

.c-prd001 .thumbnail__image {
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.c-prd001 .carousel__chevron-left,
.c-prd001 .carousel__chevron-right {
    display: block;
    height: 44px;
    opacity: 0;
    position: absolute;
    text-align: right;
    top: calc(50% - 24px);
    -webkit-transform: translate(50%);
    transform: translate(50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 44px;
    z-index: 2
}

@media screen and (max-width:767.9px) {

    .c-prd001 .carousel__chevron-left,
    .c-prd001 .carousel__chevron-right {
        display: none
    }
}

@media screen and (pointer:coarse) {

    .c-prd001 .carousel__chevron-left,
    .c-prd001 .carousel__chevron-right {
        display: none
    }
}

.c-prd001 .carousel__chevron-left .c-prd001__arrowIcon,
.c-prd001 .carousel__chevron-right .c-prd001__arrowIcon {
    height: 24px;
    width: 24px
}

.c-prd001 .carousel__chevron-left .c-prd001__arrowIcon>img,
.c-prd001 .carousel__chevron-right .c-prd001__arrowIcon>img {
    width: 100%
}

.c-prd001 .carousel__chevron-left {
    left: -22px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-prd001 .carousel__chevron-right {
    right: 8px
}

.c-prd001 .productFullDetail__root {
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd001 .productFullDetail__root {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-prd001 .quantity__root {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-flex: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -ms-flex-direction: column;
    flex-direction: column;
    margin-left: 8px
}

.c-prd001 .fieldIcons__root {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: "before input after";
    grid-template-columns: auto 1fr auto;
    height: 56px
}

.c-prd001 .fieldIcons__input {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: before-start/after-end;
    grid-row: input-start/input-end
}

.c-prd001 .field__input {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid #333;
    color: #212121;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1rem;
    grid-area: input-start/input-start/input-end/icon-end;
    height: 56px;
    margin: 0;
    min-width: 187px;
    padding: 10px 9pt;
    width: 100%
}

.c-prd001 .fieldIcons__after:empty,
.c-prd001 .fieldIcons__before:empty {
    display: none
}

.c-prd001 .fieldIcons__after,
.c-prd001 .fieldIcons__before {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem
}

.c-prd001 .fieldIcons__before {
    grid-area: before
}

.c-prd001 .fieldIcons__after {
    grid-area: after
}

.c-prd001 .fieldIcons__after .icon__root {
    height: 24px
}

.c-prd001 .option__root {
    margin-top: 2pc
}

.c-prd001 .option__root+.option__root {
    margin-top: 1pc
}

.c-prd001 .tileList__root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -8px
}

@media screen and (max-width:767.9px) {
    .c-prd001 .tileList__root {
        margin: -2px -4px
    }
}

.c-prd001 .tileList__root>button {
    margin: 8px;
    text-align: center;
    width: calc(25% - 1pc)
}

@media screen and (max-width:767.9px) {
    .c-prd001 .tileList__root>button {
        margin: 2px 4px;
        width: calc(20% - 8px)
    }
}

.c-prd001 .tile__root {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 100%
}

.c-prd001 .c-product__price {
    margin-top: 24px
}

.c-prd001 .c-product__price.c-product__price--sale .c-product__priceNum {
    font-size: 1.125rem
}

.c-prd001 .c-product__price.c-product__price--sale .c-product__priceTxt {
    font-size: .875rem
}

.c-prd001 .c-product__openPriceTitle.c-product__priceTitle {
    font-size: 2rem
}

.c-prd001 .c-product__note .c-product__priceTitle {
    font-size: 1.25rem
}

@media screen and (max-width:767.9px) {
    .c-prd001 .c-product__note .c-product__priceTitle {
        font-size: 1.125rem
    }
}

.c-prd001 .c-product__priceTitle {
    font-size: .875rem
}

.c-prd001 .c-product__priceNum {
    font-size: 2rem
}

.c-prd001 .c-product__priceTxt {
    font-size: 1rem
}

.c-prd001 .c-product__priceSaleTitle {
    font-size: 1rem;
    margin-top: 8px
}

.c-prd001 .c-product__priceSaleNum {
    font-size: 2rem
}

.c-prd001 .c-product__priceSaleTxt {
    font-size: 1rem
}

.c-prd001 .c-product__openPrice--amount {
    font-size: 2rem
}

.c-prd001 .c-product__openPrice--currency {
    font-size: 1rem
}

.c-prd001 .c-product__review {
    margin-top: 1pc
}

.c-prd001 .c-product__review .c-product__link .icon--function {
    vertical-align: -3px
}

.c-prd001 .c-product__reviewStar,
.c-prd001 .c-product__reviewStar>img {
    height: 14px;
    width: 86px
}

.c-prd001 .c-product__reviewStar:after {
    background-size: 86px 14px;
    height: 14px
}

.c-prd001 .c-product__reviewCount {
    font-size: .875rem;
    margin: 0 2pc 0 8px
}

.c-prd001 .c-product__note {
    margin-top: 1pc
}

.c-prd001 .c-product__note+.c-product__accordion {
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd001 .c-product__note+.c-product__accordion {
        margin-top: 24px
    }
}

.c-prd001 .c-product__radio,
.c-prd001 .c-product__radio .c-lay008 {
    margin-top: 24px
}

.c-prd001 .c-product__api,
.c-prd001 .c-product__api+* {
    margin-top: 2pc
}

.c-prd001 .c-product__label--condition {
    margin-top: 1pc
}

.c-prd001__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.c-prd001__title {
    font-size: 2rem;
    font-weight: 400;
    margin-bottom: 2pc;
    text-align: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd001__title {
        font-size: 1.625rem
    }
}

.c-prd001__subTitle {
    font-size: 1.25rem;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd001__subTitle {
        font-size: 1.125rem
    }
}

.productFullDetail__root {
    display: grid;
    grid-template-areas: "images title" "images actions" "images options" "images quantity" "images cart" "images .";
    grid-template-columns: 1.5625fr 1fr;
    grid-template-rows: repeat(5, -webkit-min-content) 1fr [fold];
    grid-template-rows: repeat(5, min-content) 1fr [fold]
}

.productFullDetail__imageCarousel {
    grid-area: images;
    max-width: 50pc;
    padding: 1rem
}

.thumbnail__root {
    height: auto;
    width: auto
}

.thumbnail__image {
    width: 100%
}

.tile__root {
    margin-left: 1rem;
    margin-top: 1rem;
    min-width: 3rem;
    padding: 0 .75rem
}

.c-prd001__carousel {
    position: relative
}

.c-prd001__carousel .carousel__chevron-left,
.c-prd001__carousel .carousel__chevron-right {
    top: calc(50% - 22px)
}

.c-prd001__carousel .carousel__chevron-left .c-prd001__arrowIcon,
.c-prd001__carousel .carousel__chevron-right .c-prd001__arrowIcon {
    height: 24px;
    width: 24px
}

.c-prd001__carousel .carousel__chevron-left {
    left: -22px
}

.c-prd001__carousel .carousel__chevron-right {
    right: 0
}

.c-prd001__carousel:hover .carousel__chevron-left,
.c-prd001__carousel:hover .carousel__chevron-right {
    opacity: 1
}

.c-prd001__required {
    background: #f2dad9;
    border-radius: 2px;
    display: inline-block;
    font-size: .75rem;
    margin-left: 4px;
    padding: 2px 4px
}

.c-prd001__mainContainer {
    grid-area: images;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-prd001__mainContainer {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%
    }

    .c-prd001__detailContainer {
        -webkit-box-ordinal-group: 4;
        -ms-flex-order: 3;
        order: 3
    }
}

.c-prd001__detailContainer,
.productFullDetail__title {
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (min-width:992px) {

    .c-prd001__detailContainer,
    .productFullDetail__title {
        width: calc(var(--unit-width)*5 + var(--gutter-width)*4)
    }
}

@media screen and (max-width:767.9px) {

    .c-prd001__detailContainer,
    .productFullDetail__title {
        width: 100%
    }
}

.c-prd001__caption {
    color: #666;
    display: block;
    font-size: .75rem;
    line-height: 1.5;
    position: relative
}

.c-prd001__textBoxWrap {
    margin-top: 1pc
}

.c-prd001__textBox {
    background: transparent;
    border: 1px solid #b3b3b3;
    margin-top: 1pc;
    min-height: 52px;
    padding: 10px 9pt;
    width: 100%
}

.c-prd001__textBox.is-invalid,
.c-prd001__textBox:invalid {
    background: #f2dad9
}

.c-prd001__new {
    color: #914108;
    display: block;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

.productFullDetail__imageCarousel {
    grid-area: initial;
    padding: 0
}

.productFullDetail__imageCarousel+.c-product__accordion {
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .productFullDetail__imageCarousel+.c-product__accordion {
        margin-top: 0
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .productFullDetail__imageCarousel+.c-product__accordion {
        margin-top: 2pc
    }
}

.c-prd001__thumbnail {
    position: relative
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal {
    background: transparent
}

@media screen and (max-width:767.9px) {
    .c-prd001__thumbnail .simplebar-track.simplebar-horizontal {
        margin: 0 24px
    }
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal:after {
    display: none
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    background: transparent;
    top: 0
}

@media screen and (pointer:coarse) {
    .c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        padding: 22px 0
    }

    .c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        background: #333;
        height: 4px;
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    -webkit-transition: none;
    transition: none
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible {
    padding: 22px 0
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible:before {
    background: #333;
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.c-prd001__thumbnail .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
    display: none
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .c-prd001__thumbnail .simplebar-track {
        display: none
    }
}

.c-prd001__thumbnail:hover .carousel__chevron-left,
.c-prd001__thumbnail:hover .carousel__chevron-right {
    opacity: 1
}

.c-prd001__thumbnailInner {
    overflow-x: auto
}

@media screen and (max-width:767.9px) {
    .c-prd001__thumbnailInner {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.c-prd001__arrowIcon {
    display: inline-block
}

.c-prd001__favorite {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    margin-top: 1pc
}

.c-prd001__favorite,
.c-prd001__favoriteButton {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd001__favoriteButton svg {
    stroke-width: 1.5;
    display: block;
    height: 100%;
    -webkit-transition: fill .3s;
    transition: fill .3s;
    width: 100%
}

.c-prd001__favoriteButton:hover svg:not(.is-active) {
    fill: #e6e6e6
}

.c-prd001__favoriteButton:active svg:not(.is-active) {
    fill: #ccc
}

.c-prd001__favoriteButton svg.is-active {
    fill: #1a1a1a
}

.c-prd001__favoriteCount {
    font-size: .875rem
}

@media screen and (max-width:767.9px) {
    .c-prd001__favoriteCount {
        font-size: .75rem
    }
}

.c-prd001__favoriteIcon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: 4px;
    padding: 6px;
    width: 44px
}

.c-prd001__favoriteIcon>img {
    width: 100%
}

.productFullDetail__productName {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5
}

@media screen and (max-width:767.9px) {
    .productFullDetail__productName {
        font-size: 1.625rem
    }
}

.c-prd001__productNumber,
.c-prd001__productNumber .c-prd001__caption {
    margin-top: 8px
}

.c-prd001__productNum {
    font-weight: 700;
    line-height: 1.5;
    margin-top: 8px
}

.c-prd001__color .sr-only,
.c-prd001__open .sr-only {
    text-indent: -9999px
}

.c-prd001__colorBall {
    border-radius: 50%;
    display: block;
    height: 40px;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 40px
}

.tile__root_selected .c-prd001__colorBall:before {
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    content: "";
    height: 2pc;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2pc
}

.c-prd001__colorBall.is-border {
    border: 1px solid #666
}

.tile__root_selected .c-prd001__colorBall.is-border:before {
    border: 1px solid #666;
    border-radius: 50%;
    content: "";
    height: 2pc;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2pc
}

.c-prd001__open .tile__root_selected .c-prd001__colorBall:before,
.c-prd001__tillImage--inactive,
.tile__root_selected .c-prd001__tillImage--active {
    display: none
}

.tile__root_selected .c-prd001__tillImage--inactive {
    display: block
}

.c-prd001__tileDesc {
    color: #666;
    display: block;
    font-size: .75rem;
    line-height: 1.5;
    margin-top: 8px;
    text-align: center
}

.tile__root_selected .c-prd001__tileDesc {
    color: #1a1a1a
}

.c-prd001__description {
    font-size: .875rem;
    line-height: 1.5;
    margin-top: 2pc
}

.c-prd001__online {
    -webkit-box-ordinal-group: 5;
    -ms-flex-order: 4;
    background: #f2f2f2;
    margin-top: 2pc;
    order: 4;
    padding: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd001__online {
        padding: 2pc 24px
    }
}

.c-prd001__released {
    margin-top: 1pc
}

.c-prd001__stock {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.c-prd001__stock+.c-lay008 {
    margin-top: 4px
}

.c-prd001__stockCancel {
    display: block;
    margin-left: 1pc
}

.c-prd001__stockCancel .c-prd001__caption {
    margin-top: 2px
}

.c-prd001__scheduled {
    margin-bottom: 4px;
    margin-top: 4px
}

.c-prd001__sale,
.c-prd001__scheduled .c-prd001__caption,
.c-prd001__service {
    margin-top: 4px
}

.c-prd001__coupon .c-prd001__caption {
    color: #475c85;
    display: block;
    margin-top: 1pc
}

.c-prd001__coin {
    line-height: 1.5;
    margin-top: 24px
}

.c-prd001__coinBox {
    background: #e6e6e6;
    border-radius: 2px;
    font-weight: 700;
    padding: 1pc
}

.c-prd001__coinBox+.c-lay008 {
    margin-top: 8px
}

.c-prd001__coinText {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd001__coinBack {
    margin-left: 8px
}

.c-prd001__coinNum {
    display: block;
    margin-left: 1pc
}

.c-prd001__coinEntry {
    display: block;
    font-size: .75rem;
    margin-left: 26px;
    margin-top: 8px
}

.p-productFullDetail__quantity {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 24px
}

.p-productFullDetail__quantity+.c-product__accordion {
    margin-top: 24px
}

.c-prd001__check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-prd001__check .quantity__root {
    margin-left: 40px;
    margin-top: 1pc
}

.c-prd001__check .c-prd001__textBoxWrap {
    margin-left: 40px
}

.c-prd001__checkBox {
    cursor: pointer;
    margin-right: 10px;
    margin-top: 24px;
    padding-left: 40px
}

.c-prd001__checkBox:first-child {
    margin-top: 0
}

.c-prd001__checkInput {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pressTabkey .c-prd001__checkInput:focus+.c-prd001__checkLabel:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.c-prd001__checkInput:disabled+.c-prd001__checkLabel {
    cursor: default;
    opacity: .5
}

.c-prd001__checkInput:disabled+.c-prd001__checkLabel:after {
    content: none
}

.c-prd001__checkInput:checked+.c-prd001__checkLabel:after {
    content: ""
}

.c-prd001__checkLabel {
    display: block;
    margin-bottom: 0;
    position: relative
}

.c-prd001__checkLabel:after,
.c-prd001__checkLabel:before {
    content: "";
    display: block;
    height: 24px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 24px
}

.c-prd001__checkLabel:before {
    border: 1px solid #333;
    pointer-events: none
}

.c-prd001__checkLabel:after {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_check.svg) no-repeat 50%;
    content: none
}

.c-prd001__checkLabelPrice {
    display: block;
    font-weight: 700
}

.p-productFullDetail__cartActions {
    margin-top: 2pc
}

.p-productFullDetail__cartActions .c-product__buttonRegular {
    width: 100%
}

.p-productFullDetail__cartActions button:disabled {
    background: #e6e6e6;
    color: #333;
    opacity: 1
}

.p-productFullDetail__cartActions .button__root_highPriority+.button__root_highPriority {
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .p-productFullDetail__cartActions .button__root_highPriority+.button__root_highPriority {
        margin-top: 24px
    }
}

.c-prd001__view360 {
    background: #fff;
    margin: 0 auto;
    max-width: 818px;
    overflow: hidden
}

.c-prd001__view360Inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd001__view360Item {
    display: inline-block;
    position: relative;
    width: 100%
}

.c-prd001__view360Item figure {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 490px;
    justify-content: center;
    margin: 0 auto;
    max-width: 100%;
    position: relative
}

.c-prd001__view360Item figure .annotation {
    background: #e6e6e6;
    left: 50%;
    padding: 1pc 24px;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.c-prd001__view360Item model-viewer {
    height: 490px;
    -o-object-fit: cover;
    object-fit: cover;
    padding: 0;
    width: 100%
}

.c-prd001__view360ThumbWrapper {
    margin: 0 auto;
    position: relative
}

@media screen and (min-width:992px) {
    .c-prd001__view360ThumbWrapper {
        max-width: 820px
    }
}

.c-prd001__view360ThumbWrapper .carousel__chevron-left,
.c-prd001__view360ThumbWrapper .carousel__chevron-right {
    height: 44px;
    opacity: 0;
    position: absolute;
    text-align: right;
    top: calc(50% - 22px);
    -webkit-transform: translate(50%);
    transform: translate(50%);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 44px;
    z-index: 2
}

@media screen and (max-width:767.9px) {

    .c-prd001__view360ThumbWrapper .carousel__chevron-left,
    .c-prd001__view360ThumbWrapper .carousel__chevron-right {
        display: none
    }
}

@media screen and (pointer:coarse) {

    .c-prd001__view360ThumbWrapper .carousel__chevron-left,
    .c-prd001__view360ThumbWrapper .carousel__chevron-right {
        display: none
    }
}

.c-prd001__view360ThumbWrapper .carousel__chevron-left .c-prd001__arrowIcon,
.c-prd001__view360ThumbWrapper .carousel__chevron-right .c-prd001__arrowIcon {
    height: 24px;
    width: 24px
}

.c-prd001__view360ThumbWrapper .carousel__chevron-left .c-prd001__arrowIcon>img,
.c-prd001__view360ThumbWrapper .carousel__chevron-right .c-prd001__arrowIcon>img {
    width: 100%
}

.c-prd001__view360ThumbWrapper .carousel__chevron-left {
    left: -24px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

@media screen and (min-width:917px) {
    .c-prd001__view360ThumbWrapper .carousel__chevron-left {
        left: calc(50% - 444px)
    }
}

.c-prd001__view360ThumbWrapper .carousel__chevron-right {
    right: -2px
}

@media screen and (min-width:917px) {
    .c-prd001__view360ThumbWrapper .carousel__chevron-right {
        right: calc(50% - 420px)
    }
}

.c-prd001__view360ThumbWrapper:hover .carousel__chevron-left,
.c-prd001__view360ThumbWrapper:hover .carousel__chevron-right {
    opacity: 1
}

.c-prd001__view360Thumb {
    margin: 2pc auto 0;
    max-width: 820px;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 8px;
    position: relative
}

@media screen and (max-width:575px) {
    .c-prd001__view360Thumb {
        margin: 24px 24px 0;
        padding-bottom: 6px
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .c-prd001__view360Thumb {
        padding-bottom: 0
    }
}

.c-prd001__view360Thumb .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .c-prd001__view360ThumbInner {
    padding-bottom: 0
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .c-prd001__view360Thumb .simplebar-track {
        display: none
    }
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal {
    background: transparent;
    bottom: -20px
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal:after {
    display: none
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    background: transparent;
    top: 0
}

@media screen and (pointer:coarse) {
    .c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        padding: 22px 0
    }

    .c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        background: #333;
        height: 4px;
        opacity: 1;
        -webkit-transition: none;
        transition: none
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
        height: 2px
    }
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    bottom: 20px;
    -webkit-transition: none;
    transition: none
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible {
    padding: 22px 0
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar.simplebar-visible:before {
    background: #333;
    opacity: 1;
    -webkit-transition: none;
    transition: none
}

.c-prd001__view360Thumb .simplebar-track.simplebar-horizontal .simplebar-scrollbar:after {
    display: none
}

.c-prd001__view360Thumb:hover .carousel__chevron-left,
.c-prd001__view360Thumb:hover .carousel__chevron-right {
    opacity: 1
}

.c-prd001__view360ThumbInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 8px
}

.c-prd001__view360ThumbItem {
    -webkit-box-flex: 0;
    cursor: pointer;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    padding: 8px;
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .c-prd001__view360ThumbItem {
        padding: 4px;
        width: calc(var(--unit-width)*2.85 + var(--gutter-width)*1.85)
    }
}

.c-prd001__view360ThumbItem.is-active {
    background: #e6e6e6
}

.c-prd001__view360ThumbItem img {
    aspect-ratio: 1;
    width: 100%
}

.c-prd001__arSp,
.can-activate .c-prd001__arPc {
    display: none
}

.can-activate .c-prd001__arSp {
    display: block
}

.c-prd001__arSp .c-prd001__caption {
    margin-top: 2pc;
    text-align: left
}

.c-prd001__arQr {
    margin: 3pc auto 2pc;
    max-width: 264px
}

.c-prd001__arQr>img {
    width: 100%
}

.c-prd001__arThumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc;
    margin-top: 24px
}

.c-prd001__arThumb>li {
    width: calc(50% - 8px)
}

.c-prd001__arThumb>li img {
    width: 100%
}

.c-prd001__sticky {
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    bottom: 0;
    display: none;
    left: 0;
    padding: 1pc var(--side-margin);
    position: fixed;
    width: 100%;
    z-index: 96
}

.c-prd001__sticky.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd001__sticky .c-prd001__favorite {
    justify-self: end;
    margin-top: 0
}

.c-prd001__sticky .c-prd001__favoriteIcon {
    margin-left: 0
}

.c-prd001__sticky .c-product__buttonRegular {
    justify-self: center;
    margin: 0 1pc;
    padding: 7px 20px 8px
}

@media screen and (max-width:767.9px) {
    .c-prd001__sticky .c-product__buttonRegular {
        min-height: 44px
    }
}

@media screen and (max-width:575px) {
    .c-prd001__sticky .c-product__buttonRegular {
        margin: 0 0 0 1pc
    }
}

.c-prd001__stickyInner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-prd001__stickyInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

.c-prd002 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 24px
}

.c-prd002 .c-product__price {
    margin-top: 0;
    text-align: center
}

.c-prd002 .c-product__price.c-product__price--sale .c-product__priceNum {
    font-size: 1.125rem
}

.c-prd002 .c-product__price.c-product__price--sale .c-product__priceTxt,
.c-prd002 .c-product__priceTitle {
    font-size: .875rem
}

.c-prd002 .c-product__priceTxt {
    font-size: 1rem
}

.c-prd002 .c-product__priceNum {
    font-size: 2rem
}

.c-prd002 .c-product__priceFrom {
    font-size: 1.125rem
}

.c-prd002 .c-product__priceSaleTitle {
    font-size: 1rem;
    font-weight: 700;
    margin-top: 8px
}

.c-prd002 .c-product__priceSaleNum {
    font-size: 2rem
}

.c-prd002 .c-product__priceSaleTxt {
    font-size: 1rem
}

.c-prd002 .c-product__priceTitle {
    font-size: 1.625rem
}

.c-prd002 .c-product__buttonRegular {
    margin-top: 1pc;
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .c-prd002 .c-product__buttonRegular {
        width: 100%
    }
}

.c-prd002 .c-product__api {
    margin-top: 1pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-prd002 .c-product__api {
        text-align: left
    }
}

.c-prd002__productName {
    line-height: 1.5
}

.c-prd002__productName .c-product__new {
    display: inline-block;
    font-size: 1rem
}

.c-prd002__productName .c-product__new>span {
    padding-bottom: 0;
    padding-right: 8px
}

.c-prd002__productNumber {
    font-weight: 700;
    line-height: 1.5
}

.c-prd003 {
    margin: 0 auto 4pc;
    overflow: hidden
}

@media screen and (max-width:767.9px) {
    .c-prd003 {
        margin: 0 auto 5pc
    }
}

.c-prd003 .productcollection__root {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0
}

.c-prd003 .productcollection__filters {
    margin: 0 auto 3pc;
    width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-prd003 .productcollection__filters {
        margin-bottom: 9pt;
        padding-left: var(--side-margin);
        width: 100%
    }
}

@media screen and (max-width:767.9px)and (pointer:coarse) {
    .c-prd003 .productcollection__filters {
        margin-bottom: 2pc
    }
}

@media screen and (max-width:767.9px) {
    .c-prd003 .productcollection__filters .simplebar-track.simplebar-horizontal {
        margin: 0 var(--side-margin)
    }
}

@media screen and (pointer:coarse) {
    .c-prd003 .productcollection__filters .simplebar-track.simplebar-horizontal {
        background: transparent;
        height: 0;
        margin: 0;
        padding: 0
    }

    .c-prd003 .productcollection__filters .simplebar-track.simplebar-horizontal .simplebar-scrollbar {
        background: transparent;
        top: 0
    }
}

@media screen and (max-width:767.9px) {
    .c-prd003 .c-product__filterTag {
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        margin-bottom: 44px
    }
}

@media screen and (max-width:767.9px)and (pointer:coarse) {
    .c-prd003 .c-product__filterTag {
        margin-bottom: 0
    }
}

@media screen and (max-width:767.9px) {
    .c-prd003 .c-product__filterTag>li:last-child {
        padding-right: var(--side-margin)
    }
}

.c-prd003 .productcollection__sort {
    margin: 0 auto;
    width: var(--inner-width)
}

.c-prd003 .productcollection__sort-fields {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: inherit;
    margin: 0 -1pc
}

@media screen and (max-width:767.9px) {
    .c-prd003 .productcollection__sort-fields {
        margin: 0 -9pt
    }
}

.c-prd003 .productcollection__items {
    display: block;
    margin: 0 auto;
    width: var(--inner-width)
}

.c-prd003 .productcarousel__cardscontainer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px var(--gutter-width);
    margin-top: 4pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd003 .productcarousel__cardscontainer {
        gap: 2pc var(--gutter-width);
        margin-top: 3pc
    }
}

.c-prd003 .productcarousel__cardscontainer .c-product__notFound {
    width: 100%
}

.c-prd003 .productcarousel__cardscontainer.is-between {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-prd003 .product__extension {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 2pc var(--gutter-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd003 .product__extension {
        margin-top: 3pc
    }
}

.c-prd003 .product__card {
    float: none;
    text-align: left;
    text-decoration: none;
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {
    .c-prd003 .product__card {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-prd003 .product__card>a {
    display: block;
    text-decoration: none
}

.c-prd003 .product__card>a:hover .c-product__image {
    opacity: .8
}

.c-prd003 .product__card>a:hover .c-product__name,
.c-prd003 .product__card>a:hover .c-product__numberWrap {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd003 .product__card.c-prd003__row--banner {
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-prd003 .product__card.c-prd003__row--banner {
        margin-left: calc(var(--side-margin)*-1);
        margin-right: calc(var(--side-margin)*-1);
        width: calc(100% + var(--side-margin)*2)
    }

    .c-prd003 .product__card.c-prd003__row--banner .productcollection__item-image-desktop {
        display: none
    }
}

@media screen and (min-width:768px) {
    .c-prd003 .product__card.c-prd003__row--banner .productcollection__item-image-mobile {
        display: none
    }
}

.c-prd003 .product__card.c-prd003__row--banner>a {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-prd003 .product__card.c-prd003__row--banner>a:hover {
    opacity: .8
}

.c-prd003--vertical-3 .product__card {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .c-prd003--vertical-3 .product__card {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-prd003--vertical-2 .productcollection__items {
    width: calc(var(--unit-width)*8 + var(--gutter-width)*6 + 40px)
}

@media screen and (max-width:767.9px) {
    .c-prd003--vertical-2 .productcollection__items {
        width: 100%
    }
}

.c-prd003--vertical-2 .product__card {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .c-prd003--vertical-2 .product__card {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-prd003--vertical-1 .productcollection__items {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .c-prd003--vertical-1 .productcollection__items {
        width: 100%
    }
}

.c-prd003--vertical-1 .product__card {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .c-prd003--vertical-1 .product__card {
        width: 100%
    }

    .c-prd003--vertical-1 {
        max-width: 100%
    }
}

.c-prd003 .c-product__new {
    font-size: 1.25rem;
    height: 41px
}

@media screen and (max-width:767.9px) {
    .c-prd003 .c-product__new {
        font-size: 1.125rem
    }
}

.c-prd003 .c-product__details {
    line-height: 1.5;
    margin-top: 1pc
}

.c-prd003 .c-product__details .c-product__openPriceTitle {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .c-prd003 .c-product__details .c-product__openPriceTitle {
        font-size: 1rem
    }
}

.c-prd003 .c-product__openPriceAmount,
.c-prd003 .c-product__priceArea,
.c-prd003 .c-product__priceSaleArea {
    margin-top: 4px
}

.c-prd003 .c-product__openPrice--amount {
    font-size: 1.125rem;
    line-height: 1.5
}

@media screen and (max-width:767.9px) {
    .c-prd003 .c-product__openPrice--amount {
        font-size: 1rem
    }
}

.c-prd003 .c-product__openPrice--currency {
    font-size: .75rem
}

.c-prd003 .c-product__labels.c-product__copywriting .c-product__label>li {
    color: #1a1a1a;
    font-size: .75rem
}

.productcollection__item-image {
    height: auto;
    width: 100%
}

.c-prd003__sort {
    margin: 0 1pc
}

@media screen and (max-width:767.9px) {
    .c-prd003__sort {
        margin: 0 9pt
    }
}

.c-prd003__sort .c-prd003__sortOverlay {
    bottom: 0;
    left: 0;
    opacity: 0;
    overflow: auto;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1000
}

.c-prd003__sort--order {
    position: relative
}

.c-prd003__sortBtn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 1pc;
    text-align: left
}

@media screen and (max-width:767.9px) {
    .c-prd003__sortBtn {
        width: 100%
    }
}

.c-prd003__order {
    background: #fff;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 49px;
    z-index: 1001
}

@media screen and (max-width:767.9px) {
    .c-prd003__order {
        font-size: .875rem
    }
}

.c-prd003__order .c-product__radioLabel {
    white-space: nowrap
}

.c-prd003__banner--mobile {
    display: none
}

@media screen and (max-width:575px) {
    .c-prd003__banner--mobile {
        display: block
    }

    .c-prd003__banner--desktop {
        display: none
    }
}

.c-prd004,
.c-prd005 {
    margin-bottom: 44px
}

@media screen and (max-width:767.9px) {

    .c-prd004,
    .c-prd005 {
        margin-bottom: 59px
    }
}

.c-prd004 .productcarousel__root,
.c-prd005 .productcarousel__root {
    overflow-x: auto
}

@media screen and (max-width:575px) {

    .c-prd004 .productcarousel__root,
    .c-prd005 .productcarousel__root {
        margin-left: -24px;
        margin-right: -24px;
        padding-left: 24px;
        padding-right: 24px
    }
}

.c-prd004 .productcarousel__container,
.c-prd005 .productcarousel__container {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.c-prd004 .productcarousel__parent,
.c-prd005 .productcarousel__parent {
    padding-bottom: 72px
}

@media screen and (max-width:767.9px) {

    .c-prd004 .productcarousel__parent,
    .c-prd005 .productcarousel__parent {
        padding-bottom: 55px
    }
}

.c-prd004 .productcarousel__cardscontainer,
.c-prd005 .productcarousel__cardscontainer {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 var(--gutter-width);
    width: auto
}

.c-prd004 .productcarousel__btn,
.c-prd005 .productcarousel__btn {
    display: none !important
}

.c-prd004 .product__card,
.c-prd005 .product__card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {

    .c-prd004 .product__card,
    .c-prd005 .product__card {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-prd004 .product__card>a,
.c-prd005 .product__card>a {
    display: block;
    text-decoration: none
}

.c-prd004 .product__card>a:hover .c-product__image,
.c-prd005 .product__card>a:hover .c-product__image {
    opacity: .8
}

.c-prd004 .product__card>a:hover .c-product__name,
.c-prd004 .product__card>a:hover .c-product__numberWrap,
.c-prd005 .product__card>a:hover .c-product__name,
.c-prd005 .product__card>a:hover .c-product__numberWrap {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.pressTabkey .c-prd004 .product__card>a:focus,
.pressTabkey .c-prd005 .product__card>a:focus {
    outline-offset: -3px
}

.c-prd004 .product__card a .productcollection__item-image,
.c-prd005 .product__card a .productcollection__item-image {
    height: calc(var(--unit-width)*3 + var(--gutter-width)*2);
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:767.9px) {

    .c-prd004 .product__card a .productcollection__item-image,
    .c-prd005 .product__card a .productcollection__item-image {
        height: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (min-width:768px) {

    .c-prd004 .product__card:last-child,
    .c-prd005 .product__card:last-child {
        width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
    }
}

@media screen and (max-width:575px) {

    .c-prd004 .product__card:last-child,
    .c-prd005 .product__card:last-child {
        padding-right: 24px;
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5 + 24px)
    }
}

.c-prd004 .c-product__new,
.c-prd005 .c-product__new {
    height: 35px
}

.column-a2 .c-prd004,
.column-a2 .c-prd005,
.column-a2_1 .c-prd004,
.column-a2_1 .c-prd005 {
    margin-top: 24px
}

@media screen and (max-width:767.9px) {

    .column-a2 .c-prd004,
    .column-a2 .c-prd005,
    .column-a2_1 .c-prd004,
    .column-a2_1 .c-prd005 {
        margin-top: 1pc
    }
}

.c-prd004 .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent,
.c-prd005 .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
    padding-bottom: 20px
}

@media screen and (max-width:767.9px) {

    .c-prd004 .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent,
    .c-prd005 .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
        padding-bottom: 21px
    }
}

.c-prd004 .c-product__details,
.c-prd005 .c-product__details {
    line-height: 1.5;
    margin-top: 1pc
}

.c-prd004 .c-product__details .c-product__openPriceTitle,
.c-prd005 .c-product__details .c-product__openPriceTitle {
    font-size: 1.125rem;
    line-height: 1.5;
    margin-top: 4px
}

@media screen and (max-width:767.9px) {

    .c-prd004 .c-product__details .c-product__openPriceTitle,
    .c-prd005 .c-product__details .c-product__openPriceTitle {
        font-size: 1rem
    }
}

@media screen and (max-width:575px) {

    .c-prd004 .simplebar-track.simplebar-horizontal,
    .c-prd005 .simplebar-track.simplebar-horizontal {
        margin: 0 24px
    }
}

.c-prd004 .c-product__openPriceAmount,
.c-prd004 .c-product__priceArea,
.c-prd004 .c-product__priceSaleArea,
.c-prd005 .c-product__openPriceAmount,
.c-prd005 .c-product__priceArea,
.c-prd005 .c-product__priceSaleArea {
    margin-top: 4px
}

.c-prd004 .c-product__openPrice--amount,
.c-prd005 .c-product__openPrice--amount {
    font-size: 1.125rem;
    line-height: 1.5
}

@media screen and (max-width:767.9px) {

    .c-prd004 .c-product__openPrice--amount,
    .c-prd005 .c-product__openPrice--amount {
        font-size: 1rem
    }
}

.c-prd004 .c-product__openPrice--currency,
.c-prd005 .c-product__openPrice--currency {
    font-size: .75rem
}

.c-prd004 .c-product__labels.c-product__copywriting .c-product__label>li,
.c-prd005 .c-product__labels.c-product__copywriting .c-product__label>li {
    color: #1a1a1a;
    font-size: .75rem
}

@media screen and (pointer:coarse) {

    .c-prd004--cut,
    .c-prd005--cut {
        margin-bottom: 4pc
    }
}

@media screen and (pointer:coarse)and (max-width:767.9px) {

    .c-prd004--cut,
    .c-prd005--cut {
        margin-bottom: 5pc
    }
}

.c-prd004--cut .product__card,
.c-prd005--cut .product__card {
    width: calc((var(--inner-width) - var(--gutter-width)*3)/3.33)
}

@media screen and (min-width:768px) {

    .c-prd004--cut .product__card,
    .c-prd005--cut .product__card {
        width: calc((var(--inner-width) - var(--gutter-width)*4)/4.33)
    }
}

@media screen and (min-width:992px) {

    .c-prd004--cut .product__card,
    .c-prd005--cut .product__card {
        width: calc((var(--inner-width) - var(--gutter-width)*5)/5.33)
    }
}

@media screen and (max-width:575px) {

    .c-prd004--cut .product__card,
    .c-prd005--cut .product__card {
        width: calc((var(--inner-width) - var(--gutter-width)*2)/2.33)
    }
}

.c-prd004--cut .product__card a .productcollection__item-image,
.c-prd005--cut .product__card a .productcollection__item-image {
    height: calc((var(--inner-width) - var(--gutter-width)*3)/3.33)
}

@media screen and (min-width:768px) {

    .c-prd004--cut .product__card a .productcollection__item-image,
    .c-prd005--cut .product__card a .productcollection__item-image {
        height: calc((var(--inner-width) - var(--gutter-width)*4)/4.33)
    }
}

@media screen and (min-width:992px) {

    .c-prd004--cut .product__card a .productcollection__item-image,
    .c-prd005--cut .product__card a .productcollection__item-image {
        height: calc((var(--inner-width) - var(--gutter-width)*5)/5.33)
    }
}

@media screen and (max-width:575px) {

    .c-prd004--cut .product__card a .productcollection__item-image,
    .c-prd005--cut .product__card a .productcollection__item-image {
        height: calc((var(--inner-width) - var(--gutter-width)*2)/2.33)
    }
}

@media screen and (min-width:768px) {

    .c-prd004--cut .product__card:last-child,
    .c-prd005--cut .product__card:last-child {
        width: calc((var(--inner-width) - var(--gutter-width)*4)/4.33)
    }
}

@media screen and (min-width:992px) {

    .c-prd004--cut .product__card:last-child,
    .c-prd005--cut .product__card:last-child {
        width: calc((var(--inner-width) - var(--gutter-width)*5)/5.33)
    }
}

@media screen and (max-width:767.9px) {

    .c-prd004--cut .product__card:last-child,
    .c-prd005--cut .product__card:last-child {
        width: calc((var(--inner-width) - var(--gutter-width)*3)/3.33)
    }
}

@media screen and (max-width:575px) {

    .c-prd004--cut .product__card:last-child,
    .c-prd005--cut .product__card:last-child {
        padding-right: 24px;
        width: calc((var(--inner-width) - var(--gutter-width)*2)/2.33 + 24px)
    }
}

@media screen and (pointer:coarse) {

    .c-prd004--cut .productcarousel__parent,
    .c-prd005--cut .productcarousel__parent {
        padding-bottom: 0
    }

    .c-prd004--cut .simplebar-track,
    .c-prd005--cut .simplebar-track {
        display: none
    }

    .c-prd004--cut .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent,
    .c-prd005--cut .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
        padding-bottom: 0
    }
}

.productcarousel__container {
    margin: 25px auto;
    position: relative;
    width: 15pc
}

.productcarousel__root {
    overflow: hidden
}

.productcarousel__cardscontainer {
    margin: auto;
    -webkit-transition-duration: .3s;
    transition-duration: .3s;
    -webkit-transition-property: margin-left, margin-right;
    transition-property: margin-left, margin-right;
    -webkit-transition-timing-function: linear;
    transition-timing-function: linear;
    width: 750pc
}

.product__card {
    float: left;
    text-align: center;
    width: 15pc
}

.c-prd005__cart {
    margin-top: 1pc
}

.c-prd005__notStock {
    font-size: .875rem;
    line-height: 1.5
}

.column-a2>.row .c-lay011>:last-child .productcarousel__container .simplebar-horizontal,
.column-a2_1>.row .c-lay011>:last-child .productcarousel__container .simplebar-horizontal {
    margin-bottom: 0
}

.column-a2>.row .c-lay011>:last-child .productcarousel__container .simplebar-horizontal[style="visibility: visible;"],
.column-a2_1>.row .c-lay011>:last-child .productcarousel__container .simplebar-horizontal[style="visibility: visible;"] {
    margin-bottom: -4px
}

.column-a2>.row .c-lay011>:last-child .productcarousel__container .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent,
.column-a2_1>.row .c-lay011>:last-child .productcarousel__container .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
    padding-bottom: 24px
}

@media screen and (max-width:767.9px) {

    .column-a2>.row .c-lay011>:last-child .productcarousel__container .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent,
    .column-a2_1>.row .c-lay011>:last-child .productcarousel__container .simplebar-content-wrapper[style="height: auto; overflow: hidden;"] .productcarousel__parent {
        padding-bottom: 8px
    }
}

.c-prd006 {
    margin: 0 auto 4pc;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-prd006 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd006 {
        margin: 0 auto 5pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-prd006 .c-product__review {
    margin-top: 1pc
}

@media screen and (min-width:768px) {
    .c-prd006 .c-product__accordion {
        margin: 0 1pc;
        width: 50%
    }
}

@media screen and (max-width:767.9px) {
    .c-prd006 .c-product__accordion {
        margin-top: 2pc
    }
}

@media screen and (min-width:768px) {
    .c-prd006 .c-product__accordionHeader {
        border-top: none
    }

    .c-prd006 .c-product__accordionTrigger {
        min-height: 0;
        padding: 0 0 2pc
    }
}

.c-prd006 .c-product__accordionTrigger:disabled {
    opacity: 1
}

@media screen and (min-width:768px) {
    .c-prd006 .c-product__accordionIcon {
        display: none
    }
}

.c-prd006 .c-product__accordion-panel {
    padding-bottom: 0
}

.c-prd006 .c-product__visuallyHidden {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.c-prd006 .c-product__api {
    margin-top: 0;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-prd006 .c-product__api {
        text-align: left
    }
}

.c-prd006 .c-product__visible:after {
    content: "…"
}

.c-prd006 .is-expanded .c-product__visible:after {
    content: ""
}

.c-prd006 .c-product__more {
    margin-top: 2pc
}

.c-prd006__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -1pc
}

@media screen and (max-width:767.9px) {
    .c-prd006__main {
        display: block;
        margin: 0
    }
}

.c-prd006__star {
    margin: 0 1pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd006__star {
        margin: 0;
        width: 100%
    }
}

.c-prd006__star .c-product__review+.c-lay008 {
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd006__star .c-product__review+.c-lay008 {
        margin-top: 24px
    }
}

.c-prd006__star .c-product__reviewStar,
.c-prd006__star .c-product__reviewStar>img {
    height: 24px;
    width: 152px
}

.c-prd006__star .c-product__reviewStar:after {
    background-size: 152px 24px;
    height: 24px
}

.c-prd006__count {
    font-size: 1.25rem;
    line-height: 1.5
}

@media screen and (max-width:767.9px) {
    .c-prd006__count {
        font-size: 1.125rem
    }
}

.c-prd006__countScore {
    font-size: 1.625rem;
    font-weight: 700
}

@media screen and (max-width:767.9px) {
    .c-prd006__countScore {
        font-size: 1.375rem
    }
}

.c-prd006__averageItem {
    margin-top: 1pc
}

.c-prd006__averageItem:first-child {
    margin-top: 0
}

.c-prd006__averageItem>a {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-decoration: none
}

.c-prd006__score {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    width: 72px
}

.c-prd006__starNum {
    overflow: hidden;
    position: relative
}

.c-prd006__starNum:after {
    background-image: linear-gradient(90deg, #000, #000 1px, transparent 0, transparent 3px);
    background-repeat: repeat-x;
    background-size: 3px 1px;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%
}

.c-prd006__scoreNum {
    font-size: .75rem
}

.c-prd006__graphArea {
    background-color: #e6e6e6;
    display: inline-block;
    height: 1pc;
    width: 100%
}

.c-prd006__graph {
    background-color: #914108;
    display: inline-block;
    height: 1pc;
    position: relative;
    vertical-align: top
}

.c-prd006__averagePercent {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    line-height: 1;
    text-align: right;
    width: 60px
}

.c-prd006__sortArea {
    margin-top: 2pc
}

.c-prd006__sortArea .c-product__radio {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
    gap: 0 2pc
}

.c-prd006__sortArea .c-product__radioButton {
    margin-top: 0
}

.c-prd006__comment,
.c-prd006__commentList>li {
    margin-top: 2pc
}

.c-prd006__commentTitle {
    font-size: 1.25rem;
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .c-prd006__commentTitle {
        font-size: 1.125rem
    }
}

.c-prd006__commentStar {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 1pc
}

@media screen and (max-width:767.9px) {
    .c-prd006__commentStar {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between
    }
}

.c-prd006__commentStar .c-product__review {
    margin-top: 0
}

.c-prd006__commentStar .c-product__reviewStar,
.c-prd006__commentStar .c-product__reviewStar>img {
    height: 18px;
    width: 114px
}

.c-prd006__commentStar .c-product__reviewStar:after {
    background-size: 114px 18px;
    height: 18px
}

.c-prd006__commentDate {
    color: #666;
    margin-left: 2pc
}

.c-prd006__commentName {
    color: #666;
    display: block;
    font-size: .875rem;
    margin-top: 1pc
}

.c-prd006__commentText,
.c-prd006__reference {
    margin-top: 1pc
}

.c-prd006__referenceText {
    font-size: .875rem
}

.c-prd006__commentTextClose,
.c-prd006__commentTextMore {
    margin-top: 1pc;
    text-align: center
}

.c-prd006__commentTextClose>button,
.c-prd006__commentTextMore>button {
    color: #666;
    position: relative;
    text-decoration: underline
}

@media screen and (min-width:768px) {

    .c-prd006__commentTextClose>button:hover,
    .c-prd006__commentTextMore>button:hover {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
}

.c-prd006__commentTextClose>button:disabled,
.c-prd006__commentTextMore>button:disabled {
    text-decoration: none
}

.c-prd006__commentTextClose,
.is-expanded .c-prd006__commentTextMore {
    display: none
}

.is-expanded .c-prd006__commentTextClose {
    display: block
}

.c-prd006__referenceButton {
    margin-top: 1pc
}

.c-prd006__referenceButton button>span {
    padding-left: 4px
}

.c-prd006__referenceThanksText {
    font-size: .875rem;
    margin-top: 8px
}

.c-prd006__footArea {
    margin-top: 2pc
}

.c-prd006__footArea p {
    font-size: .875rem
}

.c-prd006__footArea .c-product__link {
    margin-bottom: 0;
    margin-top: 1pc
}

.c-prd007 {
    margin: 0 auto 4pc;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd007 {
        margin: 0 auto 5pc
    }
}

.c-prd007 .c-product__api {
    margin-top: 0;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-prd007 .c-product__api {
        text-align: left
    }
}

.c-prd007__free-wrapper {
    margin-top: 4pc
}

.c-product__free-text-area {
    margin-bottom: 4pc;
    padding: 1pc
}

.c-product__free-text-area p {
    font-size: 1.25rem;
    white-space: pre-wrap
}

.c-prd007__title {
    text-align: center
}

.c-prd007__inner {
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 44px
}

.c-prd007__table {
    border-top: 1px solid #ccc;
    min-width: 50pc;
    width: 100%
}

.c-prd007__table td,
.c-prd007__table th {
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    font-size: 1rem;
    font-weight: 400;
    padding: 1pc
}

.c-prd007__table td:first-child,
.c-prd007__table th:first-child {
    border-left: none
}

.c-prd007__table td:last-child,
.c-prd007__table th:last-child {
    border-right: none
}

@media screen and (max-width:767.9px) {

    .c-prd007__table td,
    .c-prd007__table th {
        font-size: .875rem;
        padding: 8px
    }
}

.c-prd007__table th {
    background: #e6e6e6
}

.c-prd007__table .c-prd007_tableImage,
.c-prd007__table .c-prd007_tableImage .c-gen003 {
    display: inline-block;
    margin: 0
}

.c-prd007__table .c-prd007_tableImage .c-gen003,
.c-prd007__table .c-prd007_tableImage[data-open-modal] {
    cursor: pointer
}

.c-prd007__table .c-prd007_tableImage[data-open-modal] .cmp-image .cmp-image__image {
    margin: 0
}

.c-prd007__accessory {
    margin-top: 20px
}

@media screen and (max-width:767.9px) {
    .c-prd007__accessory {
        margin-top: 36px
    }
}

.c-prd007__list {
    counter-reset: number 0;
    margin-left: 30px;
    margin-top: 24px
}

.c-prd007__list>li {
    color: #666;
    font-size: .75rem;
    list-style: none;
    position: relative
}

.c-prd007__list>li:before {
    content: "★" counter(number);
    counter-increment: number 1;
    display: block;
    left: -30px;
    position: absolute;
    top: 0;
    width: 30px
}

.c-prd007_modal .c-lay007__modalInner {
    padding-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-prd007_modal .c-lay007__modalInner {
        padding-bottom: 5pc
    }
}

.c-prd007_modal .tabs.panelcontainer .c-lay001:not(:last-of-type) {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-prd007_modal .tabs.panelcontainer .c-lay001:not(:last-of-type) {
        margin-bottom: 2pc
    }
}

.c-prd007_modal .c-prd007_modalTitle.heading--large {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-prd007_modal .c-prd007_modalTitle.heading--large {
        margin-bottom: 2pc
    }

    .c-prd007_modal .c-prd007_modalTitle.heading--large .cmp-title__text {
        font-size: 2rem
    }

    .c-prd007_modal .c-prd007_modalText.text--large {
        font-size: 1pc
    }
}

.c-prd007_modal .c-gen002.list--asteriskJa .cmp-text>ol>li {
    line-height: 18px
}

.c-prd007_modal .c-gen002.list--asteriskJa .cmp-text>ol>li:before {
    margin-right: 4px
}

.c-prd007_modal .c-gen002.list--asteriskJa:not(:last-child) {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd007_modal .c-gen002.list--asteriskJa:not(:last-child) {
        margin-bottom: 46px
    }
}

.c-prd007_modal .c-gen003 figure .cmp-image__image {
    margin: 0 auto
}

.c-prd007_modal .c-prd007_modalImage .cmp-image__image--desktop {
    max-width: 100%;
    width: auto
}

.c-prd007_modal .c-prd007_modalImage .cmp-image__image--mobile {
    margin-left: auto;
    margin-right: auto;
    max-width: 100%;
    width: auto
}

.c-prd010 {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-prd010 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd010 {
        width: 100%
    }
}

.c-prd010__body h1 {
    margin-bottom: 2pc;
    text-align: center
}

.c-prd010__body--v2 h1 {
    text-align: center
}

.c-prd010__heading,
.c-prd010__heading--has-status {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd010__heading--has-status {
        margin-bottom: 1pc
    }
}

.c-prd010__subtitle,
.c-prd010__title {
    font-weight: 400
}

.c-prd010__status {
    color: #1a1a1a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd010__status {
        display: block;
        font-size: .875rem;
        line-height: 21px;
        margin-left: 0;
        margin-top: 4px;
        padding-bottom: 0;
        padding-top: 0
    }
}

.c-prd010__status.c-prd010__status--new {
    color: #914108
}

.c-prd010__subtitle {
    color: #666;
    display: block;
    font-size: 1.25rem;
    line-height: 30px;
    margin-bottom: 4px
}

@media screen and (max-width:767.9px) {
    .c-prd010__subtitle {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.c-prd010__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-column-gap: 1pc;
    -moz-column-gap: 1pc;
    column-gap: 1pc;
    display: grid;
    font-size: 2.25rem;
    grid-auto-flow: column;
    justify-content: center;
    line-height: 54px
}

@media screen and (max-width:767.9px) {
    .c-prd010__title {
        display: block;
        font-size: 2rem;
        grid-auto-flow: row;
        line-height: 3pc
    }
}

.c-prd010__single_sale_comment {
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.5;
    margin-top: 8px
}

@media screen and (max-width:767.9px) {
    .c-prd010__single_sale_comment {
        font-size: 1rem
    }
}

.c-prd010 .error-message {
    display: block;
    margin-bottom: 2pc;
    text-align: center
}

.c-prd010 .error-message span {
    color: #0063cc;
    font-size: .875rem;
    font-weight: 400;
    line-height: 21px
}

@media screen and (max-width:767.9px) {
    .c-prd010 .error-message span {
        text-align: left
    }
}

.c-prd011__body {
    margin: 0 auto 3pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-prd011__body {
        margin-bottom: 2pc
    }
}

.c-prd011__body .cmp-accordion__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0
}

.c-prd011__body .cmp-accordion__icon:after,
.c-prd011__body .cmp-accordion__icon:before {
    display: none
}

.c-prd011__body .cmp-accordion__icon-close,
.c-prd011__body .cmp-accordion__icon-open {
    height: 1pc;
    width: 1pc
}

.c-prd011__body .cmp-accordion__button--expanded .cmp-accordion__icon-open,
.c-prd011__body .cmp-accordion__icon-close {
    display: none
}

.c-prd011__body .cmp-accordion__button--expanded .cmp-accordion__icon-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd011 .cmp-text {
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-prd011 .cmp-text {
        text-align: left
    }
}

.c-prd011 .cmp-text ul li {
    line-height: 18px
}

.c-prd011 .c-gen002.positive--orangeLight {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd011 .c-gen002.positive--orangeLight {
        margin-bottom: 0
    }
}

.c-prd011 .c-lay005 {
    margin-bottom: 0
}

.c-prd011 .c-lay005 .c-gen002.text--xSmall {
    margin-bottom: 1pc
}

.c-prd011 .c-lay005 .c-gen002 .cmp-text {
    text-align: left
}

.c-prd011 .c-lay005 .c-lay006,
.c-prd011 .c-lay005 .c-lay006 .c-gen002 {
    margin-bottom: 0
}

.c-prd011 .c-lay005 .c-lay006__button {
    margin-top: 2pc
}

.c-prd011 .c-lay005 .cmp-accordion {
    border: 0;
    margin-top: 4pc
}

@media screen and (max-width:767.9px) {
    .c-prd011 .c-lay005 .cmp-accordion {
        margin-top: 2pc
    }
}

.c-prd011 .c-lay005 .cmp-accordion .c-lay006__buttonIcon:after,
.c-prd011 .c-lay005 .cmp-accordion .c-lay006__buttonIcon:before {
    display: none
}

.c-prd011 .c-lay005 .cmp-accordion .c-lay006__buttonIcon-plus {
    height: 23px;
    width: 23px
}

.c-prd011 .c-lay005 .cmp-accordion__header {
    border: 0
}

.c-prd011 .c-lay005 .cmp-accordion__button {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding-bottom: 24px;
    padding-top: 24px
}

.c-prd011 .c-lay005 .cmp-accordion__button .cmp-accordion__icon:after,
.c-prd011 .c-lay005 .cmp-accordion__button .cmp-accordion__icon:before,
.c-prd011 .c-lay005 .cmp-accordion__button--expanded {
    display: none
}

.c-prd011 .c-lay005 .cmp-accordion__panel--expanded {
    padding: 0
}

.c-prd011 .c-gen002.list--asteriskJa ul {
    margin-left: 1pc
}

.c-prd011 .c-gen002.list--asteriskJa ul li:before {
    left: -1pc;
    width: 9pt
}

.c-prd013 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-prd013 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd013 {
        width: 100%
    }
}

.c-prd013__title {
    display: block;
    font-size: 2rem;
    font-weight: 400;
    line-height: 3pc;
    margin-bottom: 24px;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-prd013__title {
        font-size: 1.625rem;
        line-height: 39px
    }
}

.c-prd013__title span {
    display: block;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 2pc
}

.c-prd013__search {
    margin: 0 auto 3pc;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-prd013__search {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd013__search {
        margin: 0 auto 5pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-prd013__search .widget-faqsearch__group {
    max-width: 100%;
    padding: 0
}

.c-prd013__search .widget-faqsearch__inputwrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 100%
}

.c-prd013__search .widget-faqsearch__tbox {
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    color: #666;
    line-height: 1.5;
    max-height: 56px;
    padding: 14px 1pc 1pc;
    width: 100%
}

.c-prd013__search .widget-faqsearch__tbox::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.c-prd013__search .widget-faqsearch__tbox::-moz-placeholder {
    color: #666;
    opacity: 1
}

.c-prd013__search .widget-faqsearch__tbox:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-prd013__search .widget-faqsearch__tbox::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-prd013__search .widget-faqsearch__tbox::placeholder {
    color: #666;
    opacity: 1
}

.c-prd013__search .widget-faqsearch__tbox:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.c-prd013__search .widget-faqsearch__tbox:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.c-prd013__search .widget-faqsearch__btn {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_search_white.svg) no-repeat 50%/24px;
    height: 56px;
    padding: 1pc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 56px
}

.c-prd013__search .widget-faqsearch__btn:hover {
    background-color: #4d4d4d
}

.c-prd013__search .widget-faqsearch__btn>svg {
    display: none
}

@media screen and (max-width:767.9px) {
    .c-prd013__search {
        margin-bottom: 3pc
    }
}

.c-prd013__search .widget-faqsearch__tbox {
    padding: 1pc
}

.c-prd013 form:invalid button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.c-prd020__body {
    width: calc(var(--unit-width)*5 + var(--gutter-width)*4)
}

@media screen and (max-width:767.9px) {
    .c-prd020__body {
        margin-top: 3pc;
        width: 100%
    }
}

.c-prd020 .subscription-lp {
    background-color: #f2f2f2;
    padding: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd020 .subscription-lp {
        padding-left: 24px;
        padding-right: 24px
    }
}

.c-prd020--transparent-bg .c-prd001 {
    background-color: transparent;
    border: 0
}

.c-prd020--transparent-bg .subscription-lp {
    background-color: transparent;
    padding: 0
}

.c-prd021__body {
    clear: both;
    margin: 0 auto 2pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-prd021__body {
        margin-bottom: 0
    }
}

.c-prd021 .cx_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd021 .cx_title {
        margin-bottom: 46px
    }

    .c-prd032 {
        margin-left: auto;
        margin-right: auto;
        max-width: var(--inner-width);
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

@media screen and (max-width:767.9px)and (min-width:992px) {
    .c-prd032 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px)and (max-width:767.9px) {
    .c-prd032 {
        width: 100%
    }
}

.c-prd032__body {
    margin-bottom: 4pc;
    padding-top: 5pc
}

@media screen and (max-width:767.9px) {
    .c-prd032__body {
        margin-bottom: 5pc
    }
}

.c-prd032__title {
    font-size: 2.25rem;
    margin-bottom: 2pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    text-align: center;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (max-width:767.9px) {
    .c-prd032__title {
        font-size: 2rem
    }
}

@media screen and (min-width:992px) {
    .c-prd032__title {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd032__title {
        width: 100%
    }
}

.c-prd032__title span {
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    margin-bottom: 4px
}

.c-prd032__filter-sort {
    margin: 0 auto;
    overflow: visible;
    width: var(--inner-width)
}

.c-prd032__search {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    text-align: center;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-prd032__search {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd032__search {
        width: 100%
    }
}

.c-prd032__search label {
    display: block;
    font-size: 1.25rem;
    line-height: 30px;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd032__search label {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.c-prd032__search .searchform-subtitle {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd032__search .searchform-subtitle {
        text-align: left
    }
}

.c-prd032__search-result {
    margin: 0 auto;
    width: var(--inner-width)
}

.c-prd032__search-result .c-prd003 {
    margin-bottom: 0
}

.c-prd032__search-result .c-prd003 .productcarousel__cardscontainer {
    display: grid;
    gap: 40px 2pc;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 3pc
}

@media screen and (max-width:767.9px) {
    .c-prd032__search-result .c-prd003 .productcarousel__cardscontainer {
        gap: 2pc 1pc;
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-prd032__search-result .c-prd003 .productcollection__item-image {
    height: calc(var(--unit-width)*3 + var(--gutter-width)*2);
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:767.9px) {
    .c-prd032__search-result .c-prd003 .productcollection__item-image {
        height: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-prd032__no-product {
    text-align: center;
    width: 100%
}

.c-prd032__loader {
    left: 50%;
    position: fixed;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    z-index: 5
}

.c-prd032 .c-oth001__pagenation {
    margin-top: 3pc
}

@media screen and (max-width:767.9px) {
    .c-prd032 .c-oth001__pagenation {
        margin-top: 2pc
    }
}

.c-prd032 .c-sup001 {
    margin-bottom: 3pc;
    max-width: 100%;
    width: 100%
}

.c-prd032 .c-sup001 .widget-faqsearch__tbox {
    padding: 1pc
}

.c-prd032 .productcollection__sort-fields {
    float: none
}

.c-prd032 .c-prd003__sort {
    margin: 0
}

@media screen and (max-width:767.9px) {
    .c-prd032 .c-prd003__sortBtn {
        width: auto
    }
}

.c-prd032 form:invalid button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.c-prd101 {
    margin-bottom: 2pc;
    padding-top: 3pc;
    width: 100%
}

.c-prd101 .c-prd-common__sticky .c-prd-common__stickyInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd101 .c-prd001 {
    background: none;
    border: none;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 0
}

@media screen and (max-width:767.9px) {
    .c-prd101 .c-prd001__thumbnail {
        margin-bottom: 3pc
    }
}

.c-prd101__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.c-prd101 .productFullDetail__root {
    width: calc(var(--unit-width)*12 + var(--gutter-width)*11)
}

@media screen and (max-width:767.9px) {
    .c-prd101 .productFullDetail__root {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-prd101__mainContainer {
    grid-area: images;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-prd101__mainContainer {
        -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
        order: 0;
        width: 100%
    }
}

.c-prd101 .carousel__root {
    display: block;
    position: relative
}

.c-prd101 .carousel__root .carousel {
    position: relative
}

.c-prd101 .carousel__chevron-left {
    left: -22px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.c-prd101 .carousel__chevron-right {
    right: 0;
    -webkit-transform: translate(50%);
    transform: translate(50%)
}

.c-prd101 .carousel__chevron-left,
.c-prd101 .carousel__chevron-right {
    display: block;
    height: 44px;
    opacity: 0;
    position: absolute;
    text-align: right;
    top: calc(50% - 22px);
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    width: 44px;
    z-index: 2
}

.c-prd101 .carousel__chevron-left .c-prd101__arrowIcon,
.c-prd101 .carousel__chevron-right .c-prd101__arrowIcon {
    display: inline-block;
    height: 24px;
    width: 24px
}

.c-prd101 .carousel__chevron-left .c-prd101__arrowIcon>img,
.c-prd101 .carousel__chevron-right .c-prd101__arrowIcon>img {
    width: 100%
}

.c-prd101 .c-prd001__carousel:hover .carousel__chevron-left[disabled],
.c-prd101 .c-prd001__carousel:hover .carousel__chevron-right[disabled],
.c-prd101 .c-prd001__thumbnail:hover .carousel__chevron-left[disabled],
.c-prd101 .c-prd001__thumbnail:hover .carousel__chevron-right[disabled] {
    opacity: 0
}

.c-prd101__carousel {
    position: relative
}

.c-prd101__carousel:hover .carousel__chevron-left,
.c-prd101__carousel:hover .carousel__chevron-right {
    opacity: 1
}

.c-prd101__carousel:hover .carousel__chevron-left[disabled],
.c-prd101__carousel:hover .carousel__chevron-right[disabled] {
    opacity: 0
}

@media screen and (max-width:767.9px) {

    .c-prd101__carousel:hover .carousel__chevron-left,
    .c-prd101__carousel:hover .carousel__chevron-right {
        opacity: 0
    }
}

.c-prd101__carousel .carousel__inner {
    overflow: hidden;
    width: 100%
}

.c-prd101__carousel .carousel__inner .carousel__scroll {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 625pc
}

.c-prd101__carousel .carousel__inner .carousel__imageContainer {
    display: inline-block;
    overflow: hidden;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-prd101__carousel .carousel__inner .carousel__imageContainer {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-prd101__carousel .carousel__inner .carousel__flyoutViewer {
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.c-prd101__carousel .carousel__inner .carousel__flyoutViewer .s7flyoutzoomview {
    border: none
}

.c-prd101__thumbnail {
    position: relative
}

.c-prd101__thumbnail:hover .carousel__chevron-left,
.c-prd101__thumbnail:hover .carousel__chevron-right {
    opacity: 1
}

.c-prd101__thumbnail:hover .carousel__chevron-left[disabled],
.c-prd101__thumbnail:hover .carousel__chevron-right[disabled] {
    opacity: 0
}

@media screen and (max-width:767.9px) {

    .c-prd101__thumbnail:hover .carousel__chevron-left,
    .c-prd101__thumbnail:hover .carousel__chevron-right {
        opacity: 0
    }
}

.c-prd101__thumbnailInner {
    margin-bottom: 20px;
    overflow-x: auto
}

.c-prd101__thumbnailInner .thumbnailList__root {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 1pc;
    margin-top: 24px;
    padding-bottom: 28px
}

@media screen and (pointer:coarse)and (max-width:767.9px) {
    .c-prd101__thumbnailInner .thumbnailList__root {
        padding-bottom: 0
    }
}

@media screen and (max-width:767.9px) {
    .c-prd101__thumbnailInner .thumbnailList__root {
        gap: 0 8px;
        padding-right: 24px
    }
}

.c-prd101__thumbnailInner .thumbnailList__rootSelected {
    background: #e6e6e6
}

.c-prd101__thumbnailInner .thumbnailList__root .thumbnail__root {
    padding: 8px;
    width: calc(25% - 9pt)
}

@media screen and (max-width:767.9px) {
    .c-prd101__thumbnailInner .thumbnailList__root .thumbnail__root {
        height: 60px;
        padding: 4px;
        width: 60px
    }
}

.c-prd101__thumbnailInner .simplebar-placeholder {
    height: 196px
}

@media screen and (max-width:767.9px) {
    .c-prd101__thumbnailInner .simplebar-placeholder {
        height: 7pc
    }
}

.c-prd101__body {
    width: calc(var(--unit-width)*5 + var(--gutter-width)*4)
}

@media screen and (max-width:767.9px) {
    .c-prd101__body {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-prd101__body__product__info {
    margin-bottom: 1pc
}

.c-prd101__body__product__info__status {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 9pt
}

@media screen and (max-width:767.9px) {
    .c-prd101__body__product__info__status {
        font-size: 1.25rem;
        line-height: 30px
    }
}

.c-prd101__body__product__info__status.status__icon__gold {
    color: #914108;
    font-size: 1.25rem;
    line-height: 30px;
    margin-bottom: 10px
}

.c-prd101__body__product__info__status__note {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px
}

@media screen and (max-width:767.9px) {
    .c-prd101__body__product__info__status__note {
        margin-bottom: 1pc
    }
}

.c-prd101__body__product__info__name {
    margin-bottom: 8px
}

.c-prd101__body__product__info__code {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 9pt
}

.c-prd101__body__product__info__adjacent,
.c-prd101__body__product__info__next__code,
.c-prd101__body__product__info__pre__code {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px
}

.c-prd101__body__product__nickName {
    height: 2pc;
    margin-bottom: 1pc;
    margin-top: 1pc
}

.c-prd101__body__product__brandName {
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 1pc
}

.c-prd101__body__product__price {
    margin-bottom: 44px
}

.c-prd101__body__product__price__label {
    font-size: 1.625rem;
    line-height: 1.5
}

.c-prd101__body__product__price__value {
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 39px
}

.c-prd101__body__product__price__value__unit {
    font-size: 1rem
}

.c-prd101__body__product__price__note {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px
}

.c-prd101__body__product__price__description {
    font-size: 1rem;
    line-height: 1.5;
    margin-top: 14px
}

.c-prd101__body__product__catchcopy {
    margin-bottom: 1pc
}

.c-prd101__body__product__catchcopy_body {
    font-size: 26px;
    font-weight: 700
}

.c-prd101__body__product__catchcopy_notes {
    font-size: .75rem;
    margin-top: 1pc
}

.c-prd101__body__product__catchcopy_notes_note {
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5
}

.c-prd101__body__product__catchcopy_notes_note_bullet {
    min-width: 22px
}

.c-prd101__body__product__description {
    font-size: .75rem;
    margin-bottom: 75pt
}

.c-prd101__body__product__description_body {
    padding-left: 20px
}

.c-prd101__body__product__description_body ul>li {
    list-style: disc
}

.c-prd101__body__product__description_notes {
    margin-top: 1pc
}

.c-prd101__body__product__description_notes_note {
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5
}

.c-prd101__body__product__description_notes_note_bullet {
    min-width: 22px
}

.c-prd101__body__product__review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    margin-bottom: 2pc
}

.c-prd101__body__product__review .c-product__review {
    margin-top: 0
}

.c-prd101__body__product__review .c-product__review .c-product__link .icon--function {
    vertical-align: -3px
}

.c-prd101__body__product__review .c-product__reviewStar,
.c-prd101__body__product__review .c-product__reviewStar>img {
    height: 14px;
    width: 86px
}

.c-prd101__body__product__review .c-product__reviewStar:after {
    background-size: 86px 14px;
    height: 14px
}

.c-prd101__body__product__review .c-product__reviewCount {
    font-size: .875rem;
    line-height: 21px;
    margin: 0 2pc 0 8px
}

.c-prd101__body__product__accordion {
    margin-bottom: 2pc
}

.c-prd101__body__product__accordion .c-product__accordionIcon:after,
.c-prd101__body__product__accordion .c-product__accordionIcon:before {
    width: 1pc
}

.c-prd101__prd-free-desc-area * {
    font-size: .75rem !important;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 4px;
    padding: 0
}

.c-prd102__ec-purchase-button .c-gen004,
.c-prd102__ec-wrapper__body,
.c-prd102__manufacturer-wrapper__body {
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {

    .c-prd102__ec-purchase-button .c-gen004,
    .c-prd102__ec-wrapper__body,
    .c-prd102__manufacturer-wrapper__body {
        width: var(--inner-width)
    }
}

.c-prd102__manufacturer-wrapper {
    background: #f2f2f2;
    padding-bottom: 57px
}

@media screen and (max-width:767.9px) {
    .c-prd102__manufacturer-wrapper {
        padding-bottom: 25px
    }
}

.c-prd102__ec-wrapper {
    background: #fff;
    padding-bottom: 45px;
    padding-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd102__ec-wrapper {
        padding-bottom: 2pc
    }
}

.c-prd102__ec-wrapper__body,
.c-prd102__manufacturer-wrapper__body {
    margin-left: auto;
    margin-right: auto
}

.c-prd102 .c-gen002 .cmp-text p {
    font-weight: 400
}

.c-prd102__product-name .c-gen002 {
    margin: 0
}

.c-prd102__product-number {
    text-align: center
}

.c-prd102__product-number span {
    font-weight: 700;
    line-height: 24px
}

.c-prd102__product-number__status--color {
    color: #914108
}

.c-prd102__product-title {
    margin-top: 2pc;
    text-align: center
}

.c-prd102__product-title:not(:last-child) {
    margin-bottom: 2pc
}

.c-prd102__product-title__titleMain {
    display: block;
    font-size: 1.625rem;
    font-weight: 400
}

.c-prd102__product-title__listPrice {
    display: block;
    font-size: 1.875rem;
    font-weight: 700
}

.c-prd102__listPrice__priceNum {
    font-size: 1.875rem;
    line-height: 45px
}

.c-prd102__listPrice__priceTxt {
    font-size: 1rem;
    line-height: 24px
}

.c-prd102__conditional-sale-note .c-gen002 {
    margin-bottom: 9pt
}

.c-prd102__open-price-note .c-gen002 {
    margin-bottom: 0
}

.c-prd102__ec-price-wrapper {
    margin-bottom: 2pc
}

.c-prd102__ec-price-title .c-gen001 {
    margin-bottom: 4px
}

.c-prd102__ec-price-title .cmp-title__text {
    font-size: 1.625rem;
    font-weight: 400
}

.c-prd102__ec-price {
    font-weight: 700;
    text-align: center
}

.c-prd102__ec-price__priceNum {
    font-size: 1.875rem;
    line-height: 45px
}

.c-prd102__ec-price__priceTxt {
    font-size: 1rem;
    line-height: 24px
}

.c-prd102__ec-price--sale .c-prd102__ec-price__priceNum {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#1a1a1a));
    background-image: linear-gradient(#1a1a1a, #1a1a1a);
    background-position: 0 60%;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    font-size: 1.125rem;
    line-height: 27px
}

.c-prd102__ec-price--sale .c-prd102__ec-price__priceTxt {
    font-size: .875rem
}

.c-prd102__ec-price--sale .c-prd102__ec-price__discountLabel {
    color: #914108;
    display: block;
    font-size: 1rem;
    line-height: 24px;
    margin-top: 8px
}

.c-prd102__ec-price--sale .c-prd102__ec-price__saleArea .c-prd102__ec-price__priceNum {
    background: none;
    color: #914108;
    font-size: 2rem;
    line-height: 3pc
}

.c-prd102__ec-price--sale .c-prd102__ec-price__saleArea .c-prd102__ec-price__priceTxt {
    color: #914108;
    font-size: 1rem;
    line-height: 24px
}

.c-prd102__ec-price__incidentalDescription {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 2pc
}

.c-prd102__ec-purchase-button {
    text-align: center
}

.c-prd102__ec-purchase-button .c-gen004 {
    margin: 0 auto
}

.c-prd102__ec-purchase-button .c-gen004 .cmp-button,
.c-prd102__ec-purchase-button .c-gen004 .cmp-button .cmp-button,
.c-prd102__ec-purchase-button .c-gen004 .cmp-button .cx_button,
.c-prd102__ec-purchase-button .c-gen004 .cmp-button .cx_link,
.c-prd102__ec-purchase-button .c-gen004 .cx_button,
.c-prd102__ec-purchase-button .c-gen004 .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

.c-prd103__body__inner {
    margin: 0 auto;
    width: calc(var(--unit-width)*12 + var(--gutter-width)*11)
}

.c-prd103__body__inner__categories {
    margin-bottom: 97px
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__categories {
        margin-bottom: 3pc
    }
}

.c-prd103__body__inner__categories__list {
    display: grid;
    gap: 2pc;
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__categories__list {
        gap: 24px;
        grid-template-columns: none
    }
}

.c-prd103__body__inner__categories__list a {
    color: #1a1a1a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.5;
    text-decoration: none
}

.c-prd103__body__inner__categories__list a :hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd103__body__inner__categories__list a .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -5px;
    width: 1pc
}

.c-prd103__body__inner__categories__list .c-gen002 {
    margin-bottom: 0
}

.c-prd103__body__inner__categories .cmp-accordion__button {
    margin-bottom: 0;
    padding: 2pc 30px 2pc 0
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__categories .cmp-accordion__button {
        padding: 24px 0
    }
}

.c-prd103__body__inner__categories .cmp-accordion__icon:after,
.c-prd103__body__inner__categories .cmp-accordion__icon:before {
    width: 13px
}

.c-prd103__body__inner__categories .cmp-accordion__icon-open {
    display: none
}

.c-prd103__body__inner__categories .cmp-accordion__panel {
    padding: 0 0 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__categories .cmp-accordion__panel {
        padding: 0 0 24px
    }
}

.c-prd103__body__inner__categories .c-lay006 {
    margin-bottom: 0
}

.c-prd103__body__inner__categories .c-lay006__button {
    margin-top: 3pc
}

.c-prd103__body__inner__categories .c-lay006__buttonIcon-plus {
    height: 23px;
    width: 23px
}

.c-prd103__body__inner__categories .c-lay006__buttonIcon:after,
.c-prd103__body__inner__categories .c-lay006__buttonIcon:before {
    display: none
}

.c-prd103__body__inner__product_list__category__name {
    text-align: center
}

.c-prd103__body__inner__product_list__category__name h2 {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 24px
}

.c-prd103__body__inner__product_list__category__product__name {
    text-align: center
}

.c-prd103__body__inner__product_list__category__product__name h2,
.c-prd103__body__inner__product_list__category__product__name h3 {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 2pc
}

.c-prd103__body__inner__product_list__category__product__no__result {
    font-size: 1.25rem;
    margin-bottom: 2pc;
    text-align: center
}

.c-prd103__body__inner__product_list__category__product__filter {
    margin-bottom: 2pc;
    margin-top: 74px
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__product_list__category__product__filter {
        margin-bottom: 3pc;
        margin-top: 3pc
    }
}

.c-prd103__body__inner__product_list__category__product__filter__btn {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-bottom: 1pc;
    text-align: left;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

.c-prd103__body__inner__product_list__category__product__filter__modal__chips {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc 8px;
    margin: 2pc 0
}

.c-prd103__body__inner__product_list__category__product__filter__modal__chips__chip {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd103__body__inner__product_list__category__product__filter__modal__chips__chip label {
    border: 1px solid #ccc;
    border-radius: 1pc;
    cursor: pointer;
    max-width: 200px;
    overflow: hidden;
    padding: 8px 1pc;
    text-overflow: ellipsis;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    white-space: nowrap
}

.c-prd103__body__inner__product_list__category__product__filter__modal__chips__chip label:hover {
    background-color: #e6e6e6
}

.c-prd103__body__inner__product_list__category__product__filter__modal__chips__chip.selected label {
    background-color: #ccc
}

.c-prd103__body__inner__product_list__category__product__filter__modal__chips__chip input {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

.c-prd103__body__inner__product_list__category__product__filter__modal__btns__reset {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

.c-prd103__body__inner__product_list__category__product__filter__modal__btns__reset__btn {
    margin: auto;
    text-decoration: underline
}

.c-prd103__body__inner__product_list__category__product__filter__modal__btns__reset__btn:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd103__body__inner__product_list__category__product__filter__modal__btns__reset .sr-only {
    display: none
}

.c-prd103__body__inner__product_list__category__product__filter__modal__btns__apply {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd103__body__inner__product_list__category__product__filter__modal__btns__apply__btn {
    border: 1px solid #333;
    margin: auto;
    min-width: 360px;
    padding: 1pc
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__product_list__category__product__filter__modal__btns__apply__btn {
        min-width: 100%
    }
}

.c-prd103__body__inner__product_list__category__product .c-prd003 {
    margin-bottom: 2pc;
    overflow: visible
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__product_list__category__product .c-prd003 {
        margin-bottom: 3pc
    }
}

.c-prd103__body__inner__product_list__category__product .c-prd003 .productcarousel__cardscontainer {
    margin-top: 0
}

.c-prd103__body__inner__product_list__category__product .c-prd003 .productcollection__item-image {
    height: calc(var(--unit-width)*3 + var(--gutter-width)*2);
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__product_list__category__product .c-prd003 .productcollection__item-image {
        height: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-prd103__body__inner__product_list__category__link__area {
    margin-bottom: 2pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd103__body__inner__product_list__category__link__area {
        margin-bottom: 3pc
    }
}

.c-prd103__body__inner__product_list__category__link__area .button--secondary {
    margin: auto
}

.c-prd104__body {
    clear: both;
    margin: 0 auto 2pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-prd104__body {
        margin-bottom: 0
    }
}

.c-prd105__body {
    clear: both;
    margin: 0 auto 2pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-prd105__body {
        margin-bottom: 0
    }
}

.c-prd108 {
    margin-bottom: 1pc
}

.c-prd108__inner li {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.5;
    margin-right: 8px;
    position: relative
}

.c-prd108__inner li img {
    height: 8px;
    margin-right: 8px;
    width: 8px
}

.c-prd108__inner li:after {
    display: none
}

.c-prd108__inner li:last-child {
    margin-right: 0
}

.c-prd108__inner span {
    color: #666;
    font-size: .75rem
}

.c-prd108__inner .cmp-breadcrumb {
    display: inline-block;
    list-style: none;
    padding: 0
}

.c-prd108__inner .cmp-breadcrumb__item-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #666;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .75rem;
    text-decoration: none
}

.c-prd108__inner .cmp-breadcrumb__item-link:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd108__inner .cmp-breadcrumb__list {
    list-style: none;
    margin: -4px 0
}

.c-prd109__tablist {
    margin-bottom: 3pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (max-width:767.9px) {
    .c-prd109__tablist {
        margin-bottom: 5pc
    }
}

@media screen and (min-width:992px) {
    .c-prd109__tablist {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd109__tablist {
        width: 100%
    }
}

.c-prd109__tablist .is-sticky .cmp-list {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-prd109__tablist .is-sticky .cmp-list {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-prd109__tablist .is-sticky .cmp-list {
        width: 100%
    }
}

.c-prd109 .c-gen010 {
    margin-bottom: 0
}

.c-prd109 .c-gen010__link {
    font-size: 1rem;
    font-weight: 350;
    line-height: 13px;
    padding: 10px 1pc
}

.c-prd109 .c-gen010 .is-active {
    font-weight: 500
}

.c-prd109 .c-gen010__arrow--prev {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, #f2f2f2), to(hsla(0, 0%, 95%, 0)));
    background: linear-gradient(90deg, #f2f2f2 50%, hsla(0, 0%, 95%, 0));
    -webkit-transform: none;
    transform: none
}

.c-prd109 .c-gen010__arrow--prev span {
    margin-left: 0
}

.c-prd109 .c-gen010__inner {
    overflow-y: hidden
}

.c-prd109--no-margin-bottom .c-prd109__tablist {
    margin-bottom: 0
}

.c-prd110__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 auto 4pc;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner {
        margin-bottom: 5pc
    }
}

.c-prd110__inner__body__inner {
    display: grid;
    grid-template-areas: "images title" "images actions" "images options" "images quantity" "images cart" "images .";
    grid-template-columns: 1.5625fr 1fr;
    grid-template-rows: repeat(5, -webkit-min-content) 1fr [fold];
    grid-template-rows: repeat(5, min-content) 1fr [fold];
    width: calc(var(--unit-width)*12 + var(--gutter-width)*11)
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.c-prd110__inner__body__inner__left {
    padding-bottom: 2pc;
    padding-top: 4pc;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left {
        margin-bottom: 2pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-prd110__inner__body__inner__left__product_image {
    margin-bottom: 36px
}

.c-prd110__inner__body__inner__left__product_image img {
    height: calc(var(--unit-width)*6 + var(--gutter-width)*5);
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__product_image img {
        height: 382px
    }
}

.c-prd110__inner__body__inner__left__variables_color,
.c-prd110__inner__body__inner__left__variables_open {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-prd110__inner__body__inner__left__variables_color_button,
.c-prd110__inner__body__inner__left__variables_open_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 8px;
    text-align: center;
    width: calc(25% - 1pc)
}

.c-prd110__inner__body__inner__left__variables_color_button_status,
.c-prd110__inner__body__inner__left__variables_open_button_status {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1pc;
    min-height: 24px
}

@media screen and (max-width:767.9px) {

    .c-prd110__inner__body__inner__left__variables_color_button_status,
    .c-prd110__inner__body__inner__left__variables_open_button_status {
        font-size: .875rem
    }
}

.c-prd110__inner__body__inner__left__variables_color_button_status.variable_status_new,
.c-prd110__inner__body__inner__left__variables_open_button_status.variable_status_new {
    color: #914108
}

.c-prd110__inner__body__inner__left__variables_color_button_ball,
.c-prd110__inner__body__inner__left__variables_open_button_ball {
    border-radius: 50%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 40px;
    margin: 0;
    min-width: 0;
    padding: 0;
    position: relative;
    width: 40px
}

.c-prd110__inner__body__inner__left__variables_color_button_ball.selected:before,
.c-prd110__inner__body__inner__left__variables_open_button_ball.selected:before {
    border: 1px solid #666;
    border-radius: 50%;
    content: "";
    height: 2pc;
    left: 50%;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2pc
}

.c-prd110__inner__body__inner__left__variables_color_button_ball.is-border,
.c-prd110__inner__body__inner__left__variables_open_button_ball.is-border {
    border: 1px solid #666
}

.c-prd110__inner__body__inner__left__variables_color_button_ball img,
.c-prd110__inner__body__inner__left__variables_open_button_ball img {
    margin: auto
}

.c-prd110__inner__body__inner__left__variables_color_button_label,
.c-prd110__inner__body__inner__left__variables_open_button_label {
    color: #666;
    display: block;
    font-size: .75rem;
    height: auto;
    line-height: 1.5;
    margin-top: 5px;
    overflow-wrap: break-word;
    position: static;
    text-align: center;
    white-space: normal;
    width: 100%
}

.c-prd110__inner__body__inner__left__variables_color_button_label.selected,
.c-prd110__inner__body__inner__left__variables_open_button_label.selected {
    color: #1a1a1a
}

.c-prd110__inner__body__inner__left__variables_text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc calc(var(--gutter-width)*1);
    margin-bottom: 1pc
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__variables_text .cx_text_variation_button {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 calc(50% - 10px);
        flex: 0 0 calc(50% - 10px)
    }
}

.c-prd110__inner__body__inner__left__variables__list {
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 2pc;
    padding-top: 24px
}

.c-prd110__inner__body__inner__left__variables__list__title {
    display: block;
    font-size: 1.25rem;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__variables__list__title {
        font-size: 1.125rem
    }
}

.c-prd110__inner__body__inner__left__variables__list__item {
    display: block;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__variables__list__item {
        margin-bottom: 2pc
    }
}

.c-prd110__inner__body__inner__left__variables__list__item__link {
    text-decoration: none
}

.c-prd110__inner__body__inner__left__variables__list__item__link:hover .c-prd110__inner__body__inner__left__variables__list__item__details {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd110__inner__body__inner__left__variables__list__item__details {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 4px;
    text-decoration: underline;
    text-underline-offset: 4px
}

.c-prd110__inner__body__inner__left__variables__list__item__description {
    font-size: .875rem;
    line-height: 1.5;
    margin-bottom: 4px
}

.c-prd110__inner__body__inner__left__variables__list__item__price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-column-gap: 4px;
    -moz-column-gap: 4px;
    column-gap: 4px;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.5;
    row-gap: 4px
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount__title,
.c-prd110__inner__body__inner__left__variables__list__item__price__original__title {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 3px;
    margin-top: 3px
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount__price,
.c-prd110__inner__body__inner__left__variables__list__item__price__original__price {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount__price__value,
.c-prd110__inner__body__inner__left__variables__list__item__price__original__price__value {
    font-size: 1rem;
    font-weight: 700
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount__price__unit,
.c-prd110__inner__body__inner__left__variables__list__item__price__original__price__unit {
    font-size: .75rem;
    margin-bottom: 3px;
    margin-top: 3px
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount__price.discounted>span:first-child,
.c-prd110__inner__body__inner__left__variables__list__item__price__original__price.discounted>span:first-child {
    font-weight: 400;
    text-decoration: line-through
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    color: #914108;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px;
    line-height: 1.5
}

.c-prd110__inner__body__inner__left__variables__list__item__price__discount__break {
    -ms-flex-preferred-size: 100%;
    display: none;
    flex-basis: 100%
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__variables__list__item__price__discount__break {
        display: block
    }
}

.c-prd110__inner__body__inner__left__variables__list__item__price__arrow__icon {
    height: 1pc;
    margin-bottom: 3px;
    margin-left: 8px;
    margin-top: 5px;
    width: 1pc
}

.c-prd110__inner__body__inner__left__variables__list__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__variables__list__button {
        margin-bottom: 2pc
    }
}

.c-prd110__inner__body__inner__left__favorite {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 60px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__favorite {
        margin-bottom: 28px
    }
}

.c-prd110__inner__body__inner__left__favorite_button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd110__inner__body__inner__left__favorite_button svg {
    stroke-width: 1.5;
    display: block;
    height: 100%;
    -webkit-transition: fill .3s;
    transition: fill .3s;
    width: 100%
}

.c-prd110__inner__body__inner__left__favorite_button .is-active {
    fill: #1a1a1a
}

.c-prd110__inner__body__inner__left__favorite_button:hover svg:not(.is-active) {
    fill: #e6e6e6
}

.c-prd110__inner__body__inner__left__favorite_button:active svg:not(.is-active) {
    fill: #ccc
}

.c-prd110__inner__body__inner__left__favorite_button_count {
    font-size: .875rem
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__left__favorite_button_count {
        font-size: .75rem
    }
}

.c-prd110__inner__body__inner__left__favorite_button_icon {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 44px;
    justify-content: center;
    margin-left: 4px;
    padding: 6px;
    width: 44px
}

.c-prd110__inner__body__inner__left__favorite_button_icon>img {
    width: 100%
}

.c-prd110__inner__body__inner__left__status {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 8px
}

.c-prd110__inner__body__inner__left__status.status__icon__new {
    color: #914108;
    font-size: 1.25rem
}

.c-prd110__inner__body__inner__left__name {
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

.c-prd110__inner__body__inner__left__code {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 8px
}

.c-prd110__inner__body__inner__left__adjacent,
.c-prd110__inner__body__inner__left__next__code,
.c-prd110__inner__body__inner__left__pre__code {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 8px
}

.c-prd110__inner__body__inner__left__review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: .875rem;
    margin-top: 2pc
}

.c-prd110__inner__body__inner__left__review .c-product__review {
    margin-top: 0
}

.c-prd110__inner__body__inner__left__review .c-product__review .c-product__link .icon--function {
    vertical-align: -3px
}

.c-prd110__inner__body__inner__left__review .c-product__reviewStar,
.c-prd110__inner__body__inner__left__review .c-product__reviewStar>img {
    height: 14px;
    width: 86px
}

.c-prd110__inner__body__inner__left__review .c-product__reviewStar:after {
    background-size: 86px 14px;
    height: 14px
}

.c-prd110__inner__body__inner__left__review .c-product__reviewCount {
    font-size: .875rem;
    margin: 0 2pc 0 8px
}

.c-prd110__inner__body__inner__right {
    padding: 2pc;
    width: calc(var(--unit-width)*5 + var(--gutter-width)*4)
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right {
        max-width: var(--inner-width);
        padding: 2pc 24px;
        width: 100%
    }
}

.c-prd110__inner__body__inner__right__product_price {
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__product_price_discount_title,
.c-prd110__inner__body__inner__right__product_price_original_title {
    font-size: 1.625rem;
    font-weight: 400;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__product_price_discount_price,
.c-prd110__inner__body__inner__right__product_price_original_price {
    font-weight: 700;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__product_price_discount_price_value,
.c-prd110__inner__body__inner__right__product_price_original_price_value {
    font-size: 1.875rem;
    line-height: 1.6
}

.c-prd110__inner__body__inner__right__product_price_discount_price_unit,
.c-prd110__inner__body__inner__right__product_price_original_price_unit {
    font-size: 1rem
}

.c-prd110__inner__body__inner__right__product_price_discount_price.discounted>span,
.c-prd110__inner__body__inner__right__product_price_original_price.discounted>span {
    font-size: .875rem
}

.c-prd110__inner__body__inner__right__product_price_discount_price.discounted>span:first-child,
.c-prd110__inner__body__inner__right__product_price_original_price.discounted>span:first-child {
    text-decoration: line-through
}

.c-prd110__inner__body__inner__right__product_price_discount {
    color: #914108;
    margin-top: 8px
}

.c-prd110__inner__body__inner__right__product_price_discount_title {
    font-size: 1rem;
    font-weight: 700
}

.c-prd110__inner__body__inner__right__product_price_incidental_description {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 2pc;
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right__product_price_incidental_description {
        text-align: center
    }
}

.c-prd110__inner__body__inner__right__condition_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 1pc;
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__condition_label_label {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__coin {
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__coin_info {
    background-color: #e6e6e6;
    border-radius: 2px;
    margin-bottom: 8px;
    padding: 1pc
}

.c-prd110__inner__body__inner__right__coin_info_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__coin_info_price_title {
    margin-left: 8px
}

.c-prd110__inner__body__inner__right__coin_info_price_value {
    margin-left: 1pc
}

.c-prd110__inner__body__inner__right__coin_info_message {
    font-size: .75rem;
    font-weight: 700;
    line-height: 1.5;
    margin-left: 26px;
    margin-top: 8px
}

.c-prd110__inner__body__inner__right__no_coupon {
    color: #475c85;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__stock {
    background-color: #e6e6e6;
    margin-bottom: 1pc;
    padding: 1pc
}

.c-prd110__inner__body__inner__right__stock__stock_status {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 4px
}

.c-prd110__inner__body__inner__right__stock__cancel_return {
    color: #666;
    font-size: .75rem;
    line-height: 1.5;
    margin-bottom: 4px
}

.c-prd110__inner__body__inner__right__stock__shipping_date_date {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__stock__shipping_date_note {
    margin-top: 4px
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_label>img {
    margin-right: 3px;
    vertical-align: bottom
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_label_link {
    cursor: pointer;
    text-decoration: underline;
    text-underline-offset: 5px
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_label_link:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2pc;
    margin: auto;
    width: 758px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents {
        width: 100%
    }
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_header {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_buttons {
        gap: 24px
    }
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2pc
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_top_header,
.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_top_messages {
    margin: auto
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_divider {
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom {
        gap: 1pc
    }
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    margin: auto
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc;
        margin: unset
    }
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode_input {
    width: 360px
}

@media screen and (max-width:767.9px) {
    .c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode_input {
        width: auto
    }
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode_helper_texts {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode_helper_texts_link a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    text-decoration: none
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode_helper_texts_link a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-prd110__inner__body__inner__right__stock__delivery_date_destination_modal_contents_bottom_zipcode_button>button {
    height: 56px;
    padding: 1pc
}

.c-prd110__inner__body__inner__right__delivery_date_notice,
.c-prd110__inner__body__inner__right__fees_notice,
.c-prd110__inner__body__inner__right__shipping_date_notice {
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__appealing_tag {
    font-size: 1.375rem;
    font-weight: 500
}

.c-prd110__inner__body__inner__right__appealing_tag,
.c-prd110__inner__body__inner__right__sale_info_label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 1pc;
    line-height: 1.5;
    margin-bottom: 9pt
}

.c-prd110__inner__body__inner__right__sale_info_label {
    font-weight: 700
}

.c-prd110__inner__body__inner__right__discount_info {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__gift_wrapping .c-product__accordionButton,
.c-prd110__inner__body__inner__right__gift_wrapping .c-product__radio,
.c-prd110__inner__body__inner__right__option_area {
    margin-bottom: 24px
}

.c-prd110__inner__body__inner__right__option_checkbox {
    cursor: pointer;
    margin-right: 10px;
    margin-top: 24px
}

.c-prd110__inner__body__inner__right__option_checkbox:has(.force-checked) {
    cursor: default;
    pointer-events: none
}

.c-prd110__inner__body__inner__right__option_checkbox_label {
    display: block;
    margin-bottom: 0;
    margin-left: 40px;
    position: relative
}

.c-prd110__inner__body__inner__right__option_checkbox_label:after,
.c-prd110__inner__body__inner__right__option_checkbox_label:before {
    content: "";
    display: block;
    height: 24px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 24px
}

.c-prd110__inner__body__inner__right__option_checkbox_label:before {
    border: 1px solid #333;
    pointer-events: none
}

.c-prd110__inner__body__inner__right__option_checkbox_label:after {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_check.svg) no-repeat 50%;
    content: none
}

.c-prd110__inner__body__inner__right__option_checkbox_label.force-checked:after,
.c-prd110__inner__body__inner__right__option_checkbox_label.force-checked:before {
    border-color: transparent;
    opacity: .5
}

.c-prd110__inner__body__inner__right__option_checkbox_price {
    font-weight: 700
}

.c-prd110__inner__body__inner__right__option_checkbox_input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pressTabkey .c-prd110__inner__body__inner__right__option_checkbox_input:focus+.c-prd001__checkLabel:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.c-prd110__inner__body__inner__right__option_checkbox_input:disabled+.c-prd110__inner__body__inner__right__option_checkbox_label {
    cursor: default;
    opacity: .5
}

.c-prd110__inner__body__inner__right__option_checkbox_input:disabled+.c-prd110__inner__body__inner__right__option_checkbox_label:after {
    content: none
}

.c-prd110__inner__body__inner__right__option_checkbox_input:checked+.c-prd110__inner__body__inner__right__option_checkbox_label:after {
    content: ""
}

.c-prd110__inner__body__inner__right__option_select {
    margin-left: 40px
}

.c-prd110__inner__body__inner__right__option_select_inner {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: "before input after";
    grid-template-columns: auto 1fr auto;
    height: 56px;
    width: 100%
}

.c-prd110__inner__body__inner__right__option_select_inner_span {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-column: before-start/after-end;
    grid-row: input-start/input-end
}

.c-prd110__inner__body__inner__right__option_select_inner_span_select {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid #333;
    color: #212121;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1rem;
    grid-area: input-start/input-start/input-end/icon-end;
    height: 56px;
    margin: 0;
    min-width: 187px;
    padding: 10px 9pt;
    width: 100%
}

.c-prd110__inner__body__inner__right__option_select_inner_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: after;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem
}

.c-prd110__inner__body__inner__right__option_text {
    margin-left: 40px;
    margin-top: 1pc
}

.c-prd110__inner__body__inner__right__option_text_required {
    background: #f2dad9;
    border-radius: 2px;
    display: inline-block;
    font-size: .75rem;
    margin-left: 4px;
    padding: 2px 4px
}

.c-prd110__inner__body__inner__right__option_text_input {
    background: transparent;
    border: 1px solid #b3b3b3;
    margin-top: 1pc;
    min-height: 52px;
    padding: 10px 9pt;
    width: 100%
}

.c-prd110__inner__body__inner__right__option_text_input.is-invalid,
.c-prd110__inner__body__inner__right__option_text_input:invalid {
    background: #f2dad9
}

.c-prd110__inner__body__inner__right__quantity {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    margin-bottom: 1pc
}

.c-prd110__inner__body__inner__right__quantity_title {
    margin-right: 4px
}

.c-prd110__inner__body__inner__right__quantity_select {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: "before input after";
    grid-template-columns: auto 1fr auto;
    height: 56px
}

.c-prd110__inner__body__inner__right__quantity_select_selector {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid #333;
    color: #212121;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1rem;
    grid-area: input-start/input-start/input-end/icon-end;
    height: 56px;
    margin: 0;
    min-width: 187px;
    padding: 10px 9pt;
    width: 100%
}

.c-prd110__inner__body__inner__right__quantity_select_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: after;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem
}

.c-prd110__inner__body__inner__right__cart_price {
    margin-bottom: 1pc;
    margin-top: 1pc
}

.c-prd110__inner__body__inner__right__cart_price_title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__cart_price_price {
    font-weight: 700;
    line-height: 1.5
}

.c-prd110__inner__body__inner__right__cart_price_price_value {
    font-size: 2rem
}

.c-prd110__inner__body__inner__right__cart_price_price_unit {
    font-size: 1rem
}

.c-prd110__inner__body__inner__right__cart_button {
    margin-bottom: 56px
}

.c-prd110__inner__body__inner__right__cart_button_button {
    background-color: #333;
    color: #fff;
    font-size: 1.125rem;
    padding: 13.5px 0;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 100%
}

.c-prd110__inner__body__inner__right__cart_button_button:disabled {
    background: #e6e6e6;
    color: #333;
    opacity: 1
}

.c-prd110__inner__body__inner__right__cart_button_button:hover {
    background-color: #4d4d4d
}

.c-prd110__inner__body__inner__right__status__note {
    color: #666;
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5
}

.c-prd110__loading_overLay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-prd110__loading .c-product__loading {
    z-index: 1001
}

.product__card--v2 {
    text-align: left
}

.product__card--v2 a {
    text-decoration: none
}

.product__card--v2 a .productcollection__item-image {
    height: calc(var(--unit-width)*3 + var(--gutter-width)*2);
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:767.9px) {
    .product__card--v2 a .productcollection__item-image {
        height: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.product__card--v2 .c-product__discontinued {
    color: #475c85;
    font-size: .875rem;
    font-weight: 700;
    line-height: 27px
}

.product__card--v2 .c-product__low-stock,
.product__card--v2 .c-product__planned-release,
.product__card--v2 .c-product__recalled {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px
}

.product__card--v2 .c-product__new {
    font-size: 1.125rem;
    height: 27px;
    min-height: auto
}

.product__card--v2 .c-product__discontinued,
.product__card--v2 .c-product__low-stock,
.product__card--v2 .c-product__new,
.product__card--v2 .c-product__planned-release,
.product__card--v2 .c-product__recalled {
    margin-bottom: 8px
}

.product__card--v2 .c-product__discontinued,
.product__card--v2 .c-product__low-stock,
.product__card--v2 .c-product__planned-release,
.product__card--v2 .c-product__recalled {
    color: #1a1a1a
}

.product__card--v2 .c-product__image {
    margin-bottom: 1pc
}

.product__card--v2 .c-product__released {
    margin-top: 8px
}

.product__card--v2 .c-product__priceArea,
.product__card--v2 .c-product__priceSaleArea {
    display: block;
    margin-top: 4px
}

.product__card--v2 .c-product__incidentalDescription {
    font-size: .75rem;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 1pc
}

@media screen and (max-width:767.9px) {
    .product__card--v2 .c-product__incidentalDescription {
        margin-top: 8px
    }
}

.product__card--v2 .c-product__incidentalDescription .c-product__incidentalDescriptionDetails {
    text-decoration: underline
}

.product__card--v2 .c-product__priceTxt {
    font-size: .875rem;
    line-height: 24px
}

@media screen and (max-width:767.9px) {
    .product__card--v2 .c-product__priceTxt {
        font-size: .75rem;
        line-height: 13px
    }
}

.product__card--v2 .c-product__openPriceAmount .c-product__priceTitle,
.product__card--v2 .c-product__openPriceTitle {
    font-size: 1rem;
    line-height: 24px
}

.product__card--v2 .c-product__openPrice--title {
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .product__card--v2 .c-product__openPrice--title {
        margin-top: 8px
    }
}

.product__card--v2 .c-product__openPrice.c-product__released {
    margin-top: 1pc
}

.product__card--v2 .c-product__openPrice.c-product__released .c-product__openPriceNotes {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 1pc
}

.product__card--v2 .c-product__openPrice.c-product__released .c-product__openPriceNotes--bottom {
    font-size: .75rem;
    line-height: 18px;
    margin-bottom: 0
}

.product__card--v2 .c-product__slogan {
    margin-bottom: 24px;
    margin-top: 24px
}

@media screen and (max-width:767.9px) {
    .product__card--v2 .c-product__slogan {
        margin-bottom: 8px;
        margin-top: 34px
    }
}

.product__card--v2 .c-product__slogan_body {
    font-size: 1.375rem;
    font-weight: 700
}

.product__card--v2 .c-product__slogan_notes {
    font-size: .75rem;
    margin-top: 1pc
}

.product__card--v2 .c-product__slogan_notes_note {
    color: #666;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5
}

.product__card--v2 .c-product__slogan_notes_note_bullet {
    min-width: 22px
}

.product__card--v2 .c-product__details .c-product__openPriceTitle {
    font-size: 1rem;
    line-height: 24px
}

.product__card--v2 .c-product__purchase-button {
    margin-top: 2pc
}

.product__card--v2 .c-product__purchase-button .cmp-button,
.product__card--v2 .c-product__purchase-button .cx_button,
.product__card--v2 .c-product__purchase-button .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

.product__card--v2 .c-product__purchase-button .cx_link {
    grid-template-columns: auto;
    height: auto;
    min-height: 3.5rem
}

.product__card--v2 .c-product__purchase-button .cx_link .cx_label {
    text-align: center
}

.product__card--v2.is-hideNew .c-product__new {
    margin-bottom: 0
}

.c-prd003:not(.c-prd003--vertical-1) .productcarousel__cardscontainer--has-button .product__card--v2,
.c-prd005 .productcarousel__cardscontainer--has-button .product__card--v2 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    height: -webkit-fill-available;
    height: -moz-available;
    height: fill-available;
    justify-content: space-between
}

.c-prd005.product-card-v2-lists .productcarousel__parent {
    padding-bottom: 0
}

.c-sup001 {
    margin: 0 auto 4pc;
    max-width: 100%;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup001 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup001 {
        margin: 0 auto 5pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-sup001 .widget-faqsearch__group {
    max-width: 100%;
    padding: 0
}

.c-sup001 .widget-faqsearch__inputwrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 100%
}

.c-sup001 .widget-faqsearch__tbox {
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    color: #666;
    line-height: 1.5;
    max-height: 56px;
    padding: 14px 1pc 1pc;
    width: 100%
}

.c-sup001 .widget-faqsearch__tbox::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup001 .widget-faqsearch__tbox::-moz-placeholder {
    color: #666;
    opacity: 1
}

.c-sup001 .widget-faqsearch__tbox:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup001 .widget-faqsearch__tbox::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup001 .widget-faqsearch__tbox::placeholder {
    color: #666;
    opacity: 1
}

.c-sup001 .widget-faqsearch__tbox:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.c-sup001 .widget-faqsearch__tbox:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.c-sup001 .widget-faqsearch__btn {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_search_white.svg) no-repeat 50%/24px;
    height: 56px;
    padding: 1pc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 56px
}

.c-sup001 .widget-faqsearch__btn:hover {
    background-color: #4d4d4d
}

.c-sup001 .widget-faqsearch__btn>svg {
    display: none
}

.c-sup002 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 auto 24px;
    max-width: 100%;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup002 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup002 {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-sup002 .faqranking {
    border: none;
    height: auto;
    padding: 0
}

.c-sup002 #rn_ContentListskw_0 {
    width: auto
}

.c-sup002 div.rn_Content {
    padding: 0
}

.c-sup002 div.rn_Content .rn_List li.rn_Item {
    border-bottom: none;
    margin-bottom: 24px;
    padding: 0
}

.c-sup002 div.rn_Content .rn_List li.rn_Item:last-child {
    margin-bottom: 0
}

.c-sup002 div.rn_Content .rn_List li.rn_Item span.rn_Title {
    display: inline-block
}

.c-sup002 div.rn_Content .rn_List li.rn_Item span.rn_Title:before {
    display: none
}

.c-sup002 div.rn_Content .rn_List li.rn_Item span.rn_Title a {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_external.svg) no-repeat 100%/1pc;
    font-family: Noto Sans JP, Noto Sans Display, sans-serif;
    font-size: 1rem !important;
    font-weight: 400 !important;
    padding-right: calc(1em + 10px);
    text-decoration: none
}

.c-sup002 div.rn_Content .rn_List li.rn_Item span.rn_Title a:hover {
    -webkit-text-decoration: underline dotted !important;
    text-decoration: underline dotted !important
}

.c-sup002 #rn_ContentListskw_0 {
    padding: 4px
}

.c-sup002 #rn_ContentListskw_0 li {
    padding: 0
}

.c-sup002 .rn_Navigation {
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup002 .rn_Navigation {
        margin-top: 24px
    }
}

.c-sup002 .rn_Navigation a {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    font-weight: 500;
    justify-content: center;
    line-height: 24px;
    margin: 0 auto;
    max-width: 100%;
    padding: 1pc;
    text-align: center;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
}

@media screen and (min-width:992px) {
    .c-sup002 .rn_Navigation a {
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup002 .rn_Navigation a {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {
    .c-sup002 .rn_Navigation a {
        width: 100%
    }
}

.c-sup002 .rn_Navigation a:after {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_external.svg) no-repeat 100%/1pc;
    content: "";
    padding-right: 24px;
    position: relative
}

.c-sup002 .rn_Navigation a:hover {
    background-color: #ccc
}

.c-sup005__body {
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup005__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup005__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup005__body .heading--small .cmp-title__text {
    font-weight: 400;
    line-height: 1.5
}

.c-sup005__body .c-sup005__search {
    margin: 0 auto;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9);
    width: 100%
}

@media screen and (min-width:992px) {
    .c-sup005__body .c-sup005__search {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup005__body .c-sup005__search {
        margin: 0 auto 5pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-sup005__body .c-sup005__search .widget-faqsearch__group {
    max-width: 100%;
    padding: 0
}

.c-sup005__body .c-sup005__search .widget-faqsearch__inputwrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 100%
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox {
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    color: #666;
    line-height: 1.5;
    max-height: 56px;
    padding: 14px 1pc 1pc;
    width: 100%
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox::-moz-placeholder {
    color: #666;
    opacity: 1
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox::placeholder {
    color: #666;
    opacity: 1
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.c-sup005__body .c-sup005__search .widget-faqsearch__btn {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_search_white.svg) no-repeat 50%/24px;
    height: 56px;
    padding: 1pc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 56px
}

.c-sup005__body .c-sup005__search .widget-faqsearch__btn:hover {
    background-color: #4d4d4d
}

.c-sup005__body .c-sup005__search .widget-faqsearch__btn>svg {
    display: none
}

.c-sup005__body .c-sup005__search .widget-faqsearch__tbox {
    padding: 1pc
}

.c-sup005__body form:invalid button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.c-sup006 {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: 100%
}

.c-sup006__body {
    margin-bottom: 63px
}

@media screen and (max-width:767.9px) {
    .c-sup006__body {
        margin-bottom: 83px
    }
}

.c-sup006__image {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: auto;
    justify-content: center;
    margin-bottom: 3pc;
    overflow: hidden;
    width: 100%
}

.c-sup006__image figure .cmp-image__image {
    margin-bottom: 0
}

.c-sup006__image img {
    height: auto;
    max-width: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    width: auto
}

.c-sup006__image figcaption {
    line-height: 1.5;
    margin-top: 20px
}

.c-sup006__image .cmp-image__image--mobile {
    display: none
}

@media screen and (max-width:575px) {
    .c-sup006__image .cmp-image__image--mobile {
        display: block
    }

    .c-sup006__image .cmp-image__image--desktop {
        display: none
    }
}

.c-sup006__image figcaption {
    display: none
}

.c-sup006__description {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 24px
}

.c-sup006__description .cmp-text p {
    font-weight: 400;
    margin-top: 0
}

.c-sup006__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.c-sup006__button .cmp-button {
    font-weight: 500;
    line-height: 24px;
    padding: 1pc
}

.c-sup006__button .c-gen004 {
    margin-bottom: 0
}

.c-sup006__button .button--secondary {
    width: 4in
}

@media screen and (max-width:767.9px) {
    .c-sup006__button .button--secondary {
        width: 100%
    }
}

.c-sup007__body {
    margin: 0 auto 4pc;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-sup007__body {
        margin-bottom: 2pc
    }
}

.c-sup007__body .cmp-accordion__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0
}

.c-sup007__body .cmp-accordion__icon:after,
.c-sup007__body .cmp-accordion__icon:before {
    display: none
}

.c-sup007__body .cmp-accordion__icon-close,
.c-sup007__body .cmp-accordion__icon-open {
    height: 1pc;
    width: 1pc
}

.c-sup007__body .cmp-accordion__button--expanded .cmp-accordion__icon-open,
.c-sup007__body .cmp-accordion__icon-close {
    display: none
}

.c-sup007__body .cmp-accordion__button--expanded .cmp-accordion__icon-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-sup007__body .c-sup007__l1-category {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .c-sup007__l1-category {
        margin-bottom: 2pc
    }
}

.c-sup007__body .c-sup007__l1-category .cmp-title__text {
    font-weight: 400
}

.c-sup007__body .c-sup007__l2-category .c-sup007__accodion-list-title {
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .c-sup007__l2-category .c-sup007__accodion-list-title {
        margin-bottom: 24px
    }
}

.c-sup007__body .c-sup007__l2-category .cmp-accordion__button {
    margin-bottom: 0;
    padding: 2pc 2pc 2pc 0
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .c-sup007__l2-category .cmp-accordion__button {
        padding: 24px;
        padding-left: 0;
        padding-right: 2pc
    }
}

.c-sup007__body .c-sup007__l2-category .cmp-accordion__title {
    font-weight: 400
}

.c-sup007__body .c-sup007__l2-category .cmp-accordion__panel {
    padding-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .c-sup007__l2-category .cmp-accordion__panel {
        padding-bottom: 24px
    }
}

.c-sup007__body .c-sup007__l2-category .c-lay005 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .c-sup007__l2-category .c-lay005 {
        margin-bottom: 2pc
    }
}

.c-sup007__body .c-sup007__l2-category:last-child .c-lay005 {
    margin-bottom: 0
}

.c-sup007__body .c-sup007__list {
    margin-bottom: 0;
    width: 100%
}

.c-sup007__body .c-sup007__list li {
    margin-bottom: 24px
}

.c-sup007__body .c-sup007__list li:last-child {
    margin-bottom: 0
}

.c-sup007__body .c-sup007__list .cmp-list {
    display: grid;
    gap: 24px 2pc;
    grid-template-columns: repeat(4, 1fr)
}

.c-sup007__body .c-sup007__list .cmp-list__item {
    margin-bottom: 0
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .c-sup007__list .cmp-list {
        grid-template-columns: 1fr
    }
}

.c-sup007__body .c-sup007__list .cmp-list .c-product__linkInner {
    display: inline-table
}

.c-sup007__body .row .c-lay011:not(:first-child) {
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup007__body .row .c-lay011:not(:first-child) {
        margin-top: 24px
    }
}

.c-lay007__modalInner .c-sup007__body {
    margin-bottom: 0
}

.c-lay007__modalInner .c-sup007__body .c-sup007__list .cmp-list {
    grid-template-columns: repeat(3, 1fr)
}

@media screen and (max-width:767.9px) {
    .c-lay007__modalInner .c-sup007__body .c-sup007__list .cmp-list {
        grid-template-columns: 1fr
    }
}

.c-sup009__body {
    margin: 0 auto 4pc;
    max-width: var(--inner-width);
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-sup009__body {
        margin-bottom: 3pc
    }
}

.c-sup009__body .cmp-accordion__icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    right: 0
}

.c-sup009__body .cmp-accordion__icon:after,
.c-sup009__body .cmp-accordion__icon:before {
    display: none
}

.c-sup009__body .cmp-accordion__icon-close,
.c-sup009__body .cmp-accordion__icon-open {
    height: 1pc;
    width: 1pc
}

.c-sup009__body .cmp-accordion__button--expanded .cmp-accordion__icon-open,
.c-sup009__body .cmp-accordion__icon-close {
    display: none
}

.c-sup009__body .cmp-accordion__button--expanded .cmp-accordion__icon-close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-sup009__body .c-sup009__l1-category {
    margin-bottom: 51px
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .c-sup009__l1-category {
        margin-bottom: 2pc
    }
}

.c-sup009__body .c-sup009__l1-category .cmp-title__text {
    font-weight: 400
}

.c-sup009__body .c-sup009__l2-category .c-sup009__accodion-list-title {
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .c-sup009__l2-category .c-sup009__accodion-list-title {
        margin-bottom: 24px
    }
}

.c-sup009__body .c-sup009__l2-category .cmp-accordion__button {
    margin-bottom: 0;
    padding: 2pc 2pc 2pc 0
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .c-sup009__l2-category .cmp-accordion__button {
        padding: 24px;
        padding-left: 0;
        padding-right: 2pc
    }
}

.c-sup009__body .c-sup009__l2-category .cmp-accordion__title {
    font-weight: 400
}

.c-sup009__body .c-sup009__l2-category .cmp-accordion__panel {
    padding-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .c-sup009__l2-category .cmp-accordion__panel {
        padding-bottom: 24px
    }
}

.c-sup009__body .c-sup009__l2-category .c-lay005 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .c-sup009__l2-category .c-lay005 {
        margin-bottom: 2pc
    }
}

.c-sup009__body .c-sup009__l2-category:last-child .c-lay005 {
    margin-bottom: 0
}

.c-sup009__body .c-sup009__list {
    margin-bottom: 0;
    width: 100%
}

.c-sup009__body .c-sup009__list li {
    margin-bottom: 24px
}

.c-sup009__body .c-sup009__list li:last-child {
    margin-bottom: 0
}

.c-sup009__body .c-sup009__list .cmp-list {
    display: grid;
    gap: 24px 2pc;
    grid-template-columns: repeat(3, 1fr)
}

.c-sup009__body .c-sup009__list .cmp-list__item {
    margin-bottom: 0
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .c-sup009__list .cmp-list {
        grid-template-columns: 1fr
    }
}

.c-sup009__body .c-sup009__list .cmp-list .c-product__linkInner {
    display: inline-table
}

.c-sup009__body .row {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .row {
        margin-bottom: 2pc
    }
}

.c-sup009__body .row .c-lay011:not(:first-child) {
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup009__body .row .c-lay011:not(:first-child) {
        margin-top: 24px
    }
}

.c-sup010__body {
    margin: 0 auto 2pc;
    max-width: var(--inner-width);
    width: 100%
}

.c-sup010__body .button--back .cmp-button {
    padding-left: 0
}

.c-sup010__body .button--back .cmp-button:before {
    display: none
}

.c-sup010__body .button--back .cmp-button__icon {
    width: 1pc
}

.c-sup010__body .button--back .cmp-button img {
    height: 1pc;
    margin-top: 5px;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    width: 1pc
}

.c-sup011 {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup011 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup011 {
        width: 100%
    }
}

.c-sup011 .c-lay005 {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-sup011 .c-lay005 {
        margin-bottom: 5pc
    }
}

.c-sup011 .c-sup011__list {
    margin-bottom: 0;
    width: 100%
}

.c-sup011 .c-sup011__list li {
    margin-bottom: 24px
}

.c-sup011 .c-sup011__list li,
.c-sup011 .c-sup011__list li:last-child {
    margin-bottom: 0
}

.c-sup011 .c-sup011__list .cmp-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    gap: 24px;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-sup011 .c-sup011__list .cmp-list {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        justify-content: center
    }
}

.c-sup011 .c-sup011__list .c-product__linkInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.c-sup011 .c-sup011__list .c-product__linkInner .icon--function {
    margin-left: 0;
    vertical-align: 0
}

.c-sup012 {
    margin: 0 auto;
    max-width: var(--md-inner-width)
}

.c-sup012 .c-sup012__body {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-sup012 .c-sup012__body {
        margin-bottom: 5pc
    }
}

.c-sup012 .c-gen001 {
    margin-bottom: 2pc
}

.c-sup012__description {
    margin-bottom: 24px
}

.c-sup012__description .c-gen002 {
    margin-bottom: 0
}

.c-sup012__list,
.c-sup012__list li {
    margin-bottom: 24px
}

.c-sup012__list li:last-child {
    margin-bottom: 0
}

.c-sup012 .c-sup012__scroll-container {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 2pc;
    margin-top: 0;
    padding: 1pc 8px 1pc 1pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-sup012 .c-sup012__scroll-container {
        margin-bottom: 24px
    }
}

.c-sup012 .c-sup012__scroll-container .c-sup012__scroll-container-body {
    height: 280px;
    margin-bottom: 0;
    overflow: auto;
    padding-right: 8px
}

.c-sup012__scroll-container-body .cmp-text {
    font-size: .875rem
}

.c-sup012__scroll-container-body .cmp-text p {
    font-weight: 700;
    margin-bottom: 1pc
}

.c-sup012__scroll-container-body .cmp-text li,
.c-sup012__scroll-container-body .cmp-text ol {
    margin-bottom: 0;
    margin-top: 0
}

.c-sup012__scroll-container-body .cmp-text li p {
    font-weight: 400;
    margin-bottom: 0;
    margin-top: 0
}

.c-sup012__scroll-container-body .cmp-text ol li {
    font-weight: 400;
    line-height: 1.5
}

.c-sup012 .c-gen004 {
    margin: 0 auto
}

.c-sup012 .c-gen004 .cmp-button,
.c-sup012 .c-gen004 .cx_button,
.c-sup012 .c-gen004 .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

.c-sup012 .c-gen004 .cmp-button {
    font-weight: 500
}

.c-sup012 .c-lay011 .c-lay002 {
    display: block;
    width: 100%
}

.c-sup012 .c-lay011 .c-lay002 .cmp-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    padding: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup012 .c-lay011 .c-lay002 .cmp-container {
        padding: 24px
    }
}

.c-sup012__manual-download-section {
    display: none;
    margin-top: 24px
}

.c-sup012--visible .c-sup012__manual-download-section {
    display: block
}

.c-sup012--hidden .c-sup012__detail-section {
    display: none
}

.c-sup013 {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup013 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup013 {
        width: 100%
    }
}

.c-sup013 .c-sup013__body {
    margin-bottom: 90pt
}

@media screen and (max-width:767.9px) {
    .c-sup013 .c-sup013__body {
        margin-bottom: 5pc
    }
}

.c-sup013 .heading--large {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup013 .heading--large {
        margin-bottom: 2pc
    }
}

.c-sup013 .c-sup013__list {
    margin-bottom: 0
}

.c-sup013 .c-sup013__list li {
    margin-bottom: 24px
}

.c-sup013 .c-sup013__list li:last-child {
    margin-bottom: 0
}

.c-sup014__body {
    margin-bottom: 90pt;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup014__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup014__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup014__body .c-gen002 a {
    text-decoration: none
}

.c-sup014__body .c-gen002 a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-sup014__body .c-sup014__title {
    margin-bottom: 2pc
}

.c-sup014__body .c-sup014__title .cmp-title__text {
    font-size: 2rem;
    font-weight: 400
}

.c-sup014__body .c-sup014__sub-title {
    margin-bottom: 3pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-sup014__body .c-sup014__sub-title {
        margin-bottom: 2pc
    }
}

.c-sup014__body .c-sup014__sub-title .cmp-text p {
    font-size: 2rem
}

@media screen and (max-width:767.9px) {
    .c-sup014__body .c-sup014__sub-title .cmp-text p {
        font-size: 1.625rem
    }
}

.c-sup014__body .c-sup014__free-text-top {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup014__body .c-sup014__free-text-top {
        margin-bottom: 2pc
    }
}

.c-sup014__body .table-responsive {
    overflow-x: auto;
    width: 100%
}

.c-sup014__body .no-wrap {
    white-space: nowrap
}

.c-sup014__body .d-block {
    display: block
}

.c-sup014__body .c-product__link {
    text-align: left
}

.c-sup014__body .c-gen002 {
    margin-bottom: 2pc
}

.c-sup014__body .c-gen002 table td,
.c-sup014__body .c-gen002 table th {
    text-align: left
}

.c-sup014__body .c-gen002 table th {
    white-space: nowrap
}

@media screen and (max-width:767.9px) {
    .c-sup014__body .c-gen002 table th {
        font-size: 1rem;
        padding: 8px
    }
}

.c-sup014__body .c-gen002 table td {
    vertical-align: top
}

@media screen and (max-width:767.9px) {
    .c-sup014__body .c-gen002 table td {
        font-size: 1rem
    }
}

.c-sup014__body .c-gen002 table .c-gen002,
.c-sup014__body .c-gen002 table .c-gen004 {
    margin-bottom: 0
}

.c-sup014__body--btn-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-top: 3pc
}

.c-sup014__body--btn-group .cmp-button {
    line-height: 24px;
    padding: 1pc
}

@media screen and (max-width:767.9px) {
    .c-sup014__body--btn-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2pc
    }

    .c-sup014__body--btn-group .cmp-button,
    .c-sup014__body--btn-group .cx_button,
    .c-sup014__body--btn-group .cx_link {
        line-height: 27px;
        padding: 13px 1pc
    }

    .c-sup014__body--btn-group .button--regular {
        margin-bottom: 24px
    }
}

.c-sup014__body--btn-group .c-gen004__text {
    font-weight: 500
}

.c-sup014__body--btn-group [class*=button-] {
    margin-left: 1pc;
    margin-right: 1pc
}

.c-sup014__body--btn-group .order-md-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media screen and (max-width:767.9px) {
    .c-sup014__body--btn-group .order-md-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }
}

.c-sup014__modal .cmp-title__text {
    font-weight: 400;
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup014__modal .cmp-title__text {
        margin-bottom: 2pc
    }
}

.c-sup014__modal .cmp-text {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup014__modal .cmp-text {
        margin-bottom: 24px
    }
}

.c-sup014__modal .button--regular .cmp-button {
    background: #333
}

.c-sup014__modal .button--regular a:hover,
.c-sup014__modal .button--regular button:hover {
    background-color: #4d4d4d;
    text-decoration: none
}

.c-sup015__body {
    margin-bottom: 3pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup015__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup015__body {
        margin-bottom: 2pc;
        width: 100%
    }
}

.c-sup015__body .c-gen001 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup015__body .c-gen001 {
        margin-bottom: 2pc
    }
}

.c-sup015__body .c-sup015__list {
    margin-bottom: 0
}

.c-sup015__body .c-sup015__list li {
    margin-bottom: 24px
}

.c-sup015__body .c-sup015__list li:last-child {
    margin-bottom: 0
}

.cmp-csup017 {
    margin: 0 auto;
    max-width: var(--md-inner-width);
    width: 100%
}

.cmp-csup017 .c-gen001 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .cmp-csup017 .c-gen001 {
        margin-bottom: 2pc
    }
}

.cmp-csup017 .c-gen006 .c-product__linkInner {
    display: inline-table
}

.c-sup019 {
    margin: 0 auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup019 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup019 {
        width: 100%
    }
}

.c-sup019 .c-sup019__body {
    margin-bottom: 90pt
}

@media screen and (max-width:767.9px) {
    .c-sup019 .c-sup019__body {
        margin-bottom: 5pc
    }
}

.c-sup019 .c-gen001 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup019 .c-gen001 {
        margin-bottom: 2pc
    }
}

.c-sup019 .c-sup019__list {
    margin-bottom: 0
}

.c-sup019 .c-sup019__list li {
    margin-bottom: 24px
}

.c-sup019 .c-sup019__list li:last-child {
    margin-bottom: 0
}

.c-sup019 .c-sup019__list .cmp-list {
    display: grid;
    gap: 24px 2pc;
    grid-template-columns: repeat(2, 1fr)
}

@media screen and (max-width:767.9px) {
    .c-sup019 .c-sup019__list .cmp-list {
        grid-template-columns: 1fr
    }
}

.c-sup019 .c-sup019__list .cmp-list li {
    margin-bottom: 0
}

.c-sup020__body {
    margin-bottom: 90pt;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup020__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup020__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup020__body .heading--large {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup020__body .heading--large {
        margin-bottom: 2pc
    }
}

.c-sup020__body .cmp-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    gap: 24px 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup020__body .cmp-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.c-sup020__body .cmp-list a:focus {
    outline: 3px dotted
}

.c-sup020__body .c-sup020__list {
    margin-bottom: 0
}

.c-sup020__body .c-sup020__list li {
    margin-bottom: 24px
}

.c-sup020__body .c-sup020__list li:last-child {
    margin-bottom: 0
}

.c-sup023__body {
    margin-bottom: 90pt;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup023__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup023__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup023__body .c-gen001.heading--large {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup023__body .c-gen001.heading--large {
        margin-bottom: 24px
    }
}

.c-sup023__body .c-sup023__search {
    margin: 0 auto;
    max-width: 626px;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup023__body .c-sup023__search {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup023__body .c-sup023__search {
        margin: 0 auto 5pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-sup023__body .c-sup023__search .widget-faqsearch__group {
    max-width: 100%;
    padding: 0
}

.c-sup023__body .c-sup023__search .widget-faqsearch__inputwrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    width: 100%
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox {
    background: #f2f2f2;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    color: #666;
    line-height: 1.5;
    max-height: 56px;
    padding: 14px 1pc 1pc;
    width: 100%
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox::-moz-placeholder {
    color: #666;
    opacity: 1
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox::placeholder {
    color: #666;
    opacity: 1
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.c-sup023__body .c-sup023__search .widget-faqsearch__btn {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_search_white.svg) no-repeat 50%/24px;
    height: 56px;
    padding: 1pc;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: 56px
}

.c-sup023__body .c-sup023__search .widget-faqsearch__btn:hover {
    background-color: #4d4d4d
}

.c-sup023__body .c-sup023__search .widget-faqsearch__btn>svg {
    display: none
}

@media screen and (max-width:767.9px) {
    .c-sup023__body .c-sup023__search {
        max-width: 100%
    }
}

.c-sup023__body .c-sup023__search .widget-faqsearch__tbox {
    padding: 1pc
}

.c-sup024__body {
    margin-bottom: 90pt;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup024__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup024__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup024__body .c-gen001 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup024__body .c-gen001 {
        margin-bottom: 2pc
    }
}

.c-sup024__body .c-gen004 {
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto
}

.c-sup024__body .c-gen004 .cmp-button,
.c-sup024__body .c-gen004 .cx_button,
.c-sup024__body .c-gen004 .cx_link {
    line-height: 22px;
    padding: 1pc
}

.c-sup024__body .c-gen004 .cmp-button {
    font-weight: 500;
    line-height: 24px
}

.c-sup024__body .c-sup024__list {
    margin-bottom: 2pc
}

.c-sup024__body .c-sup024__list li {
    margin-bottom: 24px
}

.c-sup024__body .c-sup024__list li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767.9px) {
    .c-sup024__body .c-sup024__list {
        margin-bottom: 24px
    }
}

.c-sup027__body {
    margin-bottom: 90pt;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup027__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup027__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup027__body .heading--large {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup027__body .heading--large {
        margin-bottom: 2pc
    }
}

.c-sup027__body .c-gen002 .c-product__link {
    text-align: left
}

.c-sup027__body .c-gen002 a {
    text-decoration: none
}

.c-sup027__body .c-gen002 a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-sup027__body .c-sup027__list,
.c-sup027__body .c-sup027__list li {
    margin-bottom: 24px
}

.c-sup027__body .c-sup027__list li:last-child {
    margin-bottom: 0
}

.c-sup028__button-list .c-gen004 .c-gen004__text,
.c-sup028__button-list-single .c-gen004__text {
    color: #333;
    font-weight: 350
}

@media screen and (max-width:767.9px) {

    .c-sup028__button-list .c-gen004 .c-gen004__text,
    .c-sup028__button-list-single .c-gen004__text {
        font-weight: 500
    }
}

.c-sup028__button-list .c-gen004,
.c-sup028__button-list-single .c-gen004 {
    margin-bottom: 0
}

.c-sup028__button-list .c-gen004 .cmp-button,
.c-sup028__button-list .c-gen004 .cx_button,
.c-sup028__button-list .c-gen004 .cx_link,
.c-sup028__button-list-single .c-gen004 .cmp-button,
.c-sup028__button-list-single .c-gen004 .cx_button,
.c-sup028__button-list-single .c-gen004 .cx_link {
    line-height: 25px;
    padding: 14.5px 0
}

@media screen and (max-width:767.9px) {

    .c-sup028__button-list .c-gen004 .cmp-button,
    .c-sup028__button-list .c-gen004 .cx_button,
    .c-sup028__button-list .c-gen004 .cx_link,
    .c-sup028__button-list-single .c-gen004 .cmp-button,
    .c-sup028__button-list-single .c-gen004 .cx_button,
    .c-sup028__button-list-single .c-gen004 .cx_link {
        line-height: 25px;
        padding: 1pc
    }
}

.c-sup028__body {
    margin-bottom: 65px;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-sup028__body {
        margin-bottom: 52px
    }
}

.c-sup028__button-list {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-auto-flow: column;
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr))
}

.c-sup028__button-list-single {
    display: grid;
    justify-items: center
}

@media screen and (min-width:768px) {
    .c-sup028__button-list-single .c-gen004 {
        width: auto
    }
}

.c-sup028__button-list-single .c-gen004 .cmp-button {
    width: 4in
}

@media screen and (max-width:767.9px) {
    .c-sup028__button-list-single .c-gen004 .cmp-button {
        width: 100%
    }
}

.c-sup028__button-list .c-gen004,
.c-sup028__button-list .c-gen004 .cmp-button {
    width: 100%
}

.c-sup028__button-list .c-gen004:last-child {
    grid-column-end: -1
}

@media screen and (max-width:767.9px) {
    .c-sup028__button-list {
        grid-auto-flow: row;
        grid-template-columns: auto;
        row-gap: 2pc
    }
}

.c-sup029 {
    padding: 5pc 0;
    text-align: center
}

.c-sup029__title-wrapper {
    margin-bottom: 2pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup029__title-wrapper {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup029__title-wrapper {
        width: 100%
    }
}

.c-sup029__error-message-xf {
    margin-bottom: 2pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    text-align: center;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup029__error-message-xf {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup029__error-message-xf {
        width: 100%
    }
}

.c-sup029__subtitle {
    color: #666;
    display: block;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 27px;
    margin-bottom: 4px
}

.c-sup029__title {
    font-size: 2.25rem;
    font-weight: 400;
    line-height: 54px
}

@media screen and (max-width:767.9px) {
    .c-sup029__title {
        font-size: 2rem;
        line-height: 3pc
    }
}

.c-sup029 .c-sup001 {
    margin-bottom: 3pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup029 .c-sup001 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup029 .c-sup001 {
        width: 100%
    }
}

.c-sup029 .c-sup001 .widget-faqsearch__tbox {
    padding: 1pc
}

.c-sup029 .searchform-label {
    margin-bottom: 24px;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup029 .searchform-label {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup029 .searchform-label {
        width: 100%
    }
}

.c-sup029 .searchform-label label {
    color: #000;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .c-sup029 .searchform-label label {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.c-sup029__accordion {
    margin-bottom: 3pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup029__accordion {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup029__accordion {
        width: 100%
    }
}

.c-sup029__accordion .c-lay005 {
    margin-bottom: 0
}

.c-sup029__accordion .cmp-accordion {
    border-bottom: 0
}

.c-sup029__accordion .cmp-accordion__item {
    border-bottom: 1px solid #ccc
}

.c-sup029__accordion .cmp-accordion__item[data-cmp-expanded] {
    border-bottom: 0
}

.c-sup029__accordion .cmp-accordion__panel {
    border-bottom: 1px solid #ccc
}

.c-sup029__filter-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: left
}

@media screen and (max-width:767.9px) {
    .c-sup029__filter-title {
        margin-bottom: 1pc
    }
}

.c-sup029__filter-reset,
.c-sup029__filters {
    margin-bottom: 24px
}

.c-sup029__filter-reset .filter-reset-button {
    color: #1a1a1a;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-top: 0;
    text-decoration: underline
}

.c-sup029__filter-search {
    margin: 0 auto;
    width: 4in
}

.c-sup029__filter-search .cmp-button,
.c-sup029__filter-search .cx_button,
.c-sup029__filter-search .cx_link {
    line-height: 22px;
    padding: 1pc
}

.c-sup029__filter-search .cmp-button__text {
    line-height: 1.5
}

.c-sup029 .cmp-accordion__header .cmp-accordion__button {
    margin: 0;
    padding: 24px 0
}

@media screen and (max-width:767.9px) {
    .c-sup029 .cmp-accordion__header .cmp-accordion__button {
        padding: 24px 0
    }
}

.c-sup029 .cmp-accordion__header .cmp-accordion__button span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-sup029 .cmp-accordion__header .cmp-accordion__button .cmp-accordion__title {
    font-weight: 400;
    margin: 0 2pc 0 8px
}

.c-sup029 .c-product__radio {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-column-gap: 2pc;
    -moz-column-gap: 2pc;
    column-gap: 2pc;
    -ms-flex-direction: row;
    flex-direction: row
}

@media screen and (max-width:767.9px) {
    .c-sup029 .c-product__radio {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-direction: column;
        flex-direction: column;
        row-gap: 24px
    }
}

.c-sup029 .c-product__radioButton {
    margin-top: 0;
    padding-left: 0
}

.c-sup029 .c-product__radioButton .c-product__radioLabel {
    cursor: pointer;
    padding-left: 2pc;
    pointer-events: auto
}

.c-sup029 .c-product__radioButton .c-product__radioLabel:before {
    left: 0
}

.c-sup029 .c-product__radioButton .c-product__radioLabel:after {
    left: 4px
}

.c-sup029 .c-prd003 {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup029 .c-prd003 {
        margin-bottom: 2pc
    }
}

.c-sup029 .c-prd003 .productcarousel__cardscontainer {
    display: grid;
    gap: 3pc 2pc;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 0
}

@media screen and (max-width:767.9px) {
    .c-sup029 .c-prd003 .productcarousel__cardscontainer {
        gap: 2pc 1pc;
        grid-template-columns: repeat(2, 1fr)
    }
}

.c-sup029 .c-prd003 .c-product__released {
    margin-top: 8px
}

.c-sup029 .c-prd003 .product__card .productcollection__item-image {
    height: calc(var(--unit-width)*3 + var(--gutter-width)*2);
    -o-object-fit: contain;
    object-fit: contain
}

@media screen and (max-width:767.9px) {
    .c-sup029 .c-prd003 .product__card .productcollection__item-image {
        height: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-sup029 .c-oth001__pagenation {
    margin: 0 auto
}

.c-sup029 .c-oth001__pagenation .c-oth001__pagenationItem {
    font-size: .875rem;
    font-weight: 500
}

@media screen and (min-width:768px) {
    .c-sup029 .c-oth001__pagenation .c-oth001__pagenationPrev {
        margin: 0 1pc 0 0
    }
}

.c-sup029 .c-oth001__pagenation .c-oth001__pagenationPrev .c-oth001__pagenationItem {
    color: #333;
    font-size: 1.125rem
}

@media screen and (min-width:768px) {
    .c-sup029 .c-oth001__pagenation .c-oth001__pagenationNext {
        margin: 0 0 0 1pc
    }
}

.c-sup029 .c-oth001__pagenation .c-oth001__pagenationNext .c-oth001__pagenationItem {
    color: #333;
    font-size: 1.125rem
}

@media screen and (max-width:767.9px) {
    .c-sup029 .c-oth001__pagenation {
        padding-top: 68px
    }
}

.c-sup029__prd-category-link-xf {
    margin-bottom: 5pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup029__prd-category-link-xf {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup029__prd-category-link-xf {
        width: 100%
    }
}

.c-sup029__filter-area {
    border: unset;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    padding: 0
}

.c-sup029 form:invalid button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.c-sup030__link-list .c-sup030__list .cmp-list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    display: block
}

.c-sup030__link-list .c-sup030__list .cmp-list li {
    line-height: 24px;
    margin-bottom: 0
}

.c-sup030__link-list .c-sup030__list .cmp-list li a {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup030__link-list .c-sup030__list .cmp-list li a {
        margin-bottom: 24px
    }

    .c-sup030__link-list .c-sup030__list .cmp-list {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1
    }
}

.c-sup030__l2-heading {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-sup030__l2-heading {
        font-size: 18px
    }
}

.c-sup030 .c-sup030__body {
    margin-bottom: 90pt;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup030 .c-sup030__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup030 .c-sup030__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-sup030 .c-sup030__body .cmp-accordion__title {
    font-weight: 400
}

.c-sup030 .c-sup030__body .sub-heading {
    text-align: left
}

.c-sup030 .c-sup030__body .cmp-list {
    gap: 2pc;
    margin-left: 0
}

.c-sup030 .c-sup030__body .cmp-list li:before {
    display: none
}

.c-sup030 .c-sup030__body .cmp-list a {
    margin-top: 0;
    text-decoration: none
}

.c-sup030 .c-sup030__body .cmp-accordion__button {
    margin-bottom: 0;
    padding: 2pc 2pc 2pc 0
}

@media screen and (max-width:767.9px) {
    .c-sup030 .c-sup030__body .cmp-accordion__button {
        padding: 24px 2pc 24px 0
    }
}

.c-sup030 .c-sup030__body .c-lay005 .cmp-accordion__icon:after,
.c-sup030 .c-sup030__body .c-lay005 .cmp-accordion__icon:before {
    width: 1pc
}

.c-sup030 .c-sup030__body .c-lay005 .cmp-accordion__panel {
    padding-bottom: 52px
}

@media screen and (max-width:767.9px) {
    .c-sup030 .c-sup030__body .c-lay005 .cmp-accordion__panel {
        padding-bottom: 44px
    }
}

.c-sup030 .c-sup030__body .c-gen001 h5,
.c-sup030 .c-sup030__body .c-gen004 {
    font-size: 1pc;
    font-weight: 700;
    margin-bottom: 1pc
}

.c-sup030 .c-gen002>:last-child .c-sup030__list {
    margin-bottom: 0
}

.c-sup030__buttons {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    justify-content: flex-end
}

.c-sup030__buttons .button--flex .cmp-button {
    font-weight: 500;
    line-height: 21px;
    padding: 5.5px 1pc
}

.c-sup030__buttons .button--flex .cmp-button:focus {
    outline: 3px dotted
}

@media screen and (max-width:767.9px) {
    .c-sup030__buttons {
        gap: 1pc
    }
}

.c-sup030__anchor-link {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup030__anchor-link {
        gap: 1pc
    }
}

.c-sup030__anchor-link .cmp-button__text {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-sup030__anchor-link .cmp-button__text:focus {
    outline: 3px dotted
}

.c-sup033 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup033 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup033 {
        width: 100%
    }
}

.c-sup033__body .cmp-title__text {
    font-size: 2.75rem
}

@media screen and (max-width:767.9px) {
    .c-sup033__body .cmp-title__text {
        font-size: 2rem
    }
}

.c-sup033__body .c-sup033__appli-software-info-title .cmp-title__text {
    font-size: 2rem;
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup033__body .c-sup033__appli-software-info-title .cmp-title__text {
        font-size: 1.625rem;
        margin-bottom: 2pc
    }
}

.c-sup033__body .c-sup033__free-area-top {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup033__body .c-sup033__free-area-top {
        margin-bottom: 3pc
    }
}

.c-sup033__body .c-sup033__free-area-bottom,
.c-sup033__list {
    margin-bottom: 2pc
}

.c-sup033__list {
    font-weight: 400
}

.c-sup033__list li {
    margin-bottom: 24px
}

.c-sup033__list li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767.9px) {
    .c-sup033__list {
        margin-bottom: 1pc
    }
}

.c-sup033__list li {
    margin-bottom: 1pc
}

.c-sup033 .c-product__linkInner {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-sup033__error-message {
    color: #3396ff
}

.c-sup034 {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup034 {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup034 {
        width: 100%
    }
}

.c-sup034__body {
    margin-bottom: 2pc
}

.c-sup034__body .c-sup034__title .cmp-title__text {
    font-size: 2.75rem
}

@media screen and (max-width:767.9px) {
    .c-sup034__body .c-sup034__title .cmp-title__text {
        font-size: 2rem
    }
}

.c-sup034__body .c-sup034__error-msg {
    text-align: center
}

.c-sup034__body .c-sup034__section-title .cmp-title__text {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup034__body .c-sup034__section-title .cmp-title__text {
        margin-bottom: 2pc
    }
}

.c-sup034__body .c-sup034__form-title {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 2pc
}

.c-sup034__body .c-sup034__pdf-list {
    margin-bottom: 2pc
}

.c-sup034__body .c-sup034__pdf-list li {
    margin-bottom: 24px
}

.c-sup034__body .c-sup034__pdf-list li:last-child {
    margin-bottom: 0
}

@media screen and (max-width:767.9px) {
    .c-sup034__body .c-sup034__pdf-list .icon--function {
        margin-left: 0
    }
}

.c-sup034__body .c-sup034__explanatory-note {
    font-size: 1rem;
    font-weight: 400;
    margin-bottom: 24px
}

.c-sup036__body {
    margin: 2pc auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-sup036__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-sup036__body {
        width: 100%
    }
}

.c-sup036__component-title .cmp-title__text {
    font-size: 2.75rem;
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .c-sup036__component-title .cmp-title__text {
        font-size: 2rem
    }
}

.c-sup036__product-title {
    text-align: center
}

.c-sup036__product-title .cmp-text {
    font-size: 2rem
}

@media screen and (max-width:767.9px) {
    .c-sup036__product-title .cmp-text {
        font-size: 1.625rem
    }
}

.c-sup036__product-title,
.c-sup036__software-description {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {

    .c-sup036__product-title,
    .c-sup036__software-description {
        margin-bottom: 2pc
    }
}

.c-sup036__compatible-title,
.c-sup036__component-title,
.c-sup036__no-item-text,
.c-sup036__software-free-text,
.c-sup036__software-table {
    margin-bottom: 2pc
}

.c-sup036__compatible-title .cmp-button,
.c-sup036__component-title .cmp-button,
.c-sup036__no-item-text .cmp-button,
.c-sup036__software-free-text .cmp-button,
.c-sup036__software-table .cmp-button {
    word-break: break-word
}

.c-sup036__compatible-number {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup036__compatible-number {
        margin-bottom: 24px
    }
}

.c-sup036__software-table .table-responsive {
    overflow-x: auto;
    width: 100%
}

.c-sup036__software-table table {
    table-layout: fixed;
    text-align: left;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-sup036__software-table table {
        min-width: 62pc
    }
}

.c-sup036__software-table table td,
.c-sup036__software-table table th {
    font-size: 1rem;
    padding: 1pc
}

.c-sup036__software-table table td {
    vertical-align: top
}

.c-sup036__compatible-list .cmp-list__item:not(:last-child) {
    margin-bottom: 1pc
}

.c-sup036__btn-group {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    justify-content: center;
    margin-top: 3pc
}

.c-sup036__btn-group .cmp-button {
    line-height: 24px;
    padding: 1pc
}

@media screen and (max-width:767.9px) {
    .c-sup036__btn-group {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        margin-top: 2pc
    }

    .c-sup036__btn-group .cmp-button,
    .c-sup036__btn-group .cx_button,
    .c-sup036__btn-group .cx_link {
        line-height: 27px;
        padding: 13px 1pc
    }

    .c-sup036__btn-group .button--regular {
        margin-bottom: 24px
    }
}

.c-sup036__btn-group [class*=button-] {
    margin-left: 1pc;
    margin-right: 1pc
}

.c-sup036__btn-group .order-md-0 {
    -webkit-box-ordinal-group: 0;
    -ms-flex-order: -1;
    order: -1
}

@media screen and (max-width:767.9px) {
    .c-sup036__btn-group .order-md-0 {
        -webkit-box-ordinal-group: unset;
        -ms-flex-order: unset;
        order: unset
    }
}

.c-sup036__error-text {
    color: #0063cc;
    font-size: .875rem;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-sup036__error-text {
        text-align: left
    }
}

.c-sup036__modal .cmp-title__text {
    font-weight: 400;
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-sup036__modal .cmp-title__text {
        margin-bottom: 2pc
    }
}

.c-sup036__modal .cmp-text {
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .c-sup036__modal .cmp-text {
        margin-bottom: 24px
    }
}

.c-sup036__modal .button--regular .cmp-button {
    background: #333
}

.c-sup036__modal .button--regular a:hover,
.c-sup036__modal .button--regular button:hover {
    background-color: #4d4d4d;
    text-decoration: none
}

.c-sup037__body {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-sup037__body {
        margin-bottom: 2pc
    }
}

.c-sup037__notification-list {
    margin-bottom: 24px
}

.c-sup037__notification-list li {
    margin-bottom: 24px;
    width: 100%
}

.c-sup037__notification-list li .cmp-list__item-date {
    color: #666;
    display: block;
    font-size: .875rem;
    margin-bottom: 8px
}

.c-sup037__notification-list li .cmp-list__item-link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    gap: 8px;
    text-align: left;
    text-decoration: none
}

.c-sup037__notification-list li .cmp-list__item-link:hover .cmp-list__item-title {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-sup037__notification-list li .icon--function {
    height: 1pc;
    width: 1pc
}

.c-sup037__notification-list li:last-child {
    margin-bottom: 0
}

.c-sup037__button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-weight: 500;
    justify-content: center
}

.c-sup037__button .cmp-button {
    line-height: 24px;
    padding: 1pc
}

.c-product__image {
    display: block;
    position: relative;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.c-product__labelTextWrap {
    font-size: .75rem;
    line-height: 1.5
}

.is-hideLabel .c-product__labelTextWrap {
    height: 0
}

.c-product__labelText {
    display: inline-block;
    padding-bottom: 8px
}

.c-product__new {
    color: #914108;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5
}

.c-product__new span {
    display: block;
    padding-bottom: 8px
}

.is-hideNew .c-product__new {
    height: 0
}

.c-product__name,
.c-product__numberWrap {
    font-size: 1rem;
    line-height: 1.5
}

.c-product__numberWrap {
    margin-top: 4px
}

.c-product__number {
    display: block;
    font-weight: 700
}

.c-product__numberSuccessor {
    display: block;
    font-size: .75rem;
    margin-top: 4px
}

.c-product__released {
    color: #666;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .c-product__released {
        font-size: .75rem
    }
}

.c-product__stock {
    color: #666;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .c-product__stock {
        font-size: .75rem
    }
}

.c-product__labels {
    margin-top: 4px
}

.c-product__label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 4px 1pc
}

.c-product__label>li {
    color: #666;
    font-size: .875rem;
    line-height: 1.5
}

@media screen and (max-width:767.9px) {
    .c-product__label>li {
        font-size: .75rem
    }
}

.c-product__label+.c-product__label {
    margin-top: 4px
}

.c-product__label--sale,
.c-product__price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-product__price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    line-height: 1.5;
    margin-top: 1pc
}

.c-product__price.c-product__price--sale {
    font-weight: 400
}

.c-product__price.c-product__price--sale .c-product__priceNum {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#1a1a1a), to(#1a1a1a));
    background-image: linear-gradient(#1a1a1a, #1a1a1a);
    background-position: 0 60%;
    background-repeat: repeat-x;
    background-size: 100% 1px;
    font-size: 1rem;
    position: relative
}

@media screen and (max-width:767.9px) {
    .c-product__price.c-product__price--sale .c-product__priceNum {
        font-size: .875rem
    }
}

.c-product__priceTitle {
    font-size: .875rem;
    font-weight: 700
}

@media screen and (max-width:767.9px) {
    .c-product__priceTitle {
        font-size: .75rem
    }
}

.c-product__priceArea {
    display: inline-block;
    font-weight: 700
}

.c-product__priceNum {
    font-size: 1.125rem
}

@media screen and (max-width:767.9px) {
    .c-product__priceNum {
        font-size: 1rem
    }
}

.c-product__priceTxt {
    font-size: .75rem
}

.c-product__priceSaleTitle {
    color: #914108;
    font-size: .875rem;
    font-weight: 700;
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .c-product__priceSaleTitle {
        font-size: .75rem
    }
}

.c-product__priceSaleArea {
    color: #914108;
    display: inline-block;
    font-weight: 700
}

.c-product__priceSaleNum {
    font-size: 1.125rem
}

@media screen and (max-width:767.9px) {
    .c-product__priceSaleNum {
        font-size: 1rem
    }
}

.c-product__priceSaleTxt {
    font-size: .875rem
}

@media screen and (max-width:767.9px) {
    .c-product__priceSaleTxt {
        font-size: .75rem
    }
}

.c-product__review {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.c-product__reviewStar {
    display: inline-block;
    height: 10px;
    position: relative;
    width: 66px
}

.c-product__reviewStar>img {
    height: 10px;
    width: 66px
}

.c-product__reviewStar:after {
    background: url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_review_on.svg) no-repeat 0 0;
    background-size: 66px 10px;
    content: "";
    height: 10px;
    left: 0;
    position: absolute;
    top: 0
}

.c-product__reviewStar--0-5:after {
    width: 8%
}

.c-product__reviewStar--1:after {
    width: 16%
}

.c-product__reviewStar--1-5:after {
    width: 29%
}

.c-product__reviewStar--2:after {
    width: 37%
}

.c-product__reviewStar--2-5:after {
    width: 50%
}

.c-product__reviewStar--3:after {
    width: 58%
}

.c-product__reviewStar--3-5:after {
    width: 71%
}

.c-product__reviewStar--4:after {
    width: 79%
}

.c-product__reviewStar--4-5:after {
    width: 92%
}

.c-product__reviewStar--5:after {
    width: 100%
}

.c-product__reviewCount {
    display: block;
    font-size: .75rem;
    margin-left: -4px
}

.c-product__color {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 4px
}

.c-product__color>li {
    margin-right: 8px
}

.c-product__colorBall {
    border-radius: 50%;
    display: block;
    height: 9pt;
    width: 9pt
}

.c-product__colorBall.is-border {
    border: 1px solid #666
}

.c-product__radio {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-product__radioButton {
    cursor: pointer;
    display: inline-block;
    margin-top: 24px;
    padding-left: 40px
}

.c-product__radioButton:first-child {
    margin-top: 0
}

.c-product__radioInput {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pressTabkey .c-product__radioInput:focus+.c-product__radioLabel:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.c-product__radioInput:checked+.c-product__radioLabel:after {
    content: ""
}

.c-product__radioInput:disabled+.c-product__radioLabel {
    cursor: default;
    opacity: .5
}

.c-product__radioLabel {
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative
}

.c-product__radioLabel:after,
.c-product__radioLabel:before {
    border-radius: 50%;
    content: "";
    display: block;
    position: absolute;
    top: 0
}

.c-product__radioLabel:before {
    border: 1px solid #333;
    height: 24px;
    left: -40px;
    pointer-events: none;
    top: 0;
    width: 24px
}

.c-product__radioLabel:after {
    background: #333;
    content: none;
    height: 1pc;
    left: -36px;
    top: 4px;
    width: 1pc
}

.c-product__radioLabelPrice {
    display: block;
    font-weight: 700
}

.c-product__check {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-product__checkBox {
    cursor: pointer
}

.c-product__checkBox:first-child {
    margin-top: 0
}

.c-product__checkInput {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.pressTabkey .c-product__checkInput:focus+.c-product__checkLabel:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.c-product__checkInput:disabled+.c-product__checkLabel {
    cursor: default;
    opacity: .5
}

.c-product__checkInput:disabled+.c-product__checkLabel:after {
    content: none
}

.c-product__checkInput:checked+.c-product__checkLabel:after {
    content: ""
}

.c-product__checkLabel {
    display: block;
    margin-bottom: 0;
    padding-left: 2pc;
    position: relative
}

.c-product__checkLabel:after,
.c-product__checkLabel:before {
    content: "";
    display: block;
    height: 24px;
    left: 0;
    position: absolute;
    top: 0;
    width: 24px
}

.c-product__checkLabel:before {
    border: 1px solid #333;
    pointer-events: none
}

.c-product__checkLabel:after {
    background: #333 url(../../../etc.clientlibs/panasonic-aem-frontend/clientlibs/clientlib-site/resources/images/icons/icon_check.svg) no-repeat 50%;
    content: none
}

.c-product__caption,
.c-product__note {
    display: block;
    font-size: .75rem;
    line-height: 1.5;
    margin-top: 4px
}

.c-product__caption {
    color: #666;
    margin-left: 1.3em;
    position: relative
}

.c-product__caption:before {
    content: "※";
    display: block;
    left: -1pc;
    position: absolute;
    top: 0;
    width: 1pc
}

.c-product__api {
    color: #0063cc;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: 8px
}

.c-product__more {
    text-align: center;
    width: 100%
}

.c-product__more>button {
    font-size: 1.375rem;
    padding-top: 2pc;
    position: relative
}

.c-product__more>button:hover .cmp-button__text {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-product__moreIcon {
    display: block;
    height: 24px;
    left: calc(50% - 9pt);
    position: absolute;
    top: 0;
    width: 24px
}

.c-product__moreIcon:after,
.c-product__moreIcon:before {
    background: #333;
    border-radius: 2px;
    content: "";
    height: 2px;
    left: 2px;
    position: absolute;
    top: 11px;
    width: 20px
}

.c-product__moreIcon:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c-product__accordion {
    border-bottom: 1px solid #ccc
}

.c-product__accordionHeader {
    border-top: 1px solid #ccc
}

.c-product__accordionTrigger {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 9pt;
    min-height: 72px;
    padding: 24px 30px 9pt 0;
    position: relative;
    width: 100%
}

.c-product__accordionTrigger[aria-expanded=true] .c-product__accordionIcon:after {
    display: none
}

.c-product__accordionImg {
    display: block;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.c-product__accordionImg>img {
    width: 100%
}

.c-product__accordionTitle {
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    text-align: left
}

.c-product__accordionImg+.c-product__accordionTitle {
    font-weight: 400
}

.c-product__accordionIcon {
    position: absolute;
    right: 15px
}

.c-product__accordionIcon:after,
.c-product__accordionIcon:before {
    background: #333;
    border-radius: 2px;
    content: "";
    height: 1px;
    position: absolute;
    width: 15px
}

.c-product__accordionIcon:after {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.c-product__accordion-panel {
    line-height: 1.5;
    padding-bottom: 24px
}

.c-product__accordion-panel>:first-child {
    margin-top: 0
}

.productFullDetail__title {
    display: block
}

@media screen and (max-width:767.9px) {
    .productFullDetail__title {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1
    }
}

.c-product__accordionText {
    color: #666;
    font-size: .8125rem
}

.c-product__accordionButton {
    margin-bottom: 0;
    margin-top: 1pc
}

.c-product__accordionLink {
    margin-top: 1pc
}

.c-product__accordionLink .c-product__link {
    font-size: .875rem
}

.c-product__accordionLink .c-product__link .icon--function {
    vertical-align: -3px
}

.c-product__accordionSns {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin: 0 -9pt
}

.c-product__accordionSns>li {
    margin: 0 9pt
}

.c-product__modal {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: none;
    height: 100%;
    justify-content: center;
    left: 0;
    overflow-y: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100
}

.c-product__modal.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-product__modal.is-center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-product__modal.is-top {
    display: block
}

.c-product__modal[data-modal-id*=filterProduct] .c-product__modalInner {
    text-align: center
}

.c-product__modal[data-modal-id*=filterProduct] .c-product__modalInner .c-product__buttonSecondary {
    margin: 2pc auto 0
}

@media screen and (max-width:767.9px) {
    .c-product__modal[data-modal-id*=filterProduct] .c-product__modalInner .c-product__buttonSecondary {
        margin: 24px auto 0
    }
}

.c-product__modalOverlay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.c-product__modalWrap {
    margin: var(--side-margin) auto;
    max-width: var(--inner-width);
    padding-left: 0;
    padding-right: 0;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-product__modalProducts .c-product__modalWrap {
        margin: var(--side-margin) 0;
        max-width: 100%;
        width: 100%
    }
}

.c-product__modalSmall .c-product__modalWrap {
    --side-margin: 24px
}

@media screen and (min-width:768px) {
    .c-product__modalSmall .c-product__modalWrap {
        width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
    }
}

@media screen and (min-width:992px) {
    .c-product__modalSmall .c-product__modalWrap {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (min-width:1200px) {
    .c-product__modalSmall .c-product__modalWrap {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

@media screen and (max-width:767.9px) {
    .c-product__modalSmall .c-product__modalWrap {
        width: 100%
    }
}

.c-product__modalContent {
    height: auto;
    position: relative
}

.c-product__modalInner {
    --content-width: 100%;
    --outer-width: min(var(--max-width), 100%);
    --inner-width: 100%;
    --unit-width: calc(8.33333% - var(--gutter-width)*11/12)
}

@media screen and (min-width:1344px) {
    .c-product__modalInner {
        --content-width: 1280px
    }
}

.c-product__modalInner .column-a2 {
    margin: 0 calc(var(--side-margin)*-1);
    padding: 0 var(--side-margin);
    width: calc(100% + var(--side-margin)*2)
}

@media screen and (min-width:1400px) {
    .c-product__modalInner .column-a2 {
        width: var(--content-width)
    }
}

.c-product__modalInner .column-a2_1 {
    margin: 0 calc(var(--side-margin)*-1);
    padding: 0 var(--side-margin);
    width: calc(100% + var(--side-margin)*2)
}

@media screen and (min-width:1400px) {
    .c-product__modalInner .column-a2_1 {
        width: var(--content-width)
    }
}

.c-product__modalSmall .c-product__modalInner {
    --gutter-width: 24px
}

@media screen and (max-width:767.9px) {
    .c-product__modalSmall .c-product__modalInner {
        --gutter-width: 16px
    }
}

@media screen and (min-width:1400px) {

    .c-product__modalSmall .c-product__modalInner .column-a2,
    .c-product__modalSmall .c-product__modalInner .column-a2_1 {
        width: calc(100% + var(--side-margin)*2)
    }
}

.c-product__modalInner {
    background: #f2f2f2;
    padding: 88px var(--side-margin) 3pc
}

@media screen and (max-width:767.9px) {
    .c-product__modalInner {
        padding: 5pc var(--side-margin) 2pc
    }
}

.c-product__modalInner>:first-child {
    margin-top: 0
}

.c-product__modalInner>:last-child {
    margin-bottom: 0
}

@media screen and (max-width:575px) {
    .c-product__modalProducts .c-product__modalInner {
        padding: 5pc 0 2pc
    }
}

.c-product__modalSmall .c-product__modalInner {
    padding: 5pc var(--side-margin) 3pc
}

@media screen and (max-width:767.9px) {
    .c-product__modalSmall .c-product__modalInner {
        padding: 5pc var(--side-margin) 2pc
    }
}

.c-product__modalSmall .button--regular,
.c-product__modalSmall .button--regularDark,
.c-product__modalSmall .button--secondary,
.c-product__modalSmall .button--secondaryDark,
.c-product__modalSmall .c-product__buttonRegular,
.c-product__modalSmall .c-product__buttonSecondary {
    width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
}

@media screen and (max-width:575px) {

    .c-product__modalSmall .button--regular,
    .c-product__modalSmall .button--regularDark,
    .c-product__modalSmall .button--secondary,
    .c-product__modalSmall .button--secondaryDark,
    .c-product__modalSmall .c-product__buttonRegular,
    .c-product__modalSmall .c-product__buttonSecondary {
        width: 100%
    }
}

.c-product__modalSection {
    margin-top: 3pc
}

@media screen and (max-width:767.9px) {
    .c-product__modalSection {
        margin-top: 2pc
    }
}

.c-product__modalSection fieldset {
    border: none;
    line-height: 1.5;
    padding: 0
}

.c-product__modalTitle {
    font-size: 1.25rem;
    font-weight: 500;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-product__modalTitle {
        font-size: 1.125rem
    }
}

.c-product__modalSubTitle {
    font-size: 1rem;
    font-weight: 700;
    text-align: left
}

.c-product__modalText {
    text-align: left
}

.c-product__modalButton {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 2pc;
    justify-content: center;
    margin: 2pc auto 3pc
}

@media screen and (max-width:767.9px) {
    .c-product__modalButton {
        display: block;
        margin: 0 auto 2pc
    }
}

.c-product__modalButton .c-product__buttonRegular,
.c-product__modalButton .c-product__buttonSecondary {
    margin: 0
}

@media screen and (max-width:767.9px) {

    .c-product__modalButton .c-product__buttonRegular,
    .c-product__modalButton .c-product__buttonSecondary {
        margin: 24px auto 0
    }
}

.c-product__modalNotice {
    margin: 3pc auto 0;
    max-width: 692px
}

@media screen and (max-width:767.9px) {
    .c-product__modalNotice {
        margin: 2pc auto 0
    }
}

.c-product__modalCaption {
    margin-top: 9pt;
    text-align: left
}

.c-product__modalCaption>li {
    color: #666;
    font-size: .75rem;
    line-height: 1.75;
    padding-left: 1em;
    text-indent: -1em
}

.c-product__modalCaption span {
    color: #475c85
}

.c-product__modalClose {
    display: block;
    font-size: 14px;
    font-size: .875rem;
    height: 3pc;
    position: absolute;
    right: 2pc;
    top: 2pc;
    width: 3pc
}

@media screen and (max-width:767.9px) {
    .c-product__modalClose {
        right: 24px;
        top: 24px
    }
}

.c-product__modalClose .icon--close {
    display: block;
    position: absolute;
    right: 0;
    top: 0
}

.c-product__modalSmall .c-product__modalClose {
    right: 24px;
    top: 24px
}

.c-product__youtube {
    padding-top: 56.25%;
    position: relative;
    width: 100%
}

.c-product__youtube iframe {
    border: 0;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-product__filterTag {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 1pc 8px;
    padding: 4px
}

.c-product__filterTag>li {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.c-product__filterItem {
    border: 1px solid #ccc;
    border-radius: 1pc;
    display: block;
    font-size: 1rem;
    padding: 3px 1pc 5px;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s
}

@media screen and (max-width:767.9px) {
    .c-product__filterItem {
        white-space: nowrap
    }
}

.c-product__filterItem.is-active {
    background: #ccc
}

.c-product__filterItem.is-disabled {
    opacity: .3;
    pointer-events: none
}

.c-product__filterItem:not(.is-active):hover {
    background-color: #e6e6e6
}

@media screen and (pointer:coarse) {
    .c-product__filterItem:not(.is-active):hover {
        background-color: unset
    }
}

.c-product__filterItem:active {
    background-color: #ccc
}

.c-product__sortSeries {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 0 var(--gutter-width)
}

.c-product__sortSeries>li {
    width: calc(25% - var(--gutter-width)*3/4)
}

@media screen and (max-width:767.9px) {
    .c-product__sortSeries>li {
        width: calc((100% - var(--gutter-width))/2)
    }
}

.c-product__sortSeriesButton .c-product__image {
    padding: 2pc;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

@media screen and (max-width:767.9px) {
    .c-product__sortSeriesButton .c-product__image {
        padding: 24px
    }
}

.c-product__sortSeriesButton.is-active {
    cursor: default
}

.c-product__sortSeriesButton.is-active .c-product__image {
    background: #e6e6e6
}

.c-product__sortSeriesButton:not(.is-active):hover .c-product__image {
    opacity: .8
}

.c-product__modal .productcollection__filters {
    margin: 2pc auto 0;
    overflow: hidden;
    padding-left: 0;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-product__modal .productcollection__filters {
        margin: 24px auto 0
    }
}

.c-product__modal .c-product__filterTag {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.c-product__modal .c-product__filterItem {
    white-space: inherit
}

.c-product__modal .c-product__sortSeries {
    gap: 24px var(--gutter-width);
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-product__modal .c-product__sortSeries {
        margin-top: 24px
    }
}

.c-product__modal .c-productName {
    display: block;
    font-size: .875rem;
    margin-top: 1pc
}

.c-product__modal .c-product__sortReset {
    margin-top: 3pc;
    text-decoration: underline
}

.c-product__modal .c-product__sortReset:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

@media screen and (max-width:767.9px) {
    .c-product__modal .c-product__sortReset {
        margin-top: 2pc
    }
}

.c-product__buttonRegular,
.c-product__buttonSecondary {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.125rem;
    justify-content: center;
    line-height: 1.5;
    max-width: 100%;
    min-height: 56px;
    padding: 8px 20px;
    text-decoration: none;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (min-width:992px) {

    .c-product__buttonRegular,
    .c-product__buttonSecondary {
        max-width: 100%;
        width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {

    .c-product__buttonRegular,
    .c-product__buttonSecondary {
        max-width: 100%;
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {

    .c-product__buttonRegular,
    .c-product__buttonSecondary {
        width: 100%
    }
}

.c-product__buttonRegular .c-product__buttonIcon,
.c-product__buttonSecondary .c-product__buttonIcon {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.c-product__buttonRegular .c-product__buttonIcon img,
.c-product__buttonSecondary .c-product__buttonIcon img {
    width: 100%
}

.c-product__buttonRegular .icon--new,
.c-product__buttonSecondary .icon--new {
    color: #914108;
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap
}

.c-product__buttonRegular .icon--function,
.c-product__buttonSecondary .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -7px;
    width: 1pc
}

.c-product__buttonRegular .icon--function img,
.c-product__buttonSecondary .icon--function img {
    width: 100%
}

.c-product__buttonInner {
    text-align: center
}

.c-product__buttonRegular {
    background: #333;
    border: 1px solid transparent;
    color: #fff
}

.c-product__buttonRegular:hover {
    background-color: #4d4d4d
}

.c-product__buttonRegular:active {
    background-color: #666
}

.c-product__buttonRegular:focus {
    outline-color: #1a1a1a
}

.c-product__buttonRegular .icon--new {
    color: #e08d52
}

.c-product__buttonSecondary {
    background: #f2f2f2;
    border: 1px solid #333;
    color: #333
}

.c-product__buttonSecondary:active {
    background-color: #ccc
}

.c-product__buttonSecondary:hover {
    background-color: #e6e6e6
}

.c-product__buttonFlex {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    max-width: calc(var(--unit-width)*6 + var(--gutter-width)*5);
    min-height: 0;
    padding: 4px 8px;
    width: auto
}

@media screen and (min-width:992px) {
    .c-product__buttonFlex {
        max-width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
    }
}

@media screen and (max-width:767.9px) {
    .c-product__buttonFlex {
        max-width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {
    .c-product__buttonFlex {
        max-width: 100%
    }
}

.c-product__buttonFlex .c-product__buttonIcon {
    height: 22px;
    width: 22px
}

.c-product__buttonFlex .icon--function {
    vertical-align: -3px
}

.c-product__buttonOutOfStock:disabled {
    background: #e6e6e6;
    color: #333;
    opacity: 1
}

.c-product__buttonIcon {
    -webkit-box-flex: 0;
    display: inline-block;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    height: 24px;
    margin-right: 8px;
    width: 24px
}

.c-product__buttonIcon img {
    width: 100%
}

.c-product__link {
    color: #1a1a1a;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    line-height: 1.5;
    text-align: left;
    text-decoration: none
}

.c-product__link .icon--new {
    color: #914108;
    display: inline-block;
    margin-right: 8px;
    white-space: nowrap
}

.c-product__link .icon--function {
    display: inline-block;
    height: 1pc;
    margin-left: 8px;
    vertical-align: -5px;
    width: 1pc
}

.c-product__link .icon--function img {
    width: 100%
}

.c-product__link:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.c-product__videoPlay {
    background: rgba(0, 0, 0, .7);
    border-radius: 50%;
    left: 50%;
    max-width: 75pt;
    min-width: 3pc;
    opacity: 1;
    padding: 1px;
    pointer-events: none;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 10%;
    z-index: 1
}

@media screen and (max-width:575px) {
    .c-product__videoPlay {
        display: none
    }
}

.c-product__videoPlay>img {
    width: 100%
}

.c-product__videoThumb {
    cursor: pointer;
    display: block;
    position: relative;
    -webkit-transition: opacity .4s;
    transition: opacity .4s;
    width: 100%
}

.c-product__videoThumb:hover {
    opacity: .8
}

.c-product__videoThumbImage:after {
    background: rgba(0, 0, 0, .1);
    bottom: 0;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 100%
}

.c-product__videoThumbImage>img {
    width: 100%
}

.c-product__title {
    display: block;
    font-size: 2.25rem;
    font-weight: 400;
    margin-bottom: 2pc;
    margin-top: 8px;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-product__title {
        font-size: 2rem
    }
}

*+.c-product__title {
    margin-top: 5pc
}

.c-product__title+.c-product__titleSub {
    margin-top: 4px
}

.c-product__titleWrap {
    margin-bottom: 2pc
}

.c-product__titleWrap .c-lay001 {
    margin-bottom: 0
}

.c-product__titleSub {
    color: #666;
    display: block;
    font-size: 1.125rem
}

.c-product__titleSub+.c-product__titleMain {
    margin-top: 4px
}

.c-product__titleMain {
    display: block
}

.c-product__titleMain+.c-product__titleSub {
    margin-top: 4px
}

.c-product__title--hidden {
    display: none
}

.c-product__notFound .c-product__link {
    font-size: .875rem;
    margin-bottom: 0;
    margin-top: 2pc
}

@media screen and (max-width:767.9px) {
    .c-product__notFound .c-product__link {
        margin-top: 24px
    }
}

.c-product__notFound .c-product__link .icon--function {
    vertical-align: -3px
}

.c-product__notFound .c-product__buttonSecondary {
    margin: 2pc auto 0
}

@media screen and (max-width:767.9px) {
    .c-product__notFound .c-product__buttonSecondary {
        margin: 24px auto 0
    }
}

.mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .mobile {
        display: inline-block
    }

    .tablet {
        display: none
    }
}

@media screen and (min-width:768px) {
    .tablet {
        display: inline-block
    }
}

@media screen and (min-width:1200px) {
    .tablet {
        display: none
    }
}

.desktop {
    display: none
}

@media screen and (min-width:1200px) {
    .desktop {
        display: inline-block
    }
}

.marginBottom-xx-large {
    margin-bottom: 90pt
}

@media screen and (max-width:767.9px) {
    .marginBottom-xx-large {
        margin-bottom: 5pc
    }

    .column-b1.marginBottom-xx-large {
        row-gap: 24px
    }
}

.marginBottom--80-80 {
    margin-bottom: 5pc !important
}

@media screen and (max-width:767.9px) {
    .marginBottom--80-80 {
        margin-bottom: 5pc !important
    }
}

.marginBottom--120-80 {
    margin-bottom: 4pc !important
}

@media screen and (max-width:767.9px) {
    .marginBottom--120-80 {
        margin-bottom: 5pc !important
    }
}

.marginBottom--64-48,
.marginBottom--80-48 {
    margin-bottom: 3pc !important
}

.marginBottom--48-32 {
    margin-bottom: 2pc !important
}

.marginBottom--32-24 {
    margin-bottom: 24px !important
}

.marginBottom--16,
.marginBottom--24-16 {
    margin-bottom: 1pc !important
}

.marginBottom--8 {
    margin-bottom: 8px !important
}

.marginBottom--0 {
    margin-bottom: 0 !important
}

.padding-top-small {
    padding-top: 3pc
}

@media screen and (max-width:767.9px) {
    .padding-top-small {
        padding-top: 2pc
    }
}

.text--center {
    text-align: center
}

.text--right {
    text-align: right
}

.text--xLarge {
    font-size: 1.625rem
}

@media screen and (max-width:767.9px) {
    .text--xLarge {
        font-size: 1.375rem
    }
}

.text--xLarge sup {
    font-size: .75rem;
    top: -.9em
}

@media screen and (max-width:767.9px) {
    .text--xLarge sup {
        font-size: .625rem
    }
}

.text--xLarge sub {
    font-size: .75rem
}

@media screen and (max-width:767.9px) {
    .text--xLarge sub {
        font-size: .625rem
    }
}

.text--large {
    font-size: 1.25rem
}

@media screen and (max-width:767.9px) {
    .text--large {
        font-size: 1.125rem
    }
}

.text--large sup {
    top: -.9em
}

.text--medium {
    font-size: 1rem
}

.text--small {
    font-size: .875rem
}

.text--xSmall {
    font-size: .75rem
}

.text--teaser {
    font-size: 1rem
}

@media screen and (max-width:575px) {
    .text--teaser {
        font-size: .875rem
    }
}

.text--black {
    color: #1a1a1a
}

.text--white {
    color: #e6e6e6
}

.text--greyLight {
    color: #666
}

.text--greyDark {
    color: #b3b3b3
}

.alert--redLight {
    color: #b81f14
}

.alert--redDark {
    color: #ff4133
}

.alert--blueLight {
    color: #0063cc
}

.alert--blueDark {
    color: #3396ff
}

.positive--orangeLight {
    color: #914108
}

.positive--orangeDark {
    color: #e08d52
}

.positive--blueLight {
    color: #475c85
}

.positive--blueDark {
    color: #9cabc9
}

.list--marginBottom16 ol li,
.list--marginBottom16 ul li {
    margin-bottom: 1pc
}

.list--marginBottom16 ol li:last-child,
.list--marginBottom16 ul li:last-child {
    margin-bottom: 0
}

.list--marginBottom16 ol li ol,
.list--marginBottom16 ol li ul,
.list--marginBottom16 ul li ol,
.list--marginBottom16 ul li ul {
    margin-top: 1pc
}

.list--marginBottom16 a,
.list--marginBottom16 p {
    display: inline;
    margin-top: 1pc
}

.md-max-width {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .md-max-width {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .md-max-width {
        width: 100%
    }
}

.background-light {
    background-color: #fff
}

.cx_button {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: .875rem;
    justify-content: center;
    line-height: 21px;
    max-width: 100%;
    min-height: 2rem;
    overflow: hidden;
    padding-left: 8px;
    padding-right: 8px;
    text-overflow: ellipsis;
    -webkit-transition: background-color .3s;
    transition: background-color .3s;
    white-space: nowrap
}

.cx_button--sm,
.cx_button--sm-v2 {
    font-size: 1rem;
    line-height: 24px
}

.cx_button--sm-v2 {
    line-height: 24px;
    padding: 9px 15px
}

.cx_button--md {
    font-size: 1.125rem;
    line-height: 27px;
    padding: 8px 1pc
}

.cx_button--lg {
    font-size: 1.375rem;
    line-height: 33px;
    padding: 8px 1pc
}

.cx_button--xl,
.cx_button--xl-v2 {
    font-weight: 500;
    min-height: 3.5rem;
    padding: 13px 1pc
}

.cx_button--xl .cx_label .cx_typography,
.cx_button--xl-v2 .cx_label .cx_typography {
    line-height: 30px
}

.cx_button--xl-v2 {
    font-size: 1.125rem;
    line-height: 27px
}

.cx_button--primary {
    background: transparent;
    border: 1px solid #333
}

.cx_button--primary:hover {
    background-color: #e6e6e6
}

.cx_button--primary-dark-hover:hover {
    background-color: #ccc
}

.cx_button--secondary {
    background-color: #333;
    color: #fff
}

.cx_button--secondary:hover {
    background-color: #4d4d4d
}

.cx_button--link {
    background: none;
    border: none
}

.cx_button--link span:first-of-type {
    -webkit-text-decoration-line: underline;
    text-decoration-line: underline;
    text-underline-offset: 4px
}

.cx_button--link span:first-of-type:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.cx_button--more {
    background: transparent;
    border: none;
    display: block
}

.cx_button--more:hover {
    background-color: #e6e6e6
}

.cx_button--more .cx_button__start-icon {
    line-height: 0;
    margin: 0 0 8px
}

.cx_button--more .cx_button__end-icon {
    line-height: 0;
    margin: 8px 0 0
}

.cx_button__end-icon,
.cx_button__start-icon {
    display: inherit
}

.cx_button__start-icon {
    margin-right: 8px
}

.cx_button__end-icon {
    margin-left: 8px
}

.cx_button--full-width {
    width: 100%
}

@media screen and (max-width:767.9px) {
    .cx_button--mobile-full-width {
        width: 100%
    }
}

.cx_button--medium {
    font-weight: 500
}

.cx_button--bold {
    font-weight: 700
}

.pressTabkey .cx_button--secondary:focus {
    outline-color: #333
}

.cx_checkbox {
    cursor: pointer;
    padding-left: 40px
}

.cx_checkbox.disabled {
    opacity: .3
}

.cx_checkbox input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.cx_checkbox input:checked+span:before {
    background: #333;
    content: ""
}

.cx_checkbox input:checked+span:after {
    border: 2px solid #e6e6e6;
    border-width: 0 0 2px 2px;
    content: "";
    height: 7px;
    left: -35px;
    top: 7px;
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
    width: 13px
}

.cx_checkbox_label {
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative
}

.cx_checkbox_label:before {
    border: 1px solid #333;
    pointer-events: none
}

.cx_checkbox_label:after,
.cx_checkbox_label:before {
    content: "";
    display: block;
    height: 24px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 24px
}

.pressTabkey .cx_checkbox input:focus+.cx_checkbox_label:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.cx-dropdown {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

.cx-dropdown_title {
    margin-right: 4px
}

.cx-dropdown_select {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: "before input after";
    grid-template-columns: auto 1fr auto;
    height: 2.75rem
}

.cx-dropdown_select_selector {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    background: transparent;
    border: 1px solid #333;
    color: #1a1a1a;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1rem;
    grid-area: input-start/input-start/input-end/icon-end;
    height: 2.75rem;
    line-height: 24px;
    margin: 0;
    padding: 10px 30px 10px 9pt;
    width: 100%
}

.cx-dropdown_select_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: after;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem
}

.cx-dropdown_select.disabled {
    opacity: .3
}

.cx-dropdown_select.is-error {
    background: #f2dad9
}

.cx-dropdown_helper_text_root {
    margin-top: 8px
}

.cx_error {
    color: #0063cc;
    font-size: .875rem;
    line-height: 1.5
}

.cx_label .cx_typography {
    font-size: .875rem;
    font-weight: 400;
    line-height: 21px
}

.cx_label--small .cx_typography {
    font-size: .75rem;
    line-height: 18px
}

.cx_label--small-v2 .cx_typography {
    font-size: .75rem;
    line-height: 20px
}

.cx_label--xsmall .cx_typography {
    font-size: .6875rem;
    line-height: 17px
}

.cx_label--medium .cx_typography {
    font-size: .875rem;
    line-height: 24px
}

.cx_label--medium-v2 .cx_typography {
    font-size: 1rem;
    line-height: 24px
}

.cx_label--large .cx_typography {
    font-size: 1.125rem;
    line-height: 27px
}

.cx_label--xlarge .cx_typography {
    font-size: 1.375rem;
    line-height: 33px
}

.cx_label--xlarge-v2 .cx_typography {
    font-size: 1.875rem;
    line-height: 45px
}

.cx_label--xxlarge .cx_typography {
    font-size: 2rem;
    line-height: 3pc
}

.cx_label--line-through .cx_typography {
    color: #666;
    text-decoration: line-through
}

.cx_label--medium-bold .cx_typography {
    font-weight: 500
}

.cx_label--bold .cx_typography {
    font-weight: 700
}

.cx_label--info .cx_typography {
    color: #475c85
}

.cx_label--warning .cx_typography {
    color: #914108
}

.cx_label--warning-v2 .cx_typography {
    color: #475c85;
    font-size: 1pc
}

.cx_label--neutral .cx_typography {
    color: #666
}

.cx_label--default .cx_typography {
    color: #1a1a1a
}

.cx_label--dark-gray .cx_typography {
    color: #333
}

.cx_label--alert .cx_typography {
    color: #b81f14
}

.cx_label--xLarge-v1 .cx_typography {
    font-size: 1.25rem;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .cx_label--xLarge-v1 .cx_typography {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.cx_note .cx_typography {
    color: #1a1a1a;
    font-weight: 400;
    line-height: 24px
}

.cx_note--small .cx_typography {
    color: #666;
    font-size: .75rem;
    line-height: 18px
}

.cx_note--important .cx_typography {
    color: #914108;
    font-size: .6875rem;
    line-height: 18px
}

.cx_note--warning .cx_typography {
    color: #914108;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px
}

.cx_radio_group {
    display: grid;
    row-gap: 24px
}

.cx_radio {
    cursor: pointer;
    display: inline-block;
    padding-left: 40px;
    width: 100%
}

.cx_radio_grp {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 24px
}

.cx_radio_label {
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative
}

.cx_radio_label:before {
    border: 1px solid #333;
    border-radius: 50%;
    content: "";
    display: block;
    height: 24px;
    left: -40px;
    pointer-events: none;
    position: absolute;
    top: 0;
    width: 24px
}

.cx_radio_label:after {
    background: #333;
    border-radius: 50%;
    content: none;
    height: 1pc;
    left: -36px;
    position: absolute;
    top: 4px;
    width: 1pc
}

.cx_radio>input {
    cursor: inherit;
    opacity: 0;
    position: absolute;
    z-index: 1
}

.cx_radio>input:checked+.cx_radio_label:after {
    content: ""
}

.pressTabkey .cx_radio>input:focus+.cx_radio_label:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.cx_required_label {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #f2dad9;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-height: 24px;
    padding: 0 4px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.cx_subtitle .cx_typography {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

.cx_subtitle--bold .cx_typography,
.cx_subtitle--semi-bold .cx_typography {
    font-weight: 700
}

.cx_subtitle--semi-bold .cx_typography {
    font-size: 1.25rem;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .cx_subtitle--semi-bold .cx_typography {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.cx_subtitle--bold .cx_typography {
    font-size: 1.125rem;
    line-height: 27px
}

.cx_subtitle--large .cx_typography {
    font-size: 2rem;
    line-height: 3pc
}

@media screen and (max-width:767.9px) {
    .cx_subtitle--large .cx_typography {
        font-size: 1.625rem;
        line-height: 39px
    }
}

.cx_subtitle .cx_typography br {
    display: none
}

@media screen and (max-width:767.9px) {
    .cx_subtitle .cx_typography br {
        display: block
    }
}

.cx_tabs__inner {
    border-bottom: 1px solid #ccc
}

.cx_tabs__tabList {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0 auto;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .cx_tabs__tabList {
        overflow-x: scroll
    }
}

.cx_tabs__tab-item {
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    width: 100%
}

.cx_tabs__tab-item .cx_tabs__tab-item-content {
    line-height: 13px;
    padding: 10px 1pc;
    position: relative;
    text-align: center;
    width: 100%
}

.cx_tabs__tab-item .cx_tabs__tab-item-content a {
    text-decoration: none
}

.cx_tabs__tab-item--active .cx_tabs__tab-item-content:after {
    background: #333;
    bottom: 0;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    width: 100%
}

.cx_text_variation_button {
    border: 1px solid #666;
    color: #666;
    font-size: .875rem;
    line-height: 1.5;
    padding: 1pc 2pc;
    text-align: start
}

.cx_text_variation_button.selected {
    border: 3px solid #333;
    color: #333
}

.cx_title {
    color: #1a1a1a;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .cx_title {
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 39px
    }
}

.cx_title--lg,
.cx_title--md,
.cx_title--sm,
.cx_title--xl,
.cx_title--xs,
.cx_title--xxl {
    font-weight: 400
}

.cx_title--xs {
    font-size: 1rem;
    line-height: 24px
}

.cx_title--xs-v2 {
    font-size: 1.125rem;
    line-height: 27px
}

.cx_title--sm {
    font-size: 1.25rem;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .cx_title--sm {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.cx_title--md {
    font-size: 1.625rem;
    line-height: 39px
}

@media screen and (max-width:767.9px) {
    .cx_title--md {
        font-size: 1.375rem;
        line-height: 33px
    }
}

.cx_title--lg {
    font-size: 1.875rem;
    line-height: 45px
}

.cx_title--xl {
    font-size: 2rem;
    line-height: 3pc
}

@media screen and (max-width:767.9px) {
    .cx_title--xl {
        font-size: 1.625rem;
        line-height: 39px
    }
}

.cx_title--xxl {
    font-size: 2.25rem;
    line-height: 54px
}

@media screen and (max-width:767.9px) {
    .cx_title--xxl {
        font-size: 2rem;
        line-height: 3pc
    }
}

.cx_title--with-underline {
    text-decoration: underline
}

.cx_title--bold {
    font-weight: 700
}

.cx_title--medium-bold {
    font-weight: 500
}

.cx_typography {
    color: #1a1a1a;
    line-height: 1.5;
    white-space: pre-wrap
}

.cx_typography[font-size="12"] {
    font-size: .75rem
}

.cx_typography[font-size="14"] {
    font-size: .875rem
}

.cx_typography[font-size="16"] {
    font-size: 1rem
}

.cx_typography[font-size="18"] {
    font-size: 1.125rem
}

.cx_typography[font-size="20"] {
    font-size: 1.25rem
}

.cx_typography[font-size="22"] {
    font-size: 1.375rem
}

.cx_typography[font-size="24"] {
    font-size: 1.5rem
}

.cx_typography[font-size="26"] {
    font-size: 1.625rem
}

.cx_typography[font-size="32"] {
    font-size: 2rem
}

.cx_typography[font-size="36"] {
    font-size: 2.25rem
}

.cx_typography[font-size="44"] {
    font-size: 2.75rem
}

.cx_typography[font-color=default] {
    color: #1a1a1a
}

.cx_typography[font-color=white] {
    color: #fff
}

.cx_typography[font-color=black] {
    color: #000
}

.cx_typography[font-color=sub] {
    color: #666
}

.cx_typography[font-color=sub-dark] {
    color: #b3b3b3
}

.cx_typography[font-color=em] {
    color: #914108
}

.cx_typography[font-color=red] {
    color: #b81f14
}

.cx_typography[font-color=blue] {
    color: #0063cc
}

.cx_typography[font-color=positiveblue] {
    color: #475c85
}

.cx_typography[font-color=gray] {
    color: #333
}

.cx_typography[font-weight=normal] {
    font-weight: 400
}

.cx_typography[font-weight=bold] {
    font-weight: 700
}

.cx_typography[font-weight="100"] {
    font-weight: 100
}

.cx_typography[font-weight="200"] {
    font-weight: 200
}

.cx_typography[font-weight="300"] {
    font-weight: 300
}

.cx_typography[font-weight="400"] {
    font-weight: 400
}

.cx_typography[font-weight="500"] {
    font-weight: 500
}

.cx_typography[font-weight="600"] {
    font-weight: 600
}

.cx_typography[font-weight="700"] {
    font-weight: 700
}

.cx_typography[font-weight="800"] {
    font-weight: 800
}

.cx_typography[font-weight="900"] {
    font-weight: 900
}

.c-cart-m002__body {
    margin-bottom: 24px
}

.c-cart-m002__body__validation-message {
    margin-bottom: 1pc
}

.c-cart-m005 {
    background-color: #e6e6e6;
    left: 50%;
    margin: 4pc -50vw 0;
    padding: 3pc 2pc;
    position: relative;
    right: 50%;
    width: 100vw
}

@media screen and (max-width:767.9px) {
    .c-cart-m005 {
        margin-top: 5pc;
        padding: 3pc 24px
    }
}

.c-cart-m005.c-cart-m005--empty {
    margin-top: 0
}

.c-cart-m005__body {
    margin: 0 auto;
    max-width: var(--inner-width)
}

.c-cart-m008__body {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-cart-m008__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-cart-m008__body {
        width: 100%
    }
}

.c-cart-m008__message-area {
    color: #914108;
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 1pc;
    padding-left: 0;
    position: relative;
    text-align: center
}

.c-cart-m008__message-area a,
.c-cart-m008__message-area button {
    color: #914108
}

.c-cart-m008__message-area button {
    padding-left: 0;
    padding-right: 0;
    text-align: center;
    white-space: normal
}

.c-cart-m008__message-area .down-arrow-icon,
.c-cart-m008__message-area .right-arrow-icon {
    margin-left: 8px
}

.c-cart-m008__message-area .cx_typography {
    color: #914108
}

.c-com001__body {
    margin: 0 auto;
    max-width: var(--inner-width)
}

.c-com001__title {
    display: grid;
    gap: 2pc;
    padding-bottom: 2pc
}

.c-com001__inner-wrapper {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-com001__inner-wrapper {
        margin-bottom: 5pc
    }
}

.c-com001__loading_overLay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-com001__loading .c-product__loading {
    z-index: 1001
}

.cart-item-list .cart-item {
    border-top: 1px solid #ccc;
    padding-bottom: 24px;
    padding-top: 24px
}

.cart-item-list .cart-item__image-title-section {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

.cart-item-list .cart-item__image-title-section .cart-item__image-section {
    width: 28%
}

.cart-item-list .cart-item__image-title-section .cart-item__image-section img {
    aspect-ratio: 1/1;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item__image-title-section .cart-item__image-section {
        width: 32%
    }

    .cart-item-list .cart-item__image-title-section .cart-item__image-section img {
        width: 98px
    }

    .cart-item-list .cart-item__image-title-section {
        gap: 1pc
    }
}

.cart-item-list .cart-item__information-section {
    margin-bottom: 1pc
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item__information-section .cx_label--info {
        margin-bottom: 4px
    }
}

.cart-item-list .cart-item__information-section .cx_label.campaign-label {
    margin-top: 4px
}

.cart-item-list .cart-item__information-section ul {
    margin-left: 20px
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item__information-section ul {
        margin-left: 20px
    }
}

.cart-item-list .cart-item__title-section {
    width: 100%
}

.cart-item-list .cart-item__title-section-name-sku-link {
    margin-bottom: 1pc;
    text-decoration: none
}

.cart-item-list .cart-item__title-section-name-sku-link a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    text-decoration: none
}

.cart-item-list .cart-item__title-section-item-quantity,
.cart-item-list .cart-item__title-section-item-stock-status {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: right;
    margin-top: 1pc
}

.cart-item-list .cart-item__title-section-item-quantity .cx-dropdown,
.cart-item-list .cart-item__title-section-item-stock-status .cx-dropdown {
    margin-bottom: 0
}

.cart-item-list .cart-item__title-section-item-quantity-shipment {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: right;
    padding-bottom: 2pc
}

.cart-item-list .cart-item__extra-product-options {
    background-color: #e6e6e6;
    margin-top: 1pc;
    padding: 1pc
}

.cart-item-list .cart-item__extra-product-options-qa-section {
    border-bottom: 1px solid #ccc;
    margin-top: 8px;
    padding-bottom: 8px
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item__extra-product-options-qa-section {
        margin-top: 8px;
        padding-bottom: 8px
    }
}

.cart-item-list .cart-item__extra-product-options-content-text {
    margin-bottom: 8px
}

.cart-item-list .cart-item__extra-product-options .cx_price.mediumSize {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.cart-item-list .cart-item__set-description {
    margin-top: 1pc
}

.cart-item-list .cart-item__set-description ul {
    margin-left: 20px
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item__set-description ul {
        margin-left: 20px
    }
}

.cart-item-list .cart-item__warnings {
    margin-top: 1pc
}

.cart-item-list .cart-item__warnings .message-tile {
    padding-left: 0
}

.cart-item-list .cart-item__warnings .message-tile:first-child {
    margin-bottom: 4px
}

.cart-item-list .cart-item__price-area,
.cart-item-list .cart-item__quantity-area {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-top: 1pc
}

.cart-item-list .cart-item__price-area-item,
.cart-item-list .cart-item__quantity-area-item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.cart-item-list .cart-item__action-buttons {
    -webkit-box-pack: right;
    -ms-flex-pack: right;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc;
    justify-content: right;
    margin-top: 1pc
}

.cart-item-list .cart-item:last-child {
    border-bottom: 1px solid #ccc
}

.cart-item-list .cart-item .cx-dropdown_select select {
    padding-left: 1pc;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item .cx-dropdown_select select {
        width: 155px
    }
}

.cart-item-list .cart-item .cx-dropdown_title {
    font-size: .875rem;
    line-height: 21px
}

.cart-item-list .cart-item .message-tile .cx_info__start_icon {
    height: 22px;
    width: 22px
}

.cart-item-list .cart-item .message-tile .cx_info__start_icon img {
    width: 100%
}

.cart-item-list .cart-item .message-tile .cx_label .cx_typography {
    font-size: .875rem;
    line-height: 21px
}

.cart-item-list .cart-item .cart-gift-item-list {
    background-color: #e6e6e6;
    margin-bottom: 1pc;
    margin-top: 1pc;
    padding: 1pc
}

.cart-item-list .cart-item .cart-gift-item-list__title {
    padding-bottom: 1pc
}

.cart-item-list .cart-item .cart-gift-item-list__body {
    display: grid;
    gap: 2pc;
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr))
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item .cart-gift-item-list__body {
        gap: 1pc;
        grid-template-columns: 1fr
    }
}

.cart-item-list .cart-item .cart-gift-item-list>:last-child {
    margin-bottom: 0
}

.cart-item-list .cart-item .cart-gift-item__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item .cart-gift-item__body {
        gap: 1pc
    }
}

.cart-item-list .cart-item .cart-gift-item__image-section {
    max-width: 75pt
}

@media screen and (max-width:767.9px) {
    .cart-item-list .cart-item .cart-gift-item__image-section {
        max-width: 62px
    }
}

.cart-item-list .cart-item .cart-gift-item__image-section img {
    height: auto;
    width: 100%
}

.cart-item-list .cart-item .cart-gift-item__title-section {
    width: 100%
}

.cart-item-list .cart-item--purchase-rental {
    border-top: none
}

.cart-item-list .cart-item--purchase-rental:first-child {
    padding-top: 0
}

.cart-item-list .cart-item--purchase-rental:last-child {
    border-bottom: none;
    padding-bottom: 0
}

.cart-item-list .gifts {
    margin-top: 1pc
}

.c-check-nr-m002__subtitle,
.c-check-nr-m002__title {
    font-weight: 700;
    margin-bottom: 1pc
}

.c-check-nr-m002__title {
    font-size: 1.125rem;
    line-height: 27px
}

.c-check-nr-m002__subtitle {
    font-size: 1rem;
    line-height: 24px
}

.c-check-nr-m002__error_message {
    margin-bottom: 1pc
}

.c-check-nr-m002 p {
    font-size: 1rem;
    line-height: 24px;
    margin-bottom: 8px
}

.c-check-nr-m002 p:last-child {
    margin-bottom: 0
}

.c-check-nr-m002__payment {
    display: grid;
    grid-template-columns: 1fr 1fr
}

.c-check-nr-m002__payment-detail:before {
    content: ":";
    height: 24px;
    padding-right: 20px;
    width: 1pc
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m002__payment-detail:before {
        padding-right: 20px
    }
}

.c-check-nr-m007__notice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    padding-bottom: 1pc
}

.c-check-nr-m007__notice-text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

.c-check-nr-m007__notice-icon {
    height: 22px;
    margin-right: 8px;
    vertical-align: baseline;
    width: 22px
}

.c-check-nr-m007__title {
    margin-bottom: 24px
}

.c-check-nr-m007__title-text {
    color: #1a1a1a;
    font-size: 1.25rem;
    font-weight: 500;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__title-text {
        font-size: 1.625rem;
        font-weight: 400;
        line-height: 39px;
        text-align: center
    }

    .c-check-nr-m007__title {
        margin-bottom: 2pc
    }
}

.c-check-nr-m007__input-contents {
    border-bottom: 1px solid #ccc;
    margin-bottom: 24px
}

.c-check-nr-m007__input-contents-wrapper {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    grid-column-gap: 1pc;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: baseline;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    margin-bottom: 1pc
}

.c-check-nr-m007__input-contents-cta .c-gen004 {
    margin-bottom: 0
}

.c-check-nr-m007__input-contents-cta .c-gen004__text {
    font-weight: 500
}

.c-check-nr-m007__input-contents-cta .button--secondary button:hover {
    background-color: unset
}

.c-check-nr-m007__input-contents-cta .button--secondary button .c-gen004__text {
    color: #1a1a1a
}

.c-check-nr-m007__input-contents-status-text {
    color: #1a1a1a;
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.c-check-nr-m007__input-contents-status-text--checked {
    color: #666;
    font-weight: 400
}

.c-check-nr-m007__input-contents-status-icon {
    background-color: #f2dad9;
    font-size: .75rem;
    font-weight: 400;
    line-height: 18px;
    margin-left: 8px;
    padding: 2px 4px
}

.c-check-nr-m007__input-contents-status-icon-check {
    margin-left: 8px;
    vertical-align: baseline
}

.c-check-nr-m007__input-contents-title {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 24px
}

.c-check-nr-m007__input-contents:last-child {
    margin-bottom: 0
}

.c-check-nr-m007__input-contents--order-confirmation:first-child {
    border-top: 1px solid #ccc;
    padding-top: 24px
}

.c-check-nr-m007__questionnaire {
    margin-bottom: 24px
}

.c-check-nr-m007__questionnaire-contents,
.c-check-nr-m007__questionnaire-title {
    font-size: .875rem;
    line-height: 21px;
    margin-bottom: 8px
}

.c-check-nr-m007__questionnaire-title {
    font-weight: 700
}

.c-check-nr-m007__questionnaire-contents {
    font-weight: 400
}

.c-check-nr-m007__questionnaire-contents:last-child,
.c-check-nr-m007__questionnaire:last-child {
    margin-bottom: 0
}

.c-check-nr-m007 .c-product__accordionHeader {
    border-top: none
}

.c-check-nr-m007 .c-product__accordionIcon:before {
    background: #1a1a1a;
    width: 1pc
}

.c-check-nr-m007 .c-product__accordionTrigger {
    margin-bottom: 24px;
    min-height: unset;
    padding-bottom: 0;
    padding-right: 2pc;
    padding-top: 0
}

.c-check-nr-m007 .c-product__accordionTitle {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

.c-check-nr-m007 .c-product__accordion-panel {
    font-size: .875rem;
    line-height: 21px;
    padding-bottom: 24px
}

@media screen and (min-width:768px) {
    .c-check-nr-m007 .c-product__accordion-panel {
        padding-left: 2pc;
        padding-right: 2pc
    }
}

.c-check-nr-m007 .c-product__radioLabel {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

.c-check-nr-m007__confirmation-input {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-check-nr-m007__confirmation-input {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__confirmation-input {
        width: 100%
    }
}

.c-check-nr-m007__confirmation-input .c-check-nr-m007__title {
    margin-bottom: 2pc
}

.c-check-nr-m007__confirmation-input .c-check-nr-m007__title-text {
    font-size: 2rem;
    font-weight: 400;
    line-height: 3pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__confirmation-input .c-check-nr-m007__title-text {
        font-size: 1.625rem;
        line-height: 39px
    }
}

.c-check-nr-m007__form-content {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__form-content {
        margin-bottom: 5pc
    }
}

.c-check-nr-m007__form-content-title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 30px;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__form-content-title {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.c-check-nr-m007__form-content-title-required {
    background-color: #f2dad9;
    font-size: .75rem;
    font-weight: 400;
    line-height: 18px;
    margin-left: 8px;
    padding: 2px 4px
}

.c-check-nr-m007__form-content-text {
    margin-bottom: 24px
}

.c-check-nr-m007__form-content-text * {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 21px
}

.c-check-nr-m007__form-content-product-name {
    display: block;
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px;
    margin-bottom: 24px
}

.c-check-nr-m007__form-content-checkbox {
    display: grid
}

.c-check-nr-m007__form-content .terms-and-condition {
    cursor: pointer;
    margin-bottom: 24px;
    margin-right: 10px;
    margin-top: 24px;
    padding-left: 40px
}

.c-check-nr-m007__form-content .terms-and-condition input {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    width: 1px
}

.c-check-nr-m007__form-content .terms-and-condition input:checked+span:before {
    background: #333;
    content: ""
}

.c-check-nr-m007__form-content .terms-and-condition input:checked+span:after {
    border: 2px solid #e6e6e6;
    border-width: 0 0 2px 2px;
    content: "";
    height: 7px;
    left: -35px;
    top: 7px;
    -webkit-transform: rotate(-42deg);
    transform: rotate(-42deg);
    width: 13px
}

.c-check-nr-m007__form-content .terms-and-condition span {
    display: block;
    margin-bottom: 0;
    position: relative
}

.c-check-nr-m007__form-content .terms-and-condition span:before {
    border: 1px solid #333;
    pointer-events: none
}

.c-check-nr-m007__form-content .terms-and-condition span:after,
.c-check-nr-m007__form-content .terms-and-condition span:before {
    content: "";
    display: block;
    height: 24px;
    left: -40px;
    position: absolute;
    top: 0;
    width: 24px
}

.c-check-nr-m007__form-content .terms-and-condition span {
    font-size: 1rem;
    line-height: 24px
}

.c-check-nr-m007__form-content .terms-and-condition span:before {
    top: 0
}

.c-check-nr-m007__form-content .terms-and-condition input:checked+span:after {
    top: 6px
}

.c-check-nr-m007__sticky-cta {
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    bottom: 0;
    left: 0;
    padding-bottom: 1pc;
    padding-top: 1pc;
    position: fixed;
    right: 0;
    z-index: 100
}

.c-check-nr-m007__sticky-cta .cta-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-column-gap: 2pc;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: center;
    margin: 0 auto
}

.c-check-nr-m007__sticky-cta .cta-wrapper .c-gen004 {
    font-weight: 500;
    margin-bottom: 0
}

.c-check-nr-m007__sticky-cta .cta-wrapper .c-gen004 .cmp-button,
.c-check-nr-m007__sticky-cta .cta-wrapper .c-gen004 .cx_button,
.c-check-nr-m007__sticky-cta .cta-wrapper .c-gen004 .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__sticky-cta .cta-wrapper .c-gen004 .cmp-button {
        border: none;
        line-height: 18px;
        min-height: 44px
    }
}

.c-check-nr-m007__sticky-cta .cta-wrapper .button--back .c-gen004__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px
}

.c-check-nr-m007__sticky-cta .cta-wrapper .button--textRegular.button--back .cmp-button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0
}

.c-check-nr-m007__sticky-cta .cta-wrapper .button--textRegular.button--back .cmp-button:before {
    content: none
}

.c-check-nr-m007__sticky-cta .cta-wrapper .button--textRegular.button--back .cmp-button .cmp-button__icon {
    height: 1pc;
    width: 1pc
}

@media screen and (max-width:767.9px) {
    .c-check-nr-m007__sticky-cta .cta-wrapper .button--textRegular.button--back .cmp-button {
        line-height: 24px
    }
}

.has-confirmation-view {
    overflow: hidden
}

.has-confirmation-view .c-check-nr-m007 {
    background-color: #f2f2f2;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 99
}

.has-confirmation-view .c-check-nr-m007__body {
    height: 100%
}

.has-confirmation-view .c-cmn002 {
    left: 0;
    position: fixed;
    top: 0;
    width: 100%
}

.has-confirmation-view .c-cmn003 {
    background-color: #f2f2f2;
    left: 0;
    position: fixed
}

.pressTabkey .terms-and-condition__checkInput:focus+.terms-and-condition__checkLabel:before {
    outline-color: initial;
    outline-style: dotted;
    outline-width: 3px
}

.c-check-nr-m013 {
    margin-top: 24px
}

.c-check-nr-m013__body {
    color: #914108
}

.c-check-nr-m013__body div {
    font-size: .875rem;
    line-height: 21px;
    margin-bottom: 1pc
}

.c-com002 .cx_page_title {
    margin-bottom: 2pc
}

.c-com002__page-sub-title {
    margin-bottom: 4pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .c-com002__page-sub-title {
        margin-bottom: 5pc
    }
}

.c-com002__body {
    margin: 8px auto 4pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-com002__body {
        margin-bottom: 5pc
    }
}

.c-com002__payment_info_payment_method_select {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    margin-bottom: 24px;
    margin-top: 24px
}

.c-com002__payment_info_payment_method_select_required_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.c-com002__payment_info_payment_method_select_notice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-com002__payment_info_payment_method_select_notice>img {
    margin-right: 8px
}

.c-com002__payment_info_payment_method_select_method_name {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.c-com002__payment_info_payment_method_select_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.c-com002__payment_info_payment_method_select_contents table {
    border-collapse: separate;
    border-spacing: 0 8px
}

.c-com002__payment_info_payment_method_select_contents .cx_text_field_input_root {
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {
    .c-com002__payment_info_payment_method_select_contents .cx_text_field_input_root {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.c-com002__payment_info_payment_method_select .c-lay005 {
    margin: 0 0 24px
}

.c-com002__payment_info_payment_method_select .cmp-accordion__button {
    margin-bottom: 0;
    padding: 2pc 30px 2pc 0
}

@media screen and (max-width:767.9px) {
    .c-com002__payment_info_payment_method_select .cmp-accordion__button {
        padding: 24px 0
    }
}

.c-com002__payment_info_payment_method_select .cmp-accordion__icon:after,
.c-com002__payment_info_payment_method_select .cmp-accordion__icon:before {
    width: 13px
}

.c-com002__payment_info_payment_method_select .cmp-accordion__icon-open {
    display: none
}

.c-com002__payment_info_payment_method_select .cmp-accordion__panel {
    padding: 0 0 2pc
}

@media screen and (max-width:767.9px) {
    .c-com002__payment_info_payment_method_select .cmp-accordion__panel {
        padding: 0 0 24px
    }
}

.c-com002__shipping_address_info_customer,
.c-com002__shipping_address_info_shipping {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.c-com002__shipping_address_info_customer_info,
.c-com002__shipping_address_info_shipping_info {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.c-com002__shipping_address_info_devider {
    background-color: #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.c-com002 .sidebar-grid .address-registration-form-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.c-com002__customer_info_form {
    gap: 24px;
    max-width: 39pc
}

.c-com002__customer_info_form,
.c-com002__customer_info_form_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-com002__customer_info_form_header {
    gap: 1pc
}

.c-com002__customer_info_form_header_checkbox,
.c-com002__customer_info_form_header_notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-com002__customer_info_form_header_notice {
    gap: 8px
}

.c-com002__customer_info_form_header_notice_icon {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.c-com002__customer_info_devider {
    background-color: #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.c-com002__order_confirmation_button_wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.c-com002__devider {
    background-color: #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.c-com002 .sidebar-grid.no-bottom-margin {
    margin-bottom: 0
}

.c-com002__purchase-back {
    margin-top: 24px
}

.c-com002__cart-cancellation {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .c-com002__cart-cancellation {
        margin-bottom: 1pc
    }
}

.c-com002__loading_overLay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-com002__loading .c-product__loading {
    z-index: 1001
}

@media screen and (max-width:767.9px) {
    .spa-view .c-cmn003__inner {
        padding-bottom: 75pt
    }
}

@media screen and (max-width:767.9px)and (max-width:767.9px) {
    .spa-view .c-cmn003__inner {
        padding-bottom: 75pt
    }
}

.c-com003 .cx_page_title {
    margin-bottom: 2pc
}

.c-com003__body {
    margin: 8px auto 4pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-com003__body {
        margin-bottom: 5pc
    }
}

.c-com003__body .c-cart-m004 .c-gen004__text {
    font-weight: 500
}

.c-com003__loading_overLay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-com003__loading .c-product__loading {
    z-index: 1001
}

.c-com004 {
    margin-left: auto;
    margin-right: auto;
    max-width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
}

@media screen and (max-width:767.9px) {
    .c-com004 {
        max-width: var(--inner-width);
        width: 100%
    }
}

.c-com004__body {
    margin-bottom: 4pc
}

@media screen and (max-width:767.9px) {
    .c-com004__body {
        margin-bottom: 5pc
    }
}

.c-com005__body {
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-com005__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-com005__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

@media screen and (min-width:992px) {

    .c-com005 .order-completion__document-submission .cx_link,
    .c-com005 .order-completion__identity-verification-doc-submission-link .cx_link {
        margin-left: auto;
        margin-right: auto;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content
    }
}

.c-com006 .cx_page_title {
    margin-bottom: 2pc
}

.c-com006__body {
    margin: 8px auto 4pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .c-com006__body {
        margin-bottom: 5pc
    }
}

.c-com006__body .cart_total__body--mobile {
    margin-bottom: 5pc
}

.c-com006 .cx_agreement_terms_and_conditions .sidebar-grid {
    margin-bottom: 0
}

@media screen and (max-width:767.9px) {
    .c-com006 .cx_agreement_terms_and_conditions .sidebar-grid {
        margin-bottom: 5pc
    }
}

.c-com006 .cx_agreement_terms_and_conditions.personal-info-handling-concent-form .sidebar-grid {
    margin-bottom: 3pc
}

@media screen and (max-width:767.9px) {
    .c-com006 .cx_agreement_terms_and_conditions.personal-info-handling-concent-form .sidebar-grid {
        margin-bottom: 2pc;
        margin-bottom: 5pc
    }
}

.c-com006__contract-cta {
    margin-top: 4pc
}

@media screen and (max-width:767.9px) {
    .c-com006__contract-cta {
        margin-top: 5pc
    }
}

.c-com006__contract-cta .cx_link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-template-columns: auto;
    justify-content: center;
    margin: 0 auto;
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .c-com006__contract-cta .cx_link {
        width: 100%
    }
}

.c-com006__loading_overLay {
    background: rgba(0, 0, 0, .5);
    height: 120vh;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000
}

.c-com007__body {
    margin: 0 auto 4pc;
    max-width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
}

@media screen and (max-width:767.9px) {
    .c-com007__body {
        margin-bottom: 5pc;
        max-width: var(--inner-width);
        width: 100%
    }
}

.address-with-label {
    grid-row-gap: 1pc;
    display: grid
}

.cx_address {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start;
    display: grid;
    gap: 1pc;
    grid-template-columns: 1fr auto
}

.cx_address .cx_address__address-info {
    display: grid;
    grid-template-columns: auto auto 1fr
}

.cx_address .cx_address__address-info .cx_label:nth-child(2),
.cx_address .cx_address__address-info .cx_label:nth-child(3) {
    margin-left: 8px
}

@media screen and (max-width:767.9px) {

    .cx_address .cx_address__address-info .cx_label:nth-child(2),
    .cx_address .cx_address__address-info .cx_label:nth-child(3) {
        margin-left: 8px
    }
}

.cx_address .cx_address__address-info .cx_label:nth-child(3),
.cx_address .cx_address__address-info .cx_label:nth-child(3) p {
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.cx_address .cx_address__address-details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.cx_address.cx_address--center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.affiliate_code__body {
    display: block;
    margin-left: auto;
    width: 100%
}

@media screen and (min-width:992px) {
    .affiliate_code__body {
        -webkit-column-gap: 2pc;
        -moz-column-gap: 2pc;
        column-gap: 2pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }
}

.affiliate_code__title .cx_title {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .affiliate_code__title .cx_title {
        margin-bottom: 2pc;
        text-align: center
    }
}

.affiliate_code .cx_label--warning {
    margin-bottom: 1pc
}

.affiliate_code__text {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1pc;
    max-width: 100%;
    width: 100%
}

.affiliate_code__instruction {
    margin-bottom: 1pc
}

.affiliate_code__input-box {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: grid;
    gap: 1pc;
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content
}

.affiliate_code__input-box .cx_button {
    margin-bottom: 0
}

.affiliate_code__input-box .cx_button.cx_button--secondary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.affiliate_code__input-box .cx_button.cx_button--secondary .cx_typography {
    line-height: 27px
}

.affiliate_code__input-box .cx_button p {
    margin-bottom: 0
}

.affiliate_code__input-box p {
    margin-bottom: 1pc
}

.affiliate_code__input-box:invalid button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.affiliate_code__input-box .cx_text_field_helper_text_root .cx_typography {
    margin-bottom: 0;
    margin-top: 8px
}

.affiliate_code__modal-button {
    margin-bottom: 1pc
}

.affiliate_code__modal-button .cx_label,
.affiliate_code__modal-button .cx_typography {
    display: inline
}

.affiliate_code__modal-button .cx_button--link {
    min-height: 24px;
    padding-left: 0
}

.affiliate_code__modal-button .cx_button--link span:first-of-type {
    text-decoration: none
}

.affiliate_code__modal-button .cx_button--link:hover {
    background-color: unset;
    text-decoration: none
}

.cx_agreement_terms_and_conditions__title .cx_title {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .cx_agreement_terms_and_conditions__title .cx_title {
        margin-bottom: 2pc;
        text-align: center
    }
}

.cx_agreement_terms_and_conditions__notice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #1a1a1a;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-bottom: 1pc
}

.cx_agreement_terms_and_conditions__notice .cx_info__start_icon {
    height: 22px;
    width: 22px
}

.cx_agreement_terms_and_conditions__notice .cx_info__start_icon img {
    width: 100%
}

.cx_agreement_terms_and_conditions__description {
    color: #1a1a1a;
    padding-bottom: 1pc
}

.cx_agreement_terms_and_conditions__termsConditions {
    -ms-flex-item-align: stretch;
    align-self: stretch;
    border: 1px solid #ccc;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-top: 0;
    padding: 1pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .cx_agreement_terms_and_conditions__termsConditions {
        padding-right: 8px
    }
}

.cx_agreement_terms_and_conditions__termsConditions-scroll-container {
    height: 280px;
    margin-bottom: 0;
    overflow: auto;
    padding-right: 1pc;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .cx_agreement_terms_and_conditions__termsConditions-scroll-container {
        padding-right: 8px
    }
}

.cx_agreement_terms_and_conditions__termsConditions-text {
    font-size: .875rem
}

.cx_agreement_terms_and_conditions__termsConditions-text h5 {
    font-size: .875rem;
    font-weight: 700;
    padding-bottom: 1pc
}

.cx_agreement_terms_and_conditions__termsConditions-text p {
    font-size: .875rem
}

.cx_agreement_terms_and_conditions__termsConditions-text li,
.cx_agreement_terms_and_conditions__termsConditions-text li p,
.cx_agreement_terms_and_conditions__termsConditions-text ol {
    margin-bottom: 0;
    margin-top: 0
}

.cx_agreement_terms_and_conditions__termsConditions-text ol li {
    line-height: 1.5
}

.cx_agreement_terms_and_conditions__checkbox {
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-top: 24px
}

.cx_agreement_terms_and_conditions__checkbox span {
    line-height: 24px
}

.cx_agreement_terms_and_conditions__checkbox-text {
    background-color: #f2dad9;
    padding: 2px 4px
}

.apply-coupon {
    margin-bottom: 24px
}

.apply-coupon .cx_info,
.apply-coupon .cx_subtitle,
.apply-coupon__body>.cx_label,
.apply-coupon__instruction-text {
    margin-bottom: 1pc
}

.apply-coupon__notice-text .cx_info__start_icon {
    height: 24px;
    width: 24px
}

.apply-coupon__notice-text .cx_info__start_icon img {
    width: 100%
}

.apply-coupon .cx_button.cx_button--secondary {
    width: auto
}

@media screen and (max-width:767.9px) {
    .apply-coupon .cx_button.cx_button--secondary {
        width: 100%
    }
}

.apply-coupon__input-form__wrapper {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: grid;
    gap: 1pc;
    grid-template-columns: auto -webkit-min-content;
    grid-template-columns: auto min-content;
    margin-bottom: 8px
}

.apply-coupon__input-form .cx_button {
    margin-bottom: 0
}

.apply-coupon__input-form .cx_button.cx_button--secondary {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.apply-coupon__input-form .cx_button.cx_button--secondary .cx_typography {
    line-height: 27px
}

.apply-coupon__input-form .cx_button p {
    margin-bottom: 0
}

.apply-coupon__input-form p {
    margin-bottom: 1pc
}

.apply-coupon__input-form:invalid button {
    cursor: default;
    opacity: .3;
    pointer-events: none
}

.apply-coupon__divider {
    border-top: 1px solid #ccc;
    margin-bottom: 24px;
    margin-top: 24px
}

.available-payment-method .cx_button {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px;
    padding: 0
}

.available-payment-method .cx_title {
    margin-bottom: 2pc;
    text-align: center
}

.available-payment-method .cx_label {
    margin-bottom: 24px
}

.available-payment-method__list {
    margin-bottom: 0;
    margin-left: 24px;
    text-align: left
}

.available-payment-method__list li {
    margin-bottom: 24px
}

.available-payment-method__list li:last-child {
    margin-bottom: 0
}

.available-payment-method__list-item {
    list-style-type: disc
}

.available-payment-method__list-item--not-supported::marker {
    color: #666
}

.available-payment-method__list-item .cx_label {
    margin-bottom: 0
}

.available-payment-method__list-item .cx_info--with_symbol {
    margin-top: 8px
}

.available-payment-method--mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .available-payment-method--mobile {
        display: block
    }
}

.cart_free_shipping_line__body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-auto-flow: column;
    justify-content: center
}

.cart-order-button__body .c-gen004.button--regular .cmp-button,
.cart-order-button__body .c-gen004.button--regular .cx_button,
.cart-order-button__body .c-gen004.button--regular .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

.cart-order-button__body__guest-area p {
    font-size: 1rem;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 1pc
}

.cart-order-button__body__guest-area p strong {
    font-weight: 700
}

.cart-order-button__body__explanation-text p {
    color: #475c85;
    margin-bottom: 24px
}

.cart-order-button__body__auth-buttons {
    -webkit-column-gap: 24px;
    -moz-column-gap: 24px;
    column-gap: 24px;
    display: grid;
    grid-template-columns: auto auto
}

.cart-order-button__body__auth-buttons .c-gen004 {
    width: 100%
}

.cart-order-button__body__membership-benefits__link {
    font-size: 1rem;
    line-height: 27px;
    margin-bottom: 24px
}

.cart-order-button__body__membership-benefits__link span .c-gen004__text {
    font-weight: 400
}

.cart-order-button__body__guest-checkout-link__link {
    text-decoration: none
}

.cart-order-button__body__guest-checkout-link__link[disabled] {
    cursor: not-allowed;
    opacity: .3
}

.cart-order-button__body__guest-checkout-link__link__icon {
    display: inline-block;
    height: 1pc;
    line-height: 1;
    margin-left: 8px;
    vertical-align: inherit;
    width: 1pc
}

.cart-order-button__body__guest-checkout-link__link__icon img {
    height: 100%;
    width: 100%
}

.cart-order-button__body__guest-checkout-link__link a .c-gen004__text {
    font-weight: 400
}

@media screen and (max-width:767.9px) {
    .cart-order-button__body>a {
        margin: 0 auto
    }
}

.cart-order-button__body .c-gen004__text {
    font-weight: 500
}

.cart-order-button--mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .cart-order-button--mobile {
        display: block;
        margin-bottom: 5pc
    }
}

.cart_total__body__amount-area {
    background-color: #e6e6e6;
    margin-bottom: 24px;
    padding: 1pc
}

.cart_total__body__amount-area>:last-child {
    margin-bottom: 0
}

.cart_total__body__amount-area__amount>div:not(:last-child) {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1pc;
    padding-bottom: 1pc
}

.cart_total__body__amount-area__info {
    margin-bottom: 24px
}

.cart_total__body__amount {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 2fr fit-content(50%);
    margin-bottom: 8px
}

.cart_total__body__amount:last-child {
    margin-bottom: 0
}

.cart_total__body__amount div:first-child {
    justify-self: start
}

.cart_total__body__amount div:last-child {
    justify-self: end
}

.cart_total__body__amount-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart_total__body__amount-currency {
    margin-left: 2px
}

.cart_total__body__amount--shipping-charges {
    margin-bottom: 1pc
}

.cart_total__body__amount--used-coins,
.cart_total__body__amount--used-coupons {
    color: #914108
}

.cart_total__body__amount--used-coins .cart_total__body__amount-label,
.cart_total__body__amount--used-coins .cart_total__body__amount-value,
.cart_total__body__amount--used-coupons .cart_total__body__amount-label,
.cart_total__body__amount--used-coupons .cart_total__body__amount-value {
    font-weight: 700
}

.cart_total__body__amount--used-coins {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1pc;
    padding-bottom: 1pc
}

.cart_total__body__amount--billed .cart_total__body__amount-label {
    font-size: 1rem;
    font-weight: 700;
    line-height: 24px
}

.cart_total__body__amount--billed .cart_total__body__amount-value {
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 27px
}

.cart_total__body__restricted-coins-amount {
    margin-top: 7px;
    min-width: 10pc
}

@media screen and (max-width:767.9px) {
    .cart_total__body__restricted-coins-amount {
        margin-top: 7px
    }
}

.cart_total__body__shipping-message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cart_total__body__shipping-message .cart_total__body__amount-label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.cart_total__body__estimated-restricted-coins-area {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 1pc
}

.cart_total__body__estimated-restricted-coins-area .cart_total__body__amount-value {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: grid;
    justify-content: end;
    text-align: right
}

.cart_total__body__estimated-restricted-coins-area .cx_coins {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end
}

.cart_total__body__labelinfo-subtotal {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.cart_total__body--mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .cart_total__body--mobile {
        display: block
    }
}

.cart_total__body__shipping-address {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    border-bottom: 1px solid #ccc;
    margin-bottom: 1pc;
    padding-bottom: 1pc
}

.cart_total__body__shipping-address .cx_address .cx_address__address-info .cx_label .cx_typography {
    display: unset
}

.cart_total__body__consumption-tax {
    margin-bottom: 1pc;
    text-align: right
}

.cart_total__body__consumption-tax p {
    font-size: .75rem;
    font-weight: 400;
    line-height: 18px;
    margin-bottom: 4px
}

.cart_total__body__consumption-tax p:last-child {
    margin-bottom: 0
}

.cart_total__body__consumption-tax .cx_tax_rate {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.cart_total__body--checkout .cart_total__body__amount--total {
    border-bottom: 1px solid #ccc;
    margin-bottom: 1pc;
    padding-bottom: 1pc
}

.cart_total__body--checkout .cart_total__body__amount--subtotal {
    margin-bottom: 1pc
}

.cart_total__body--checkout .cart_total__body__amount--shipping-charges {
    margin-bottom: 8px
}

@media screen and (max-width:767.9px) {
    .cart_total__body--checkout .cart_total__body__amount--shipping-charges {
        margin-bottom: 8px
    }
}

.cart_validation_message__body {
    margin-bottom: 24px
}

.cart_validation_message__body__validation-message {
    margin-bottom: 1pc;
    padding-left: 0
}

.cart_validation_message__body__validation-message .cx_info__start_icon {
    height: 24px;
    margin-right: 0;
    width: 24px
}

.cart_validation_message__body__validation-message .cx_info__start_icon img {
    height: 24px;
    width: 24px
}

.cart_validation_message__body__validation-message .cx_info {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    display: grid;
    gap: 8px;
    grid-template-columns: 24px 1fr
}

.cart_validation_message__body__validation-message .cx_info .cx_button {
    display: inline;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    white-space: normal
}

.cart_validation_message__body__validation-message .cx_info .cx_button .cx_button__end-icon {
    display: inline-block;
    height: 100%
}

.cart_validation_message__body__validation-message .cx_info .cx_button .cx_button__end-icon img {
    padding-top: 5px
}

.cart_validation_message__body .cx_message_tile {
    margin-bottom: 1pc
}

.cart_validation_message--mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .cart_validation_message--mobile {
        display: block
    }
}

.cx_checkbox_group {
    display: grid;
    grid-template-columns: 1fr;
    row-gap: 24px
}

.club-coins__body {
    border-bottom: 1px solid #ccc;
    padding-bottom: 24px
}

.club-coins__body-wrapper {
    margin-top: 1pc
}

.club-coins__body-wrapper .message-tile {
    padding-left: 0
}

.club-coins__body-wrapper .club-coin__announcement-message .cx_info__start_icon {
    height: 24px;
    width: 24px
}

.club-coins__body-wrapper .club-coin__announcement-message .cx_info__start_icon img {
    width: 100%
}

.club-coins__coin-detail-section {
    display: grid;
    gap: 1pc;
    grid-template-columns: 8fr 1fr;
    margin-top: 1pc
}

.club-coins__coin-detail-section-right {
    text-align: end
}

.club-coins__point-detail {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
    margin-bottom: 8px
}

.club-coins__point-detail:last-child {
    margin-bottom: 0
}

.club-coins__point-detail-value {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end
}

.coin_apply_options .cx_radio {
    margin-bottom: 24px;
    width: 100%
}

.coin_apply_options .coin__input-form__text-field {
    margin-top: 1pc
}

.coin_apply_options .coin__input-form__error-field {
    margin-top: 8px
}

.coin-coupon-message__body {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr;
    justify-content: space-between;
    margin-bottom: 2pc;
    row-gap: 1pc
}

.coin-coupon-message__body .message-tile {
    line-height: 0;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .coin-coupon-message__body .message-tile {
        margin-left: 0
    }
}

.coin-coupon-message__body .message-tile .down-arrow-icon {
    margin-left: 8px
}

.coin-coupon-message__body .message-tile .cx_info {
    width: 100%
}

.coin-coupon-message__body .message-tile .cx_info__start_icon {
    height: 22px;
    width: 22px
}

.coin-coupon-message__body .message-tile .cx_info__start_icon img {
    width: 100%
}

.coin-coupon-message__body .message-tile .cx_button--link {
    min-height: 0;
    padding-left: 0;
    padding-right: 0
}

.coin-use-change-view__body {
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .coin-use-change-view__body {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .coin-use-change-view__body {
        margin-bottom: 5pc;
        width: 100%
    }
}

.coin-use-change-view__error,
.coin-use-change-view__title {
    margin-bottom: 2pc;
    text-align: center
}

.coin-use-change-view__total-amount {
    background-color: #e6e6e6;
    margin-bottom: 2pc;
    padding: 1pc
}

.coin-use-change-view__total-amount>:last-child {
    margin-bottom: 0
}

.coin-use-change-view__amount--total,
.coin-use-change-view__amount--used-coupons {
    margin-bottom: 1pc
}

.coin-use-change-view__amount--total {
    border-bottom: 1px solid #ccc;
    padding-bottom: 1pc
}

.coin-use-change-view__available-coins {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    display: grid;
    grid-template-columns: 1fr 1fr
}

.coin-use-change-view__available-coins-wrapper {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: grid;
    justify-content: end;
    text-align: right
}

@media screen and (max-width:767.9px) {
    .coin-use-change-view__available-coins-wrapper {
        min-width: 170px
    }
}

.coin-use-change-view__available-coins-restricted-coins-value,
.coin-use-change-view__available-coins-value {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.coin-use-change-view__available-coins-restricted-coins-value .cx_price--spacing,
.coin-use-change-view__available-coins-value .cx_price--spacing {
    margin-left: 4px
}

.coin-use-change-view__available-coins-restricted-coins-value {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    margin-top: 4px
}

@media screen and (max-width:767.9px) {
    .coin-use-change-view__available-coins-value .cx_coins {
        display: -webkit-box
    }
}

.coin-use-change-view__note-section {
    color: #666;
    font-size: .75rem;
    line-height: 18px
}

.coin-use-change-view__coin-description-link {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: flex-end;
    margin-bottom: 89px
}

.coin-use-change-view__divider {
    background-color: #ccc;
    height: 1px;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

.coin-use-change-view .cart_total__body__amount-area {
    margin-bottom: 2pc
}

.cx_coins {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cx_coins__prefix-label {
    margin-right: 4px
}

.cx_coins__postfix-label {
    margin-left: 2px
}

.cx_coins__icon {
    margin-right: 8px;
    padding: 1.25px
}

@media screen and (max-width:767.9px) {
    .cx_coins__icon {
        padding: 1.25px
    }
}

.cx_coins__icon img {
    height: 21.5px;
    width: 21.5px
}

.cx_coins--with-start-icon .cx_coins__prefix-label {
    margin-right: 1pc
}

.cx_coins--small-coin-label {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.coupon-information {
    clear: both;
    margin: 0 auto 4pc;
    max-width: var(--inner-width)
}

@media screen and (max-width:767.9px) {
    .coupon-information {
        margin-bottom: 5pc
    }
}

.coupon-information__coupon-list-card {
    text-align: left;
    text-decoration: none;
    width: calc(var(--unit-width)*3 + var(--gutter-width)*2)
}

@media screen and (max-width:767.9px) {
    .coupon-information__coupon-list-card {
        width: calc(var(--unit-width)*12 + var(--gutter-width)*11)
    }
}

.coupon-information__coupon-image img {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
    width: 100%
}

.coupon-information__title {
    margin-bottom: 2pc;
    text-align: center
}

.coupon-information__total-no-coupon {
    margin-bottom: 3pc
}

.coupon-information__no-coupon-text {
    text-align: center
}

.coupon-information__coupon-list {
    display: grid;
    gap: 40px 2pc;
    grid-template-columns: repeat(4, 1fr)
}

@media screen and (max-width:767.9px) {
    .coupon-information__coupon-list {
        gap: 2pc 1pc;
        grid-template-columns: 1fr
    }
}

.coupon-information__coupon-name {
    margin-bottom: 4px
}

.coupon-information__coupon-image,
.coupon-information__coupon-warning,
.coupon-information__description-wrap,
.coupon-information__discount-info,
.coupon-information__effective-period-wrap {
    margin-bottom: 1pc
}

.coupon-information__effective-period-wrap .cx_label:first-child {
    margin-bottom: 4px
}

.coupon-information__see-more-btn {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 3pc
}

.coupon-information__see-more-btn .cx_button__start-icon img {
    height: 24px;
    width: 24px
}

.coupon-information__api_error {
    color: #0063cc;
    font-size: .875rem;
    line-height: 1.5;
    margin-top: 8px;
    text-align: center
}

.coupon-select h2 {
    margin-bottom: 2pc;
    text-align: center
}

.coupon-select__radio-group {
    gap: 24px;
    margin-bottom: 24px
}

.coupon-select__radio-group,
.coupon-select__radio-group-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.coupon-select__radio-group-item {
    gap: 1pc
}

.coupon-select__radio-group-text-field {
    padding-left: 40px
}

.coupon-select .apply-coupon__coupon-input-form__wrapper {
    gap: 0
}

.coupon-select .cx_link {
    grid-template-columns: 1fr auto;
    justify-items: self-end
}

.coupon-select__info {
    background-color: #e6e6e6;
    margin-bottom: 24px;
    padding: 1pc
}

.coupon-select__info p {
    margin-bottom: 0
}

.coupon-select__info--small {
    background-color: initial;
    color: #1a1a1a;
    margin: 0 auto;
    max-width: var(--inner-width);
    padding: 0
}

.coupon-select__wrapper {
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (max-width:767.9px) {
    .coupon-select__wrapper {
        margin-bottom: 5pc
    }
}

@media screen and (min-width:992px) {
    .coupon-select__wrapper {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .coupon-select__wrapper {
        width: 100%
    }
}

.cx_coupon {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc;
    justify-content: space-between
}

.cx_coupon__note {
    margin-top: 8px
}

.cx_coupon__note>* {
    color: #666
}

.cx_highlight_text .cx_label {
    display: inline-block
}

.cx_info {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    max-width: 100%
}

.cx_info__end_icon,
.cx_info__start_icon {
    display: inherit
}

.cx_info__start_icon {
    margin-right: 8px
}

.cx_info__end_icon {
    margin-left: 8px
}

.cx_info--rte,
.cx_info--with_symbol .cx_label .cx_typography {
    margin-left: 1pc;
    position: relative
}

.cx_info--rte:before,
.cx_info--with_symbol .cx_label .cx_typography:before {
    content: "※";
    display: inline-block;
    height: 18px;
    left: -1pc;
    line-height: 18px;
    margin-right: 4px;
    position: absolute;
    text-align: right;
    width: 9pt
}

.cx_label_with_price {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    justify-content: center;
    max-width: 100%
}

.cx_label_with_price,
.cx_link {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cx_link {
    display: grid;
    grid-template-columns: auto 1fr;
    text-decoration: unset
}

.cx_link__icon {
    display: inline-grid;
    height: 1pc;
    margin-left: 8px;
    width: 1pc
}

.cx_link__icon img {
    width: 100%
}

.cx_link--underline {
    text-decoration: underline
}

.cx_link--bottom-text-line p {
    border-bottom: 1px solid #1a1a1a
}

.cx_link--emphasis {
    -webkit-text-decoration-color: #914108;
    text-decoration-color: #914108
}

.cx_link--info {
    -webkit-text-decoration-color: #666;
    text-decoration-color: #666
}

.cx_link:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.cx_link--with-border {
    border: 1px solid #333;
    height: 3.5rem;
    padding-left: 1pc;
    padding-right: 1pc
}

.cx_link--with-border-default {
    border: 1px solid #333;
    height: 2rem;
    padding-left: 8px;
    padding-right: 8px;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content
}

.cx_link--primary {
    background-color: #333
}

.cx_link--primary:hover {
    background-color: #4d4d4d;
    text-decoration: none
}

.cx_link--primary .cx_typography {
    color: #fff
}

.cx_link.cx_link--bottom-text-line:hover {
    text-decoration: none
}

.cx_list {
    margin-left: 20px
}

@media screen and (max-width:767.9px) {
    .cx_list {
        margin-left: 20px
    }
}

.cx_list li {
    list-style: none
}

.cx_list--with-bullet {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-top: 4px
}

.cx_list--with-bullet li {
    list-style: disc
}

.mail-magazine-registration__body {
    -webkit-column-gap: auto;
    -moz-column-gap: auto;
    column-gap: auto;
    display: block;
    margin-left: auto;
    width: 100%
}

@media screen and (min-width:992px) {
    .mail-magazine-registration__body {
        -webkit-column-gap: 2pc;
        -moz-column-gap: 2pc;
        column-gap: 2pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }
}

@media screen and (max-width:767.9px) {
    .mail-magazine-registration h2 {
        margin-bottom: 3pc
    }
}

@media screen and (max-width:767.9px)and (max-width:767.9px) {
    .mail-magazine-registration h2 {
        margin-bottom: 2pc
    }
}

.mail-magazine-registration__explanation {
    margin-bottom: 24px
}

.mail-magazine-registration .cx_button {
    font-size: 1.125rem;
    height: 56px;
    line-height: 27px;
    padding: 1pc
}

@media screen and (max-width:767.9px) {
    .mail-magazine-registration .cx_button {
        max-width: 100%;
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:575px) {
    .mail-magazine-registration .cx_button {
        width: 100%
    }
}

.mail-magazine-registration .cx_checkbox_group {
    margin-bottom: 24px
}

.mail-magazine-registration .cx_checkbox_label {
    margin-bottom: 1pc
}

.mail-magazine-registration__button {
    margin-bottom: 24px
}

@media screen and (min-width:768px) {
    .mail-magazine-registration .sidebar-grid {
        margin-bottom: 0
    }
}

.mail-magazine-registration__loader {
    gap: 24px;
    margin-bottom: 24px
}

.mail-magazine-registration__loader,
.mail-magazine-registration__loader-row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.mail-magazine-registration__loader-row {
    gap: 1pc
}

.pressTabkey .mail-magazine-registration label:focus-within {
    outline: 3px dotted
}

.cx_message_tile {
    padding: 0;
    position: relative
}

.cx_message_tile .cx_info .cx_button {
    line-height: 24px;
    min-height: auto;
    padding: 0;
    text-align: left;
    text-decoration: underline
}

.cx_message_tile .cx_info .cx_button:hover {
    background-color: unset;
    text-decoration: none
}

.order-completion__identity-verification-doc-submission-link,
.order-completion__title {
    margin-bottom: 2pc
}

.order-completion__title {
    text-align: center
}

.order-completion__identity-verification-doc-submission-link .cx_link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-template-columns: auto auto;
    justify-content: center
}

@media screen and (max-width:767.9px) {
    .order-completion__identity-verification-doc-submission-link .cx_link {
        grid-template-columns: auto 1fr
    }
}

.order-completion__order-date,
.order-completion__text {
    margin-bottom: 24px;
    text-align: center
}

.order-completion__message {
    line-height: 24px
}

.order-completion__identity-verification-doc-info,
.order-completion__message {
    margin-bottom: 24px;
    text-align: center
}

@media screen and (max-width:767.9px) {

    .order-completion__identity-verification-doc-info,
    .order-completion__message {
        text-align: left
    }
}

.order-completion__subscription {
    margin-bottom: 1pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .order-completion__subscription {
        text-align: left
    }
}

.order-completion__subscription-name {
    margin-bottom: 8px
}

.order-completion__order-link,
.order-completion__order-number {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

@media screen and (max-width:767.9px) {

    .order-completion__order-link,
    .order-completion__order-number {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.order-completion__order-number {
    margin-bottom: 8px
}

.order-completion__order-date {
    text-align: center
}

@media screen and (max-width:767.9px) {
    .order-completion__order-date {
        text-align: left
    }
}

.order-completion__document-submission {
    background-color: #e6e6e6;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4pc;
    max-width: var(--inner-width);
    padding: 24px;
    text-align: center;
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (max-width:767.9px) {
    .order-completion__document-submission {
        margin-top: 5pc
    }
}

@media screen and (min-width:992px) {
    .order-completion__document-submission {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .order-completion__document-submission {
        max-width: 100%;
        padding: 1pc;
        text-align: left;
        width: 100%
    }
}

.order-completion__document-submission .cx_title {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .order-completion__document-submission .cx_title {
        text-align: center
    }
}

.order-completion__document-submission .cx_info,
.order-completion__document-submission .cx_link--primary,
.order-completion__document-submission .cx_note {
    margin-bottom: 1pc
}

.order-completion__document-submission .cx_link.cx_link--primary {
    margin-left: auto;
    margin-right: auto;
    width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .order-completion__document-submission .cx_link.cx_link--primary {
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        grid-template-columns: auto auto;
        justify-content: center;
        width: 100%
    }
}

.order-completion__document-submission .cx_info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

@media screen and (max-width:767.9px) {
    .order-completion__document-submission .cx_info {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        justify-content: left
    }
}

.order-completion__document-submission .cx_link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    grid-template-columns: auto auto;
    justify-content: center
}

@media screen and (max-width:767.9px) {
    .order-completion__document-submission .cx_link {
        -webkit-box-pack: left;
        -ms-flex-pack: left;
        grid-template-columns: auto 1fr;
        justify-content: left
    }
}

.order-completion__goto-contract-btn {
    margin-top: 4pc
}

@media screen and (max-width:767.9px) {
    .order-completion__goto-contract-btn {
        margin-top: 5pc
    }
}

.order-completion__goto-contract-btn .cx_link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    min-width: calc(var(--unit-width)*4 + var(--gutter-width)*3)
}

@media screen and (max-width:767.9px) {
    .order-completion__goto-contract-btn .cx_link {
        width: 100%
    }
}

.cx_page_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    justify-content: center
}

.cx_page_title .cx_title {
    font-weight: 400
}

.payment_method {
    margin: auto;
    max-width: 50pc;
    width: 100%
}

.payment_method_header {
    margin-bottom: 24px
}

.payment_method_header_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc
}

.payment_method_header_error_message,
.payment_method_header_title_guest {
    margin-bottom: 1pc
}

.payment_method_header_notice {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 1pc
}

.payment_method_header_notice_icon {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.payment_method_header_select_message {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 1pc
}

.payment_method_header_error {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc
}

.payment_method_header_detail_info {
    background-color: #e6e6e6;
    margin-bottom: 24px;
    padding: 1pc
}

.payment_method_header_detail_info>a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    text-decoration: none
}

.payment_method_header_detail_info>a:hover {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.payment_method_contents {
    background-color: #e6e6e6;
    padding: 1pc
}

.payment_method_contents_top {
    margin-bottom: 1pc
}

.payment_method_contents_wrapper {
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-name: payment-method-fade-in;
    animation-name: payment-method-fade-in;
    display: none;
    opacity: 0
}

@-webkit-keyframes payment-method-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes payment-method-fade-in {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.payment_method_contents_wrapper.is-seleccted {
    display: block;
    opacity: 1
}

.payment_method_contents--bank-transfer .payment_method_scheduled_date,
.payment_method_contents--pay-easy .payment_method_scheduled_date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payment_method_contents--bank-transfer .payment_method_required_title,
.payment_method_contents--bank-transfer .payment_method_scheduled_date_explanation,
.payment_method_contents--pay-easy .payment_method_required_title,
.payment_method_contents--pay-easy .payment_method_scheduled_date_explanation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.payment_method_contents--bank-transfer .payment_method_select,
.payment_method_contents--pay-easy .payment_method_select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    min-width: auto
}

@media screen and (max-width:767.9px) {

    .payment_method_contents--bank-transfer .payment_method_select,
    .payment_method_contents--pay-easy .payment_method_select {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.payment_method_required_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    margin-bottom: 1pc
}

.payment_method_scheduled_date {
    margin-bottom: 8px
}

.payment_method_scheduled_date_explanation {
    font-size: .875rem;
    margin-bottom: 1pc
}

.payment_method_date,
.payment_method_date_title {
    margin-bottom: 1pc
}

.payment_method_select {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: "before input after";
    grid-template-columns: auto 1fr auto;
    height: 56px;
    min-width: 23.5rem
}

@media screen and (max-width:767.9px) {
    .payment_method_select {
        min-width: 100%;
        width: 100%
    }
}

.payment_method_select_selector {
    -webkit-box-flex: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    border: 1px solid #333;
    color: #212121;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    font-size: 1rem;
    grid-area: input-start/input-start/input-end/icon-end;
    height: 56px;
    line-height: 24px;
    margin: 0;
    padding: 10px 9pt;
    width: 100%
}

.payment_method_select_selector.is-error {
    background: #f2dad9
}

.payment_method_select_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: after;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem
}

.payment_method_select select {
    overflow: hidden;
    padding-right: 2pc;
    text-overflow: ellipsis;
    white-space: nowrap
}

.payment_method_error_label {
    margin-top: 8px;
    width: 100%
}

.payment_method_convenience_store_select {
    margin-bottom: 1pc
}

.payment_method_convenience_store_select .payment_method_select {
    width: 100%
}

.payment_method_convenience_store_select+.payment_method_scheduled_date {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap
}

.payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_required_title,
.payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_scheduled_date_explanation {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 100%;
    flex: 0 0 100%
}

.payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_select {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 calc(50% - 8px);
    flex: 0 0 calc(50% - 8px);
    min-width: unset
}

@media screen and (max-width:767.9px) {
    .payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_select {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 100%;
        flex: 0 0 100%
    }
}

.payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_required_title {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_required_title .cx_required_label {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.payment_method_convenience_store_select+.payment_method_scheduled_date .payment_method_required_title .cx_required_label p {
    white-space: nowrap
}

.payment_method_convenience_store_select .payment_method_required_title {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline
}

.payment_method_convenience_store_select .payment_method_required_title .cx_required_label {
    -ms-flex-item-align: baseline;
    align-self: baseline
}

.payment_method_convenience_store_select .payment_method_required_title .cx_required_label p {
    white-space: nowrap
}

.payment_method #payment_method_aria_control_INSTALLMENTS .payment_method_select {
    width: 100%
}

.payment_method_credit_card_add_button,
.payment_method_credit_card_registered {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {

    .payment_method_credit_card_add_button,
    .payment_method_credit_card_registered {
        margin-bottom: 1pc
    }
}

.payment_method_credit_card_add_button button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.payment_method_credit_card_add_button button:hover>span {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.payment_method_credit_card_registered_row {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.payment_method_credit_card_registered_note {
    margin-left: 40px;
    margin-top: 8px
}

.payment_method_credit_card_expiry_date_selector {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 18px
}

.payment_method_credit_card_expiry_date_selector .payment_method_select {
    min-width: calc(50% - 9px);
    width: auto
}

.payment_method_credit_card_expiry_date.inline {
    display: grid;
    gap: 2pc;
    grid-template-columns: 1fr 3fr
}

.payment_method_credit_card_expiry_date.inline .cx_text_field_title {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.payment_method_credit_card_option>div {
    margin-top: 24px;
    padding-left: 40px
}

.payment_method_credit_card_option>div .cx_checkbox {
    padding-left: 0
}

.payment_method_credit_card_option>div .cx_checkbox_label {
    margin-left: 40px
}

.payment_method_credit_card_notes {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.payment_method_add_credit_card_options.cx_radio_grp {
    -webkit-column-gap: 3pc;
    -moz-column-gap: 3pc;
    column-gap: 3pc;
    display: grid;
    grid-template-columns: 1fr 3fr
}

.payment_method_add_credit_card_options.cx_radio_grp .payment_method_credit_card_option {
    grid-column: 2
}

@media screen and (max-width:767.9px) {
    .payment_method_add_credit_card_options.cx_radio_grp {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        width: 100%
    }

    .payment_method_add_credit_card_options.cx_radio_grp .payment_method_credit_card_option>div .cx_text_field_input_root {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.payment_method_edit_credit_card_content {
    margin-bottom: 3pc
}

.payment_method_edit_credit_card_content_rows {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: column wrap;
    flex-flow: column wrap;
    gap: 1pc;
    margin-bottom: 24px
}

.payment_method_edit_credit_card_content_rows.inline {
    display: grid;
    gap: 2pc;
    grid-template-columns: 1fr 3fr
}

.payment_method_edit_credit_card_content.cx_radio_grp {
    margin: auto auto 24px;
    width: 40%
}

@media screen and (max-width:767.9px) {
    .payment_method_edit_credit_card_content.cx_radio_grp {
        width: 100%
    }
}

.payment_method .cx_checkbox>div {
    margin-left: 40px;
    margin-top: 8px
}

.payment_method_tax_note {
    margin: 4pc auto 1pc
}

@media screen and (max-width:767.9px) {
    .payment_method_tax_note {
        margin-top: 5pc
    }
}

#payment_method_select_guest .payment_method_header,
#payment_method_select_guest .payment_method_header_detail_info {
    margin-bottom: 1pc
}

.cx_price {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cx_price--spacing .cx_price__price {
    margin-right: 2px
}

.cx_price--line-strike .cx_price__price .cx_typography {
    -webkit-text-decoration-line: line-through;
    text-decoration-line: line-through
}

.shipment_list__body {
    display: block;
    margin-left: auto;
    width: 100%
}

@media screen and (min-width:992px) {
    .shipment_list__body {
        -webkit-column-gap: 2pc;
        -moz-column-gap: 2pc;
        column-gap: 2pc;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-left: 0
    }
}

.shipment_list__title .cx_title {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .shipment_list__title .cx_title {
        margin-bottom: 2pc;
        text-align: center
    }
}

.shipment_list__shipment {
    padding-bottom: 24px
}

.shipment_list__shipment .cx_subtitle {
    margin-bottom: 1pc
}

.shipment_list__shipment-details {
    background: #e6e6e6;
    display: grid;
    gap: 10px;
    padding: 1pc
}

.shipment_list__shipment-details-text-group {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.shipment_list__shipment-select {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.shipment_list__shipment-select,
.shipment_list__shipment-select-title {
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.shipment_list__shipment-select-title {
    -webkit-box-orient: horizontal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 8px
}

.shipment_list__shipment-select-button {
    width: 284px
}

@media screen and (max-width:767.9px) {
    .shipment_list__shipment-select-button {
        width: 100%
    }
}

.shipment_list__shipmentGroup__error_message {
    padding-bottom: 1pc
}

.shipment_list__shipmentGroup__notice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    padding-bottom: 1pc
}

.shipment_list__shipmentGroup__notice__icon {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 24px
}

.shipment_list__shipmentGroup__notice__icon>img {
    height: 22px;
    width: 22px
}

.shipment_list__shipmentGroup-title {
    padding-top: 8px
}

@media screen and (max-width:767.9px) {
    .shipment_list__shipmentGroup-title {
        padding-top: 8px
    }
}

.shipment_list__shipmentGroup-shipment {
    margin-bottom: 1pc
}

.shipment_list__shipmentGroup-group:not(:last-child) {
    padding-bottom: 8px
}

@media screen and (max-width:767.9px) {
    .shipment_list__shipmentGroup-group:not(:last-child) {
        padding-bottom: 8px
    }
}

.shipping_charges {
    margin-bottom: 24px
}

.shipping_charges .c-product__accordionItem {
    border-bottom: 1px solid #ccc
}

.shipping_charges .c-product__accordionTitle {
    font-weight: 400
}

.shipping_charges .c-product__accordionTrigger {
    padding-right: 1pc
}

.shipping_charges .c-product__accordionIcon:after,
.shipping_charges .c-product__accordionIcon:before {
    width: 1pc
}

.shipping_charges--mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .shipping_charges--mobile {
        display: block
    }
}

.user-manual-area {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .user-manual-area {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .user-manual-area {
        width: 100%
    }
}

.user-manual-area-title {
    text-align: center
}

.user-manual-area-guid-text,
.user-manual-area-title {
    padding-bottom: 2pc
}

.user-manual-area-search-result-count,
.user-manual-area__product-card {
    margin-bottom: 3pc
}

.user-manual-area-zero-result-message {
    margin-bottom: 4pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .user-manual-area-zero-result-message {
        margin-bottom: 5pc
    }
}

.user-manual-area-zero-message {
    font-size: 1.25rem;
    line-height: 30px;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .user-manual-area-zero-message {
        line-height: 27px
    }
}

.user-manual-area__product-card {
    display: grid;
    gap: 40px 2pc;
    grid-template-columns: repeat(4, 1fr);
    margin-top: 3pc
}

@media screen and (max-width:767.9px) {
    .user-manual-area__product-card {
        gap: 2pc 1pc;
        grid-template-columns: repeat(2, 1fr)
    }
}

.user-manual-area__product-card-item {
    width: calc(var(--unit-width)*2 + var(--gutter-width)*1)
}

@media screen and (max-width:767.9px) {
    .user-manual-area__product-card-item {
        width: calc(var(--unit-width)*6 + var(--gutter-width)*5)
    }
}

.user-manual-area__product-card-item a {
    text-decoration: none
}

.user-manual-area__product-card-item a:hover .c-product__image {
    opacity: .8
}

.user-manual-area__product-card-item a:hover .c-product__name,
.user-manual-area__product-card-item a:hover .c-product__numberWrap {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.user-manual-area__product-card-item-camping-tag,
.user-manual-area__product-card-item-icon {
    height: 27px;
    min-height: auto
}

.user-manual-area__product-card-item__image {
    margin-bottom: 1pc;
    margin-top: 8px;
    text-align: center
}

.user-manual-area__product-card-item__image img {
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .user-manual-area__product-card-item__image img {
        width: 155px
    }
}

.user-manual-area-button {
    text-align: center
}

.user-manual-area-button .cx_button {
    max-width: 4in
}

@media screen and (max-width:767.9px) {
    .user-manual-area-button .cx_button {
        max-width: 327px
    }
}

.user-manual-area .c-product__released {
    margin-top: 8px
}

@media screen and (max-width:767.9px) {
    .user-manual-area .c-product__released .cx_typography {
        font-size: .75rem;
        line-height: 18px
    }
}

.user-manual-area .product-image-item {
    height: auto;
    -o-object-fit: contain;
    object-fit: contain
}

.spa-sticky-button {
    background-color: #f2f2f2;
    border-top: 1px solid #ccc;
    bottom: 0;
    left: 0;
    padding: 1pc;
    position: fixed;
    width: 100%;
    z-index: 9999
}

@media screen and (max-width:767.9px) {
    .spa-sticky-button {
        padding-left: 24px;
        padding-right: 24px
    }
}

.spa-sticky-button .c-gen004 {
    margin-bottom: 0
}

.spa-sticky-button .c-gen004.button--regular .cmp-button,
.spa-sticky-button .c-gen004.button--regular .cx_button,
.spa-sticky-button .c-gen004.button--regular .cx_link {
    line-height: 27px;
    padding: 13px 1pc
}

@media screen and (max-width:767.9px) {
    .spa-sticky-button .c-gen004.button--regular {
        -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
        flex: 1 0 0
    }
}

.spa-sticky-button .c-gen004.button--regular .c-gen004__text {
    font-weight: 500
}

.spa-sticky-button .c-gen004.button--textRegular.button--back .cmp-button {
    padding-left: 0
}

.spa-sticky-button .c-gen004.button--textRegular.button--back .cmp-button:before {
    content: none
}

.spa-sticky-button__cta-wrapper {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .spa-sticky-button__cta-wrapper {
        gap: 24px
    }
}

.cx_tag {
    border: 1px solid #ccc;
    border-radius: 1rem;
    cursor: pointer;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 3px 1pc 5px
}

.cx_tag_selected {
    background-color: #ccc
}

.cx_tax_rate {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.cx_tax_rate,
.cx_text_field_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.cx_text_field_title {
    gap: 4px 8px;
    margin-bottom: 1pc
}

.cx_text_field_input_root {
    border: 1px solid #333;
    height: 56px
}

.cx_text_field_input_root>input {
    padding: 1pc
}

.cx_text_field_input_root.is-error {
    background: #f2dad9
}

.cx_text_field_input {
    background-color: inherit;
    border: 0;
    height: 100%;
    line-height: 24px;
    width: 100%
}

.cx_text_field_helper_text_root {
    margin-top: 8px
}

.cx_text_field_root.inline {
    display: grid;
    gap: 2pc;
    grid-template-columns: 1fr 3fr
}

.cx_text_field_root.inline label {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content
}

.cx_text_with_tooltip_asterisk {
    cursor: pointer;
    text-decoration: underline
}

.cx_text_with_tooltip_close_img {
    cursor: pointer
}

.delivery_selection_inner {
    margin: 0 auto 4pc;
    max-width: 50pc;
    width: 100%
}

.delivery_selection_inner_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc
}

.delivery_selection_inner_error_message {
    margin-bottom: 2pc
}

.delivery_selection_inner_note {
    margin-bottom: 24px
}

.delivery_selection_inner_delivery_date,
.delivery_selection_inner_delivery_time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {

    .delivery_selection_inner_delivery_date,
    .delivery_selection_inner_delivery_time {
        display: block
    }
}

.delivery_selection_inner_delivery_date>label,
.delivery_selection_inner_delivery_time>label {
    margin-right: 2pc;
    width: 11pc
}

@media screen and (max-width:767.9px) {

    .delivery_selection_inner_delivery_date>label,
    .delivery_selection_inner_delivery_time>label {
        margin-right: 0
    }
}

.delivery_selection_inner_delivery_date_select,
.delivery_selection_inner_delivery_time_select {
    height: 56px;
    width: 37pc
}

@media screen and (max-width:767.9px) {

    .delivery_selection_inner_delivery_date_select,
    .delivery_selection_inner_delivery_time_select {
        margin-top: 1pc;
        width: 100%
    }
}

.delivery_selection_inner_delivery_date_select>select,
.delivery_selection_inner_delivery_time_select>select {
    height: 56px
}

.delivery_selection_inner_loading {
    height: 56px;
    width: 37pc
}

@media screen and (max-width:767.9px) {
    .delivery_selection_inner_loading {
        width: 100%
    }
}

.address-registration-form {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .address-registration-form {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .address-registration-form {
        width: 100%
    }
}

.address-registration-form-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .address-registration-form-item {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 1pc
    }
}

.address-registration-form-item__label {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px;
    width: 22%
}

@media screen and (max-width:767.9px) {
    .address-registration-form-item__label {
        width: 100%
    }
}

.address-registration-form-item__inputs-wrapper {
    width: calc(78% - 2pc)
}

@media screen and (max-width:767.9px) {
    .address-registration-form-item__inputs-wrapper {
        width: 100%
    }
}

.address-registration-form-item__inputs {
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .address-registration-form-item__inputs {
        gap: 1pc
    }
}

.address-registration-form-item__inputs .cx_link,
.address-registration-form-item__inputs .cx_text_field_root {
    width: 100%
}

.address-registration-form-item__helper-text {
    margin-top: 8px
}

.address-registration-form-item .cx-dropdown {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: 100%
}

.address-registration-form-item .cx-dropdown_select {
    height: 56px;
    width: 100%
}

.address-registration-form-item .cx-dropdown_select select {
    height: 56px;
    padding: 1pc
}

.address-registration-form-item--half-input .cx-dropdown_select,
.address-registration-form-item--half-input .cx_text_field_input_root {
    width: 50%
}

@media screen and (max-width:767.9px) {

    .address-registration-form-item--half-input .cx-dropdown_select,
    .address-registration-form-item--half-input .cx_text_field_input_root {
        width: 100%
    }

    .address-registration-form-item--with-link .address-registration-form-item__inputs {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }
}

.address-registration-form-item--with-link .address-registration-form-item__inputs .cx_link .cx_typography {
    font-size: .875rem;
    line-height: 21px
}

.address-registration-form-helper-text .cx_label {
    margin-bottom: 4px
}

.address-registration-form-helper-text .cx_label:last-child {
    margin-bottom: 0
}

.address-registration-form-content {
    gap: 24px
}

.address-registration-form-content,
.buy-later__title {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.buy-later__title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2pc;
    margin-bottom: 2pc
}

@media screen and (max-width:767.9px) {
    .buy-later__title {
        margin-bottom: 46px
    }
}

.buy-later__see-more-button-area {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-top: 3pc
}

.buy-later__see-more-button-area .cx_button__start-icon img {
    height: 24px;
    width: 24px
}

.buy-later__button-section-notice_button {
    border: 1px solid #333;
    color: #333;
    font-size: .875rem;
    font-weight: 500;
    line-height: 21px;
    min-height: 2rem;
    padding-left: 8px;
    padding-right: 8px
}

.buy-later__button-section-notice_button:hover {
    background-color: #ccc
}

@media screen and (min-width:768px) {
    .buy-later-product-list.cart-item-list .cart-item {
        border-top: 0;
        width: 280px
    }

    .buy-later-product-list.cart-item-list .cart-item:last-child {
        border-bottom: 0
    }
}

.buy-later-product-list.cart-item-list .cart-item .message-tile .cx_info__start_icon img {
    width: auto
}

.buy-later-product-list.cart-item-list .cart-item__warnings .message-tile {
    margin-bottom: 4px
}

.buy-later-product-list.cart-item-list .cart-item__warnings .message-tile:last-child {
    margin-bottom: 0
}

.buy-later-product-list.cart-item-list .cart-item-list__body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 40px 2pc
}

@media screen and (max-width:767.9px) {
    .buy-later-product-list.cart-item-list .cart-item-list__body {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column;
        gap: 2pc 1pc;
        gap: 0
    }
}

.buy-later-product-list.cart-item-list .cart-item__image-title-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

@media screen and (min-width:768px) {
    .buy-later-product-list.cart-item-list .cart-item__image-title-section .cart-item__image-section img {
        width: 100%
    }
}

.buy-later-product-list.cart-item-list .cart-item__image-title-section .cart-item__image-desktop {
    display: block;
    width: 100%
}

@media screen and (max-width:767.9px) {
    .buy-later-product-list.cart-item-list .cart-item__image-title-section .cart-item__image-desktop {
        display: none
    }
}

.buy-later-product-list.cart-item-list .cart-item__image-title-section .cart-item__image-mobile {
    display: block
}

@media screen and (min-width:768px) {
    .buy-later-product-list.cart-item-list .cart-item__image-title-section .cart-item__image-mobile {
        display: none
    }
}

.buy-later-product-list.cart-item-list .cart-item__image-title-section-mobile {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 1pc
}

@media screen and (max-width:767.9px) {
    .buy-later-product-list.cart-item-list .cart-item__image-title-section .cart-item__warnings {
        margin-top: 0
    }
}

.buy-later-product-list.cart-item-list .cart-item__title-section-item-quantity-shipment {
    padding-bottom: 0
}

.buy-later-product-list.cart-item-list .cart-item__information-section {
    margin-bottom: 0
}

.buy-later-product-list.cart-item-list .cart-item__information-section .cx_label--info {
    margin-top: 1pc
}

.buy-later-product-list.cart-item-list .cart-item__information-section .cx_label--info:first-child {
    margin-top: 0
}

@media screen and (max-width:767.9px) {
    .buy-later-product-list.cart-item-list .cart-item__information-section .cx_label--info {
        margin-bottom: 0
    }
}

.buy-later-product-list.cart-item-list .cart-item__action-buttons,
.buy-later-product-list.cart-item-list .cart-item__price-area-item,
.buy-later-product-list.cart-item-list .cart-item__title-section-item-quantity,
.buy-later-product-list.cart-item-list .cart-item__title-section-item-quantity-shipment,
.buy-later-product-list.cart-item-list .cart-item__title-section-item-stock-status {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

@media screen and (max-width:767.9px) {

    .buy-later-product-list.cart-item-list .cart-item__action-buttons,
    .buy-later-product-list.cart-item-list .cart-item__price-area-item,
    .buy-later-product-list.cart-item-list .cart-item__title-section-item-quantity,
    .buy-later-product-list.cart-item-list .cart-item__title-section-item-quantity-shipment,
    .buy-later-product-list.cart-item-list .cart-item__title-section-item-stock-status {
        -webkit-box-pack: end;
        -ms-flex-pack: end;
        justify-content: flex-end
    }
}

.buy-later-product-list.cart-item-list .cart-item .gifts {
    margin-bottom: 0
}

.buy-later-product-list.cart-item-list .cart-item .gifts .gifts-are-not-user-selectable {
    background-color: transparent;
    border: 1px solid #ccc
}

.buy-later-product-list.cart-item-list .cart-item .gifts .gifts-items-list--product {
    gap: 1pc;
    grid-template-columns: none
}

.buy-later-product-list.cart-item-list .cart-item .gifts .gifts-items-list--product .gifts-item {
    gap: 1pc
}

.buy-later-product-list.cart-item-list .cart-item .gifts .gifts-items-list--product .gifts-item img {
    width: 62px
}

.buy-later-product-list.cart-item-list .cart-item--loading .cart-item__image-section {
    height: 280px;
    width: 100%
}

.buy-later-product-list.cart-item-list .cart-item--loading .cart-item__title-section-item-stock-status>span {
    width: 75%
}

.buy-later-product-list .c-product__accordionItem {
    border: 1px solid #ccc;
    margin-top: 1pc;
    padding: 8px 1pc
}

.buy-later-product-list .c-product__accordionHeader {
    border-top: 0
}

.buy-later-product-list .c-product__accordionTrigger {
    margin: 0;
    min-height: auto;
    padding: 0
}

.buy-later-product-list .c-product__accordionImg {
    display: none
}

.buy-later-product-list .c-product__accordionTitle {
    font-size: .875rem;
    line-height: 21px
}

.buy-later-product-list .c-product__accordion-panel {
    padding-bottom: 0
}

.buy-later-product__additional-options {
    margin-top: 8px
}

.buy-later-product__additional-options-qa-section {
    border-bottom: 1px solid #ccc;
    margin-top: 8px;
    padding-bottom: 8px
}

@media screen and (max-width:767.9px) {
    .buy-later-product__additional-options-qa-section {
        margin-top: 8px;
        padding-bottom: 8px
    }
}

.buy-later-product__additional-options-qa-section:last-child {
    border-bottom: 0
}

.buy-later-product__additional-options-content-text {
    margin-bottom: 8px
}

.buy-later-product__additional-options .cx_price.mediumSize {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.checkout-subscription-shipping-address .address-with-label {
    margin-bottom: 1pc
}

.checkout-subscription-shipping-address .address-with-label:last-child {
    margin-bottom: 0
}

.checkout-subscription-shipping-address__divider {
    background-color: #ccc;
    height: 1px;
    margin-bottom: 24px;
    margin-top: 24px;
    width: 100%
}

.checkout-subscription-shipping-address .address-with-label-loader {
    width: 33%
}

@media screen and (max-width:767.9px) {
    .checkout-subscription-shipping-address .address-with-label-loader {
        width: 100%
    }
}

.checkout-subscription-shipping-address__change-shipping-address {
    background-color: #e6e6e6;
    padding: 1pc
}

.checkout-subscription-shipping-address__change-shipping-address>:first-child {
    margin-bottom: 1pc
}

.checkout-subscription-shipping-address__change-shipping-address .cx_link {
    margin-bottom: 8px
}

.checkout-subscription-shipping-address__change-shipping-address>:last-child {
    margin-bottom: 0
}

.checkout-subscription-order-button {
    margin-bottom: 24px
}

.checkout-subscription-order-button .cx_button--default {
    font-weight: 400
}

.checkout-subscription-message-below-cv-button__main-plan-text,
.checkout-subscription-message-below-cv-button__skeleton {
    margin-bottom: 4px
}

.checkout-subscription-message-below-cv-button--mobile .checkout-subscription-message-below-cv-button__commerce-xf,
.checkout-subscription-message-below-cv-button--mobile .checkout-subscription-message-below-cv-button__main-plan-text-wrapper,
.checkout-subscription-message-below-cv-button--mobile .checkout-subscription-message-below-cv-button__normal-xf {
    display: none
}

@media screen and (max-width:767.9px) {
    .checkout-subscription-message-below-cv-button--mobile {
        margin-bottom: 5pc
    }

    .checkout-subscription-message-below-cv-button--mobile .checkout-subscription-message-below-cv-button__normal-xf {
        display: block
    }

    .checkout-subscription-message-below-cv-button:not(.checkout-subscription-message-below-cv-button--mobile) .checkout-subscription-message-below-cv-button__normal-xf {
        display: none
    }

    .contract_payment_information__title {
        margin-bottom: 2pc;
        text-align: center
    }
}

.contract_payment_information .c-com002__payment_info_payment_method_select {
    margin-top: 0
}

.contract_payment_information .club-coins {
    margin-bottom: 24px
}

.enquete_form {
    gap: 3pc;
    margin: auto;
    max-width: 50pc;
    width: 100%
}

.enquete_form,
.enquete_form_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.enquete_form_header {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 2pc
}

.enquete_form_header__form-title {
    width: 100%
}

.enquete_form_contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 3pc
}

.enquete_form_contents_question,
.enquete_form_contents_question_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc
}

.enquete_form_contents_question_header_title {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.enquete_form_contents_question_input {
    gap: 24px
}

.enquete_form_contents_question_input,
.enquete_form_contents_question_input_textarea {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.enquete_form_contents_question_input_select {
    display: inline-grid;
    grid-auto-flow: column;
    grid-template-areas: "before input after";
    grid-template-columns: auto 1fr auto;
    width: 100%
}

.enquete_form_contents_question_input_select_selector {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: transparent;
    cursor: pointer;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    grid-area: input-start/input-start/input-end/icon-end;
    height: 56px;
    padding: 0 1pc;
    width: 100%
}

.enquete_form_contents_question_input_select_icon {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    grid-area: after;
    justify-content: center;
    pointer-events: none;
    width: 2.25rem
}

.enquete_form_contents_question_input textarea {
    background-color: transparent;
    padding: 1pc;
    resize: vertical
}

.enquete_form_contents_question_input .is-error {
    background: #f2dad9
}

.gifts {
    display: grid;
    gap: 24px;
    margin-bottom: 24px
}

.gifts-item {
    display: grid;
    gap: 1pc;
    grid-template-columns: auto 1fr;
    min-height: 76px
}

@media screen and (max-width:767.9px) {
    .gifts-item {
        min-height: 62px
    }
}

.gifts-item img {
    height: auto;
    width: 76px
}

@media screen and (max-width:767.9px) {
    .gifts-item img {
        width: 62px
    }
}

.gifts-item__title-section .cx_label:first-child {
    margin-bottom: 4px
}

.gifts-item--out-of-stock {
    position: relative
}

.gifts-item--out-of-stock:after {
    background-color: #ccc;
    content: "";
    height: 100%;
    left: -40px;
    opacity: .7;
    position: absolute;
    width: calc(100% + 40px)
}

.gifts-item--out-of-stock .gifts-item__stock-status-text {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 1
}

.gifts-are-selectable-not-selected--all-out-of-stock .gifts-are-selectable-not-selected__content {
    position: relative;
    width: 100%
}

.gifts-are-selectable-not-selected--all-out-of-stock .gifts-are-selectable-not-selected__content:after {
    background-color: #ccc;
    content: "";
    height: 100%;
    left: 0;
    opacity: .7;
    position: absolute;
    top: 0;
    width: 100%
}

.gifts-are-selectable-not-selected--all-out-of-stock .gifts-are-selectable-not-selected__content .gifts-are-selectable-not-selected__stock-status-text {
    left: 50%;
    position: absolute;
    text-align: center;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 90%;
    z-index: 1
}

.gifts-are-not-user-selectable .gifts-item--out-of-stock:after,
.gifts-are-selectable-selected .gifts-item--out-of-stock:after {
    left: 0;
    width: 100%
}

.gifts-are-not-user-selectable,
.gifts-are-selectable-not-selected,
.gifts-are-selectable-selected,
.gifts-loading {
    background-color: #e6e6e6;
    display: grid;
    gap: 1pc;
    justify-items: start;
    padding: 1pc
}

.gifts-are-selectable-not-selected__content {
    display: grid;
    gap: 1pc;
    justify-items: start
}

.gifts-loading {
    justify-items: legacy
}

.gifts-items-list {
    display: grid;
    gap: 1pc;
    width: 100%
}

.gifts-items-list--product {
    gap: 2pc;
    grid-template-columns: repeat(auto-fit, minmax(46%, 1fr))
}

@media screen and (max-width:767.9px) {
    .gifts-items-list--product {
        gap: 1pc;
        grid-template-columns: 1fr
    }
}

.gifts-items-list--product .gifts-item {
    gap: 2pc;
    min-height: 75pt
}

@media screen and (max-width:767.9px) {
    .gifts-items-list--product .gifts-item {
        gap: 1pc;
        min-height: 62px
    }
}

.gifts-items-list--product .gifts-item img {
    width: 75pt
}

@media screen and (max-width:767.9px) {
    .gifts-items-list--product .gifts-item img {
        width: 62px
    }
}

.gifts-select-gift-modal-body {
    display: grid;
    gap: 2pc
}

.gifts-select-gift-modal-body .cx_title {
    text-align: center
}

.gifts-select-gift-modal-body__body-bottom {
    display: grid;
    gap: 24px
}

.gifts-select-gift-modal-body .cx_checkbox_label:before,
.gifts-select-gift-modal-body .cx_radio_label:before {
    top: calc(50% + 24px)
}

.gifts-select-gift-modal-body .cx_checkbox_label:after,
.gifts-select-gift-modal-body .cx_radio_label:after {
    top: calc(50% + 28px)
}

.gifts-select-gift-modal-body .cx_checkbox input:checked+span:after {
    top: calc(50% + 31px)
}

.gifts-select-gift-modal-body .cx_button {
    margin: 0 auto;
    width: 4in
}

@media screen and (max-width:767.9px) {
    .gifts-select-gift-modal-body .cx_button {
        width: 100%
    }
}

.gifts--desktop,
.gifts-select-gift-modal-body__selection-container {
    display: grid
}

@media screen and (max-width:767.9px) {
    .gifts--desktop {
        display: none
    }
}

.gifts--mobile {
    display: none
}

@media screen and (max-width:767.9px) {
    .gifts--mobile {
        display: grid
    }
}

.gifts__border {
    background-color: #ccc;
    height: 1px;
    width: 100%
}

.gifts--product {
    background-color: #e6e6e6;
    gap: 0
}

.gifts--product>div:not(:first-child) {
    padding-top: 0
}

.select-shipping-address {
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .select-shipping-address {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .select-shipping-address {
        width: 100%
    }
}

.select-shipping-address_header {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2pc;
    margin-bottom: 2pc
}

.select-shipping-address_header,
.select-shipping-address_header_error,
.select-shipping-address_header_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center
}

.select-shipping-address_select_add_button {
    margin-bottom: 1pc
}

.select-shipping-address_select_add_button button {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.select-shipping-address_select_add_button button:hover>span {
    -webkit-text-decoration: underline dotted;
    text-decoration: underline dotted
}

.select-shipping-address_select_information {
    margin-bottom: 24px
}

.select-shipping-address_select_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.select-shipping-address_select_list_item {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.select-shipping-address_select_list_item_radio {
    width: 90%
}

.select-shipping-address_select_list_item_radio_info {
    display: block;
    line-height: 1.5;
    margin-bottom: 0;
    position: relative
}

.select-shipping-address_select_list_item_radio_info_delivery_name {
    margin-bottom: 4px
}

.select-shipping-address_select_list_item_radio_info_name {
    margin-bottom: 8px
}

.select-shipping-address_select_list_item_button {
    min-width: 86px;
    width: 10%
}

.select-shipping-address_form_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2pc
}

.select-shipping-address_form_content_delete {
    background-color: #e6e6e6;
    padding: 1pc
}

.select-shipping-address_form_content_delete_note {
    margin-left: 40px;
    margin-top: 8px
}

.site-search__section-title {
    margin-bottom: 2pc;
    text-align: center
}

.site-search-product-cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: var(--gutter-width)
}

.site-search-product-card {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    text-align: left;
    width: calc(25% - var(--gutter-width)*3/4)
}

@media screen and (max-width:575px) {
    .site-search-product-card {
        width: calc(50% - var(--gutter-width)*1/2)
    }
}

.site-search-product-card img {
    aspect-ratio: 1;
    -o-object-fit: contain;
    object-fit: contain;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .site-search-product-card img {
        width: 155px
    }
}

.site-search-product-card a {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1pc;
    text-decoration: none
}

.site-search-product-card .c-product__image {
    margin-bottom: 1pc;
    margin-top: 8px;
    text-align: center
}

.site-search-product-card__name-review-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 8px
}

.site-search-product-card__name-sku-section,
.site-search-product-card__price-section,
.site-search-product-card__promotion-label {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px
}

.site-search-product-card__price-discounted {
    text-decoration: line-through
}

.site-search-product-card .c-product__new {
    font-size: 1.125rem;
    line-height: 21px;
    min-height: 21px
}

.site-search-product-card .c-product__end-of-production {
    color: #475c85;
    font-size: .875rem;
    font-weight: 700;
    line-height: 21px
}

.site-search-product-card .c-product__pre-order {
    font-size: .875rem;
    font-weight: 700;
    line-height: 21px
}

.site-search-product-card .c-product__review .c-product__link .icon--function {
    vertical-align: -3px
}

.site-search-product-card .c-product__reviewStar,
.site-search-product-card .c-product__reviewStar>img {
    height: 14px;
    width: 86px
}

.site-search-product-card .c-product__reviewStar:after {
    background-size: 86px 14px;
    height: 14px
}

.site-search-product-card .c-product__reviewCount {
    font-size: .875rem;
    margin-left: 8px;
    margin-right: 2pc
}

@media screen and (max-width:767.9px) {
    .site-search-product-card .c-product__reviewCount {
        margin-right: 1pc
    }
}

.site-search__section-header__tabs {
    margin-bottom: 3pc
}

.site-search__section-button {
    margin-bottom: 4pc;
    margin-top: 3pc;
    text-align: center
}

@media screen and (max-width:767.9px) {
    .site-search__section-button {
        margin-bottom: 5pc
    }
}

.site-search__section-button .cx_button {
    max-width: 4in
}

@media screen and (max-width:767.9px) {
    .site-search__section-button .cx_button {
        max-width: 327px
    }
}

.site-search-input-form {
    margin-bottom: 3pc
}

.site-search-input-form-box__group {
    max-width: 100%;
    padding: 0
}

.site-search-input-form-box__inputwrap {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 56px;
    position: relative;
    width: 100%
}

.site-search-input-form-box__inputwrap .cx_button {
    height: 56px;
    width: 56px
}

.site-search-input-form-box__suggestion-box {
    background: #fff;
    position: absolute;
    top: 56px;
    width: 100%;
    z-index: 98
}

.site-search-input-form-box__suggestion-box .cx_label {
    padding: 1pc;
    width: 100%
}

.site-search-input-form-box__suggestion-box .cx_label:hover {
    background-color: #e6e6e6
}

.site-search-input-form-box__tbox {
    background: transparent;
    border: 1px solid #b3b3b3;
    border-radius: 0;
    border-right: none;
    color: #666;
    line-height: 1.5;
    max-height: 56px;
    padding: 14px 1pc 1pc;
    width: 100%
}

.site-search-input-form-box__tbox::-webkit-input-placeholder {
    color: #666;
    opacity: 1
}

.site-search-input-form-box__tbox::-moz-placeholder {
    color: #666;
    opacity: 1
}

.site-search-input-form-box__tbox:-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.site-search-input-form-box__tbox::-ms-input-placeholder {
    color: #666;
    opacity: 1
}

.site-search-input-form-box__tbox::placeholder {
    color: #666;
    opacity: 1
}

.site-search-input-form-box__tbox:focus {
    outline-color: #1a1a1a;
    outline-offset: -2px;
    outline-style: solid;
    outline-width: 2px
}

.site-search-input-form-box__tbox:-webkit-autofill {
    -webkit-box-shadow: inset 0 0 0 999px #f2f2f2;
    box-shadow: inset 0 0 0 999px #f2f2f2;
    -webkit-transition: background-color 10000s ease-in-out 0s;
    transition: background-color 10000s ease-in-out 0s
}

.site-search__section-footer {
    margin-bottom: 4pc;
    margin-top: 4pc
}

@media screen and (max-width:767.9px) {
    .site-search__section-footer {
        margin-bottom: 5pc;
        margin-top: 5pc
    }
}

.site-search__section-footer-related-words {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    gap: 24px
}

.site-search__section-footer-related-words-item {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 8px
}

.subscription_cart_total__trial-title {
    margin-bottom: 8px
}

.subscription_cart_total.cart_total .cart_total__body__amount-area__amount>div.purchase_rental_cart_total--product-price:not(:last-child) {
    border-bottom: 0;
    margin-bottom: 0;
    padding: 0
}

.subscription_cart_total.cart_total .cart_total__body__amount-area__amount>div.purchase_rental_cart_total--subtotal:not(:last-child) {
    padding-top: 1pc
}

.subscription_cart_total.cart_total .cart_total__body__amount-area__amount>div.purchase_rental_cart_total--refund-paid-usage-fee:not(:last-child) {
    border-bottom: 0;
    margin-bottom: 0;
    margin-top: 8px;
    padding: 0
}

.subscription-lp__favorite {
    margin-top: 1pc
}

.subscription-lp__favorite .c-prd110__inner__body__inner__left__favorite {
    margin-bottom: 0
}

.subscription-lp_price_details {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 4px;
    margin-bottom: 24px
}

.subscription-lp_price_details .cx_price {
    gap: 4px
}

.subscription-lp_price_details__combined-variation {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px
}

.subscription-lp_price_details .subscription-lp__loader:first-child,
.subscription-lp_price_details__label {
    margin-bottom: 4px
}

.subscription-lp_cta_button {
    margin-bottom: 2pc
}

.subscription-lp_cta_button .cx_info .cx_typography:not(.cx_info--rte-label),
.subscription-lp_cta_button .cx_link .cx_typography {
    font-weight: 500
}

.subscription-lp_cta_button .cx_button--xl {
    font-size: 1.125rem;
    line-height: 27px
}

.subscription-lp_cta_button_login-buttons {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 24px
}

.subscription-lp_cta_button_login-buttons .cx_link {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.subscription-lp_cta_button_login .cx_note {
    margin-bottom: 1pc
}

.subscription-lp_cta_button_suspended-plan {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    background-color: #e6e6e6;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 8px 20px;
    text-align: center
}

.subscription-lp .cx_bullet-with-title {
    margin-bottom: 2pc
}

.subscription-lp .cx_bullet-with-title .subscription-lp__loader {
    margin-bottom: 4px
}

.subscription-lp .cx_bullet-with-title .subscription-lp__loader:last-child {
    margin-bottom: 0
}

.subscription-lp .cx_coins {
    background-color: #e6e6e6;
    margin-bottom: 24px;
    padding: 1pc
}

.subscription-lp__loader-coin-information {
    margin-bottom: 24px
}

@media screen and (max-width:767.9px) {
    .subscription-lp__loader-coin-information {
        margin-bottom: 34px
    }
}

.subscription-lp .c-prd110__inner__body__inner__right__coin {
    margin-bottom: 24px
}

.subscription-lp .c-prd-common__sticky .c-prd-common__stickyInner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 2pc
}

@media screen and (max-width:767.9px) {
    .subscription-lp .c-prd-common__sticky .c-prd-common__stickyInner {
        gap: 1pc
    }
}

.subscription-lp .c-prd-common__sticky .c-prd-common__stickyInner .c-prd110__inner__body__inner__left__favorite {
    margin-bottom: 0
}

.subscription-lp .c-prd-common__sticky .c-prd-common__stickyInner .cx_button {
    width: 404px
}

@media screen and (max-width:767.9px) {
    .subscription-lp .c-prd-common__sticky .c-prd-common__stickyInner .cx_button {
        width: 267px
    }
}

.subscription_shipment__info {
    background-color: #e6e6e6;
    margin-bottom: 24px;
    padding: 1pc
}

.subscription_shipment__delivery-product {
    margin-bottom: 1pc
}

.subscription_shipment .cart-item__price-area {
    display: none
}

.c-myp005__inner-wrapper_contents {
    margin-bottom: 4pc;
    margin-left: auto;
    margin-right: auto;
    max-width: var(--inner-width);
    width: calc(var(--unit-width)*10 + var(--gutter-width)*9)
}

@media screen and (min-width:992px) {
    .c-myp005__inner-wrapper_contents {
        width: calc(var(--unit-width)*8 + var(--gutter-width)*7)
    }
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents {
        margin-bottom: 5pc;
        width: 100%
    }
}

.c-myp005__inner-wrapper_contents_empty_message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column
}

.c-myp005__inner-wrapper_contents_empty_message p,
.c-myp005__inner-wrapper_contents_list_deleted_message {
    text-align: center
}

.c-myp005__inner-wrapper_contents_list_title {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc
}

.c-myp005__inner-wrapper_contents_list_deleted_message {
    margin-bottom: 2pc
}

.c-myp005__inner-wrapper_contents_list_numbers {
    margin-bottom: 3pc;
    text-align: left
}

.c-myp005__inner-wrapper_contents_list_item_header {
    margin-bottom: 1pc
}

.c-myp005__inner-wrapper_contents_list_item_body {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-myp005__inner-wrapper_contents_list_item_product_contents {
    width: 37pc
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents_list_item_product_contents {
        width: 213px
    }
}

.c-myp005__inner-wrapper_contents_list_item_product_contents_loading {
    margin-bottom: 8px
}

.c-myp005__inner-wrapper_contents_list_item_product_image {
    height: 11pc;
    margin-right: 2pc;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents_list_item_product_image {
        height: 6pc;
        margin-right: 1pc;
        width: 6pc
    }
}

.c-myp005__inner-wrapper_contents_list_item_product_image_skelton {
    height: 11pc;
    width: 11pc
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents_list_item_product_image_skelton {
        height: 6pc;
        width: 6pc
    }
}

.c-myp005__inner-wrapper_contents_list_item_product_image_image {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain;
    -o-object-position: top;
    object-position: top;
    width: 100%
}

.c-myp005__inner-wrapper_contents_list_item_product_status {
    margin-bottom: 8px
}

.c-myp005__inner-wrapper_contents_list_item_product_name {
    margin-bottom: 4px
}

.c-myp005__inner-wrapper_contents_list_item_product_number {
    border-bottom: 1px solid #333;
    margin-bottom: 1pc;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.c-myp005__inner-wrapper_contents_list_item_plan_contents,
.c-myp005__inner-wrapper_contents_list_item_set_name {
    margin-bottom: 1pc
}

.c-myp005__inner-wrapper_contents_list_item_plan_contents_title,
.c-myp005__inner-wrapper_contents_list_item_set_name_title {
    margin-bottom: 4px
}

.c-myp005__inner-wrapper_contents_list_item_plan_contents_content,
.c-myp005__inner-wrapper_contents_list_item_set_name_content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 4px
}

.c-myp005__inner-wrapper_contents_list_item_plan_contents_content_bullet,
.c-myp005__inner-wrapper_contents_list_item_set_name_content_bullet {
    height: 21px
}

.c-myp005__inner-wrapper_contents_list_item_price {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-box-align: baseline;
    -ms-flex-align: baseline;
    align-items: baseline;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    margin-bottom: 1pc
}

.c-myp005__inner-wrapper_contents_list_item_price div:last-child {
    margin-left: 4px
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents_list_item_price .cx_label--large p {
        font-size: 1rem;
        line-height: 24px
    }

    .c-myp005__inner-wrapper_contents_list_item_price .cx_label--medium p {
        font-size: .75rem;
        line-height: 20px
    }
}

.c-myp005__inner-wrapper_contents_list_item_cta_button,
.c-myp005__inner-wrapper_contents_list_item_cta_label {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end;
    margin-bottom: 1pc
}

.c-myp005__inner-wrapper_contents_list_item_cta_label>div {
    background-color: #e6e6e6;
    padding: 22px 1pc
}

.c-myp005__inner-wrapper_contents_list_item_delete_button {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: end
}

.c-myp005__inner-wrapper_contents_list_item_delete_modal_message {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    margin-bottom: 2pc
}

.c-myp005__inner-wrapper_contents_list_item_delete_modal_message p {
    text-align: center
}

.c-myp005__inner-wrapper_contents_list_item_delete_modal_btns {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between
}

.c-myp005__inner-wrapper_contents_list_item_delete_modal_btns>button {
    width: calc(50% - 1pc)
}

.c-myp005__inner-wrapper_contents_list_item_bottom .c-myp005__inner-wrapper_contents_list_item_cta_label>div {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    width: 100%
}

.c-myp005__inner-wrapper_contents_list_item_bottom .c-myp005__inner-wrapper_contents_list_item_delete_modal_btns {
    -webkit-box-pack: normal;
    -ms-flex-pack: normal;
    display: grid;
    gap: 2pc;
    justify-content: normal
}

.c-myp005__inner-wrapper_contents_list_item_bottom .c-myp005__inner-wrapper_contents_list_item_delete_modal_btns>button {
    width: 100%
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents_list_item_bottom .c-myp005__inner-wrapper_contents_list_item_delete_modal_btns button:nth-child(2) {
        -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
        order: -1
    }
}

.c-myp005__inner-wrapper_contents_list_item_devider {
    border-bottom: 1px solid #ccc;
    margin: 24px 0
}

.c-myp005__inner-wrapper_contents_list_item_link {
    cursor: pointer
}

.c-myp005__inner-wrapper_contents_api_error {
    text-align: center
}

.c-myp005__inner-wrapper_contents .c-oth001__pagenation .c-oth001__pagenationItem {
    font-weight: 500;
    padding: 1pc
}

.c-myp005__inner-wrapper_contents .c-oth001__pagenation li:first-child button,
.c-myp005__inner-wrapper_contents .c-oth001__pagenation li:last-child button {
    padding-left: 2pc;
    padding-right: 2pc
}

.c-myp005__inner-wrapper_contents_empty_message .cx_typography {
    font-size: 1.25rem;
    line-height: 30px
}

@media screen and (max-width:767.9px) {
    .c-myp005__inner-wrapper_contents_empty_message .cx_typography {
        font-size: 1.125rem;
        line-height: 27px
    }
}

.c-prd-common__sticky {
    background: #f2f2f2;
    border-top: 1px solid #ccc;
    bottom: 0;
    display: none;
    left: 0;
    padding: 1pc var(--side-margin);
    position: fixed;
    width: 100%;
    z-index: 96
}

.c-prd-common__sticky.is-show {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-prd-common__sticky .c-prd001__favorite {
    justify-self: end;
    margin-top: 0
}

.c-prd-common__sticky .c-prd001__favoriteIcon {
    margin-left: 0
}

.c-prd-common__sticky .c-product__buttonRegular {
    justify-self: center;
    margin: 0 1pc;
    padding: 7px 20px 8px
}

@media screen and (max-width:767.9px) {
    .c-prd-common__sticky .c-product__buttonRegular {
        min-height: 44px
    }
}

@media screen and (max-width:575px) {
    .c-prd-common__sticky .c-product__buttonRegular {
        margin: 0 0 0 1pc
    }
}

.c-prd-common__stickyInner {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    justify-content: center;
    width: 100%
}

@media screen and (max-width:575px) {
    .c-prd-common__stickyInner {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }
}

main.container {
    padding: .5em 1em
}

footer.experiencefragment {
    border-top: 1px solid #202020;
    padding: .5em 1em
}

@media(prefers-color-scheme:dark) {
    footer.experiencefragment {
        border-color: #dfdfdf
    }
}

footer.experiencefragment .cmp-separator__horizontal-rule {
    border: 0;
    margin: 0
}

header.experiencefragment {
    border-bottom: 1px solid #202020;
    padding: .5em 1em
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment {
        border-bottom-color: #dfdfdf
    }
}

header.experiencefragment a {
    color: #202020;
    text-decoration: none
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment a {
        color: #dfdfdf
    }
}

header.experiencefragment a:focus,
header.experiencefragment a:hover {
    color: #2020e0;
    text-decoration: underline
}

@media(prefers-color-scheme:dark) {

    header.experiencefragment a:focus,
    header.experiencefragment a:hover {
        color: #dfdf1f
    }
}

header.experiencefragment .cmp-container {
    display: grid;
    grid-template-columns: 4fr 1fr 1fr
}

header.experiencefragment .cmp-navigation__group {
    list-style: none;
    margin: 0;
    padding: 0
}

header.experiencefragment .cmp-navigation__item--level-0 {
    display: grid;
    grid-template-columns: 1fr 3fr
}

header.experiencefragment .cmp-navigation__item--level-0>.cmp-navigation__group {
    display: grid;
    grid-template-columns: repeat(3, 1fr)
}

header.experiencefragment .cmp-navigation__item-link {
    display: block
}

header.experiencefragment .cmp-navigation__item--active>.cmp-navigation__item-link {
    font-weight: 700
}

header.experiencefragment .cmp-languagenavigation {
    position: relative
}

header.experiencefragment .cmp-languagenavigation:before {
    background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(32,32,32)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>');
    background-repeat: no-repeat;
    content: " ";
    display: block;
    height: 1.5em
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment .cmp-languagenavigation:before {
        background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path fill="rgb(223,223,223)" d="M12.1,0.2h-0.1c-3.1,0-6.1,1.3-8.3,3.5C1.4,6,0.2,8.9,0.2,12.1c0,3.1,1.3,6.1,3.5,8.3c2.2,2.2,5.1,3.4,8.3,3.4 c0,0,0,0,0.1,0c6.5,0,11.7-5.3,11.7-11.8C23.7,5.5,18.5,0.3,12.1,0.2z M18.3,11.5c-0.1-1.4-0.3-2.8-0.7-4.1C18.5,7,19.4,6.5,20.3,6 c1.1,1.6,1.9,3.5,2,5.5H18.3z M22.2,12.5c-0.1,2.1-0.8,4-2,5.5c-0.8-0.6-1.7-1-2.6-1.4c0.3-1.1,0.6-2.2,0.7-3.3c0-0.3,0-0.5,0-0.8 H22.2z M19.6,5.2c-0.8,0.5-1.6,0.9-2.4,1.3c-0.6-1.4-1.4-2.7-2.3-3.8c-0.2-0.2-0.4-0.4-0.6-0.6C16.4,2.5,18.3,3.7,19.6,5.2z M12.8,22.2c-0.1,0-0.2,0-0.3,0v-5.7c1.3,0,2.6,0.3,3.8,0.7C15.6,19.1,14.3,20.8,12.8,22.2z M9.9,20.8c-0.9-1.1-1.7-2.3-2.2-3.6 c1.2-0.4,2.5-0.6,3.8-0.7v5.7c-0.1,0-0.2,0-0.3,0C10.7,21.8,10.3,21.3,9.9,20.8z M11.4,1.8c0,0,0.1,0,0.1,0v5.7 c-1.3,0-2.6-0.3-3.8-0.7C8.5,4.9,9.7,3.2,11.4,1.8z M14.1,3.3c0.9,1.1,1.6,2.3,2.2,3.5c-1.2,0.4-2.5,0.6-3.8,0.7V1.8 c0.1,0,0.1,0,0.2,0C13.2,2.2,13.7,2.7,14.1,3.3z M16.7,7.7c0.4,1.2,0.6,2.5,0.7,3.8h-4.8V8.4C13.9,8.4,15.3,8.2,16.7,7.7z M11.5,8.4 v3.1H6.7C6.7,10.2,7,9,7.4,7.7C8.7,8.2,10.1,8.4,11.5,8.4z M11.5,12.5v3.1c-1.4,0-2.8,0.3-4.2,0.7c-0.4-1.2-0.6-2.5-0.7-3.8H11.5z M12.5,15.6v-3.1h4.8c0,0.2,0,0.5,0,0.7c-0.1,1.1-0.3,2.1-0.6,3.1C15.3,15.8,13.9,15.6,12.5,15.6z M9.6,2C8.4,3.3,7.4,4.8,6.8,6.5 C5.9,6.1,5.1,5.7,4.4,5.2c0.1-0.1,0.2-0.3,0.4-0.4C6.1,3.4,7.8,2.5,9.6,2z M5.7,11.5H1.8c0.1-2,0.8-3.9,1.9-5.5 C4.6,6.5,5.5,7,6.4,7.4C6,8.7,5.7,10.1,5.7,11.5z M6.4,16.6C5.5,17,4.6,17.5,3.7,18c-1.2-1.6-1.9-3.5-1.9-5.5h3.9 C5.7,13.9,5.9,15.3,6.4,16.6z M4.4,18.8c0.8-0.5,1.5-0.9,2.4-1.3c0.6,1.4,1.4,2.7,2.4,3.9c0.1,0.2,0.3,0.3,0.4,0.5 c-1.8-0.4-3.4-1.3-4.7-2.7C4.6,19.1,4.5,19,4.4,18.8z M14.5,21.9c1.2-1.3,2.1-2.8,2.8-4.4c0.8,0.3,1.6,0.8,2.4,1.2 C18.3,20.3,16.5,21.4,14.5,21.9z"/></svg>')
    }
}

header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
    background: #ececec;
    border: 1px solid #202020;
    border-top: 0;
    padding: 0 8px;
    position: absolute;
    top: 34px;
    -webkit-transition-delay: .5s;
    transition-delay: .5s;
    visibility: hidden;
    width: 20em
}

@media(prefers-color-scheme:dark) {
    header.experiencefragment .cmp-languagenavigation>.cmp-languagenavigation__group {
        background: #131313;
        border-color: #dfdfdf
    }
}

header.experiencefragment .cmp-languagenavigation:hover>.cmp-languagenavigation__group {
    -webkit-transition-delay: 0s;
    transition-delay: 0s;
    visibility: visible
}

header.experiencefragment .cmp-languagenavigation__group {
    list-style: none;
    margin: 0;
    padding: 0
}

header.experiencefragment .cmp-languagenavigation__item-title {
    font-size: x-small;
    text-transform: uppercase
}

header.experiencefragment .cmp-languagenavigation__item--level-0 {
    margin-bottom: .5em
}

header.experiencefragment .cmp-languagenavigation__item--level-1 {
    display: inline
}

header.experiencefragment .cmp-languagenavigation__item--level-1:not(:first-child):before {
    content: " | "
}

header.experiencefragment .cmp-languagenavigation__item--active>.cmp-languagenavigation__item-link {
    font-weight: 700
}

header.experiencefragment .cmp-search__field {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: -3px 0
}

header.experiencefragment .cmp-search__input {
    height: 26px
}

@keyframes react-loading-skeleton {
    to {
        transform: translateX(100%)
    }
}

.react-loading-skeleton {
    --base-color: #ebebeb;
    --highlight-color: #f5f5f5;
    --animation-duration: 1.5s;
    --animation-direction: normal;
    --pseudo-element-display: block;
    background-color: var(--base-color);
    border-radius: .25rem;
    display: inline-flex;
    line-height: 1;
    overflow: hidden;
    position: relative;
    user-select: none;
    width: 100%
}

.react-loading-skeleton:after {
    animation-direction: var(--animation-direction);
    animation-duration: var(--animation-duration);
    animation-iteration-count: infinite;
    animation-name: react-loading-skeleton;
    animation-timing-function: ease-in-out;
    background-image: linear-gradient(90deg, var(--base-color), var(--highlight-color), var(--base-color));
    background-repeat: no-repeat;
    content: " ";
    display: var(--pseudo-element-display);
    height: 100%;
    left: 0;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateX(-100%)
}

@media (prefers-reduced-motion) {
    .react-loading-skeleton {
        --pseudo-element-display: none
    }
}

[data-simplebar] {
    align-content: flex-start;
    align-items: flex-start;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    position: relative
}

.simplebar-wrapper {
    height: inherit;
    max-height: inherit;
    max-width: inherit;
    overflow: hidden;
    width: inherit
}

.simplebar-mask {
    direction: inherit;
    height: auto !important;
    overflow: hidden;
    width: auto !important;
    z-index: 0
}

.simplebar-mask,
.simplebar-offset {
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0
}

.simplebar-offset {
    -webkit-overflow-scrolling: touch;
    box-sizing: inherit !important;
    direction: inherit !important;
    resize: none !important
}

.simplebar-content-wrapper {
    -ms-overflow-style: none;
    box-sizing: border-box !important;
    direction: inherit;
    display: block;
    height: 100%;
    max-height: 100%;
    max-width: 100%;
    position: relative;
    scrollbar-width: none;
    width: auto
}

.simplebar-content-wrapper::-webkit-scrollbar,
.simplebar-hide-scrollbar::-webkit-scrollbar {
    display: none;
    height: 0;
    width: 0
}

.simplebar-content:after,
.simplebar-content:before {
    content: " ";
    display: table
}

.simplebar-placeholder {
    max-height: 100%;
    max-width: 100%;
    pointer-events: none;
    width: 100%
}

.simplebar-height-auto-observer-wrapper {
    box-sizing: inherit !important;
    flex-basis: 0;
    flex-grow: inherit;
    flex-shrink: 0;
    float: left;
    height: 100%;
    margin: 0;
    max-height: 1px;
    max-width: 1px;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: relative;
    width: 100%;
    z-index: -1
}

.simplebar-height-auto-observer {
    box-sizing: inherit;
    display: block;
    height: 1000%;
    left: 0;
    min-height: 1px;
    min-width: 1px;
    opacity: 0;
    top: 0;
    width: 1000%;
    z-index: -1
}

.simplebar-height-auto-observer,
.simplebar-track {
    overflow: hidden;
    pointer-events: none;
    position: absolute
}

.simplebar-track {
    bottom: 0;
    right: 0;
    z-index: 1
}

[data-simplebar].simplebar-dragging .simplebar-content {
    pointer-events: none;
    user-select: none;
    -webkit-user-select: none
}

[data-simplebar].simplebar-dragging .simplebar-track {
    pointer-events: all
}

.simplebar-scrollbar {
    left: 0;
    min-height: 10px;
    position: absolute;
    right: 0
}

.simplebar-scrollbar:before {
    background: #000;
    border-radius: 7px;
    content: "";
    left: 2px;
    opacity: 0;
    position: absolute;
    right: 2px;
    transition: opacity .2s linear
}

.simplebar-scrollbar.simplebar-visible:before {
    opacity: .5;
    transition: opacity 0s linear
}

.simplebar-track.simplebar-vertical {
    top: 0;
    width: 11px
}

.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
    bottom: 2px;
    top: 2px
}

.simplebar-track.simplebar-horizontal {
    height: 11px;
    left: 0
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
    height: 100%;
    left: 2px;
    right: 2px
}

.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
    height: 7px;
    left: 0;
    min-height: 0;
    min-width: 10px;
    right: auto;
    top: 2px;
    width: auto
}

[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
    left: 0;
    right: auto
}

.hs-dummy-scrollbar-size {
    direction: rtl;
    height: 500px;
    opacity: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    position: fixed;
    visibility: hidden;
    width: 500px
}

.simplebar-hide-scrollbar {
    -ms-overflow-style: none;
    left: 0;
    overflow-y: scroll;
    position: fixed;
    scrollbar-width: none;
    visibility: hidden
}

:not(:defined)>* {
    display: none
}

@keyframes circle {
    0% {
        transform: translateX(-50%) rotate(0deg) translateX(50px) rotate(0deg)
    }

    to {
        transform: translateX(-50%) rotate(1turn) translateX(50px) rotate(-1turn)
    }
}

@keyframes elongate {
    0% {
        transform: translateX(75pt)
    }

    to {
        transform: translateX(-75pt)
    }
}

model-viewer::part(default-exit-webxr-ar-button) {
    left: 1pc;
    top: 2pc
}

model-viewer>#ar-prompt {
    display: none
}

model-viewer>#ar-prompt>#ar-prompt-animate {
    animation: elongate 2s ease-in-out infinite alternate;
    bottom: 175px;
    left: 50%;
    position: absolute
}

model-viewer[ar-status=session-started]>#ar-prompt {
    display: block
}

model-viewer>#ar-prompt>#ar-prompt-animate>#ar-prompt-image {
    animation: circle 4s linear infinite;
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAA2CAQAAAAvpwIsAAAW7npUWHRSYXcgcHJvZmlsZSB0eXBlIGV4aWYAAHjarZpXchy7lkX/MYoeArwZDmzEm0EPv9dGJilSV3rSjWgxxCpmpQGO2QYos//3P8f8D/9SzdbEVGpuOVv+xRab77yp9vnX7m9n4/19/wX/fua+Hzchvx94DgWd+fxZ+nt+53j6ccHHM9z4ftzU9xNf3xu9H3zcMOjJGsX6Osg7snvcxfdGbT9vcqvl61DHO4X5nniH8v7P0955uPfm+tt8PRALUVqJBwXvd3DB3t/xGUF4/nf+5/s7cZ67RzhueHGhviMhIN+m9/Fq7dcAfQvyfgdhfo7+57ufgu/7ezz8FMv8caP86w9c+nXwb4i/lsP7znD42wd9ufSP6bz/z1n1nP3MrsdMRPNbUdZ8REfXcOIg5OFelvkp/E+8L/en8VNtt5OULzvt4Ge65jwRP8ZFt1x3x+37Ot1kiNFvX3j1fvpwj9VQfPMzKE9RP+74ElpYoZKz6bcJgcP+cyzuPrfd501XefJynOodN3Nc8tsf898+/Dc/5pypEDlbnzhRF4zLq64ZhjKn35xFQtx585ZugD9+3vTbL/VDqZLBdMNcmWC347nFSO5HbYWb58B5idenhZwp670BIeLZicG4QAZsdiG57GzxvjhHHCsJ6ozch+gHGXAp+cUgfQwhe1N89Xo21xR3z/XJZ6/DYBOJSHRWITctdJIVY6J+SqzUUE8hxZRSTiVVk1rqOeSYU865ZIFcL6HEkkoupdTSSq+hxgoM1lJrbbU33wIYmFpupdXWWu/edB7UuVfn/M6R4UcYcaSRRxl1tNEn5TPjTDPPMutssy+/wgImVl5l1dVW385skGLHnXbeZdfddj/U2gknnnTyKaeedvpn1tzbtj///IusuTdr/mZK55XPrHHUlPJxCyc4ScoZGfPRkfGiDFDQXjmz1cXolTnlzDZPUyTPIJNyY5ZTxkhh3M6n4z5z9yNzf5U3k+pf5c3/KXNGqfv/yJwhdf/M2y+ytsRz82bs6ULF1Aa6j8937cbXLlLr93V3BnLuK8Naw1WAaa5CJ1e3wpxEv9rEhENNYfVB/5zqz/bBtFQ8E+jJ7uLmHL6cIzRImwfZyvwKREPk1ibMY65GuNuqIbTjK/cc6tHejTtreW5yBoOyYZd7o5p82CRRw17ce589GyWVN6DNh+5+CO9+fmz0OZPPe+y6DnE/ezPWFMdOs5w105n9PsH95hbPHQy3aIt3PYwZ9YYArh6J7lkt3NEt8uIa9/687yFlh3yeBuOUufY5apFEZmtbpCj2PaouTh+xGj3fEftWKFYmx4AbQyon87Dt/dgNEpnRlD4pMuLqqbBZ9bY0nn2ol67cTh7pVPLMoBUCOr5EjNtvF3upzRCToqHouePcgTCMo5lWxs5dOUTwGNJs3w7cwNk3NQUYiTcSnrSl8i0y/p1UOI5rp/7K+vCdVijpxFJacPrQhHjHsmNyO5KmEyaB3KdBp+4En1aZnjagJzyY0ErpuRHDfKi5+0hmnYjRWmsEQG7Pk4d3woVZF0iRNl1Kz1fSNPaAi2EA53M7RMsvWzbjObYeYJ2/Dc2sCrEt5D7otJNnA81gBkbUBgONSQLvT6/m1x+UFca2OVlohD6jqkKdtxD77Yukhggn0fFl2koXGbchqrPbzBIADsoaVRQI8ea3lf0fXqcnGwau6UV1kxY15DXfvXtTiYQdgJzuiqeQwBby7xaqPHNSCtROqIuGvuPc0BEJ6jvYkTOduiaasDR63207OI+Wch0czEPCaHZCT/VP6OGMsE+aXg3EjcY8eto4lB91nKijcUJmOBlcO0V1V3O/07gR+s2r+ecHbVMLTG+fUlbri7oZmfIDu13LM1NI5RZZZJ52RYoF3WVCBWinqhO8dImpFUfCal2bYhmRGqTNgGayYWdHs0msIe7zGP5LxM0fU0K/hmHTgpN83IFmJqohwVqhNcK0uSPVamKduzVKcoHH58CtnNNJINxwiqoSWc/JCH3uB/JS1mOvxJG4gOFRJrQSMsqfGbcz/egurDzQk+SOtulHBomGgXK42coZSKgrQd6ZTre99yu9p6gazC5p4dhuxwyCG8UKE6jWuCEzWCpRrspzX3/ZImmTI8q5dACggxiDQPeUKshEQ7sgrmfcfkZKClRys2nMjsFHa06FrqFCMHRRRDvPBeyXPDfz32N0OvzkOkGwWR35pZAdqDR972msNonN3mcYiUGC1hpItmOvcS0woM2SNvcIemRkUqSLbm0ENIyMHg17gB2FgNBijkCaseoA0lpN8UKj62v/RaN+qw4l3gyBkb25B9CK84xj+arUU52kgVKO0CJQgkp5GpM2ton2ZEaVDCQSOG768wkpt7ilfPZgWuoAolGXZ9rbjXHyWki3tkD/1pkTTrOMuUkOiDChckZEv8fiI4IFHYCYcxvtvfRHXSC1HaohV2kbmCPZhb5wqVIo1SMmSpiFGWBF2/hja5O1Y1fmlaIEYZjjgEpgCcCHeMwuYGvZRtqxKk+BYsqJGJzLV+SYSmqzZS7rwp9Z42SicyyYE5VJBAHF0sfAQgh1geCKVItJXQZRwCqR6iAwzdFQ8E/pG5gYBG+N2hw9t7aF3Ej2ijS0QZuC5GiLVHhWCet0FJ2zhzpGaXHhrkhT8txXE9/4CY+eSJkAKmDRCgQ8FwOBToJH94MwcNl/Q8Fvr8EPaqjxLDBjd3Mr48DiGaBAozPnBcZu3ZTpwMYP2Zf4FFpDEaNIkIOlBvC7BWi05G1OnGfQtvlEiqAXGj0iYjt6ME+KsdL4QQsLHZmNAh1MjzZME52M4kwDyYHw7LQIGD0H7B2UGHcQhXAEmhUJWxkYqgtT22n/AxBEnrpaUmdDE7Q4nndvHmhcszFnpoxTriD9wTjUK7LAQwQBlZyYIDVNUSc9NAcuLWAgkPMjcubnEPLMmuN0hYYoNkqjtSFmyNwQEIX+PDQV1h6TwkJt8DyEmwEPRS1ZXYaaQSNRTZMo4kCng2vpPMIG9EHMjXqUzqNSmDRmAZAeufCrAGwhg2eQw6O9MoooVuob9FoDocdVmCB4HX2eHdHAsNQj3C2dpGUuoSUjwIaR8oAEqn7EPfAOkxgCl1Xp8o9+Q7lyxb+QNfgj+OYI6SQr7JUVOwIzo3HjSXdU4l0aALPBag+a9LkBTYO/uoL7x1VQLPZgT2y9uGNAus2T9r1AboITxnGLFgDDFrSUoSrUm0lpE7c5kCv4zcLpeC4cnFbJ5Mu2DEAHsxWXknAbJJ2uRxRi+IiWrAz61hCMmR1gQ0FhSHmYDEOljeT5vJKjMqUIN8XARYBCsM21eUsKrCHRrS2z0hirSzww0F9pURi3Mj0M35C1UvmoxnokxfQWsgj+A7OZO7gXbAVqPb2JeFRmfftNfjCVFD7D3LD8aQyZ8scxUkc8DLLWQBkCI76D7dA/waExIp8OdUiYG4mPcrizqhbJ0A8ekX6ZGD+sBAbrpCiRii0XWfpJl2C+6Y1M6LY4cTw1mFJBS+1jy1uugbAjp505t+Bokq1yrBR8ZfodGIT3jktlRAfFMmKH0z9M6ynqCAdc/7RDVs2ZD+AcCJY+XURJYg/APMztrCm1v6Rdc3n3qAYyWpBxdSA95gHpbU+NKhhJEiyuKBBYUi10maBz+MfHCGWNAIiAcwnq6XT5vp6lOWJ+nqFWLhH5ZmWQ1APncZrdepKiNg4NeWwvptzTO9CrMW2Imb+jxVCe7iljohImEEyp00e9Rd4j27kpKEUwkYYGjEbLNa0QOJBoUSENgbQlvUNeE62ANrrAjj1EDSXihsy5XvhB1oG6JGt7rhVzAhkBsXmAr3uDjOJwmCVUY7ylQlNCi2gMycOT6HXOina42iCGbJAZSCNMdEAnEL9V0OCM+Vby5ys0eKob5FSCFUwRupOW0D0eECfojeZQvWtRQxCWJSA3NwHiajFItIpzMoBRIbC79k15UtR+ge4oye2lmc2BHbN4ljJFRE6EbL0eK9JUOylKAxuExAgqNGbJwNbh0pyZAXeir9uchisHhRw9rbaHyp4ALiW8yHeWjDDaMaCG4pNbsjtSiiPy+HbDKN2SwCM+ZxC+7/U3lvN5TX5Fspu1lDAvspqdA963URC9ouHU9Ivp5Yjz6HR6gRvQwEgCLcX0epdxeruF3c95yrpvTM2m8vtDRsC9A2PUXhM5VhRlXLq8FuiztCqCcB54JWrmaGuGcqEdbF8JFqk99471jQoy8fHQYApoTsrNh+yQlVwPxDiKp3IvEqlKRAs4+jvslXdmRG3AEZxpUcuBCgAOWj61nYinjAC2P3C33ClIOs/caSiJpI0myJYLadZVDGjoE6YbX0p4/L2OAdMoBdoZWhJDPnfciEyAn13CZIpe9wG7kFRaSq7TVNvAM3Az2S9ZyyC+lv1GXkJFTDfsTLNHzCeiJ1LrASDtDAxpmKlAWgQc91BDrNgwnKFtwYO13XFJRfIgvRgCQk+Q0HcFpkoca+Edd3FMOg7pHEPCEWrYIRdxg5s/Ua/1Ef9oLO7KAxCB1Ad6A9QFBYFyjC/8hIe+RepSMszR+r5Ae8qljKRJBWB5InXWxJo15lfiLLhZUeey1GL2cCBFjfoUPOFRKmJ0RWEoTLJT8ulfVHdY4PrGt2rZyTxa1ZaiRTqtGtwFikr1YdwL5U7hXQlWL5QTWJz0xl5fpYv8LcTAVVz27rEXAFi7Qd43sEXASmtC7Bts6rldycD5qUeJVRoqApSqUKkLyjoB/vZ1VXisW00elQVWMLQt0zyZAANdFiIDQKpWsRVK+BFJiXshWh2l4c3yJAmcwd/H7rcNmI/HYYHPXLYilc4ViTLNrkRSANdSrsHngFqJ0IjWt/EilYqiqz51LRThEUluRbT6dg3NghIKPATzCgLAdtKn6Crk6MzD7toyBUmMkFR7baIQkWg2WdUnxlFYUed1MuRICVAi3JUYHWxQRGwcnB6qN7EROxCJ0bZGMCjoIMeJ9CLcOKfZJO2LFu0ueAIrqNXVfdi9Akb4LCl6k6FfzFpOynhbhBgzh0shppmrBvoGvMDHIJyo7jKbGMvLp2ihUKtxV1CS/r805rhP5LuF07CPMr2Eyk9UygmieZM/am/RGsHeJV+sZbWj39i4EK4e2HcRdoq9fUJj+kt7g/iiHJuvxjoqrt+KOwG1pQCSCKnDXrfvWqCjl7K7y5K3crVwmuTiKFSVe2OIWoa+SoQRpD3pdSAc4k/Yz6MFV0wBvUgwd3pWue+mNqr4k4K5H+yfDGxHMAH87UE8mDUDwbO6KuBr+NYi43bBi6xnMEay7mJXY2bJe+mn6R6/hmLDH+cBFaF3gSsySTrLxLQkYIlDlfQLGx0tx5yaX0iFWw/ZgXTeBIwRz+tRD+epfuWC5FqhYbQyTilPyKLQG3QLtdmA8EFUs8zkCW5KtncP96tqQSxfqUY8beVcsHltly0u2SG/ucckSj4h+LI0yA06kE3+hywAgmQb8FVlF1YgZ/KsQHWRgImuLGrkmgUrrS0sO7/18Ob7ARQJz+6U0M0wrYdGqDDtfNQkLpoE4sUWRAMSJvvW3TQnK7f0u3oT5Xf3PETaYNOjtW7BvYDnk3fksecLfqB4dvgXHPky+P9b/74iB5wWKUB2MUnEmiGk4sKUNUs8K0UBt0U4Y8AtgGyKwDzNSR7Q2cjJVLTjug8Ff1crx8PQG9aZG+FGXmAPJuqS1rubFojvVgzpwBzf92bAn99VI12n3YyMLxsQHBGnYY7XBxCVvyIdUg1nCGwYCMAJQWIMGQ5D/6o9//TqcK7nR04wS9QRgqBfnd6f4aJGK3M9wJaWG8CcrWWEuMFaKCjkm7aqZegPntNu4/UiSMQm2pEIFftk6L5dINfyJzAk5nyJiGYBwXEAS6sNJNchBgA/M5D0mEAeA6QyzHTHpZUcrQzjzGVZoVDC1SEYwFMLOR3mkLTonyVoFDiyBG3LbsD2FBDG9WgNrlBWKTPzHhDDypCMJc5lkvLdBCLAAVHA8Bj85aJiODV0jAIIUJnFpYyLlm8vgtkID/Wa6rvKu0h5bX1XQjJsmm/3YZ5FCz2yR/7ZYUu9hV8drapRLj1LBKQYwV5M9t6n3Ct4TnuM1r2KO8nQaRNmlS9Hdafw407GgUGfd+Js562mkL5OgfRrEeBXt4qKp25l2vL5ROLl1Tzzsmm+ThEiUzvfbTPJhHL3f386aiX9Bt7JwM6a4sadHDUHA7um5HpISAtd/2zqLBpx/fK4vnaEy55YNy1YcPFHJWO6NkoKArDasju0Qgm4gFLoseyfpGpzCzh8bpbAo659PYwo1nKs1obT+rpWqddPKOhwYsm3i0X+smG5v+XfTjS9S8UBq3DhaBeTegpUB0Wd7/LjdWTHIqMzZ0C7/u4bgsAii9oeeW6evktEpxbqkTloiZ3/A3kETuFhj5QwqWll0Si7gC8F9YSWTnT8lXutXBaxw+cVnNaZzjPr2nuUIXG5368NJQ91z6LdSz46IT1LjdrFxwqtuoYJlAkVYrXsK62Dl3N2O6hUELsjahR3g+Gld9w88Ak3h5/6Q46RoCMjYRF6PiISrqEsymhFPJAXT/C7HuU2muroQSASxXIXKLQH4FF/2kwBnGNYZnpp9TmpJK0kAhsuaD0Mf7jfZbxrE4722rSx5bXg0Ecv2k4bKA50Jh7QnAXbIN9hQq1Rab09DDnwrK2KrFUzbFIa8CXDGzwR9VupIzw4TgdeQEIzGSk2yL6EICl/mOW06CStCFXKPKBTKBVU5pIpGH6hhxkJug8TEtPHBiB1RAJImiyLVj5jq9owZ36ScX6vL3/hLND5RIAAHy3EhYjC4A9CBLBF7V1PRoK798jUq1UQneEVdvkGl272D9Rfrk36JgpFAnajW6rWcUxjqtpjsZHpbQe2ITqYPIpmtJBCmhGTAVCsu+sHEWNCFxk/eGXhZqAukC6ICKwaVh9cB/t3CkdTFDIBjBhnuFHL496TgIpOQo0f2gfw2tq9g10RXkdeBO8MyV2qRkgQ0pba4mS8StB6XZTZS8n+zRrbzx8IdNSO+p6CW1qCQhcVbAM0Qz5xKsxvaZ0FXaeVC/rUSOADWDDBbMiBjCUPmXSgQhARG5FVtbED9A2tRz9b72RD35SEO0cKoAZBNKh40IxCQElgM7w8OvCAI2IE9ZQcvdVqb48IPa1CEVt9O2M3W0cN+oqOQJ+swesp3S+batuIZl9aluvRkhFyuzIS6DGQpDUCQ9ph9ejDqK9ovhsCIWMhmFSwWj/2VxlABnVKpG8tlGjHApxyiCgYP+PPAtS6ctPywWh5a4sShEtmgxrgLMopC8zwU+NugmTtFFqtvAFlPhYtrHoQisLS6vu462GAK+dK/22zBIBS7VvfntJuCsGZ2m1ctHjH7oyrLRBw6zTtEk35kg06cTI44IrVVzdMQ4DSgzAGAQlaygCP6Dk6J+V/sT36x931LYZ14gd3bVe735qJrl4SRTlDXHEep00oBo5mYegxSODP0hATLdPhA1lXx5bA2rncGhpaCNaioTtuaY/vUrvzRlYq4GW8di5y0TeuwDepdvRs2N6Chm4Xlw8pQzaG51tASdwxor8yh0KG1xJIDlvzvh9/v++E59cX6miNq5CWdjb13PQ83w6nprlfZtJm2ZGzlvETwWihTjBC7+uOeHIME7K5piZcLok8F6slA2qZiTXKfWutDr82MEgIrZjJmvYh//l8eCYFYWlllh3VkflT35xxETynNBMmW/oAT77NVYJld4dpWDD7RZo5tM1KezX0DyiFkYJ5AjcExLQjtrWOs5EVB/PdEpmi19BE+iZd2BEK1vcaMLh0HnH95bdujpiUuvk/Oqdpzgk+yQIAAAEjaUNDUElDQyBwcm9maWxlAAB4nJ2QsUrDUBSGv1StVXQQxUEcMrgWXMzkUhWCoBBjBatTmqRYTGJIUopv4Jvow3QQBJ/AJ1Bw9r/RwcEsXjj8H4dz/v/eCy07CdNyfhfSrCpcvze4HFzZi2+0WWCNJTpBWOY9zzuh8Xy+Yhl96Rqv5rk/TzuKy1A6U2VhXlRg7YudaZUbVrFx2/cPxQ9iO0qzSPwk3onSyLDZ9dNkEv54mtusxNnFuemrtnE55hQPmyETxiRUdKWZOkc47EldCgLuKQmlCbF6U81U3IhKObkciPoi3aYhb6vO85QylMdYXibhjlSeJg/zv99rH2f1prU5y4MiqFtzqtZoBO+PsDqA9WdYvm7I6vx+W8OMU8/8841fgOJQMYBNf/0AABCmaVRYdFhNTDpjb20uYWRvYmUueG1wAAAAAAA8P3hwYWNrZXQgYmVnaW49Iu+7vyIgaWQ9Ilc1TTBNcENlaGlIenJlU3pOVGN6a2M5ZCI/Pgo8eDp4bXBtZXRhIHhtbG5zOng9ImFkb2JlOm5zOm1ldGEvIiB4OnhtcHRrPSJYTVAgQ29yZSA0LjQuMC1FeGl2MiI+CiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPgogIDxyZGY6RGVzY3JpcHRpb24gcmRmOmFib3V0PSIiCiAgICB4bWxuczppcHRjRXh0PSJodHRwOi8vaXB0Yy5vcmcvc3RkL0lwdGM0eG1wRXh0LzIwMDgtMDItMjkvIgogICAgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iCiAgICB4bWxuczpzdEV2dD0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlRXZlbnQjIgogICAgeG1sbnM6cGx1cz0iaHR0cDovL25zLnVzZXBsdXMub3JnL2xkZi94bXAvMS4wLyIKICAgIHhtbG5zOkdJTVA9Imh0dHA6Ly93d3cuZ2ltcC5vcmcveG1wLyIKICAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIKICAgIHhtbG5zOmV4aWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20vZXhpZi8xLjAvIgogICAgeG1sbnM6dGlmZj0iaHR0cDovL25zLmFkb2JlLmNvbS90aWZmLzEuMC8iCiAgICB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iCiAgIHhtcE1NOkRvY3VtZW50SUQ9ImdpbXA6ZG9jaWQ6Z2ltcDowNjkyZTE1Yy1hZGQzLTRhODMtODVhNC05MGZkNWJkMmY5YjgiCiAgIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NDYwYTc0YTYtMDAzOC00M2YwLWJlNmEtNzEzZDYzYjdmNTRmIgogICB4bXBNTTpPcmlnaW5hbERvY3VtZW50SUQ9InhtcC5kaWQ6NDJkOWVmZGYtMmJmOC00MzRkLTg4MTAtMzY0NGZlZTljNGJlIgogICBHSU1QOkFQST0iMi4wIgogICBHSU1QOlBsYXRmb3JtPSJNYWMgT1MiCiAgIEdJTVA6VGltZVN0YW1wPSIxNTkxMzc3NjMzNTA5Njg1IgogICBHSU1QOlZlcnNpb249IjIuMTAuMTQiCiAgIGRjOkZvcm1hdD0iaW1hZ2UvcG5nIgogICBleGlmOlBpeGVsWERpbWVuc2lvbj0iNjY0IgogICBleGlmOlBpeGVsWURpbWVuc2lvbj0iNzE4IgogICB0aWZmOk9yaWVudGF0aW9uPSIxIgogICB0aWZmOlJlc29sdXRpb25Vbml0PSIyIgogICB4bXA6Q3JlYXRvclRvb2w9IkdJTVAgMi4xMCI+CiAgIDxpcHRjRXh0OkxvY2F0aW9uQ3JlYXRlZD4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OkxvY2F0aW9uQ3JlYXRlZD4KICAgPGlwdGNFeHQ6TG9jYXRpb25TaG93bj4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OkxvY2F0aW9uU2hvd24+CiAgIDxpcHRjRXh0OkFydHdvcmtPck9iamVjdD4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OkFydHdvcmtPck9iamVjdD4KICAgPGlwdGNFeHQ6UmVnaXN0cnlJZD4KICAgIDxyZGY6QmFnLz4KICAgPC9pcHRjRXh0OlJlZ2lzdHJ5SWQ+CiAgIDx4bXBNTTpIaXN0b3J5PgogICAgPHJkZjpTZXE+CiAgICAgPHJkZjpsaQogICAgICBzdEV2dDphY3Rpb249InNhdmVkIgogICAgICBzdEV2dDpjaGFuZ2VkPSIvIgogICAgICBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0ZDA0NGU5LWMyY2UtNDg5ZC1iNmE1LTZlZjVmODAwM2FjYiIKICAgICAgc3RFdnQ6c29mdHdhcmVBZ2VudD0iR2ltcCAyLjEwIChNYWMgT1MpIgogICAgICBzdEV2dDp3aGVuPSIyMDIwLTA2LTA1VDEwOjIwOjMzLTA3OjAwIi8+CiAgICA8L3JkZjpTZXE+CiAgIDwveG1wTU06SGlzdG9yeT4KICAgPHBsdXM6SW1hZ2VTdXBwbGllcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkltYWdlU3VwcGxpZXI+CiAgIDxwbHVzOkltYWdlQ3JlYXRvcj4KICAgIDxyZGY6U2VxLz4KICAgPC9wbHVzOkltYWdlQ3JlYXRvcj4KICAgPHBsdXM6Q29weXJpZ2h0T3duZXI+CiAgICA8cmRmOlNlcS8+CiAgIDwvcGx1czpDb3B5cmlnaHRPd25lcj4KICAgPHBsdXM6TGljZW5zb3I+CiAgICA8cmRmOlNlcS8+CiAgIDwvcGx1czpMaWNlbnNvcj4KICAgPGV4aWY6VXNlckNvbW1lbnQ+CiAgICA8cmRmOkFsdD4KICAgICA8cmRmOmxpIHhtbDpsYW5nPSJ4LWRlZmF1bHQiPlNjcmVlbnNob3Q8L3JkZjpsaT4KICAgIDwvcmRmOkFsdD4KICAgPC9leGlmOlVzZXJDb21tZW50PgogIDwvcmRmOkRlc2NyaXB0aW9uPgogPC9yZGY6UkRGPgo8L3g6eG1wbWV0YT4KICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAKICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIAogICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgCiAgICAgICAgICAgICAgICAgICAgICAgICAgIAo8P3hwYWNrZXQgZW5kPSJ3Ij8+G/woJwAAAAJiS0dEABnO5ovyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH5AYFERQhhrz46gAABVhJREFUWMPFmGtsFFUUx3/33pnd2V1peRQRC7VIQaxg0GCUN74I8UECiYRYIkF5FNJQA5KAEQkIiDGWx4f6iIkvEh8fTEj0m6ZIgkHjK0oARUyAaAJCbQv7npnrh53ddrZ0O8MHPcnuzmT2zm/OOf9z9p6F/8CE/7SF+9eMnKq0QKABA8gMT9cKJArAe+/6+ccXt10OCjH8pzMW1L8xJMCyqlnnoqwMCpH+U2euGfDZ7GnBw1UGiY4ItkwRcWFadNP1QJRtBFymcm2NTadGnm2uCQ2xRxsB9aLJt6t6VTdiY2gINweNs2OJOSAx1z0bCwmxZFBIZjJCIIhWuatCQmR1UIipXECgiD0zOwykBVUXvIpdNAJJ9M47Hg4BaUREg0IU9tWCJxZVKwNA2urbzu9Jbjp8+qnADAzEry4giWAtaWkcFJJfpcaoeHyufC9w3jHJnyhkRRIjtmVQSM/BTBo0Vnm/rAhxv7C9WxhYT66vHQSy6+Q/y1JolNdjg+Ukc8RGIxBILGm+XBGyN/HKPrG488MsMUyCq+u3VPac6x0rok1rJ1WA6OW6VTd1z08dCI4ATbzO/tgBRKFa5A3bKkDSt7hoGHHhnprdKoQno0h/lC8FLIK1dMOsASHi2yt0k0FP/7vVCAGJ6a9/yP6hPYVJLMz2u+UAkMtfmt0CARiJMBIW7jHsQ473Gy4wsKbMaxkA8lqXXmglLRQyRE4MNGAfdTy/BIIIkR1NNw4g4ZeOyEcSPVVYIdSlyFkQ98JVCJjCqh69dQBIqxqbsZZUH7dC1InEGQLuRIUuZUlgYq7b1ND/gdh906jPxM4hy/KJaGR8YEgXl7ofrTe3m9USSiCNEJnGoR/8Xu5JbKeeo5HkEidC5EQSbRHtRp3skxOJxCD2UMNj/cKVb8yQ5ipJwhQjyLI2VMREiO9YJMuLcXMqe4UusswIufmU/bagnjd33bqmDLLtSPfaTPoqF6kOBVEIr0KK4SoGzUDuWVFTpq797xgLEj21GKEh5b4VMWbVsI1lkPZ4ze2RA2PPGNeJEKX3oicmRvP6oX0kvNgc87lab87JxoaZNYEhSc5jeLftOx7o0u4qbx/rKHly7wTxoCJKVewXviEX2BPXA+hrhExhEm1eM6S3C8dtNBJFgr84RPo6M+IXssKssVaUID3fZT/Job3tjREQorGvCegtS4m5WBUhO7FXdHf0kCGPDcQCBswtG9iEDwYCObd1XGk668jXvl+dGzqj1owznXggRIqzRK8xEYrSI7i42D3HOnzf+PTNhtVWYHVdosNXvLr0ctG42OTJkjrdNtG3Tc0OF6Gaiqg46xayIicsivggqs4IBdGVxmgPIxg32Q+RKlQPdgbxs5D8/H2+EduJE7ILV7pSvCpv88/xXV1YvkT2fmo04HpTCbhcJM0wdBlK+2TgohEnfZCrW44fVGN16Za9R/7lGrDpxPJ5o/spzcXG6bzwbpnPrWC4QtBJElfPtgUpkjH7dXO5g0GEqJdugcAqpVP0uXHRYxeXNEnyL+zdRZBZYS4PzBf75SQTo0/f7dd1+2BcHBySZM/R+GqSIHugsxw+M+8tO+nO1GYBoSv2NHBxyJK+nJ/ZdrH3T59B7bD71dFZ7dp0phZAvT4IL/m6T09zyZFOZxfu/2kwHV7Tto6RO42lRtRAArJUD72icMmRJ+Wkm/e9PbjYB7Tn6hMb5NNGQnk1LUsgjYNDhkwy1bTvUJCKqmjbq511Yq0aqyiginLIkyHdk3u87Uiwsh3UmmiYqVfLJ1RMljzJuLmDuef3/hm0NwS0lqFVs9V4Gpkix9jf6827T/H/2L/quKilFtNn1gAAAABJRU5ErkJggg==);
    background-repeat: no-repeat;
    height: 54px;
    width: 50px
}

model-viewer>#ar-prompt>#ar-prompt-message {
    bottom: 175px;
    color: #fff;
    font-size: 18px;
    position: absolute;
    text-align: center;
    text-shadow: 1px 1px 1px #000, -1px -1px 1px #000, -1px 1px 1px #000, 1px -1px 1px #000;
    width: 100%
}