.wrapper {
    max-width: 75rem;
    margin: 0 auto;
    overflow: hidden;
}

/* Keep the Visumo post dialog above the sticky site header. */
.hacobune-dialog-mask {
    z-index: 1000000 !important;
}

.hacobune-dialog-wrapper {
    z-index: 1000001 !important;
}

.hacobune-dialog-close-button-container {
    position: fixed !important;
    top: -8px !important;
    right: 12px !important;
    z-index: 1000002 !important;
}

.wrapper_inner {
    background:
        url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/bg.jpg????) center top -5px  / cover no-repeat;
}


.wrapper_inner .wrapper_inner_intro {
    padding: 10rem 4.3rem 19.4rem;
}

.wrapper_inner .wrapper_inner_intro h2 {
    color: #fff;
    font-size: 4.3rem;
    font-weight: 400;
    letter-spacing: calc(90 / 1000 * 1em);
    text-align: center;
}

.wrapper_inner .wrapper_inner_intro .__text {
    color: #fff;
    font-size: 2.58rem;
    font-weight: 300;
    line-height: 2;
    letter-spacing: calc(70 / 1000 * 1em);
    text-align: center;
    margin: 12rem auto 19.5rem;
}

.wrapper_inner .wrapper_inner_intro div {
    max-width: 100%;
    /* width: 100%; */
    /* margin: 5rem auto; */
}

.wrapper_inner_movie {
    margin-bottom: 20rem;
}

.wrapper_inner .__itemname {
    color: #fff;
    font-size: 2.6rem;
    font-weight: 400;
    line-height: 1.8;
    letter-spacing: calc(90 / 1000 * 1em);
    text-align: center;
    margin: 3.4rem auto 6.6rem;
}

.wrapper_inner .wrapper_inner_intro .__btn {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}

.wrapper_inner .__menu {
    padding: 0 2.3rem;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.wrapper_inner .__menu li {
    width: calc((100% - 2.5rem) / 2);
}

.wrapper_inner .__menu li:nth-of-type(n+3) {
    margin-top: 2.5rem;
}

.wrapper_inner_content {
    padding: 19.4rem 0 14rem;
}
.wrapper_inner_content#mulch {
    padding-top: 8.4rem;
}

.wrapper_inner_content h2 {
    color: #fff;
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: calc(70 / 1000 * 1em);
    text-align: center;
    margin-bottom: 7rem;
}
.wrapper_inner_content#lipstick h2 {
    font-size: 5rem;
    position: relative;
    z-index: 2;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 140%;
}
.wrapper_inner_content#color h2 {
    font-size: 4.8rem;
    font-weight: 500;
    letter-spacing: 0.03em;
    line-height: 150%;
}
.wrapper_inner_content#story h2 {
    font-size: 4rem;
}

.wrapper_inner_content .__image {
    max-width: 95%;
    margin: 0 auto;
}

.wrapper_inner_content .__text {
    color: #fff;
    font-size: 2.7rem;
    font-weight: 300;
    line-height: 1.7;
    letter-spacing: calc(70 / 1000 * 1em);
    text-align: center;
    margin: 8rem auto 10rem;
    letter-spacing: 0.03em;
}

.__lipicon {
    text-align: center;
    position: relative;
    z-index: 10;
}

.wrapper_inner_content h3 {
    font-family: "optima-lt-pro","Noto Sans JP", sans-serif;
    color: #fff;
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: calc(70 / 1000 * 1em);
    text-align: center;
    margin-top: 5rem;
    margin-bottom: 4rem;
    line-height: 120%;
}

.wrapper_inner_content h3 span {
    font-size: 40%;
    letter-spacing: 0.05em;
}
.wrapper_inner_content#lipstick h3{
    margin: 10rem 0 4rem;
    letter-spacing: 0.03em;
    font-weight: 500;
}
.wrapper_inner_content#lipstick h3:nth-of-type(1) {
    margin-top: 0;
    /* font-weight: 500; */
}
.wrapper_inner_content .lineup_list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    max-width: 90%;
    margin: 0 0 0 auto;
    position: relative;
    z-index: 2;
    padding-right: 4rem;
}

/* .wrapper_inner_content .lineup_list::after {
        content: "";
    position: absolute;
    bottom: -27rem;
    left: 50%;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg03.png) center top / 100% no-repeat;
    width: 68.7rem;
    height: 27.6rem;
    transform: translate(-50%, -50%);
    z-index: -1;
} */

.wrapper_inner_content .lineup_list li {
    width: calc((100% - 3.3rem) / 2);
    position: relative;
}

.wrapper_inner_content .lineup_list li:nth-of-type(1)::before {
    content: "";
    position: absolute;
    top: -70px;
    left: -40px;
    width: 10.1rem;
    height: 10.1rem;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/COOL_BEST.png) center top / cover no-repeat;
}

.wrapper_inner_content .lineup_list li:nth-of-type(3)::before {
    content: "";
    position: absolute;
    top: -70px;
    left: -40px;
    width: 10.1rem;
    height: 10.1rem;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/WARM_BEST.png) center top / cover no-repeat;
}

.wrapper_inner_content .lineup_list li:nth-of-type(n+3) {
    margin-top: 7.7rem;
}

.wrapper_inner #color .__itemname {
    margin-top: 16rem;
}

.wrapper_inner_content .cselect {
    position: relative;
    width: 100%;
    max-width: 93%;
    margin: 0 auto;
}

.wrapper_inner_content .cselect__btn {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: .8rem;
    padding: 3rem 2.8rem;
    border: 1px solid #ccc;
    background: #fff;
    cursor: pointer;
    font-size: 3rem;
}
.cselect__placeholder {
  font-size: 1.8rem;
}

