@charset "UTF-8";

.lotion-special-renewal a {
    text-decoration: none
}

.is-font-min-l {
    font-family: リュウミン L-KL, Ryumin Light KL, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, 游明朝体, YuMincho, 游明朝, Yu Mincho, ＭＳ Ｐ明朝, MS PMincho, serif !important
}

.is-font-min-r {
    font-family: リュウミン R-KL, Ryumin Regular KL, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, ヒラギノ明朝 Pro W3, Hiragino Mincho Pro, 游明朝体, YuMincho, 游明朝, Yu Mincho, ＭＳ Ｐ明朝, MS PMincho, serif !important
}

.is-font-min-m {
    font-family: リュウミン M-KL, Ryumin Medium KL, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, ヒラギノ明朝 Pro W3, ヒラギノ明朝 Pro, 游明朝体, YuMincho, 游明朝, Yu Mincho, ＭＳ Ｐ明朝, MS PMincho, serif !important
}

.is-font-min-b {
    font-family: リュウミン B-KL, Ryumin Bold KL, ヒラギノ明朝 ProN W3, Hiragino Mincho ProN, ヒラギノ明朝 Pro W3, ヒラギノ明朝 Pro, 游明朝体, YuMincho, 游明朝, Yu Mincho, ＭＳ Ｐ明朝, MS PMincho, serif !important
}

.animate-image2,
.animate01-switch,
.animate02-switch,
.fadeIn,
.fadeInDown,
.fadeInLeft,
.fadeInRight,
.fadeInUp,
.fadeInUpMV,
fadeInUpMV02 {
    opacity: 0
}

.fadeInUpMV {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUpMV;
    animation-name: fadeInUpMV;
    position: inherit;
    visibility: visible !important
}

