.page-title {
    margin-top: 32px;
}

@media only screen and (max-width: 756px) {
    .page-title {
        margin-top: 24px;
    }
}

.lh160 {
    line-height: 160% !important;
}

.anchor-nav {
    position: -webkit-sticky;
    position: sticky;
    top: 56px;
    margin-top: 56px;
    z-index: 1;
    background: white;
    padding-block: 12px;
}

.anchor-nav ul {
    display: flex;
    justify-content: center;
}

.anchor-nav ul li {
    width: 403px;
    border-left: 1px solid #dddfe3;
}

.anchor-nav ul li:last-child {
    border-right: 1px solid #dddfe3;
}

.anchor-nav ul li a {
    font-size: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.anchor-nav ul li a:hover {
    border-width: 0;
    font-size: 14px;
}

@media only screen and (max-width: 756px) {
    .anchor-nav ul li a {
        font-size: 12px;
    }

    .anchor-nav ul li a:hover {
        font-size: 12px;
    }
}

.anchor-nav ul li a span {
    display: inline-block;
}

.anchor-nav-thumb {
    margin-top: 112px;
}

@media only screen and (max-width: 756px) {
    .anchor-nav-thumb {
        margin-top: 48px;
    }
}

.anchor-nav-thumb>ul {
    display: flex;
}

@media only screen and (max-width: 756px) {
    .anchor-nav-thumb>ul {
        flex-direction: column;
    }
}

.anchor-nav-thumb>ul>li>a {
    display: flex;
}

.anchor-nav-thumb>ul>li>a:hover {
    border: none;
    opacity: 0.8;
}

.anchor-nav-thumb>ul>li img {
    width: 50%;
}

.anchor-nav-thumb>ul>li .anchor-nav-thumb__description {
    width: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    text-align: center;
}

.anchor-nav-thumb>ul>li .anchor-nav-thumb__description span {
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0.02em;
    color: #6d717a;
}

.anchor-nav-thumb>ul>li .anchor-nav-thumb__description p {
    font-weight: 400;
    font-size: 14px;
    line-height: 150%;
    text-align: center;
    letter-spacing: 0.04em;
    color: #000000;
}

@media screen and (min-width: 756px) and (max-width: 992px) {
    .anchor-nav-thumb>ul>li .anchor-nav-thumb__description span {
        font-size: calc(12 / 992 * 100vw);
    }

    .anchor-nav-thumb>ul>li .anchor-nav-thumb__description p {
        font-size: calc(14 / 992 * 100vw);
    }
}

.anchor-nav-thumb>ul>li .anchor-nav-thumb__description::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    -webkit-mask: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.44962 6.46547L6.38448 9.52998L6.38448 1.00494L5.61408 1.00494L5.61409 9.52998L2.54895 6.46547L2.00391 7.01051L5.99897 11.0049L9.99403 7.01051L9.44899 6.46547L9.44962 6.46547Z" fill="black"/></svg>') no-repeat center/contain;
    mask: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.44962 6.46547L6.38448 9.52998L6.38448 1.00494L5.61408 1.00494L5.61409 9.52998L2.54895 6.46547L2.00391 7.01051L5.99897 11.0049L9.99403 7.01051L9.44899 6.46547L9.44962 6.46547Z" fill="black"/></svg>') no-repeat center/contain;
    background-color: #6d717a;
}

@media only screen and (max-width: 756px) {
    .anchor-nav-thumb>ul>li:nth-child(2) a {
        flex-direction: row-reverse;
    }
}

.step {
    display: flex;
    margin-top: 112px;
}

@media only screen and (max-width: 756px) {
    .step {
        flex-direction: column;
        margin-top: 64px;
    }
}

.step li {
    background: #7d6c4f;
    width: 33.333%;
}

@media only screen and (max-width: 756px) {
    .step li {
        width: 100%;
    }
}

.step img {
    display: block;
    margin-bottom: -1px;
}

.step__description {
    position: relative;
    padding: 48px 24px;
    color: #fff;
}