.carttext {
    color: #fff;
    font-size: 2.5rem;
    line-height: 2;
    letter-spacing: calc(90 / 1000 * 1em);
    text-align: center;
    margin: 4.4rem 0;
}
.carttext span {
    font-size: 70%;
    display: block;
    margin-bottom: 3rem;
    letter-spacing: 0.08em;
}


.wrapper_inner_content #subCartBtn {
    max-width: 80%;
    margin: 0 auto 7rem;
    display: block;
}

.wrapper_inner_content#lipstick {
    padding-top: 0;
    padding-bottom: 0;
}

.wrapper_inner_content#lipstick .subttl {
    display: flex;
    gap: .6rem;
    align-items: center;
    justify-content: center;
    margin-bottom: 4rem;
    position: relative;
    z-index: 2;
}

.wrapper_inner_content#lipstick .subttl span {
    font-size: 4rem;
    letter-spacing: calc(50 / 1000 * 1em);
    font-weight: 400;
    line-height: 1;
}

.wrapper_inner_content#lipstick .subttl span:nth-of-type(1) {
    color: #fff;
}

.wrapper_inner_content#lipstick .subttl span:nth-of-type(2) {
    color: #e18592;
    background: #fff;
    padding: .7rem 1rem;
}

.wrapper_inner_content#lipstick .__image {
    max-width: 100%;
}
.wrapper_inner_content#lipstick .__image:nth-of-type(1) {
    position: relative;
}
.wrapper_inner_content#lipstick .__image:nth-of-type(1)::after {
    content: "";
    position: absolute;
    top: 4rem;
    left: 50%;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg05.png) center top / 100% no-repeat;
    width: 75rem;
    height: 81.6rem;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.wrapper_inner #lipstick .__menu {
    display: flex;
    padding: 0 5rem;
    align-items: center;
    justify-content: center;
    margin-top: 3.7rem;
}

.wrapper_inner #lipstick .__menu li {
    width: 33%;
    margin: 0;
    padding: 10px 0;
    text-align: center;
    font-size: 4rem;
    text-align: center;
    display: block;
    font-weight: 500;
    line-height: 125%;
}

.wrapper_inner #lipstick .__menu li span {
    font-size: 50%;
    font-family: "optima-lt-pro", sans-serif;
    letter-spacing: 0.05em;
}

.wrapper_inner #lipstick .__menu li:nth-of-type(2) {
    position: relative;
}

.wrapper_inner #lipstick .__menu li:nth-of-type(2)::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: .2rem;
    height: 100%;
    background: #fff;
    transform: translateY(15%);
}

.wrapper_inner #lipstick .__menu li:nth-of-type(2)::after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: .2rem;
    height: 100%;
    background: #fff;
    transform: translateY(15%);
}

.wrapper_inner #lipstick .__text {
    margin: 12rem auto 8rem;
}

.wrapper_inner #lipstick .componentlist {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 5rem;
    position: relative;
    z-index: 12;
}
.wrapper_inner #lipstick .componentlist:nth-of-type(3) {
    position: relative;
    z-index: 10;
}
.wrapper_inner #lipstick .componentlist:nth-of-type(3)::before {
    content: "";
    position: absolute;
    top: -11rem;
    right: 0;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg06.png) center top / 100% no-repeat;
    width: 33.9rem;
    height: 62rem;
    transform: translate(0, -50%);
    z-index: -1;
}

.wrapper_inner #lipstick .componentlist li {
    width: calc((100% - 2.2rem) / 3);
    position: relative;
    z-index: 12;
}

.wrapper_inner #lipstick .componentlist li p {
    color: #fff;
    font-size: 2.2rem;
    text-align: center;
    margin-top: 2.3rem;
}

.wrapper_inner #lipstick .__maxlip {
    max-width: 53%;
    margin: 0 auto;
    transform: translateX(40px);
}

.wrapper_inner #lipstick .__maxliptext {
    color: #fff;
    font-size: 2rem;
    text-align: center;
    letter-spacing: calc(50 / 1000 * 1em);
    margin-top: 2rem;
}

.wrapper_inner #lipstick h4 {
    color: #fff;
    font-size: 3rem;
    font-weight: 400;
    letter-spacing: 0.01em;
    text-align: center;
    margin: 3.8rem auto 10.4rem;
}

.wrapper_inner #lipstick h4 span {
    font-weight: 700;
}

.wrapper_inner #lipstick .__annotation {
    color: #fff;
    text-align: right;
    padding-right: 2.5rem;
    font-size: 1.3rem;
}

.wrapper_inner #lipstick .__gif {
    margin-top: 14rem;
}

.wrapper_inner #mulch h2 {
    font-family: "optima-lt-pro", sans-serif;
}

.wrapper_inner_content#mulch h2 {
    font-size: 5rem;
    margin-bottom: 4.2rem;
}

.wrapper_inner_content#mulch h3 {
    font-size: 4.5rem;
    color: var(--lerouge-gold);
    line-height: 150%;
    margin: 7rem 0 5rem;
    letter-spacing: 0.03em;
}

.wrapper_inner_content#mulch .__text {
    margin: 0 auto 4rem;
}
#mulch .PACKAGE .__text {
    margin: 6rem auto 10rem;
}
.wrapper_inner_content#mulch #subCartBtn {
    margin-bottom: 0;
}

.wrapper_inner #mulch .__annotation {
    color: #fff;
    text-align: right;
    padding-right: 10%;
    font-size: 1.3rem;
}