@-webkit-keyframes fadeInUpMV {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpMV {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInUpMV02 {
    -webkit-animation-delay: .1s;
    animation-delay: .1s;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUpMV02;
    animation-name: fadeInUpMV02;
    position: absolute;
    visibility: visible !important
}

@-webkit-keyframes fadeInUpMV02 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUpMV02 {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeIn {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    visibility: visible !important
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.fadeOut {
    -webkit-animation-delay: .5s;
    animation-delay: .5s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeOut;
    animation-name: fadeOut
}

@-webkit-keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        opacity: 1
    }

    to {
        opacity: 0
    }
}

.fadeInUp {
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp;
    position: inherit;
    visibility: visible !important
}

.fadeInUp,
.fadeInUp.is-delay1 {
    -webkit-animation-delay: .4s;
    animation-delay: .4s
}

.fadeInUp.is-delay2 {
    -webkit-animation-delay: .5s;
    animation-delay: .5s
}

.fadeInUp.is-delay3 {
    -webkit-animation-delay: .6s;
    animation-delay: .6s
}

.fadeInUp.is-delay4 {
    -webkit-animation-delay: .7s;
    animation-delay: .7s
}

.fadeInUp.is-delay5 {
    -webkit-animation-delay: .8s;
    animation-delay: .8s
}

.fadeInUp.is-delay6 {
    -webkit-animation-delay: .9s;
    animation-delay: .9s
}

.fadeInUp.is-delay7 {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.fadeInUp.is-delay8 {
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s
}

.fadeInUp.is-delay9 {
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s
}

.fadeInUp.is-delay13 {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translateY(15%);
        transform: translateY(15%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.fadeInDown {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-duration: .8s;
    animation-duration: .8s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInDown;
    animation-name: fadeInDown;
    visibility: visible !important
}

@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -50px, 0);
        transform: translate3d(0, -50px, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.fadeInLeft {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft;
    visibility: visible !important
}

@media screen and (max-width:767px) {
    .fadeInLeft {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        position: inherit;
        visibility: visible !important
    }
}

@-webkit-keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    @media screen and (max-width:767px) {
        0% {
            opacity: 0;
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}

@keyframes fadeInLeft {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(-10%, 0, 0);
        transform: translate3d(-10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    @media screen and (max-width:767px) {
        0% {
            opacity: 0;
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}

.fadeInRight {
    -webkit-animation-delay: .3s;
    animation-delay: .3s;
    -webkit-animation-duration: .6s;
    animation-duration: .6s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: fadeInRight;
    animation-name: fadeInRight;
    visibility: visible !important
}

@media screen and (max-width:767px) {
    .fadeInRight {
        -webkit-animation-delay: .4s;
        animation-delay: .4s;
        -webkit-animation-duration: .8s;
        animation-duration: .8s;
        -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
        -webkit-animation-name: fadeInUp;
        animation-name: fadeInUp;
        position: inherit;
        visibility: visible !important
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    @media screen and (max-width:767px) {
        0% {
            opacity: 0;
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(10%, 0, 0);
        transform: translate3d(10%, 0, 0)
    }

    to {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }

    @media screen and (max-width:767px) {
        0% {
            opacity: 0;
            -webkit-transform: translateY(15%);
            transform: translateY(15%)
        }

        to {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0)
        }
    }
}

.l-river-wrap {
    width: 100%
}

.l-river-wrap:after {
    background: url(/special/lotion/img/2025/pc_bg.webp) no-repeat top;
    content: "";
    display: block;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: -1
}

.lotion-special-renewal {
    margin: 0 auto;
    min-width: auto;
    padding-top: 80px;
    width: 375px
}

.lotion-special-renewal * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.1;
    margin: 0;
    padding: 0
}

.lotion-special-renewal img {
    max-width: 100%;
    vertical-align: top
}

.lotion-special-renewal dd,
.lotion-special-renewal dl,
.lotion-special-renewal dt,
.lotion-special-renewal li,
.lotion-special-renewal ol,
.lotion-special-renewal ul {
    list-style: none
}

#global-footer {
    position: relative;
    z-index: 999
}

.l-fixed-menu {
    position: fixed;
    right: 100px;
    top: 120px;
    z-index: 1
}

.p-fixed-menu-list {
    background: #ebf1f9;
    border-radius: 5px;
    min-width: 270px;
    padding: 16px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.p-fixed-menu-item {
    height: 100%;
    line-height: 2.4;
    text-align: left;
    width: 100%
}

.p-fixed-menu-item a {
    text-decoration: none
}

.p-fixed-menu-item span {
    color: #001388;
    font-family: リュウミン R-KL, serif;
    font-size: 16px;
    font-weight: 500;
    position: relative
}

.l-pankuzu-wrap {
    background: #fff;
    position: relative;
    z-index: 999
}

.l-hero-wrap {
    position: relative;
    width: 100%
}

.p-hero-image {
    overflow: hidden;
    width: 100%;
    height: 640px;
}

.p-hero-image img {
    max-width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2)
}

.p-hero-image.is-active img {
    -webkit-animation: _kvScale 2.4s cubic-bezier(.19, 1, .22, 1) 0s forwards;
    animation: _kvScale 2.4s cubic-bezier(.19, 1, .22, 1) 0s forwards
}

@-webkit-keyframes _kvScale {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes _kvScale {
    0% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

    to {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
}

.p-hero-text {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-hero-headline {
    opacity: 0;
    padding-top: 15px;
    text-align: center;
    color: #001388;
}

.p-hero-headline .is-sub {
    position: relative;
    font-size: 20px;
    letter-spacing: 0.2em;
}

.p-hero-headline .is-main {
    font-size: 26px;
    margin-top: 8px;
    display: block;
    letter-spacing: 0.05em;
    font-feature-settings: "palt";
}

.p-hero-headline .is-sub::before,
.p-hero-headline .is-sub::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 18px;
    height: 1px;
    background-color: #001388;
}

.p-hero-headline .is-sub::before {
    left: -25px;
}

.p-hero-headline .is-sub::after {
    right: -25px;
}

.p-hero-headline.is-active {
    -webkit-animation: hero_slideIn 2.4s cubic-bezier(.19, 1, .22, 1) .8s forwards;
    animation: hero_slideIn 2.4s cubic-bezier(.19, 1, .22, 1) .8s forwards
}

.p-hero-bottom {
    bottom: 55px;
    left: 0;
    opacity: 0;
    position: absolute;
    width: 100%
}

.p-hero-bottom.fadeInUp {
    -webkit-animation: hero_slideIn 2.4s cubic-bezier(.19, 1, .22, 1) 1s forwards;
    animation: hero_slideIn 2.4s cubic-bezier(.19, 1, .22, 1) 1s forwards
}

@-webkit-keyframes hero_slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes hero_slideIn {
    0% {
        opacity: 0;
        -webkit-transform: translateY(25%);
        transform: translateY(25%)
    }

    to {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.p-hero-subhead {
    text-align: center;
    width: 100%;
    color: #001388;
    letter-spacing: 0.1em;
    font-size: 23px;
}

.p-hero-subhead span {
    padding: 0 5px;
}

.p-hero-subhead rt {
    font-size: 8px;
    letter-spacing: -1em;
}

.p-hero-release {
    padding-top: 14px;
    text-align: center;
    width: 100%
}

.p-hero-release img {
    width: 159.5px
}

.p-hero-pre-release {
    text-align: center;
    width: 100%
}

.p-hero-pre-release img {
    width: 260.5px
}

.p-hero-last-annotation {
    bottom: -28px;
    font-size: 9px;
    position: absolute;
    right: 0
}

.l-hero02-wrap {
    position: relative;
    width: 100%
}

.p-hero02-image {
    width: 100%
}

.p-hero02-image img {
    max-width: 100%
}

.p-hero02-text {
    height: 100%;
    left: 0;
    padding-top: 40px;
    position: absolute;
    top: 0;
    width: 100%
}

.p-hero02-headline {
    padding-left: 20px;
    font-size: 18px;
    position: relative;
    color: #001388;
    letter-spacing: 0.16em;
}

.p-hero02-headline span {
    font-size: 25px;
}

.p-hero02-headline_text02 {
    margin: 5px 0 0 90px;
}

.p-hero02-headline_text03 {
    padding-top: 20px;
    font-size: 30px;
}

.js-elem-in {
    opacity: 0
}

.p-hero02-5point {
    overflow: hidden;
    padding-top: 10px;
    text-align: right
}

.p-hero02-5point img {
    margin-right: -10px;
    width: 258.5px
}

.p-hero02-bottom {
    bottom: 10px;
    left: 0;
    position: absolute
}

.p-hero02-subhead {
    padding-top: 20px;
    text-align: center;
    width: 100%;
    color: #001388;
    font-size: 20px;
    letter-spacing: 0.08em;
}

.p-hero02-subhead_text {
    font-size: 13px;
    color: #001388;
    letter-spacing: 0.08em;
    text-align: center;
    padding: 10px 0;
}

.stats-list {
    display: flex;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    color: #001388;
    text-align: center;
}

.stats-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: rgba(255, 255, 255, 0.7);
    padding: 6px 6px 8px 6px;
    width: 110px;
}

.stats-item__number {
    font-size: 34px;
    line-height: 1;
}

.stats-item__percent {
    font-size: 28px;
    margin-left: 2px;
}

.stats-item__text {
    font-size: 14px;
    line-height: 1.4;
    display: flex;
    justify-content: center;
}

.stats-item__note {
    font-size: 0.65em;
    vertical-align: 0.2em;
    margin-left: 2px;
}

.p-hero02-bottom-caution {
    padding: 12px 12px 0;
    width: 100%
}

.p-hero02-bottom-caution .is-text {
    font-size: 10px;
    line-height: 1.6
}

.l-feature-wrap {
    background-color: #dee9fe;
    background-image: url(/special/lotion/img/2025/featureBG.webp);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    overflow: hidden;
    padding-bottom: 59px;
    position: relative
}

.l-feature-wrap>* {
    position: relative;
    z-index: 1
}

.l-feature-wrap:after {
    background: url(/special/lotion/img/2025/feature_bottomBG.webp) no-repeat 0 0/100% 100%;
    bottom: 0;
    content: "";
    height: 588px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0
}

.p-feature-header {
    position: relative;
    z-index: 1
}

.p-feature-header:after {
    background-image: url(/special/lotion/img/2025/feature_header_cut01.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 130px;
    position: absolute;
    right: 0;
    top: 16px;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease;
    width: 42px
}

.p-feature-header.bgAnime:after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-feature-headline {
    padding: 64px 0 0;
    text-align: center;
    width: 100%;
    font-size: 25px;
    color: #001388;
    letter-spacing: 0.08em;
}

.p-feature-lead {
    padding: 22px 0 0
}

.p-feature-lead .is-text {
    text-align: center;
    font-size: 16px;
    color: #333;
    line-height: 2;
    letter-spacing: 0.08em;
}

.p-feature-lead .is-text+.is-text {
    padding-top: 12px
}

.p-feature-header-image {
    padding: 38px 0 0;
    text-align: center;
    width: 100%
}

.p-feature-header-image img {
    width: 311px
}

.p-feature-header-image02 {
    padding: 40px 0 0;
    text-align: center;
    width: 100%
}

.p-feature-header-image02 .is-text {
    font-size: 17px;
    color: #1b224e;
    line-height: 2;
    letter-spacing: 0.08em;
    border-radius: 35px;
    background-color: #fff;
    margin-inline: auto;
    text-align: center;
    max-width: 300px;
    margin-bottom: 15px;
}

.p-feature-header-image02 img {
    width: 329px
}

.p-feature-header-last-annotation {
    font-size: 9px;
    margin-top: 28px;
    padding-right: 16px;
    text-align: right
}

.p-feature-list {
    padding: 50px 12px 0;
    width: 100%
}

.p-feature-item {
    background: #fff;
    border-radius: 40px 0 40px;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .2);
    box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .2);
    padding: 40px 0 46px;
    position: relative;
    width: 100%
}

.p-feature-item+.p-feature-item {
    margin-top: 40px
}

.p-feature-item.is-item02 .p-feature-item-image img,
.p-feature-item.is-item03 .p-feature-item-image img {
    width: 325px
}

.p-feature-item01-text {
    position: relative;
    height: 164px;
}

.p-feature-item01-text .is-text {
    font-size: 14px;
    color: #333;
    line-height: 1.78;
    letter-spacing: 0.08em;
    position: absolute;
    top: 18px;
    left: 80px;
}

.p-feature-item01-text-item {
    left: 0;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    -webkit-transition: -webkit-transform 4s ease;
    transition: -webkit-transform 4s ease;
    transition: transform 4s ease;
    transition: transform 4s ease, -webkit-transform 4s ease;
    width: 63px
}

.fadeInUp .p-feature-item01-text-item {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.p-feature-item:after {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: translateY(25%);
    transform: translateY(25%);
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease;
    z-index: 2
}

.p-feature-item.is-item01:after {
    background-image: url(/special/lotion/img/2025/feature_header_cut02.png);
    height: 113.5px;
    left: -9px;
    top: -17px;
    width: 49px
}

.p-feature-item.is-item02:after {
    background-image: url(/special/lotion/img/2025/feature_header_cut03.png);
    height: 179px;
    right: -22.5px;
    top: -100px;
    width: 89px
}

.p-feature-item.is-item03:after {
    background-image: url(/special/lotion/img/2025/feature_header_cut04.png);
    height: 106px;
    left: -22.5px;
    top: -30px;
    width: 72.5px
}

.p-feature-item.is-item03:before {
    background-image: url(/special/lotion/img/2025/feature_header_cut05.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -15px;
    content: "";
    display: block;
    height: 100.5px;
    position: absolute;
    right: -15px;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    width: 135.5px
}

.p-feature-item.bgAnime:before {
    -webkit-animation: _last 2.4s cubic-bezier(.19, 1, .22, 1) 0s forwards;
    animation: _last 2.4s cubic-bezier(.19, 1, .22, 1) 0s forwards
}

.p-feature-item.bgAnime:after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

@-webkit-keyframes _last {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

@keyframes _last {
    0% {
        -webkit-transform: translateY(50%);
        transform: translateY(50%)
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0)
    }
}

.p-feature-item-inner {
    width: 100%
}

.p-feature-item-num {
    text-align: center;
    width: 100%
}

.p-feature-item-num img {
    width: 124px
}

.p-feature-item-headline {
    padding-top: 17px;
    text-align: center;
    width: 100%;
    color: #001388;
    font-size: 23px;
    letter-spacing: 0.05em;
    line-height: 1.5;
}

.p-feature-item-image {
    padding-top: 30px;
    text-align: center;
    width: 100%
}

.p-feature-item-image img {
    width: 310px
}

.p-feature-item-image+.p-feature-item-image {
    padding-top: 22px
}

.p-feature-item-def {
    margin-top: -25px;
    padding: 55px 12.5px 0;
    width: 100%
}

.p-feature-item-def>div {
    border-radius: 10px;
    padding: 30px 15px;
    position: relative;
    z-index: 1
}

.p-feature-item-def>div:after {
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100% auto;
    content: "";
    display: block;
    height: 135.5px;
    position: absolute;
    right: -13px;
    top: -38px;
    -webkit-transform: translateX(50%);
    transform: translateX(50%);
    -webkit-transition: -webkit-transform 4s ease;
    transition: -webkit-transform 4s ease;
    transition: transform 4s ease;
    transition: transform 4s ease, -webkit-transform 4s ease;
    width: 116px;
    z-index: 1
}

.p-feature-item-def .is-def01 {
    background: #e1ebf7
}

.p-feature-item-def .is-def01:after {
    background-image: url(/special/lotion/img/2025/def01_float.webp)
}

.p-feature-item-def .is-def02 {
    background: #f8e9ef;
    margin-top: 32px
}

.p-feature-item-def .is-def02:after {
    background-image: url(/special/lotion/img/2025/def02_float.webp)
}

.p-feature-item-def dt {
    display: flex;
    align-items: flex-start;
    gap: 0.4em;
    color: #001388;
    letter-spacing: 0.08em;
    line-height: 1.2;
    font-size: 22px;
    position: relative;
    z-index: 10;
}

.p-feature-detail__lead {
    color: #1b224e;
    font-size: 15px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin: 0 0 20px 0;
}

.p-feature-detail__lead span {
    display: flex;
    justify-content: flex-start;
    line-height: 1.6;
}

.p-feature-detail__grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
}

.p-feature-detail__name {
    color: #001388;
    font-size: 15px;
    text-align: center;
    letter-spacing: 0.06em;
    margin: 0 0 10px 0;
    display: flex;
    justify-content: center;
    background-color: #fff;
    border-radius: 35px;
    padding: 10px;
}

.p-feature-detail__name.is-last {
    margin-bottom: 0;
}

.p-feature-detail__name.is-w-full {
    width: 100%;
}

.p-feature-detail__desc {
    color: #333333;
    font-size: 12px;
    line-height: 1.4;
    letter-spacing: 0.05em;
    margin: 0;
}

.is-note {
    font-size: 0.65em;
    vertical-align: 0.2em;
    margin-left: 2px;
}

.p-feature-detail__ingredients {
    text-align: center;
}

.p-feature-detail__ingredients-row {
    display: flex;
    justify-content: center;
    gap: 10px;
}

.p-feature-item-def dd {
    padding: 20px 0 0
}

.p-feature-item-def dd .is-image {
    text-align: center
}

.p-feature-item-def dd .is-image img {
    width: 300.5px
}

.p-feature-item-def.bgAnime>div:after {
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.p-feature-item-def-caution {
    padding: 12.5px 12.5px 0;
    width: 100%
}

.p-feature-item-def-caution .is-text {
    font-size: 9px;
    line-height: 1.6;
    padding-left: 20px;
    position: relative
}

.p-feature-item-def-caution .is-text span {
    left: 2px;
    line-height: 1.6;
    position: absolute
}

.p-feature-item02-lead .is-text {
    color: #333;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin: 20px 0;
    text-align: center;
}

.p-feature-item02-lead span {
    display: flex;
    justify-content: center;
    line-height: 1.6;
}

.p-feature-item02-lead .is-subtext {
    font-size: 12px;
    color: #777;
    margin-top: 10px;
    text-align: center;
}

.p-feature-item-subhead {
    color: #333;
    font-size: 16px;
    line-height: 1.6;
    letter-spacing: 0.05em;
    margin: 20px 0;
    text-align: center;
}

.p-feature-icons {
    padding: 0 20px;
}

.p-feature-icons__row {
    display: flex;
    justify-content: center;
    margin-bottom: 20px;
}

.p-feature-icons__row:last-child {
    margin-bottom: 0;
}

.p-feature-icons__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    width: 105px;
}

.p-feature-icons__img {
    width: 65px;
    height: auto;
    margin-bottom: 10px;
}

.p-feature-icons__img img {
    width: 100%;
    height: auto;
    display: block;
}

.p-feature-icons__text {
    color: #333333;
    font-size: 12px;
    line-height: 1.5;
    letter-spacing: 0.05em;
}

.p-feature-icons__text span {
    display: flex;
    justify-content: center;
}

.p-feature-item03-caution {
    padding: 18px 24px 0;
    width: 100%
}

.p-feature-item03-caution .is-text {
    font-size: 10px;
    line-height: 1.6;
    padding-left: 20px;
    position: relative
}

.p-feature-item03-caution .is-text span {
    left: 2px;
    line-height: 1.6;
    position: absolute
}

.p-feature-item03-caution .is-text.is-last:after {
    background-image: url(/special/lotion/img/2025/feature_header_cut05.png);
    background-position: top;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: 14px;
    content: "";
    display: block;
    height: 100.5px;
    position: absolute;
    right: 0;
    -webkit-transform: translateY(50%);
    transform: translateY(50%);
    width: 135.5px
}

.p-feature-item03-caution .is-text.is-last.bgAnime:after {
    -webkit-animation: _last 1.2s cubic-bezier(.19, 1, .22, 1) 0s forwards;
    animation: _last 1.2s cubic-bezier(.19, 1, .22, 1) 0s forwards
}

.l-skinpeel-wrap {
    background: #e4ebf9;
    width: 100%
}

.p-skinpeel-header {
    position: relative
}

.p-skinpeel-image {
    width: 100%
}

.p-skinpeel-image img {
    width: 375px
}

.p-skinpeel-text {
    left: 0;
    position: absolute;
    top: 48px;
    width: 100%
}

.p-skinpeel-headline {
    padding-left: 22px;
    font-size: 20px;
    color: #001388;
    letter-spacing: 0.16em;
    line-height: 1.4;
}

.p-skinpeel-headline span {
    font-size: 25px;
    letter-spacing: 0.08em;
    line-height: 2;
}

.p-skinpeel-lead {
    padding-top: 5px
}

.p-skinpeel-lead .is-text {
    text-align: left;
    padding-left: 22px;
    font-size: 14px;
    color: #1b224e;
    letter-spacing: 0.16em;
    line-height: 1.5;
}

.p-skinpeel-message {
    padding: 30px 0 0;
    position: relative
}

.p-skinpeel-message-ballon {
    background: url(/special/lotion/img/2025/skinpeel_ballon.png) no-repeat top;
    background-size: 100%;
    height: 230px;
    margin: 0 auto;
    width: 347px
}

.p-skinpeel-message-ballon .is-text {
    font-size: 13px;
    letter-spacing: .025em;
    line-height: 1.8;
    padding: 27px 20px 0 18px
}

.p-skinpeel-message-who {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -66px;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-skinpeel-message-who .is-name {
    font-size: 12px;
    padding-top: 30px
}

.p-skinpeel-message-who .is-image,
.p-skinpeel-message-who .is-image img {
    width: 125px
}

.l-voice-wrap {
    background: url(/special/lotion/img/2025/voiceBG.webp) no-repeat top;
    background-size: 100% auto;
    padding: 52px 0 0;
    width: 100%
}

.p-voice-catch {
    padding: 0 0 0 18px;
    font-size: 22px;
    color: #001388;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

.p-voice-headline {
    padding: 8px 0 0 18px;
    font-size: 26px;
    color: #001388;
    letter-spacing: 0.08em;
    line-height: 1.2;
}

.l-voice-slide-wrap {
    padding: 36px 0 70px;
    width: 100%
}

.p-voice-content {
    background: #fff;
    border-radius: 10px;
    min-height: 436px;
    overflow: hidden;
    width: 100%
}

.p-voice-content-header {
    position: relative;
    width: 100%
}

.p-voice-content-image {
    width: 100%
}

.p-voice-content-image img {
    max-width: 100%
}

.p-voice-content-headline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    left: 40%;
    position: absolute;
    top: 0;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.p-voice-content-headline img {
    width: 174.5px
}

.p-voice-content-text {
    padding: 16px 20px 20px;
    width: 100%
}

.p-voice-content-who img {
    width: 256px
}

.p-voice-content-lead {
    padding: 14px 0 0
}

.p-voice-content-lead .is-text {
    font-size: 14px;
    line-height: 1.6
}

.splide__pagination {
    bottom: -24px;
    gap: 0
}

.splide__pagination li {
    margin: 0 10px
}

.splide__pagination li .splide__pagination__page {
    border: 1px solid #fff
}

.splide__pagination__page {
    background: #fff;
    height: 12px;
    width: 12px
}

.splide__pagination__page.is-active {
    background: #001388;
    border: 1px solid #001388 !important;
    -webkit-transform: scale(1);
    transform: scale(1)
}

button:hover {
    background-color: hsla(0, 0%, 100%, .6)
}

button:focus-visible {
    outline: none;
    outline-offset: 0
}

button.splide__arrow {
    background-color: #fff;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .2);
    box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .2);
    height: 40px;
    opacity: 1;
    width: 40px
}

button.splide__arrow svg {
    display: none
}

button.splide__arrow.splide__arrow--prev:after {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1)
}

button.splide__arrow:after {
    background-image: url(/special/lotion/img/2025/arrow_blue.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 16px;
    left: calc(50% - 5px);
    position: absolute;
    top: calc(50% - 8px);
    width: 10px
}

.l-renewal-wrap {
    background: url(/special/lotion/img/2025/renewalBG.webp) no-repeat top;
    background-size: 100% auto;
    overflow: hidden;
    padding: 58px 15px;
    width: 100%
}

.p-renewal-box {
    background: #fff;
    border-radius: 5px;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .2);
    box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .2);
    max-width: 100%
}

.p-renewal-first-view {
    height: 200px;
    overflow: hidden;
    position: relative;
    -webkit-transition: height .4s ease;
    transition: height .4s ease
}

.p-renewal-first-view.js-open {
    height: 295px;
    overflow: initial
}

.p-renewal-first-view.js-open .p-rest-open-switch {
    background: none;
    bottom: inherit;
    height: 20px;
    left: inherit;
    right: 10px;
    top: 60px;
    width: 20px
}

.p-renewal-first-view.js-open .p-rest-open-switch span {
    display: none
}

.p-renewal-first-view.js-open .p-rest-open-switch b,
.p-renewal-first-view.js-open+.p-renewal-content-rest {
    display: block
}

.p-renewal-header {
    padding-top: 40px
}

.p-renewal-headline {
    position: relative;
    text-align: center
}

.p-renewal-headline img {
    width: 236.5px
}

.p-renewal-first-image {
    padding: 26px 0 0;
    text-align: center
}

.p-renewal-first-image img {
    width: 266px
}

.p-rest-open-switch {
    background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(30%, hsla(0, 0%, 100%, .5)), to(#fff));
    background: -webkit-linear-gradient(top, transparent, hsla(0, 0%, 100%, .5) 30%, #fff);
    background: linear-gradient(180deg, transparent 0, hsla(0, 0%, 100%, .5) 30%, #fff);
    border-radius: 0 0 5px 5px;
    bottom: 0;
    height: 50px;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.p-rest-open-switch span {
    background: #bbd0f3;
    border-radius: 5px;
    color: #fff;
    display: inline-block;
    font-size: 15px;
    padding: 8px 2.5em 6px 2em;
    position: relative
}

.p-rest-open-switch span:after,
.p-rest-open-switch span:before {
    border-top: 2px solid #fff;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    right: 17.5px;
    top: 50%;
    width: 12px
}

.p-rest-open-switch span:after {
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.p-rest-open-switch b {
    display: none;
    height: 100%;
    position: relative;
    width: 100%
}

.p-rest-open-switch b:after,
.p-rest-open-switch b:before {
    content: "";
    display: block;
    position: absolute
}

.p-rest-open-switch b:before {
    background: #bbd0f3;
    border-radius: 50%;
    height: 20px;
    left: 0;
    top: 0;
    width: 20px
}

.p-rest-open-switch b:after {
    border-top: 2px solid #fff;
    height: 0;
    left: 4px;
    top: 9px;
    width: 12px
}

.p-renewal-content-rest {
    display: none;
    padding: 30px 18px 0
}

.p-renewal-content-rest dt {
    background: #b8cef9;
    border-radius: 5px;
    color: #fff;
    font-family: リュウミン R-KL, serif;
    font-size: 18px;
    padding: 4px 0 3px;
    text-align: center;
    width: 100%
}

.p-renewal-content-rest dd {
    padding-bottom: 26px;
    position: relative
}

.p-renewal-content-rest dd:after {
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    position: absolute;
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
    -webkit-transition: -webkit-transform .8s ease;
    transition: -webkit-transform .8s ease;
    transition: transform .8s ease;
    transition: transform .8s ease, -webkit-transform .8s ease
}

.p-renewal-content-rest dd.bgAnime:after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-renewal-content-rest dd .is-image {
    text-align: center;
    width: 100%
}

.p-renewal-content-rest dd .is-lead {
    padding-top: 14px
}

.p-renewal-content-rest dd .is-lead p {
    font-size: 12px;
    line-height: 1.6
}

.p-renewal-content-rest dd .is-lead p b {
    color: #001388;
    font-weight: 700
}

.p-renewal-content-rest dd.is-capacity {
    padding-top: 30px
}

.p-renewal-content-rest dd.is-capacity .is-image img {
    width: 261px
}

.p-renewal-content-rest dd.is-capacity:after {
    background-image: url(/special/lotion/img/2025/renewal_float01.png);
    height: 113.5px;
    left: -33px;
    top: -90px;
    width: 40.5px
}

.p-renewal-content-rest dd.is-price {
    padding-top: 24px
}

.p-renewal-content-rest dd.is-price .is-price-headline {
    text-align: center;
    width: 100%
}

.p-renewal-content-rest dd.is-price .is-price-headline img {
    width: 294.5px
}

.p-renewal-content-rest dd.is-price .is-image {
    padding-top: 14px
}

.p-renewal-content-rest dd.is-price .is-image img {
    width: 310px
}

.p-renewal-content-rest dd.is-price .is-price-lead {
    padding: 10px 4px 0
}

.p-renewal-content-rest dd.is-price .is-price-lead .is-text {
    font-size: 10px;
    line-height: 1.6;
    padding-left: 20px;
    position: relative
}

.p-renewal-content-rest dd.is-price .is-price-lead .is-text span {
    left: 2px;
    line-height: 1.6;
    position: absolute
}

.p-renewal-content-rest dd.is-price:after {
    background-image: url(/special/lotion/img/2025/renewal_float02.png);
    height: 145.5px;
    right: -43px;
    top: -78px;
    width: 51.5px
}

.p-renewal-content-rest dd.is-texture {
    padding-top: 26px
}

.p-renewal-content-rest dd.is-texture .is-image img {
    width: 298.5px
}

.p-renewal-content-rest dd.is-texture:after {
    background-image: url(/special/lotion/img/2025/renewal_float03.png);
    height: 84.5px;
    left: -33px;
    top: -90px;
    width: 39.5px
}

.p-renewal-content-rest dd.is-seibun .is-text {
    font-size: 11px;
    line-height: 1.5;
    padding-top: 20px
}

.p-renewal-content-rest dd.is-seibun .is-text b {
    color: #001388;
    display: inline-block;
    font-family: リュウミン R-KL, serif;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: .5em
}

.p-renewal-content-rest dd.is-seibun .is-text.is-last:after {
    background-image: url(/special/lotion/img/2025/renewal_float05.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    bottom: -20px;
    content: "";
    display: block;
    height: 101px;
    left: -33px;
    position: absolute;
    -webkit-transform: translateY(70%);
    transform: translateY(70%);
    -webkit-transition: -webkit-transform 2s ease;
    transition: -webkit-transform 2s ease;
    transition: transform 2s ease;
    transition: transform 2s ease, -webkit-transform 2s ease;
    width: 41.5px
}

.p-renewal-content-rest dd.is-seibun .is-text.is-last.bgAnime:after {
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.p-renewal-content-rest dd.is-seibun:after {
    background-image: url(/special/lotion/img/2025/renewal_float04.png);
    height: 183.5px;
    right: -33px;
    top: -155px;
    width: 54px
}

.l-products-wrap {
    background-color: #dae2f4;
    padding-bottom: 40px;
    width: 100%
}

.p-products-header {
    position: relative;
    width: 100%
}

.p-products-header-image {
    overflow: hidden
}

.p-products-header-image img {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    width: 100%
}

.p-products-header-image.is-show img {
    -webkit-animation: _kvScale 2.4s cubic-bezier(.19, 1, .22, 1) 0s forwards;
    animation: _kvScale 2.4s cubic-bezier(.19, 1, .22, 1) 0s forwards
}

.p-products-header-text {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%
}

.p-products-headline {
    padding: 40px 22.5px 0;
    color: #001388;
    font-size: 30px;
    letter-spacing: 0.08em;
    line-height: 1.4;
}

.p-products-header-lead {
    padding: 20px 22.5px 0
}

.p-products-header-lead .is-text {
    font-size: 13px;
    line-height: 1.6;
    text-align: justify
}

.p-products-header-cut01,
.p-products-header-cut02 {
    opacity: 0;
    position: absolute;
    z-index: 2
}

.p-products-header-cut01 img,
.p-products-header-cut02 img {
    width: 110px
}

.p-products-header-cut01 {
    left: 14px;
    top: 225px
}

.p-products-header-cut02 {
    bottom: 140px;
    right: 14px
}

.l-products-tab-wrap {
    margin-top: -86px;
    padding: 0 10px;
    position: relative;
    z-index: 1
}

.p-products-tab-switch-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: -25px;
    padding-top: 25px;
    width: 100%
}

.p-products-tab-switch-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 75px;
    width: 50%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.p-products-tab-switch-item.is-on .p-products-tab-switch-inner {
    background: #fff;
    border-top: 8px solid #d7e1f3;
    height: 100%
}

.p-products-tab-switch-inner {
    background: #d7e1f3;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 65px;
    position: relative;
    width: 100%;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 0 4px
}

.p-products-tab-switch-inner .is-image {
    bottom: 6px;
    left: 12.5px;
    position: absolute
}

.p-products-tab-switch-inner .is-image img {
    width: 25.5px
}

.p-products-tab-switch-inner .is-headline {
    padding-left: 30px;
    text-align: center
}

.p-products-tab-switch-inner .is-headline img {
    width: 112.5px
}

.p-products-main-contents {
    background: #fff;
    -webkit-box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .1);
    box-shadow: 1px 1px 5px 1px rgba(27, 34, 78, .1);
    display: none;
    padding: 28px 0 0;
    width: 100%
}

.p-products-main-contents.is-on {
    display: block
}

.p-products-main-image {
    text-align: center
}

.p-products-main-image img {
    width: 320px
}

.p-products-main-headline {
    padding-top: 27px;
    text-align: center;
    font-size: 16px;
    color: #333;
    display: flex;
    flex-direction: column;
}

.p-products-main-headline span {
    color: #001388;
    font-size: 30px;
    letter-spacing: 0.08em;
    line-height: 1.5;
    text-align: center;
}


.p-products-main-add {
    color: #c50000;
    font-family: リュウミン R-KL, serif;
    font-size: 17px;
    font-weight: 500;
    padding-top: 20px;
    text-align: center
}

.p-products-main-add span {
    display: inline-block;
    padding: 0 16px;
    position: relative
}

.p-products-main-add span:after,
.p-products-main-add span:before {
    border-top: 1px solid #c50000;
    content: "";
    display: block;
    height: 0;
    position: absolute;
    top: 50%;
    width: 14px
}

.p-products-main-add span:before {
    left: 0;
    -webkit-transform: rotate(60deg);
    transform: rotate(60deg)
}

.p-products-main-add span:after {
    right: 0;
    -webkit-transform: rotate(-60deg);
    transform: rotate(-60deg)
}

.p-products-main-add img {
    width: 299.5px
}

.p-products-main-price {
    padding: 0 20px;
    width: 100%
}

.p-products-main-price>div {
    padding-top: 32px
}

.p-products-main-price dt {
    background: #ecf0fe;
    font-family: リュウミン R-KL, serif;
    font-size: 14px;
    padding: 6px 0;
    text-align: center;
    width: 100%
}

.p-products-main-price dd {
    margin: 0 auto;
    width: 96%
}

.p-products-main-price dd .is-base {
    font-family: リュウミン R-KL, serif;
    font-size: 27px;
    padding-top: 20px;
    text-align: center
}

.p-products-main-price dd .is-base small {
    font-size: 14px
}

.p-products-main-price dd .is-base .is-cancel {
    font-size: 20px;
    position: relative
}

.p-products-main-price dd .is-base .is-cancel:after {
    border-top: 1px solid #333;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 50%;
    width: 100%
}

.p-products-main-price dd .is-base .is-cancel small {
    font-size: 14px
}

.p-products-main-price dd .is-price-box {
    padding-top: 20px;
    width: 100%
}

.p-products-main-price dd .is-price-box .is-label {
    background: #f1f1f1;
    display: inline-block;
    font-size: 14px;
    height: 25px;
    line-height: 25px;
    margin-right: 6px;
    text-align: center;
    width: 6.5em
}

.p-products-main-price dd .is-price-box .is-price {
    font-family: リュウミン R-KL, serif;
    font-size: 27px
}

.p-products-main-price dd .is-price-box .is-price small {
    font-size: 14px
}

.p-products-main-price dd .is-price-box .is-price b {
    display: inline-block;
    font-family: リュウミン R-KL, serif;
    font-size: 27px;
    font-weight: 500;
    margin: 0 .2em
}

.p-products-main-price dd .is-price-box .is-btn {
    padding-top: 20px;
    width: 100%
}

.p-products-main-price dd .is-price-box .is-btn.is-cart a,
.p-products-main-price dd .is-price-box .is-btn.is-cart span {
    background-color: #fff;
    color: #3466ab
}

.p-products-main-price dd .is-price-box .is-btn.is-cart a:before,
.p-products-main-price dd .is-price-box .is-btn.is-cart span:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAC29NkdAAAE0UlEQVRYhWI0TFu7hoGBIZgBAX4xMDDcY2BgsGRgYPiAJE5/wMDAAAAAAP//YmJgYGBBs5mNgYFBg4GBIXCgHcfAwMAAAAAA//8COTCAgYFBCAlXQeVA4gMLGBgYAAAAAP//AjkQBN4j4VlQMc8Bdx0DAwMAAAD//0KPXhB4y8DAcJOBgUGdgYEhhIGBYfsAuAsE/jMwMHwDAAAA///C5kAQWMXAwFDLwMCwms6OgoGvDAwMPxkYGCYCAAAA//+CRTE62DRADoMBbnB+YGAwBQAAAP//whWCZxgYGD4yMDDwMzAwWECjnF7gOwMDw0kGBgZ9BgaGmQAAAAD//8LlQBDYwMDAEM/AwKAN1UAvAIpVPXAaZGDYDQAAAP//whXFIACL5lQ6Og4EQIHCyMDAsIuBgeEnAAAA///C58DdUBoUxaCophfwg1q0noGBgQEAAAD//8LnwM8MDAxHoWx3OrmOmYGBwRvK3sbAwMAAAAAA///C50AQWAul/WnrLjiwY2BgYGVgYLjDwMDwmIGBgQEAAAD//yLkwC1Q2pc+7oNHL6T8ZWBgAAAAAP//IuTA2wwMDE8YGBh4GRgYzGnrNjAA1VwgsBlMMjAwAAAAAP//IuRAEAA1x0DAhzZuggMVBgYGGVD1xsDAcBwsysDAAAAAAP//IsaBW6F0KG3dx+AFpTfCRRgYGAAAAAD//yLGgQcYGBj+QBsP0rRxGxhgRC8DAwMDAAAA//8ixoEgx8FaNLAigNqAh4GBwRZq6A644QwMDAAAAAD//yLGgSAAC3ZaFTeuUPo0tE0KAQwMDAAAAAD//yLWgeBCk4YFNqx4gWVICGBgYAAAAAD//8LXWEAGzxkYGK4zMDBoMjAwhCFlHGoAUMEM6/+gpD8GBgYGAAAAAP//ItaBIAAqPOsYGBhWUtFxyADUvAMFAgIwMDAAAAAA//8iNopBAMN3VASger8FwzwGBgYAAAAA//8iJQRBjVhQP1kA2mfG8C2ZANS0+sfAwPAJQz8DAwMAAAD//yLFgSCwjoGBIQnaiD1BJQfiBgwMDAAAAAD//yLVgaBGLMiBOVRMi6AOEqj1jAkYGBgAAAAA//8i1YGgVi4IGEDTDTUAqPcGKqRBZSAqYGBgAAAAAP//IiWTgACoQzOFgYHhB5UcBwLs0H4IJmBgYAAAAAD//yI1BEEgF4pBgJOBgYGDDDNAmQJUrOAHDAwMAAAAAP//IseBfAwMDFLQKuklNFTJBaBBqi/QNicmYGBgAAAAAP//IjWKm5AK1BfQjhWog00qAJkDyhggc0BNe+zmMDAwAAAAAP//IsWBedDhEBAAlYmg3OfCwMBwGFqWUWrOEQxzGBgYAAAAAP//ItaBoITcA2WD2m2m0LYhaMRBC6myJwRAY4/daOaAkgvIHFA9j2oOAwMDAAAA//8i1oFi0EodNPoK6+mBono5lG1IgjkgRyKbA6pBVmA1h4GBAQAAAP//ItaBr6ENV5DhsB4eF7RlAwIXSTDnNxZzYN0JVHMYGBgAAAAA//8i1oGgcq8CygbVJpcZGBjeQaMX1PND6UfgAaBCuRKPOaDxIARgYGAAAAAA//9iljQOJ9JscE8LVO7B0g2oiDoIHYkFFRXUMAeUYRCAgYEBAAAA//8DAAltlku+prUVAAAAAElFTkSuQmCC") no-repeat 50%/100% 100%
}

.p-products-main-price dd .is-price-box>.is-btn:first-child {
    padding-top: 0
}

.is-no-cp .p-products-main-price dd .is-price-box .is-btn.is-no-cp-cart a,
.is-no-cp .p-products-main-price dd .is-price-box .is-btn.is-no-cp-cart span,
.p-products-main-price dd .is-price-box .is-btn a,
.p-products-main-price dd .is-price-box .is-btn span {
    background: #3466ab;
    border: 1px solid #3466ab;
    border-radius: 5px;
    color: #fff;
    display: block;
    font-size: 14px;
    height: 46px;
    line-height: 46px;
    position: relative;
    text-align: center;
    text-decoration: none;
    -webkit-transition: color .3s ease, background-color .3s ease;
    transition: color .3s ease, background-color .3s ease;
    width: 100%
}

.is-no-cp .p-products-main-price dd .is-price-box .is-btn.is-no-cp-cart a:before,
.is-no-cp .p-products-main-price dd .is-price-box .is-btn.is-no-cp-cart span:before,
.p-products-main-price dd .is-price-box .is-btn a:before,
.p-products-main-price dd .is-price-box .is-btn span:before {
    background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAC29NkdAAAEi0lEQVRYhWL4////mv+o4Of///+v////X+D///8g+YHD//8zAAAAAP//YmJgYGBhQAVsDAwMGgwMDIFo4vQHDAwMAAAAAP//AjkwgIGBQQgJV0HlQOIDCxgYGAAAAAD//2IEBSMaEGZgYHjDwMDwGxqaAwcYGBgAAAAA///C5kAQuMHAwKDOwMAQysDAsH2AXPifgYHhGwAAAP//wuXAJgYGhlr6uwkOvjIwMPxkYGCYCAAAAP//AqVBbGDTADoOBLjB+YGBwRQAAAD//8IVgiDwgYGBgZ+BgcGCgYHhJh0d952BgeEkAwODPgMDgy8AAAD//8JXxi2AFo9JdC4Lmf7///8PjP//ZwcAAAD//8IVxSAAi+ZUOoUcDMQzMDAwMjAw7GJgYPgJAAAA///C58DdUBoUxaCophfwg1q0noGBgQEAAAD//8LnwM8MDAxHoWx3OrmOmYGBwRvK3sbAwMAAAAAA///C50AQWAul/WnrLjiwY2BgYGVgYLjDwMDwmIGBgQEAAAD//yLkwC1Q2pc+7oNH72owycDAAAAAAP//IiZXPYbmZnM65GCYXZZg/v//DAAAAAD//yIUgiCwBkr70CbQ4ECFgYFBBlS9MTAwHAeLMjAwAAAAAP//IsaBW6E0qF6mJfCCGr4RbgkDAwMAAAD//yLGgQcYGBj+QBsP0jR0YQiU3gwXYWBgAAAAAP//IsaBIMfBWjSwIoDagIeBgcEWaugOuOEMDAwAAAAA//8ixoEgAAt2WhU3rlD6NAMDw3u4KAMDAwAAAP//ItaB4EKThgU2rHiBZUgIYGBgAAAAAP//wteaQQfXGBgYNBkYGMKRMg41AKhgfgCtTrUYGBiuww1lYGAAAAAA//8ipYxqROv9URt8wLDz/38GAAAAAP//IjaKQQAld1EZgOr9FgwzGRgYAAAAAP//IiWKQQCUgAUYGBgsMaKCfABqWv1jYGD4hGEEAwMDAAAA//9C7xMTAusYGBiSGBgYtBkYGE7QMEQhgIGBAQAAAP//IjUEQcXMBgYGhgtI5RalANRBwu4IBgYGAAAAAP//ItWBnNC6kpoA1HsDeRZUBqICBgYGAAAAAP//IiWTgACoQzOFgYHhBxVdyM7AwIDdHQwMDAAAAAD//yI1BNEBKEQ5yNAHyhQfCapiYGAAAAAA//8ix4F8DAwMUtAc/ZIMxyED0CDVFwYGhidYZRkYGAAAAAD//yK1QdmEVjrv/v//vxAZDVPizPn/nwEAAAD//yLF0DwkA0//////C5R99f///+CYoNCcaxjm/P/PAAAAAP//ItZQ9v////+CGhQMFeP/////DaiYP5HmsEEHSJHN4cNpzv//DAAAAAD//yI2F4tBK/VfSD09UCJfDmUbkmAOaEgP2RxQDbICqzkMDAwAAAAA//8i1oGvoQ1XkOGwHh4XAwNDGJR9kQRzYOOOyObAuhOo5jAwMAAAAAD//yIlDRYjpZ3L/////wFl34KOp1DDHNQ0+P8/AwAAAP//IjX3dSAZCAIH/v//L0ZGLibOnP//GQAAAAD//wMAhHwCH/dbieoAAAAASUVORK5CYII=") no-repeat 50%/100% 100%;
    content: "";
    height: 19px;
    left: 20px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 20px
}

@media (any-hover:hover) {

    .is-no-cp .p-products-main-price dd .is-price-box .is-btn.is-no-cp-cart a:hover,
    .p-products-main-price dd .is-price-box .is-btn a:hover {
        background-color: #fff;
        color: #3466ab
    }

    .is-no-cp .p-products-main-price dd .is-price-box .is-btn.is-no-cp-cart a:hover:before,
    .p-products-main-price dd .is-price-box .is-btn a:hover:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAC29NkdAAAE0UlEQVRYhWI0TFu7hoGBIZgBAX4xMDDcY2BgsGRgYPiAJE5/wMDAAAAAAP//YmJgYGBBs5mNgYFBg4GBIXCgHcfAwMAAAAAA//8COTCAgYFBCAlXQeVA4gMLGBgYAAAAAP//AjkQBN4j4VlQMc8Bdx0DAwMAAAD//0KPXhB4y8DAcJOBgUGdgYEhhIGBYfsAuAsE/jMwMHwDAAAA///C5kAQWMXAwFDLwMCwms6OgoGvDAwMPxkYGCYCAAAA//+CRTE62DRADoMBbnB+YGAwBQAAAP//whWCZxgYGD4yMDDwMzAwWECjnF7gOwMDw0kGBgZ9BgaGmQAAAAD//8LlQBDYwMDAEM/AwKAN1UAvAIpVPXAaZGDYDQAAAP//whXFIACL5lQ6Og4EQIHCyMDAsIuBgeEnAAAA///C58DdUBoUxaCophfwg1q0noGBgQEAAAD//8LnwM8MDAxHoWx3OrmOmYGBwRvK3sbAwMAAAAAA///C50AQWAul/WnrLjiwY2BgYGVgYLjDwMDwmIGBgQEAAAD//yLkwC1Q2pc+7oNHL6T8ZWBgAAAAAP//IuTA2wwMDE8YGBh4GRgYzGnrNjAA1VwgsBlMMjAwAAAAAP//IuRAEAA1x0DAhzZuggMVBgYGGVD1xsDAcBwsysDAAAAAAP//IsaBW6F0KG3dx+AFpTfCRRgYGAAAAAD//yLGgQcYGBj+QBsP0rRxGxhgRC8DAwMDAAAA//8ixoEgx8FaNLAigNqAh4GBwRZq6A644QwMDAAAAAD//yLGgSAAC3ZaFTeuUPo0tE0KAQwMDAAAAAD//yLWgeBCk4YFNqx4gWVICGBgYAAAAAD//8LXWEAGzxkYGK4zMDBoMjAwhCFlHGoAUMEM6/+gpD8GBgYGAAAAAP//ItaBIAAqPOsYGBhWUtFxyADUvAMFAgIwMDAAAAAA//8iNopBAMN3VASger8FwzwGBgYAAAAA//8iJQRBjVhQP1kA2mfG8C2ZANS0+sfAwPAJQz8DAwMAAAD//yLFgSCwjoGBIQnaiD1BJQfiBgwMDAAAAAD//yLVgaBGLMiBOVRMi6AOEqj1jAkYGBgAAAAA//8i1YGgVi4IGEDTDTUAqPcGKqRBZSAqYGBgAAAAAP//IiWTgACoQzOFgYHhB5UcBwLs0H4IJmBgYAAAAAD//yI1BEEgF4pBgJOBgYGDDDNAmQJUrOAHDAwMAAAAAP//IseBfAwMDFLQKuklNFTJBaBBqi/QNicmYGBgAAAAAP//IjWKm5AK1BfQjhWog00qAJkDyhggc0BNe+zmMDAwAAAAAP//IsWBedDhEBAAlYmg3OfCwMBwGFqWUWrOEQxzGBgYAAAAAP//ItaBoITcA2WD2m2m0LYhaMRBC6myJwRAY4/daOaAkgvIHFA9j2oOAwMDAAAA//8i1oFi0EodNPoK6+mBono5lG1IgjkgRyKbA6pBVmA1h4GBAQAAAP//ItaBr6ENV5DhsB4eF7RlAwIXSTDnNxZzYN0JVHMYGBgAAAAA//8i1oGgcq8CygbVJpcZGBjeQaMX1PND6UfgAaBCuRKPOaDxIARgYGAAAAAA//9iljQOJ9JscE8LVO7B0g2oiDoIHYkFFRXUMAeUYRCAgYEBAAAA//8DAAltlku+prUVAAAAAElFTkSuQmCC") no-repeat 50%/100% 100%
    }

    .p-products-main-price dd .is-price-box .is-btn.is-cart a:hover {
        background-color: #3466ab;
        color: #fff
    }

    .p-products-main-price dd .is-price-box .is-btn.is-cart a:hover:before {
        background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAmCAYAAAC29NkdAAAEi0lEQVRYhWL4////mv+o4Of///+v////X+D///8g+YHD//8zAAAAAP//YmJgYGBhQAVsDAwMGgwMDIFo4vQHDAwMAAAAAP//AjkwgIGBQQgJV0HlQOIDCxgYGAAAAAD//2IEBSMaEGZgYHjDwMDwGxqaAwcYGBgAAAAA///C5kAQuMHAwKDOwMAQysDAsH2AXPifgYHhGwAAAP//wuXAJgYGhlr6uwkOvjIwMPxkYGCYCAAAAP//AqVBbGDTADoOBLjB+YGBwRQAAAD//8IVgiDwgYGBgZ+BgcGCgYHhJh0d952BgeEkAwODPgMDgy8AAAD//8JXxi2AFo9JdC4Lmf7///8PjP//ZwcAAAD//8IVxSAAi+ZUOoUcDMQzMDAwMjAw7GJgYPgJAAAA///C58DdUBoUxaCophfwg1q0noGBgQEAAAD//8LnwM8MDAxHoWx3OrmOmYGBwRvK3sbAwMAAAAAA///C50AQWAul/WnrLjiwY2BgYGVgYLjDwMDwmIGBgQEAAAD//yLkwC1Q2pc+7oNH72owycDAAAAAAP//IiZXPYbmZnM65GCYXZZg/v//DAAAAAD//yIUgiCwBkr70CbQ4ECFgYFBBlS9MTAwHAeLMjAwAAAAAP//IsaBW6E0qF6mJfCCGr4RbgkDAwMAAAD//yLGgQcYGBj+QBsP0jR0YQiU3gwXYWBgAAAAAP//IsaBIMfBWjSwIoDagIeBgcEWaugOuOEMDAwAAAAA//8ixoEgAAt2WhU3rlD6NAMDw3u4KAMDAwAAAP//ItaB4EKThgU2rHiBZUgIYGBgAAAAAP//wteaQQfXGBgYNBkYGMKRMg41AKhgfgCtTrUYGBiuww1lYGAAAAAA//8ipYxqROv9URt8wLDz/38GAAAAAP//IjaKQQAld1EZgOr9FgwzGRgYAAAAAP//IiWKQQCUgAUYGBgsMaKCfABqWv1jYGD4hGEEAwMDAAAA//9C7xMTAusYGBiSGBgYtBkYGE7QMEQhgIGBAQAAAP//IjUEQcXMBgYGhgtI5RalANRBwu4IBgYGAAAAAP//ItWBnNC6kpoA1HsDeRZUBqICBgYGAAAAAP//IiWTgACoQzOFgYHhBxVdyM7AwIDdHQwMDAAAAAD//yI1BNEBKEQ5yNAHyhQfCapiYGAAAAAA//8ix4F8DAwMUtAc/ZIMxyED0CDVFwYGhidYZRkYGAAAAAD//yK1QdmEVjrv/v//vxAZDVPizPn/nwEAAAD//yLF0DwkA0//////C5R99f///+CYoNCcaxjm/P/PAAAAAP//ItZQ9v////+CGhQMFeP/////DaiYP5HmsEEHSJHN4cNpzv//DAAAAAD//yI2F4tBK/VfSD09UCJfDmUbkmAOaEgP2RxQDbICqzkMDAwAAAAA//8i1oGvoQ1XkOGwHh4XAwNDGJR9kQRzYOOOyObAuhOo5jAwMAAAAAD//yIlDRYjpZ3L/////wFl34KOp1DDHNQ0+P8/AwAAAP//IjX3dSAZCAIH/v//L0ZGLibOnP//GQAAAAD//wMAhHwCH/dbieoAAAAASUVORK5CYII=") no-repeat 50%/100% 100%
    }
}

.p-products-main-price dd .is-price-box.teiki .is-label {
    background: #c50000;
    color: #fff
}

.p-products-main-price dd .is-price-box.teiki .is-price b,
.p-products-main-price dd .is-price-box.teiki .is-price small {
    color: #c50000
}

.l-pre-message-wrap {
    margin: 0 auto;
    padding-top: 30px;
    width: 84%
}

.l-pre-message-wrap .is-text {
    background: #e5e7f3;
    border: 1px solid #001388;
    border-radius: 2px;
    font-size: 14px;
    line-height: 1.3;
    padding: 10px 0;
    text-align: center;
    width: 100%
}

.l-pre-message-wrap .is-text b {
    font-weight: 700
}

.p-products-inner-tab {
    padding: 40px 20px 34px;
    width: 100%
}

.p-products-inner-tab-switch-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%
}

.p-products-inner-tab-switch-item {
    width: 100px
}

.p-products-inner-tab-switch-item span {
    color: #999;
    font-size: 14px;
    position: relative
}

.p-products-inner-tab-switch-item.is-on span {
    color: #001388
}

.p-products-inner-tab-switch-item.is-on span:after {
    border-top: 1px solid #001388;
    bottom: -2px;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    width: 100%
}

.p-products-inner-tab-contents {
    display: none;
    padding: 24px 0 0;
    width: 100%
}

.p-products-inner-tab-contents.is-on {
    display: block
}

.p-products-inner-tab-contents dl dt {
    color: #333;
    font-size: 20px;
    letter-spacing: 0.06em;
    line-height: 1.6;
    text-align: left;
}

.p-products-inner-tab-contents dl dt span {
    display: flex;
    justify-content: flex-start;
}

.p-products-inner-tab-contents dl dd {
    padding-top: 20px
}

.p-products-inner-tab-contents dl dd .is-text {
    font-size: 14px;
    line-height: 1.5
}

.p-products-inner-tab-contents dl dd .is-text span {
    display: inline-block;
    margin-bottom: .5em
}

.p-products-inner-tab-contents dl dd .is-annotation {
    color: #666;
    font-size: 10px;
    padding-top: 1em
}

.l-campaign-wrap {
    background: #fff;
    padding: 38px 10px;
    width: 100%
}

.p-campaign-header {
    width: 100%
}

.p-campaign-header dt,
.p-campaign-header-line {
    background: #cb1919;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%
}

.p-campaign-header dt img,
.p-campaign-header-line img {
    vertical-align: middle;
    width: 232.5px
}

.p-campaign-header dd {
    background: #1b224e;
    height: 45px;
    line-height: 45px;
    text-align: center;
    width: 100%
}

.p-campaign-header dd img {
    vertical-align: middle;
    width: 332px
}

.p-campaign-content {
    background: #a8c0e4 url(/special/lotion/img/2025/campaignBG.webp) no-repeat top;
    background-size: 100% auto;
    padding: 0 0 40px;
    width: 100%
}

.p-campaign-content-headline {
    padding: 16px 0 0;
    text-align: center;
    width: 100%
}

.p-campaign-content-headline img {
    width: 320px
}

.p-campaign-content-main {
    padding-top: 188px;
    text-align: center;
    width: 100%
}

.p-campaign-content-main img {
    width: 320px
}

.p-campaign-content-more {
    padding-top: 16px;
    text-align: center;
    width: 100%
}

.p-campaign-content-more img {
    width: 320px
}

.p-campaign-link {
    padding: 30px 16px 0
}

.p-campaign-link .is-catch {
    text-align: center;
    width: 100%
}

.p-campaign-link .is-catch img {
    max-width: 100%
}

.p-campaign-link .is-btn {
    padding-top: 14px;
    text-align: center;
    width: 100%
}

.p-campaign-link .is-btn span {
    background: #192a94;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    height: 50px;
    line-height: 50px;
    position: relative;
    width: 100%
}

.p-campaign-link .is-btn span:after {
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    height: 5px;
    position: absolute;
    right: 14px;
    top: 50%;
    -webkit-transform: rotate(45deg) translateY(-2px);
    transform: rotate(45deg) translateY(-2px);
    -webkit-transform-origin: right 50% 0;
    transform-origin: right 50% 0;
    width: 5px
}

.p-campaign-annotation {
    padding: 10px 10px 0;
    width: 100%
}

.p-campaign-annotation .is-text {
    font-size: 10px;
    line-height: 1.4;
    padding-left: 1em;
    text-indent: -1em
}

.p-campaign-annotation .is-text+.is-text {
    margin-top: .3em
}

.p-campaign-annotation .is-text.has-kome {
    padding-left: 20px;
    position: relative;
    text-indent: 0
}

.p-campaign-annotation .is-text.has-kome span {
    left: 0;
    position: absolute
}

.l-event-wrap {
    background: url(/special/lotion/img/2025/eventBG.webp) no-repeat top;
    background-size: 100% auto;
    padding: 48px 14px;
    width: 100%
}

.p-event-headline {
    text-align: center;
    width: 100%
}

.p-event-headline img {
    width: 342.5px
}

.p-event-schedule {
    padding-top: 18px;
    text-align: center;
    width: 100%
}

.p-event-schedule img {
    width: 345px
}

.p-event-annotation {
    padding-top: 14px;
    width: 100%
}

.p-event-annotation .is-text {
    font-size: 10px
}

.l-store-wrap {
    background: -webkit-gradient(linear, left top, right bottom, from(#e1e8f6), color-stop(50%, #e2e9f7), to(#e4ebf9));
    background: -webkit-linear-gradient(left top, #e1e8f6 0, #e2e9f7 50%, #e4ebf9);
    background: linear-gradient(to right bottom, #e1e8f6, #e2e9f7 50%, #e4ebf9);
    padding: 48px 14px;
    width: 100%
}

.p-store-headline {
    text-align: center;
    width: 100%
}

.p-store-headline img {
    width: 184.5px
}

.p-store-online {
    padding-top: 20px;
    text-align: center;
    width: 100%
}

.p-store-online img {
    width: 345px
}

.p-store-annotation {
    padding-top: 14px;
    width: 100%
}

.p-store-annotation .is-text {
    font-size: 10px
}

.p-store-all {
    padding-top: 30px;
    text-align: center;
    width: 100%
}

.p-store-all img {
    width: 345px
}

.l-kakushitsu-wrap {
    background: url(/special/lotion/img/2025/kakushitsuBG.webp) no-repeat top;
    background-size: 100% auto;
    padding-bottom: 64px;
    width: 100%
}

.p-kakushitsu-header {
    padding: 150px 0 0 22px
}

.p-step-heading {
    color: #001388;
    font-family: リュウミン R-KL, serif
}

.p-step-heading:before {
    background-color: #6a88b1;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    top: 0;
    width: min(4.2666666667vw, 32px)
}

.p-step-heading span {
    display: block;
    letter-spacing: .04em
}

.p-step-heading_shoulder {
    font-size: 24px;
    font-weight: 400
}

.p-step-heading_main {
    font-size: 40px;
    font-weight: 400;
    margin-top: 10px
}

.p-step-heading_main sup {
    font-size: 50%;
    line-height: 1;
    vertical-align: super
}

.p-step-description {
    color: #001388;
    font-family: リュウミン R-KL, serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1.6;
    margin-top: 18px
}

.p-step-content {
    padding-top: 12px
}

.p-step-content li {
    text-align: center;
    width: 100%
}

.p-step-content li img {
    opacity: 0;
    position: relative;
    width: 356px;
    z-index: 1
}

.p-step-content li:first-child {
    margin-left: auto;
    position: relative;
    z-index: 0
}

.p-step-content li:first-child img {
    -webkit-transition: opacity 2s cubic-bezier(.19, 1, .22, 1) 1.2s;
    transition: opacity 2s cubic-bezier(.19, 1, .22, 1) 1.2s
}

.p-step-content li:nth-child(2) {
    margin-left: auto;
    margin-top: 0;
    position: relative
}

.p-step-content li:nth-child(2) img {
    -webkit-transition: opacity 2s cubic-bezier(.19, 1, .22, 1) 1.6s;
    transition: opacity 2s cubic-bezier(.19, 1, .22, 1) 1.6s
}

.p-step-content li:nth-child(3) {
    margin-top: 20px;
    position: relative;
    z-index: 2
}

.p-step-content li:nth-child(3) img {
    -webkit-transition: opacity 2s cubic-bezier(.19, 1, .22, 1) 2s;
    transition: opacity 2s cubic-bezier(.19, 1, .22, 1) 2s
}

.p-step-content.is-show li img {
    opacity: 1
}

.p-step-content.is-show li:after {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.is-show-animation-heading {
    -webkit-mask-image: -webkit-linear-gradient(305deg, #000 50%, rgba(0, 0, 0, .2) 60%, transparent 70%, transparent);
    mask-image: linear-gradient(145deg, #000 50%, rgba(0, 0, 0, .2) 60%, transparent 70%, transparent);
    -webkit-mask-position: 100%;
    mask-position: 100%;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: 450% 450%;
    mask-size: 450% 450%
}

.is-show-animation-heading,
.is-show-animation-heading.is-show {
    -webkit-transition: -webkit-mask-position 1.7s cubic-bezier(.25, .46, .45, .94);
    transition: -webkit-mask-position 1.7s cubic-bezier(.25, .46, .45, .94);
    transition: mask-position 1.7s cubic-bezier(.25, .46, .45, .94);
    transition: mask-position 1.7s cubic-bezier(.25, .46, .45, .94), -webkit-mask-position 1.7s cubic-bezier(.25, .46, .45, .94)
}

.is-show-animation-heading.is-show {
    -webkit-mask-position: 0;
    mask-position: 0
}

.is-show-animation-content {
    opacity: 0;
    -webkit-transform: translateY(10px);
    transform: translateY(10px);
    -webkit-transition: opacity 1.7s cubic-bezier(.165, .84, .44, 1), -webkit-transform 2.8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.7s cubic-bezier(.165, .84, .44, 1), -webkit-transform 2.8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.7s cubic-bezier(.165, .84, .44, 1), transform 2.8s cubic-bezier(.19, 1, .22, 1);
    transition: opacity 1.7s cubic-bezier(.165, .84, .44, 1), transform 2.8s cubic-bezier(.19, 1, .22, 1), -webkit-transform 2.8s cubic-bezier(.19, 1, .22, 1)
}

.is-show-animation-content.is-show {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.is-show-animation-img {
    overflow: hidden
}

.is-show-animation-img img {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: var(--show-img-transition);
    transition: var(--show-img-transition)
}

.is-show-animation-img.is-show img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.l-usage-wrap {
    background: #dfe9f6;
    padding: 50px 22px;
    width: 100%
}

.p-usage-headline {
    color: #001388;
    font-family: リュウミン R-KL, serif;
    font-size: 28px;
    font-weight: 400
}

.p-usage-image {
    padding-top: 36px;
    width: 100%
}

.p-usage-image img {
    max-width: 100%;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
    -webkit-transition: opacity 1.35s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1.35s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 1.35s cubic-bezier(.25, .46, .45, .94), -webkit-transform 1.35s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 1.35s cubic-bezier(.25, .46, .45, .94), transform 1.35s cubic-bezier(.165, .84, .44, 1);
    transition: opacity 1.35s cubic-bezier(.25, .46, .45, .94), transform 1.35s cubic-bezier(.165, .84, .44, 1), -webkit-transform 1.35s cubic-bezier(.165, .84, .44, 1)
}

.p-usage-image.is-show img {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.p-use-list-wrap {
    overflow-x: auto
}

.p-use-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    padding: 40px 0 14px;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content
}

.p-usage-item {
    width: 250px
}

.p-use-card {
    background-color: #fff;
    height: 330px;
    overflow: hidden;
    padding: 14px;
    position: relative
}

.p-use-card:after {
    border: 16px solid transparent;
    border-bottom-color: #001388;
    content: "";
    display: block;
    height: 0;
    left: -.5px;
    position: absolute;
    top: -8.5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    width: 0
}

.p-use-card-heading {
    color: #001388;
    font-family: リュウミン R-KL, serif;
    font-weight: 400;
    padding-left: 4px
}

.p-use-card-heading em {
    font-size: 24px;
    font-style: normal;
    font-weight: 400
}

.p-use-card-heading span {
    font-size: 14px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-column-gap: min(1.0666666667vw, 8px);
    -moz-column-gap: min(1.0666666667vw, 8px);
    column-gap: min(1.0666666667vw, 8px);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.p-use-card-thumb {
    padding: 10px 0 0;
    text-align: center;
    width: 100%
}

.p-use-card-thumb img {
    width: 210px
}

.p-use-card-text-wrap {
    padding: 20px 0 0
}

.p-use-card-text-wrap .a-text {
    font-size: 14px;
    letter-spacing: .03em;
    line-height: 1.6;
    text-align: justify
}

.lotion-lineup .swiper-button-next,
.lotion-lineup .swiper-button-prev {
    background: none;
    top: 166px
}

.lotion-lineup .swiper-button-next.swiper-button-disabled,
.lotion-lineup .swiper-button-prev.swiper-button-disabled {
    display: none
}

.lotion-lineup .swiper-button-next-thumb,
.lotion-lineup .swiper-button-prev-thumb {
    height: 10vw;
    top: 0;
    width: 10vw
}

.lotion-lineup .swiper-button-next-thumb img.change-lotion-thumb,
.lotion-lineup .swiper-button-prev-thumb img.change-lotion-thumb {
    height: 100%;
    position: absolute;
    width: auto
}

.lotion-lineup .swiper-button-next-thumb img.change-lotion-thumb.is_active,
.lotion-lineup .swiper-button-prev-thumb img.change-lotion-thumb.is_active {
    display: block
}

.lotion-lineup .swiper-button-next-thumb {
    right: -2vw
}

.lotion-lineup .swiper-button-prev-thumb {
    left: 2vw
}

.lotion-lineup .swiper-button-prev-thumb img.change-lotion-thumb {
    display: block
}

.p-change-block__head .head__copy__sub {
    font-size: 14px;
    padding: 26px 0
}

.p-change-block__lotion .lotion_list li h3 {
    margin-top: 5vw
}

.p-change-block__lotion .lotion_list li h3 span.lotion_name-sub {
    color: #333;
    font-size: 14px
}

.p-change-block__lotion .lotion_list li img.change-lotion {
    max-width: 100%
}

.p-change-block__lotion .lotion_list li .list__inner {
    padding: 39px 20px 0
}

.p-change-block__lotion .lotion_list li .lotion_detail_tab {
    overflow: initial
}

.p-change-block__lotion .lotion_list li .lotion_detail_tab li {
    background: none;
    border-bottom: none;
    border-right: none !important;
    border-top: 2px solid #001388;
    font-size: 13px;
    padding: 16px 0;
    position: relative
}

.p-change-block__lotion .lotion_list li .lotion_detail_tab li:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHZpZXdCb3g9IjAgMCAxNy45IDM1LjciPjxwYXRoIGQ9Im0wIDM1LjcgMTcuOS0xNy45TDAgMGwxMy45IDE3Ljh6IiBzdHlsZT0iZmlsbDojMDAxMzg4Ii8+PC9zdmc+");
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: -1vw;
    content: "";
    display: block;
    height: 18px;
    left: calc(50% - 5px);
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    width: 10px
}

.p-change-block__lotion .lotion_list li .lotion_detail_tab li.is_close {
    background-image: none;
    border-bottom: 1px solid #ededed;
    border-top: 2px solid #fff
}

.p-change-block__lotion .lotion_list li .lotion_detail_tab li.is_close:after {
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8XzEiIHZpZXdCb3g9IjAgMCAxNy45IDM1LjciPjxwYXRoIGQ9Im0wIDM1LjcgMTcuOS0xNy45TDAgMGwxMy45IDE3Ljh6IiBzdHlsZT0iZmlsbDojY2ZjZmNmIi8+PC9zdmc+");
    bottom: 0
}

.lotion_detail_contents {
    clear: both;
    padding-top: 10px
}

.p-head-selected {
    border: 1px solid #efefef;
    margin: 0 auto 40px;
    padding: 0;
    width: calc(100% - 40px)
}

.p-head-selected,
.p-head-selected * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.p-head-selected-headline {
    background: #efefef;
    font-size: 13px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    width: 100%
}

.p-head-selected-item {
    background: #fff;
    font-size: 15px;
    height: 54px;
    line-height: 54px;
    text-align: center
}

.p-feature-text {
    font-family: -apple-system, BlinkMacSystemFont, \.SFNSDisplay-Regular, Helvetica Neue, Hiragino Sans, 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, Arial, メイリオ, Meiryo, Roboto, Droid Sans, sans-serif;
    font-size: 14px;
    line-height: 1.4;
    padding-top: 16px;
    text-align: justify
}

.p-feature-text span {
    display: inline-block;
    margin-bottom: 6px
}

.p-feature-caution {
    font-size: 10px;
    line-height: 1.4;
    padding-top: 1em;
    text-align: justify
}

.p-feature-caution,
.p-seibun-text {
    font-family: -apple-system, BlinkMacSystemFont, \.SFNSDisplay-Regular, Helvetica Neue, Hiragino Sans, 游ゴシック体, YuGothic, 游ゴシック, Yu Gothic, Arial, メイリオ, Meiryo, Roboto, Droid Sans, sans-serif
}

.p-seibun-text {
    font-size: 14px;
    line-height: 1.5;
    text-align: left
}

.l-lotion-select-wrap {
    border: 1px solid #ececec;
    border-radius: 5px;
    padding-bottom: 36px
}

.l-lotion-select-wrap,
.l-lotion-select-wrap * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.p-lotion-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px 24px 0
}

.p-lotion-item-image {
    width: 24%
}

.p-lotion-item-image img {
    max-width: 54%
}

.p-lotion-item-info {
    width: 76%
}

.p-lotion-item-name {
    font-family: リュウミン R-KL, serif;
    font-size: 16px;
    letter-spacing: -.05em
}

.p-lotion-item-name small {
    font-size: 60%;
    letter-spacing: 0
}

.p-lotion-item-price {
    font-family: リュウミン R-KL, serif;
    line-height: 1.1
}

.p-lotion-item-price small {
    display: inline-block;
    font-size: 60%
}

.p-lotion-item-price .is-normal-price {
    font-size: 17px
}

.p-lotion-item-price .is-normal-price span {
    position: relative;
    z-index: 1
}

.p-lotion-item-price .is-normal-price span:after {
    border-top: 1px solid #e33034;
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 53%;
    width: 100%;
    z-index: 2
}

.p-lotion-item-price .is-normal-price small {
    margin-left: .3em
}

.p-lotion-item-price .is-discount-price {
    color: #e33034;
    font-size: 21px;
    margin-top: 4px
}

.p-lotion-item-btn {
    height: 50px;
    margin-top: 16px;
    position: relative
}

.p-lotion-item-btn.lotion_select {
    margin-bottom: 0 !important;
    margin-left: 0 !important
}

.p-lotion-item-btn .btn--lotion-select {
    background: #fff;
    color: #1b224e;
    font-size: 13px;
    height: 35px;
    line-height: 35px;
    margin: 0 !important;
    width: 100%
}

.p-lotion-item-btn .btn--lotion-select.is_selected {
    background: #1b224e
}

.p-confirm-caution {
    margin-top: 30px
}

.p-confirm-caution .btn--lotion-foot {
    width: 120px
}

.p-confirm-lead .is-text {
    color: #e33034;
    font-size: 11px
}

.p-confirm-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.p-change-annotation,
.p-confirm-btn {
    padding-top: 10px
}

.p-change-annotation .is-text {
    font-size: 10px
}

.p-change-annotation .is-text a {
    display: inline !important
}

.p-link-button {
    border-radius: 4px;
    margin-left: auto !important;
    margin-right: auto !important;
    max-width: 334px;
    overflow: hidden;
    width: 100%
}

.p-hero-text .p-link-button {
    margin-top: 27px
}

.p-feature-header-image+.p-link-button {
    margin-top: 40px
}

.l-feature-wrap .p-link-button {
    margin-top: 50px
}

.p-link-button a {
    background-color: #fff;
    display: block;
    display: -ms-grid;
    display: grid;
    height: 52px;
    width: 100%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #001388;
    -webkit-transition: background-color .3s ease, color .3s ease;
    transition: background-color .3s ease, color .3s ease
}

.p-link-button a>* {
    display: block;
    padding: 0 28px !important;
    position: relative
}

@media (any-hover:hover) {
    .p-link-button a:hover {
        background-color: #001388;
        color: #fff
    }

    .p-link-button a:hover .p-link-button_arrow path {
        stroke: #fff
    }
}

.p-link-button_arrow {
    height: 4px !important;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 8px !important
}

.p-link-button_arrow path {
    -webkit-transition: stroke .3s ease;
    transition: stroke .3s ease
}

.is-climb .p-link-button_arrow {
    -webkit-transform: translateY(-50%) scaleY(-1);
    transform: translateY(-50%) scaleY(-1)
}

.p-page-bottom-link {
    background-color: #dfe9f6;
    padding: 0 22.5px
}

.p-page-bottom-link-list {
    display: -ms-grid;
    display: grid;
    margin-top: 30px;
    padding-bottom: 65px;
    row-gap: 8px
}

.p-page-bottom-link-list a {
    background-color: #fff;
    border-radius: 4px;
    display: block;
    display: -ms-grid;
    display: grid;
    font-size: 14px;
    height: 56px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    color: #333;
    padding-left: 18px;
    position: relative
}

.p-page-bottom-link-list a:after {
    background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229.07%22%20height%3D%2216.7%22%20viewBox%3D%220%200%209.07%2016.7%22%3E%3Cpath%20d%3D%22M.36%2C16.36l8-8.38L.36.36%22%20fill%3D%22none%22%20stroke%3D%22%23323333%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221%22%2F%3E%3C%2Fsvg%3E") no-repeat 0 0/100% 100%;
    content: "";
    height: 8px;
    position: absolute;
    right: 20px;
    top: 50%;
    -webkit-transform: translateY();
    transform: translateY();
    width: 4px
}

.l-campaign02-wrap {
    background-color: #fff;
    padding: 38px 10px 40px
}

.l-campaign-wrap+.l-campaign02-wrap {
    padding-top: 0
}

.p-campaign02-content {
    background: url(/special/lotion/img/2025/campaign02BG.webp) no-repeat 50%/cover;
    padding: 26px 0 40px
}

.p-campaign02-content-main {
    margin-top: 28px
}

.p-campaign02-content-buttton {
    margin-top: 30px;
    padding: 0 16px
}

.l-campaign02-wrap .p-campaign-header-line {
    display: none
}

.is-no-cp .l-campaign02-wrap .p-campaign-header-line {
    display: block
}

.l-voce-wrap {
    background: #d8e5ff url(/special/lotion/img/2025/voce_bg.webp) no-repeat 0 0/100% 100%;
    padding: 30px 12.5px 40px
}

.p-voce-image {
    position: relative;
    z-index: 0
}

.p-voce-heading {
    position: relative;
    z-index: 1
}

.p-voce-heading_item {
    position: absolute;
    right: 10px;
    top: -30px;
    width: 79px
}

.p-voce-text {
    position: relative;
    z-index: 2
}

.p-voce-bottom {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 17px -12.5px 0;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.p-voce-bottom_deco {
    width: 87px
}

.p-voce-bottom_logo {
    padding-right: 22px;
    width: 177px
}

.l-voce-wrap .p-link-button {
    margin-top: 20px;
    width: 335px
}

.l-voce-wrap .p-link-button a svg {
    height: 9px !important;
    width: 5px !important
}

.p-movie {
    background-color: #dfe9f6;
    padding: 0 22px 50px
}

.p-movie video {
    display: block;
    width: 100%
}

.l-beauty-awards img {
    height: auto;
}

.l-beauty-awards {
    background: #d2e0fc url(/special/lotion/img/2025/beauty_awards_bg.png) no-repeat center 15px;
    background-size: 100% auto;
    padding: 18px 16px 40px;
    position: relative;
}

.l-beauty-awards>* {
    position: relative;
    z-index: 1;
}

.l-beauty-awards:before {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#d2e0fc));
    background-image: -webkit-linear-gradient(top, #fff, #d2e0fc);
    background-image: linear-gradient(180deg, #fff 0, #d2e0fc);
    content: '';
    height: 400px;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 0;
}

.p-beauty-awards-heading {
    margin: 0 auto;
    width: 240px;
}

.p-beauty-awards-head-text-wrap {
    margin-top: 22px;
    text-align: center;
}

.p-beauty-awards-head-text-wrap p {
    font-size: 14px;
    line-height: 1.5;
}

.p-beauty-awards-body {
    background-color: #fff;
    border-radius: 8px;
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    height: 475px;
    margin-top: 30px;
    overflow: hidden;
    padding: 0 14px 0 24px;
    position: relative;
}

.p-beauty-awards-body:after {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(10%, #fff), to(hsla(0, 0%, 100%, 0)));
    background-image: -webkit-linear-gradient(bottom, #fff 10%, hsla(0, 0%, 100%, 0));
    background-image: linear-gradient(0deg, #fff 10%, hsla(0, 0%, 100%, 0));
    bottom: 0;
    content: '';
    height: 75px;
    left: 0;
    position: absolute;
    width: 100%;
}

.p-beauty-awards-body[aria-hidden='false']:after {
    content: none;
}

.p-beauty-awards-body-list>li {
    padding: 30px 0 40px;
}

.p-beauty-awards-body-list>li:not(:last-child) {
    position: relative;
}

.p-beauty-awards-body-list>li:not(:last-child):after {
    background-color: #bbcae8;
    bottom: 0;
    content: '';
    height: 1px;
    left: 0;
    position: absolute;
    width: calc(100% - 10px);
}

.p-beauty-awards-body-list {
    display: -ms-grid;
    display: grid;
    row-gap: 12px;
}

.p-beauty-awards-content-head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 37px 43px 1fr;
    -webkit-column-gap: 43px;
    -moz-column-gap: 43px;
    column-gap: 43px;
    grid-template-columns: 37px 1fr;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding-left: 30px;
}

.p-beauty-awards-content-heading {
    font-weight: 400;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    grid-row: 1/2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row-align: end;
    align-self: end;
    color: #001388;
}

.p-beauty-awards-content-heading> :first-child {
    display: block;
    font-size: 12px;
}

.p-beauty-awards-content-heading> :nth-child(2) {
    display: block;
    font-size: 20px;
    letter-spacing: -0.08em;
    margin-top: 9px;
}

.p-beauty-awards-content-head-text-wrap {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    grid-row: 2/3;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row-align: start;
    align-self: start;
    margin-top: 12px;
}

.p-beauty-awards-content-head-text-wrap>P {
    font-size: 14px;
    line-height: 1.8;
}

.p-beauty-awards-content-head-img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
}

.p-beauty-awards-content-body {
    margin-top: 16px;
    padding-left: 6px;
}

.p-beauty-awards-content-body:has(.p-beauty-awards-content-item:first-child .p-beauty-awards-content-item-lank) {
    margin-top: 0;
}

.p-beauty-awards-content-item {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 8px 69px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: 1fr 69px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.p-beauty-awards-content-item:not(:first-child) {
    margin-top: 32px;
}

.p-beauty-awards-content-item:has(.p-beauty-awards-content-item-lank):not(:first-child) {
    margin-top: 26px;
}

.p-beauty-awards-content-item:has(.p-beauty-awards-content-item-logo):not(:first-child) {
    margin-top: 22px;
}

.p-beauty-awards-content-item-head {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 93px 8px 91.5px;
    -webkit-column-gap: 8px;
    -moz-column-gap: 8px;
    column-gap: 8px;
    grid-template-columns: 93px 91.5px;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.p-beauty-awards-content-item-heading {
    font-size: 16px;
    font-weight: 700;
}

.p-beauty-awards-content-item-lank {
    display: -ms-grid;
    display: grid;
    text-align: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
}

.p-beauty-awards-content-item-lank>* {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    z-index: 0;
}

.p-beauty-awards-content-item-lank-num {
    font-size: 21px;
    letter-spacing: 0.03em;
    z-index: 1;
}

.p-beauty-awards-content-item-lank-num em {
    display: inline-block;
    font-size: 28px;
    font-style: normal;
}

.p-beauty-awards-content-item-text-wrap {
    margin-top: 12px;
}

.p-beauty-awards-content-item-text-wrap p {
    font-size: 12px;
    font-weight: 500;
    line-height: 1.6;
}

.p-beauty-awards-content-note-wrap {
    margin-top: 24px;
}

.p-beauty-awards-content-note-wrap P {
    color: #666;
    font-size: 9px;
}

.p-beauty-awards-body-button-open {
    background-color: #bbd0f3;
    bottom: 25px;
    display: -ms-grid;
    display: grid;
    font-size: 15px;
    height: 30px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    width: 132px;
    z-index: 1;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    border-radius: 4px;
    color: #fff !important;
    justify-content: center;
    letter-spacing: 0.08em;
    line-height: 1;
    padding-right: 5px;
}

.p-beauty-awards-body-button-open:after {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

.p-beauty-awards-body-button-open:after,
.p-beauty-awards-body-button-open:before {
    background-color: #fff;
    content: '';
    height: 1px;
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
}

.p-beauty-awards-body-button-open:before {
    -webkit-transform: translateY(-50%) rotate(90deg);
    transform: translateY(-50%) rotate(90deg);
    -webkit-transform-origin: center;
    transform-origin: center;
}

.p-beauty-awards-body-button-open:hover {
    background-color: #bbd0f3;
}

.p-beauty-awards-body[aria-hidden='false'] .p-beauty-awards-body-button-open {
    display: none;
}

.p-beauty-awards-body-button-close {
    background-color: #bbd0f3 !important;
    border: none !important;
    border-radius: 9999px;
    bottom: auto;
    height: 30px;
    left: auto;
    margin: 0;
    padding-right: 0;
    position: absolute;
    right: 10px;
    top: 53px;
    width: 30px;
    z-index: 1;
}

.p-beauty-awards-body-button-close>* {
    display: none;
}

.p-beauty-awards-body-button-close:before {
    background-color: #fff;
    content: '';
    height: 1px;
    left: 0;
    margin: 0 auto;
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 12px;
}

.p-beauty-awards-body[aria-hidden='true'] .p-beauty-awards-body-button-close {
    display: none;
}