.step__num {
    float: right;
    margin: -48px -24px 0 0;
    width: 78px;
    height: 78px;
    line-height: 78px;
    font-family: "OpenSansLight" !important;
    font-size: 78px;
    opacity: 0.2;
    text-align: center;
}

.step__heading {
    font-weight: 400;
    font-size: 20px;
    line-height: 160%;
    letter-spacing: 0.08em;
    padding-right: 38px;
}

@media only screen and (max-width: 756px) {
    .step__heading {
        font-size: 17px;
    }
}

.step__text {
    margin-top: 8px;
}

.step__note {
    font-size: 12px;
    margin-top: 8px;
}

.heading.heading-2.product--heading-2 {
    font-weight: 300;
    font-size: 28px;
}

@media only screen and (max-width: 756px) {
    .heading.heading-2.product--heading-2 {
        font-size: 24px;
    }
}

.lineup__heading {
    font-family: "CronosProLight" !important;
    margin-top: 112px;
}

.lineup__heading.u-mt-0 {
    margin-top: 0;
}

.lineup__heading.u-mt-48 {
    margin-top: 48px;
}

@media only screen and (max-width: 756px) {
    .lineup__heading {
        margin-top: 48px;
    }
}

.product-name {
    font-weight: 300;
}

.product-number.en {
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 17px;
}

.product-number.en span {
    font-family: "CronosProLight" !important;
    font-size: 14px;
}

.product__block {
    padding-top: 64px;
}

@media only screen and (max-width: 756px) {
    .product__block {
        padding-top: 48px;
    }
}

.product-title {
    margin-top: 32px;
}

.product-anchor {
    margin-top: 112px;
}

@media only screen and (max-width: 756px) {
    .product-anchor {
        margin-top: 48px;
    }
}

.product-anchor__links {
    margin-top: 16px;
}

.product-anchor__links dt {
    margin-top: 8px;
    font-weight: 400;
}

.product-anchor__links dd {
    margin-top: 11.5px;
}

.product-anchor__links dd a {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    color: #6d717a;
    font-size: 14px;
}

.product-anchor__links dd a:hover {
    border: none;
    opacity: 0.8;
}

.product-anchor__links dd a .product-anchor__num {
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    color: white;
    background: #c6ac62;
    border-radius: 100%;
    font-family: "OpenSansLight" !important;
    font-weight: 400;
    font-size: 16px;
    text-transform: uppercase;
}

.product-anchor__links dd a::after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    position: absolute;
    inset: 0 0 0 auto;
    margin: auto;
    background-color: currentColor;
    -webkit-mask: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.4506 6.46541L6.38546 9.52992L6.38546 1.00488L5.61506 1.00488L5.61506 9.52992L2.54992 6.46541L2.00488 7.01045L5.99995 11.0049L9.99501 7.01045L9.44997 6.46541L9.4506 6.46541Z" fill="black"/></svg>') no-repeat center/contain;
    mask: url('data:image/svg+xml,<svg width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M9.4506 6.46541L6.38546 9.52992L6.38546 1.00488L5.61506 1.00488L5.61506 9.52992L2.54992 6.46541L2.00488 7.01045L5.99995 11.0049L9.99501 7.01045L9.44997 6.46541L9.4506 6.46541Z" fill="black"/></svg>') no-repeat center/contain;
}

.product-feature {
    gap: 24px;
    -ms-grid-columns: (1fr)[2] !important;
    grid-template-columns: repeat(2, 1fr) !important;
}

@media only screen and (max-width: 756px) {
    .product-feature {
        gap: 16px;
    }
}

.product-feature__item.--wide {
    grid-column: 1 / 3;
}

.product-feature__label {
    font-weight: 400;
    font-size: 14px;
}

.product-feature__text {
    font-size: 12px;
}

.card-banner {
    display: block;
    margin-top: 48px;
    background: #fdf9f3;
}

.card-banner:hover {
    border-bottom: none;
    opacity: 0.9;
}