.wrapper_inner #mulch .texture_content {
    margin-top: 18rem;
}
.wrapper_inner #mulch .texture_content:nth-of-type(1) {
    position: relative;
    z-index: 1;
}
.wrapper_inner #mulch .texture_content:nth-of-type(1)::before {
    content: "";
    position: absolute;
    top: 32rem;
    left: 50%;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg07.png) center top / 100% no-repeat;
    width: 75rem;
    height: 78rem;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.wrapper_inner #mulch .texture_content#cheek {
    position: relative;
    z-index: 2;
}
.wrapper_inner #mulch .texture_content#cheek::before {
    content: "";
    position: absolute;
    top: 22rem;
    left: 50%;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg02.png) center top / 100% no-repeat;
    width: 100%;
    height: 74.9rem;
    transform: translate(-50%, -50%);
    z-index: -1;
}

.wrapper_inner #mulch .texture_content:nth-of-type(2) .__text {
    margin-bottom: 0;
}

.wrapper_inner #mulch .__tips {
    margin: 13rem auto 18rem;
    position: relative;
    z-index: 12;
}
.wrapper_inner_content .PACKAGE h3 {
    position: relative;
    z-index: 2;
}
.wrapper_inner_content .PACKAGE h3::after {
    content: "";
    position: absolute;
    top: -13.8rem;
    left: 50%;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg.png) center top / 100% no-repeat;
    width: 75rem;
    height: 85.2rem;
    transform: translate(-50%,-50%);
    z-index: -1;
}
.wrapper_inner_content .PACKAGE .__image {
    max-width: 80%;
    margin: 0 auto;
    position: relative;
    z-index: 2;
}

.wrapper_inner .PACKAGE .__itemname {
    margin: 19.5rem auto 6.6rem;
}

.wrapper_inner #story .__comment {
    display: flex;
    max-width: 80%;
    margin: 0 auto;
    gap: 7.4rem;
    transform: translateX(-3rem);
}

.wrapper_inner #story .__comment>div:first-child {
    position: relative;
    width: 64px;
    /* 縦文字の領域 */
    flex: 0 0 64px;
    display: flex;
    justify-content: center;
    /* 縦文字を中央寄せ */
}

.wrapper_inner #story .__comment .side {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: "optima-lt-pro", sans-serif;
    font-size: 1.8rem;
    font-weight: 300;
    letter-spacing: .08em;
    color: #fff;
    margin: 0;
    transform: rotate(180deg);
    position: absolute;
    top: 8rem;
}

.wrapper_inner #story .__comment .kv__line {
    position: absolute;
    left: 50%;
    bottom: -2rem;
    width: 1px;
    height: 57.5rem;
    background: #fff;
}

.wrapper_inner #story .__comment>div:last-child {
    flex: 1;
}

.wrapper_inner #story .__comment .__text {
    font-size: 2rem;
    text-align: left;
    margin: 7rem auto 0;
    line-height: 1.9;
    font-weight: 200;
}

.wrapper_inner #story .__sign {
    padding-right: 4.4rem;
    width: fit-content;
    margin: 0 0 0 auto;
    transform: scale(1.2);
}

.wrapper_inner #story .__lipicon {
    padding: 13rem 0 15rem;
}

.wrapper_inner_content#story {
    padding-top: 0;
    padding-bottom: 0;
}

.mySwiper {
    position: relative;
    margin-bottom: 10rem;
}

.mySwiper .swiper-pagination {
    bottom: -60px;
}

.mySwiper .swiper-pagination-bullet {
    width: .8rem;
    height: .8rem;
    background: none;
    border: 1px solid #fff;
    opacity: 1;
}

.mySwiper .swiper-pagination-bullet-active {
    background: #fff;
}

.wrapper_inner_content#color h3:nth-of-type(1) {
    margin: 10rem auto;
    font-size: 5rem;
    color: var(--lerouge-gold);
}
.wrapper_inner_content#color h3.lineup{
    color: #bd6965;
    font-size: 6rem;
    margin: 10rem auto;
}

.wrapper_inner_content#color h3:nth-of-type(2) {
    margin: 12rem auto;
    position: relative;
}
/* .wrapper_inner_content#color h3:nth-of-type(2)::after {
    content: "";
    position: absolute;
    top: 0rem;
    left: 50%;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg04.png) center top / 100% no-repeat;
    width: 68.6rem;
    height: 37.2rem;
    transform: translate(-50%, -50%);
    z-index: -1;
} */

.wrapper_inner_content#color h3:nth-of-type(3) {
    margin-top: 22.9rem;
    font-size: 5.5rem;
}
.p-journal__related {
    background: #ffedf3;
}



@media (max-width: 768px) {
    .wrapper_inner .wrapper_inner_intro {
        padding: 13.021vw 5.599vw 25.3vw;
    }

    .wrapper_inner .wrapper_inner_intro h2 {
        font-size: 5.599vw;
    }

    .wrapper_inner .wrapper_inner_intro .__text {
        font-size: 4vw;
        margin: 15.625vw auto 18.88vw;
    }

    .wrapper_inner .wrapper_inner_intro div {
        max-width: 100%;
        margin: 0 auto;
    }
  
    .wrapper_inner .__itemname {
        color: #fff;
        font-size: 3.906vw;
        margin: 4.427vw auto 8.594vw;
    }

    .wrapper_inner .wrapper_inner_intro .__btn {
        text-align: center;
        width: 90%;
    }

    .wrapper_inner .__menu {
        padding: 0 2.995vw;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
    }

    .wrapper_inner .__menu li {
        width: calc((100% - 3.255vw) / 2);
    }

    .wrapper_inner .__menu li:nth-of-type(n+3) {
        margin-top: 3.255vw;
    }

    .wrapper_inner_content {
        padding: 25.26vw 0 18.229vw;
    }
    .wrapper_inner_content#mulch {
    padding-top: 10.9vw;
}

    .wrapper_inner_content h2 {
        color: #fff;
        font-size: 6.208vw;
        letter-spacing: calc(70 / 1000 * 1em);
        text-align: center;
        margin-bottom: 7vw;
    }
    .wrapper_inner_content#lipstick h2 {
        font-size: 6.5vw;
    }
    .wrapper_inner_content#color h2 {
        font-size: 6.25vw;
    }
    .wrapper_inner_content#story h2 {
        font-size: 5.5vw;
    }

    .wrapper_inner_content .__image {
        max-width: 95%;
        margin: 0 auto;
    }

    .wrapper_inner_content .__text {
        color: #fff;
        font-size: 3.8vw;
        line-height: 1.6;
        text-align: center;
        margin: 14.323vw auto 13.021vw;
    }

    .__lipicon {
        text-align: center;
        max-width: 7.29vw;
        margin: 0 auto;
    }

    .wrapper_inner_content h3 {
        font-family: "optima-lt-pro", sans-serif;
        color: #fff;
        font-size: 6.51vw;
        letter-spacing: calc(70 / 1000 * 1em);
        text-align: center;
        margin-top: 6.38vw;
        margin-bottom: 5.2vw;
    }

    .wrapper_inner_content h3 span {
        font-size: 50%;
    }

    .wrapper_inner_content .lineup_list {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
        max-width: 95%;
        margin: 0 0 0 auto;
    }

    .wrapper_inner_content .lineup_list li {
        width: calc((100% - 4.297vw) / 2);
    }

    .wrapper_inner_content .lineup_list li:nth-of-type(n+3) {
        margin-top: 10.026vw;
    }

    .wrapper_inner #color .__itemname {
        margin-top: 20.833vw;
    }

    .wrapper_inner_content .cselect {
        position: relative;
        width: 100%;
        max-width: 93%;
        margin: 0 auto;
    }

    .wrapper_inner_content .cselect__btn {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        gap: 1.042vw;
        padding: 3.906vw 3.646vw;
        border: 1px solid #ccc;
        background: #fff;
        cursor: pointer;
        font-size: 3.906vw;
    }

    .carttext {
        color: #fff;
        font-size: 3.25vw;
        letter-spacing: calc(90 / 1000 * 1em);
        text-align: center;
        margin: 5vw 0;
    }

    .wrapper_inner_content #subCartBtn {
        max-width: 80%;
        margin: 0 auto 19vw;
        display: block;
    }

    .wrapper_inner_content#lipstick {
        padding-top: 0;
    }

    .wrapper_inner_content#lipstick .subttl {
        display: flex;
        gap: 0.781vw;
        align-items: center;
        justify-content: center;
        margin-bottom: 5.2vw;
    }

    .wrapper_inner_content#lipstick .subttl span {
        font-size: 5.208vw;
        letter-spacing: calc(50 / 1000 * 1em);
        line-height: 1;
    }

    .wrapper_inner_content#lipstick .subttl span:nth-of-type(1) {
        color: #fff;
    }

    .wrapper_inner_content#lipstick .subttl span:nth-of-type(2) {
        color: #e18592;
        background: #fff;
        padding: 0.911vw 1.302vw;
    }

    .wrapper_inner_content#lipstick .__image {
        max-width: 100%;
    }

    .wrapper_inner #lipstick .__menu {
        display: flex;
        padding: 0 0;
        align-items: center;
        justify-content: center;
        margin-top: 4.026vw;
    }

    .wrapper_inner #lipstick .__menu li {
        width: 30%;
        margin: 0;
        text-align: center;
        font-size: 2.6rem;
        padding: 0;
    }

    .wrapper_inner #lipstick .__menu li a {
        color: #fff;
        font-size: 6.208vw;
        text-align: center;
        display: block;
    }

    .wrapper_inner #lipstick .__menu li a span {
        font-size: 50%;
        font-family: "optima-lt-pro", sans-serif;
    }

    .wrapper_inner #lipstick .__menu li:nth-of-type(2) {
        position: relative;
    }

    .wrapper_inner #lipstick .__menu li:nth-of-type(2)::before {
        content: "";
        position: absolute;
        left: 0;
        top: 0;
        width: 0.26vw;
        height: 100%;
        background: #fff;
        transform: translateY(15%);
    }

    .wrapper_inner #lipstick .__menu li:nth-of-type(2)::after {
        content: "";
        position: absolute;
        right: 0px;
        top: 0;
        width: 0.2vw;
        height: 100%;
        background: #fff;
        transform: translateY(15%);
    }

    .wrapper_inner #lipstick .__text {
        margin: 18.229vw auto 10.052vw;
    }

    .wrapper_inner #lipstick .componentlist {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 6.51vw;
    }

    .wrapper_inner #lipstick .componentlist li {
        width: calc((100% - 2.865vw) / 3);
    }

    .wrapper_inner #lipstick .componentlist li p {
        color: #fff;
        font-size: 2.865vw;
        text-align: center;
        margin-top: 2.995vw;
    }


    .wrapper_inner #lipstick .__maxliptext {
        color: #fff;
        font-size: 2.604vw;
        text-align: center;
        letter-spacing: calc(50 / 1000 * 1em);
        margin-top: 2.604vw;
    }

    .wrapper_inner #lipstick h4 {
        font-size: 3.906vw;
        margin: 2.25vw auto 11.354vw;
    }


    .wrapper_inner #lipstick .__annotation {
        color: #fff;
        text-align: right;
        padding-right: 3.255vw;
        font-size: .8rem;
    }

    .wrapper_inner #mulch h2 {
        font-family: "optima-lt-pro", sans-serif;
        max-width: 32.8vw;
        margin: 0 auto 11.979vw;
    }

    .wrapper_inner_content#mulch h2 {
        font-size: 6.51vw;
        margin-bottom: 5.46vw;
    }

    .wrapper_inner_content#mulch h3 {
        font-size: 6.25vw;
        margin: 4rem 0 3rem;
    }

    .wrapper_inner_content#mulch .__text {
        margin: 0 auto 4.203vw;
    }
    #mulch .PACKAGE .__text {
        margin: 7.8vw auto 14.203vw;
    }

    .wrapper_inner #mulch .__annotation {
        color: #fff;
        text-align: right;
        padding-right: 9.255vw;
        font-size: 1rem;
    }

    .wrapper_inner #mulch .texture_content {
        margin-top: 19.391vw;
    }

    .wrapper_inner #mulch .texture_content:nth-of-type(2) .__text {
        margin-bottom: 0;
    }

    .wrapper_inner #mulch .__tips {
        margin: 21.224vw auto 23.38vw;
    }

    .wrapper_inner_content .PACKAGE .__image {
        max-width: 80%;
        margin: 0 auto;
    }

    .wrapper_inner .PACKAGE .__itemname {
        margin: 25.391vw auto 8.594vw;
    }

    .wrapper_inner #story .__comment {
        display: flex;
        max-width: 90%;
        margin: 0 auto;
        gap: 2vw;
        transform: translateX(-4vw);
    }

    .wrapper_inner #story .__comment>div:first-child {
        position: relative;
        width: 64px;
        /* 縦文字の領域 */
        flex: 0 0 64px;
        display: flex;
        justify-content: center;
        /* 縦文字を中央寄せ */
    }

    .wrapper_inner #story .__comment .side {
        top: 10.41vw;
        font-size: 3vw;
    }

    .wrapper_inner #story .__comment .kv__line {
        height: 90vw;
        bottom: -2.6vw;
    }

    .wrapper_inner #story .__comment>div:last-child {
        flex: 1;
    }

    .wrapper_inner #story .__comment .__text {
        font-size: 3.125vw;
        text-align: left;
        margin: 9.115vw auto 0;
        line-height: 1.9;
    }

    .wrapper_inner #story .__sign {
        padding-right: 10.729vw;
        width: 46.6vw;
        margin: 0 0 0 auto;
    }

    .wrapper_inner #story .__lipicon {
        padding: 16.927vw 0 19.531vw;
    }

    .wrapper_inner_content#story {
        padding-bottom: 0;
    }

    .wrapper_inner_content#color h3:nth-of-type(1) {
        margin: 13vw auto;
        font-size: 6.8vw;
    }
    .wrapper_inner_content#color h3:nth-of-type(2) {
        margin: 15.6vw auto;
    }
    .wrapper_inner_content#color h3:nth-of-type(3) {
        margin-top: 34.8vw;
        font-size: 7.16vw;
    }

    .wrapper_inner_movie {
        margin-bottom: 26vw;
    }

    .wrapper_inner #lipstick .__gif {
        margin-top: 18.2vw;
    }

    .wrapper_inner_content .lineup_list li:nth-of-type(1)::before {
        top: -9.11vw;
        left: -5.2vw;
        width: 13.1vw;
        height: 13.1vw;
    }

    .wrapper_inner_content .lineup_list li:nth-of-type(3)::before {
        top: -9.11vw;
        left: -5.2vw;
        width: 13.1vw;
        height: 13.1vw;
    }
    .wrapper_inner_content .PACKAGE h3::after {
        top: -17.9vw;
        width: 100%;
        height: 110vw;
    }
    .wrapper_inner #mulch .texture_content#cheek::before {
        top: 28.6vw;
        height: 97.5vw;
    }
        .cselect__placeholder {
    font-size: 1.2rem;
    }
    /* .wrapper_inner_content .lineup_list::after {
        bottom: -35.1vw;
        left: 50%;
        background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge/TEXTURE_bg03.png) center top / 100% no-repeat;
        width: 89.4vw;
        height: 35.9vw;
    } */
    .wrapper_inner_content#lipstick .__image:nth-of-type(1)::after {
        width: 100%;
        height: 106.25vw;
        top: 5.2vw;
    }
    .wrapper_inner #lipstick .componentlist:nth-of-type(3)::before  {
        top: -14.3vw;
        width: 44.1vw;
        height: 80.7vw;
    }
    .wrapper_inner #mulch .texture_content:nth-of-type(1)::before {
        width: 97.6vw;
        height: 101.5vw;
        top: 41.6vw;
    }
    .c-link__default-arrow::after {
        content: none;
    }
}