.card-banner[target="_blank"] .card-banner__description {
    position: relative;
    padding-right: 48px;
}

.card-banner[target="_blank"] .card-banner__description::after {
    content: "";
    width: 16px;
    height: 16px;
    position: absolute;
    inset: 0 16px 0 auto;
    margin: auto;
    background: url('data:image/svg+xml,<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><g clip-path="url($23clip0_39_22427)"><path d="M3.3571 5.7334C3.57695 5.73357 3.75684 5.91324 3.75684 6.13314C3.75683 6.35303 3.57695 6.53271 3.3571 6.53288H2.17025L2.17025 12.4001L10.7503 12.4001V11.1598C10.7503 10.9398 10.9301 10.7601 11.1501 10.7601C11.3701 10.7601 11.5498 10.9398 11.5498 11.1598V12.7998C11.5498 13.0198 11.3701 13.1995 11.1501 13.1995L1.76986 13.1995C1.54998 13.1994 1.37012 13.0197 1.37012 12.7998L1.37012 6.13314C1.37012 5.91322 1.54998 5.73354 1.76986 5.7334H3.3571Z" fill="black"/><path fill-rule="evenodd" clip-rule="evenodd" d="M14.2301 2.7998C14.45 2.79982 14.6297 2.97967 14.6299 3.19954L14.6299 9.86621C14.6299 10.0862 14.4501 10.2666 14.2301 10.2666L4.84993 10.2666C4.63002 10.2665 4.4502 10.0862 4.4502 9.86621L4.4502 3.19954C4.45034 2.97972 4.6301 2.7999 4.84993 2.7998L14.2301 2.7998ZM5.25033 9.46647L13.8304 9.46647L13.8304 3.59993L5.25033 3.59993L5.25033 9.46647Z" fill="black"/></g><defs><clipPath id="clip0_39_22427"><rect width="13.26" height="10.4" fill="white" transform="translate(1.37012 2.7998)"/></clipPath></defs></svg>') no-repeat center/contain;
}

.card-banner__description {
    padding: 16px;
}

.card-banner__heading {
    font-size: 17px;
}

.card-banner__text {
    margin-top: 8px;
    font-size: 12px;
}

.sticky-content picture {
    display: block;
}

@media only screen and (max-width: 756px) {
    .sticky-content picture {
        margin-inline: -16px;
    }
}

.scroll-column--image {
    vertical-align: bottom;
}

@media only screen and (max-width: 756px) {
    .sticky-scroll-layout {
        padding-top: 64px;
    }

    .sticky-scroll-layout .scroll-column {
        padding: 0;
    }
}

@media only screen and (max-width: 756px) and (max-width: 756px) {
    .product-content-container {
        padding-inline: 0;
    }
}

.product-variations .swatches.size li a {
    text-transform: none;
}

.secret-area-heading.secret-area-heading__left {
    text-align: left;
    padding-inline: 0;
}

.secret-area-heading:has(.secret-area-heading--image) {
    padding-bottom: 0;
}

.secret-area-heading--image {
    margin-top: 32px;
    display: block;
}

@media only screen and (max-width: 756px) {
    .secret-area-heading {
        padding-top: 48px;
    }
}

.secret-area-content.heiaght-auto {
    min-height: auto;
}

.secret-area-content.secret-area-content__left {
    text-align: left;
    padding-inline: 0;
}

.secret-area-content.secret-area-content__left .secret-area-number {
    justify-content: flex-start;
}

.secret-area-content.u-pt-0 {
    padding-top: 0;
}

.secret-area-content__image {
    margin-top: 48px;
}

.product-accordion-list {
    margin: 24px 0;
}

.best-cosmetics-accordion {
    background-color: #f7f8f9;
}

.accordion-list>li {
    border-width: 0;
}

.accordion-button {
    padding: 8px 16px !important;
}

.product-accordion-content {
    padding: 16px !important;
}

.button-more__container {
    margin-top: 48px;
}

.button-more__container .button {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-inline: auto;
}

.aspect416-234 {
    aspect-ratio: 416/234;
}