/* Purchase present shown below every variant selector. */
.purchase-present {
    display: grid;
    grid-template-columns: 28% 1fr;
    align-items: center;
    gap: 0;
    width: calc(100% - 6rem);
    max-width: 69.8rem;
    margin: 3.5rem auto 0;
    padding: 2rem 3rem;
    background: #fff;
    color: #222;
    box-sizing: border-box;
}
.wrapper_inner .wrapper_inner_intro .purchase-present,
.wrapper_inner .purchase-present{
    width: 80%;
    margin: 5rem auto;
}
.purchase-present img {
    display: block;
    width: 100%;
    height: auto;
}
.purchase-present p {
    margin: 0;
    font-size: 1.65rem;
    font-weight: 400;
    line-height: 1.8;
    text-align: center;
    letter-spacing: .04em;
}
.purchase-present strong { font-weight: 500; }
.purchase-present small {
    display: block;
    margin-top: 1rem;
    color: #777;
    font-size: 1.2rem;
    line-height: 1.4;
    text-align: right;
}

@media (max-width: 768px) {
    .purchase-present {
        grid-template-columns: 29% 1fr;
        gap: 0;
        width: calc(100% - 7vw);
        margin-top: 4.6vw;
        padding: 2.6vw 3.9vw;
    }
    .purchase-present p {font-size: 2.5vw;line-height: 1.75;}
    .purchase-present small { margin-top: 1.3vw; font-size: 2.1vw; }
    .wrapper_inner .wrapper_inner_intro .purchase-present{
    margin: 2rem auto;
    width: 90%;
}
}

/* Swiper: align the first slide with the left edge. */
.wrapper_inner_content#color .mySwiper {
    padding-left: 0 !important;
}

/* 2026.09 NEW COLORS renewal */
:root {
    --lerouge-red: #bd5d59;
    --lerouge-gold: #d5bd90;
    --lerouge-image-root: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge2/bg_01.jpg);
}

.wrapper { background: #fff; }
.wrapper img { width: 100%; height: auto; }

.wrapper_inner { background: none; }
.wrapper_inner_intro {
    background: var(--lerouge-image-root) 0% 550% no-repeat, #ab4d4e;
}
.wrapper_inner .wrapper_inner_intro {padding: 8rem 4rem 16rem;}
.wrapper_inner .wrapper_inner_intro h2 {font-size: 4rem;line-height: 1.6;position: relative;left: 1.25rem;}
.wrapper_inner .wrapper_inner_intro .__text {line-height: 1.8;margin: 6rem auto 10rem;}
.wrapper_inner_intro .__lipicon { width: 5.5rem; }
.new-colors-date {color: var(--lerouge-gold);text-align: center;font: 300 5.8rem/1.5 "optima-lt-pro", serif;letter-spacing: .03em;margin: 10rem 0 5rem;line-height: 110%;}
.new-colors-date strong { font-size: 5.5rem; font-weight: 300; }
.new-shade h3 span{font-family: "optima-lt-pro", serif;margin: 10rem 0 5rem;letter-spacing: 0.05em;}
.new-colors-date span{
    font-size: 80%;
}
.new-colors-date span.week{
    font-size: 60%;
    letter-spacing: 0.08em;
    margin: 0 20px 0 10px;
}
.new-shade {color: #fff;text-align: center;margin: 0 auto 12rem !important;}
.new-shade img { max-width: 63rem; }
.new-shade h3 {font-size: 2.8rem;font-weight: 400;margin: 2.8rem 0;}
.new-shade h4 {font-size: 3.4rem;font-weight: 400;line-height: 1.7;}
.new-shade p {font-size: 2.4rem;line-height: 1.85;margin-top: 3rem;font-weight: 300;}

.wrapper_inner > .__menu { background: #fff; padding: 12rem 2.3rem 4rem; }
.wrapper_inner_content#color { background: #fff; padding-top: 15rem; }
.wrapper_inner_content#color h2,
.wrapper_inner_content#color > .__text,
.wrapper_inner_content#color h3 {color: #bd6965;}
.wrapper_inner_content#color > .__text {color: #111;/* font-weight: 400; *//* line-height: 170%; */}
.wrapper_inner_content#color .lineup_list {/* max-width: 70rem; *//* margin: 0 auto; */padding: 0 2rem 12rem;}
.wrapper_inner_content#color .lineup_list li { width: calc(50% - 1rem); }
.wrapper_inner_content#color .lineup_list li::before { display: none !important; }
.wrapper_inner_content#color .mySwiper,
.wrapper_inner_content#color h3:nth-of-type(2),
.wrapper_inner_content#color h3:nth-of-type(3),
.wrapper_inner_content#color > .__image:last-of-type,
.wrapper_inner_content#color > .__itemname,
.wrapper_inner_content#color > .variant-ui,
.wrapper_inner_content#color > .__lipicon {
    position: relative;
    z-index: 1;
}
.wrapper_inner_content#color h3:nth-of-type(2) {color: var(--lerouge-gold);background: var(--lerouge-red);margin: 0;/* padding: 7rem 0 7rem; */}
.wrapper_inner_content#color .mySwiper {background: var(--lerouge-red);margin: 0;padding: 0 0 12rem 2rem;}
.mySwiper .swiper-pagination { bottom: 6rem; }
.wrapper_inner_content#color h3:nth-of-type(3) { color: var(--lerouge-gold); background: var(--lerouge-red); margin: 0; padding: 7rem 0; }
.wrapper_inner_content#color h3:nth-of-type(3) + .__image { max-width: 71rem; padding: 0 2rem; background: var(--lerouge-red); }
.wrapper_inner_content#color h3:nth-of-type(3) ~ .__itemname,
.wrapper_inner_content#color h3:nth-of-type(3) ~ .variant-ui,
.wrapper_inner_content#color h3:nth-of-type(3) ~ .__lipicon { background: var(--lerouge-red); margin-top: 0; padding-top: 7rem; }
.wrapper_inner_content#color h3:nth-of-type(3) ~ .variant-ui { padding: 0 3rem 10rem; }
.wrapper_inner_content#color h3:nth-of-type(3) ~ .__lipicon { padding-bottom: 8rem; }

.wrapper_inner_content#lipstick {background: #fff;color: #bd6965;padding-top: 0rem;}
.wrapper_inner_content#lipstick h2, .wrapper_inner_content#lipstick h3, .wrapper_inner_content#lipstick .__text, .wrapper_inner_content#lipstick .__annotation, .wrapper_inner #lipstick .__menu li a {color: #bd6965;}
.wrapper_inner #lipstick .__menu li:nth-of-type(2)::before,
.wrapper_inner #lipstick .__menu li:nth-of-type(2)::after {background: #bd6965;}
.wrapper_inner_content#lipstick .subttl span:first-child {color: #bd6965;}
.wrapper_inner_content#lipstick .subttl span:nth-child(2) {background: #bd6965;color: #fff;}
.wrapper_inner_content#lipstick .__image:nth-of-type(1)::after,
.wrapper_inner #lipstick .componentlist:nth-of-type(3)::before { display: none; }
.wrapper_inner_content#lipstick .__text, .wrapper_inner_content#lipstick .__annotation,.wrapper_inner_content#lipstick h4,.wrapper_inner_content#lipstick .__maxliptext,.wrapper_inner_content#lipstick .componentlist li p{color: #333333;}

.wrapper_inner_content#mulch {background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge2/bg_02.jpg) center top / 100% auto no-repeat, #ab4d4e;}
.wrapper_inner #mulch .texture_content::before,
.wrapper_inner_content .PACKAGE h3::after { display: none; }

.best-shades {width: calc(100% - 4rem);max-width: 71rem;margin: 12rem auto 13rem;padding: 7rem 3rem 5rem;background-image: linear-gradient(#ffefee, #f4d2d0);border-radius: 5rem 0 5rem 0;color: #111;text-align: center;}
.wrapper_inner_content#mulch .best-shades h3 {color: var(--lerouge-gold);font: 300 5.4rem/1.2 "optima-lt-pro", sans-serif;letter-spacing: .08em;margin: 2rem 0 4rem;}
.best-shades__lead { font-size: 3.4rem; line-height: 1.7; margin-bottom: 4rem; }
.best-shades__lead strong { font-size: 2.8rem; font-weight: 400; }
.best-shades > img:not(.biteki) {max-width: 64.6rem;position: relative;left: 2rem;}
.best-shades__text {font-size: 2.5rem;line-height: 1.8;margin: 5rem auto 3rem;}
.best-shades .biteki {width: 34.8rem;margin: 2rem auto 1rem;}
.best-shades__note {font-size: 1.5rem;line-height: 1.7;margin: 3rem 0;}
.variant-ui-best { display: none; }

.lerouge-instagram { background: #fff; padding: 11rem 3rem 9rem; }
.lerouge-instagram h2 {color: #bd6965;text-align: center;font: 300 5rem/1.2 "optima-lt-pro", sans-serif;margin-bottom: 2rem;}
.lerouge-shop {background: #fff;padding: 8rem 7rem 8rem;text-align: center;color: #111;}
.lerouge-shop p {font-size: 2.8rem;line-height: 1.8;letter-spacing: 0.03em;color: #333333;}
.lerouge-shop > img:not(.shop-lip) { max-width: 60rem; margin: 7rem auto; }
.lerouge-shop a { display: block; border: 2px solid #b95c59; color: #a94f4c; font-size: 3rem; letter-spacing: .15em; padding: 3rem; }
.lerouge-shop .shop-list-button { max-width: 60rem; margin: 0 auto; padding: 0; border: 0; }
.lerouge-shop .shop-list-button img { display: block; width: 100%; height: auto; }
.lerouge-shop a span { margin-left: 4rem; }
#story .shop-lip {width: 5.5rem;ma;margin: 4rem auto 12rem;display: block;}

.wrapper_inner_content#story {background: #fff;color: #222;padding: 4rem 0 20rem;}
.wrapper_inner_content#story h2{
    color: #bd6965;
}
.wrapper_inner #story .__comment .side,
.wrapper_inner #story .__comment .__text { color: #222; }

.wrapper_inner #story .__comment .kv__line { background: #777; }
.wrapper_inner #story .__lipicon { display: none; }
.p-journal__related { background: #f7f3f0; }

.cselect__item.is-coming-soon {/* opacity: .7; */}
.wrapper_inner_content#color > .__lipicon { display: none; }
.lerouge-instagram #vsm02 {/* min-height: 48rem; */}

@media (max-width: 768px) {
    .wrapper_inner .wrapper_inner_intro {padding: 10.4vw 5.2vw 13vw;background: var(--lerouge-image-root) 0% -24vw no-repeat, #ab4d4e;background-size: 100%;}
    .wrapper_inner .wrapper_inner_intro h2 {font-size: 5.55vw;left: 2.5vw;}
    .wrapper_inner .wrapper_inner_intro .__text {margin: 9.1vw auto;}
    .new-colors-date {font-size: 8vw;margin: 10.4vw 0;line-height: 130%;}
    .new-colors-date strong { font-size: 7.15vw; }
    .new-shade {margin-bottom: 18.7vw !important;}
    .new-shade h3 { font-size: 3.65vw; margin: 3.65vw 0; }
    .new-shade h4 {font-size: 4.78vw;}
    .new-shade p {font-size: 3.5vw;margin-top: 3.9vw;}
    .wrapper_inner > .__menu { padding-top: 15.6vw; }
    .wrapper_inner_content#color {padding-top: 17.5vw;}
    .wrapper_inner_content#color .lineup_list {padding-bottom: 15.6vw;padding: 0 0.5rem 7rem 2rem;}
    .wrapper_inner_content#color h3:nth-of-type(2) {/* padding: 11.7vw 0 9.1vw; */}
    .wrapper_inner_content#color .mySwiper { padding-bottom: 15.6vw; }
    .mySwiper .swiper-pagination { bottom: 7.8vw; }
    .wrapper_inner_content#color h3:nth-of-type(3) { padding: 9.1vw 0; }
    .wrapper_inner_content#color h3:nth-of-type(3) ~ .variant-ui { padding: 0 3.9vw 13vw; }
    .best-shades {m;margin: 16.7vw auto 20.7vw;padding: 9.1vw 3.9vw 6.5vw;border-radius: 6.5vw 0 6.5vw 0;}
    .best-shades h3 { font-size: 7vw; margin-bottom: 5.2vw; }
    .best-shades__lead { font-size: 4.4vw; margin-bottom: 5.2vw; }
    .best-shades__lead strong { font-size: 3.65vw; }
    .best-shades__text {font-size: 3.6vw;margin: 6.5vw auto 3.9vw;}
    .best-shades .biteki { width: 45.3vw; }
    .best-shades__note { font-size: 1.95vw; margin-top: 3.9vw; }
    .lerouge-instagram { padding: 14.3vw 3.9vw 11.7vw; }
    .lerouge-instagram h2 {font-size: 7.5vw;margin-bottom: 0;}
    .lerouge-shop { padding: 10.4vw 9.1vw 15.6vw; }
    .lerouge-shop p {font-size: 3.8vw;}
    .lerouge-shop > img:not(.shop-lip) { margin: 9.1vw auto; }
    .lerouge-shop a { font-size: 3.9vw; padding: 3.9vw; }
    .lerouge-shop .shop-list-button { padding: 0; }
    .lerouge-shop .shop-lip { width: 7.2vw; margin-top: 13vw; }
}

/* LOOK IN COLOR - COLOR MAP - cart: one continuous design section */
.wrapper_inner_content#color {/* padding-bottom: 0; */}
.wrapper_inner_content#color .color-feature {
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge2/bg_03.jpg) center top / 100% 100% no-repeat, var(--lerouge-red);
    /* overflow: hidden; */
    padding: 1px 0;
}
.wrapper_inner_content#color .color-feature > h3{
    letter-spacing: 0.03em;
    margin: 12rem auto 8rem;
}
.wrapper_inner_content#color .color-feature > h3,
.wrapper_inner_content#color .color-feature > .mySwiper,
.wrapper_inner_content#color .color-feature > .__image,
.wrapper_inner_content#color .color-feature > .__itemname,
.wrapper_inner_content#color .color-feature > .variant-ui,
.wrapper_inner_content#color .color-feature > .__lipicon {
    background: transparent !important;
}
.wrapper_inner_content#color .color-feature > .__lipicon { display: none; }

/* Decorative assets must never inherit the full-width image rule. */
.wrapper .__lipicon {
    width: 5.5rem;
    max-width: 7.3vw;
    margin-left: auto;
    margin-right: auto;
}
.wrapper_inner #mulch > h2 {
    width: 18rem;
    max-width: 24vw;
    margin-left: auto;
    margin-right: auto;
}

/* Same Official visumo collection and compact layout used on TOP. */
.lerouge-instagram .visumo-more {
    display: block;
    width: 100%;
    max-width: 40rem;
    margin: 3rem auto 0;
    padding: 2rem;
    border: 1px solid #aaa;
    border-radius: 5rem;
    color: #656565;
    font: 300 2.2rem/1 "optima-lt-pro", sans-serif;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.03em;
}

@media (max-width: 768px) {
    .wrapper .__lipicon { width: 7.2vw; max-width: 7.2vw; }
    .wrapper_inner #mulch > h2 {width: 36vw;max-width: 36vw;}
    .lerouge-instagram .visumo-more {max-width: 60vw;margin-top: 6.5vw;padding: 3.1vw;font-size: 3.4vw;}
}

/* LINE UP badges after adding 906 / 907. */
.wrapper_inner_content#color .lineup_list li { position: relative; }
.wrapper_inner_content#color .lineup_list li::before {
    content: "";
    display: none !important;
    position: absolute;
    z-index: 2;
    top: -6rem;
    left: -4rem;
    width: 10rem;
    height: 10rem;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
}
.wrapper_inner_content#color .lineup_list li:nth-child(1)::before,
.wrapper_inner_content#color .lineup_list li:nth-child(2)::before {
    display: block !important;
    background-image: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge2/NEW.png);
}
.wrapper_inner_content#color .lineup_list li:nth-child(3)::before {
    display: block !important;
    background-image: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge2/COOL_BEST.png);
}
.wrapper_inner_content#color .lineup_list li:nth-child(5)::before {
    display: block !important;
    background-image: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/lerouge2/WARM_BEST.png);
}

/* スライダーテンプレートの表示枚数 */
.hacobune-gallery .hacobune-slider {
--slider_break_points_xs_width: 0 !important;
--slider_break_points_xs_perview: 2 !important;
--slider_break_points_sm_width: 600 !important;
--slider_break_points_sm_perview: 2 !important;
--slider_break_points_md_width: 960 !important;
--slider_break_points_md_perview: 2 !important;
--slider_break_points_lg_width: 1264 !important;
--slider_break_points_lg_perview: 2 !important;
}


/* add */
.new-shade.new-shade-906 img {
    position: relative;
    left: -1.5rem;
}

.new-shade.new-shade-907 img {
    position: relative;
    right: -1.5rem;
}

.new-shade-lerouge img {
    width: 89%;
    margin: 0 auto;
    display: block;
}

a.c-product-cart__button-flex.c-button__white {
    background: #e8a9b7;
    color: #FFF;
    border: none;
}

a.c-product-cart__button-flex.c-button__white:after {
    display: none;
}






@media (max-width: 768px) {

.new-colors-date span.week {
    margin: 0 10px 0 5px;
}

.new-shade.new-shade-906 img {
    left: -2.0vw;
}

.new-shade.new-shade-907 img {
    right: -2.2vw;
}

.wrapper_inner_content#color .lineup_list li::before {
    width: 13vw;
    height: 13vw;
    top: -8vw;
    left: -6vw;
}

.wrapper_inner_content#color .color-feature > h3 {
    margin: 8rem auto 4rem;
}

.swiper-slide {
    /* margin-right: 30px !important; */
}

.wrapper_inner .purchase-present {
    margin: 3rem auto 2rem;
}

.wrapper_inner_content#lipstick h3:nth-of-type(1) {
}

.wrapper_inner_content#lipstick h3 {
    margin: 6rem 0 3rem;
}

.wrapper_inner #lipstick .__maxlip {
    transform: translateX(6vw);
}

.wrapper_inner_content#mulch .best-shades h3 {
    font: 300 3rem / 1.2 "optima-lt-pro", sans-serif;
    margin: 2rem 0 3rem;
}

.best-shades > img:not(.biteki) {
    left: 2.5vw;
}

#story .shop-lip {
    width: 7.2vw;
    margin: 0rem auto 7rem;
}

.wrapper_inner_content#story {
    padding: 4rem 0 10rem;
}

}