html {
    scroll-behavior: smooth;
}

/* フォント */
@import url('https://fonts.googleapis.com/css2?family=Libre+Caslon+Display&display=swap');

:root {

  --font-base: 'Noto Sans JP', sans-serif;
  --font-zen: 'Zen Kaku Gothic Antique', sans-serif;
  --font-sawarabi: 'Sawarabi Mincho', serif;
  --font-shippori: 'Shippori Mincho', serif;
}
/*/ フォント */

/*アニメーション*/
.fadeUp {
  opacity: 0;
  transform: translateY(25px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.fadeUp.active {
  opacity: 1;
  transform: translateY(0);
}
/*/アニメーション*/

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

.wrapper_inner {
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/bg.png???) center top -1rem  / cover no-repeat;
     padding-top: 8.5rem;
}

.scene-title {
    color: #000;
    font-size: 5rem;
    font-weight: 400;
    letter-spacing: calc(90 / 1000 * 1em);
    text-align: center;
        font-family: var(--font-base);

}



/* FV */
.FV {
    position: relative;
}
.FV2{
    /* background: url("https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/MV2.jpg") center top 1rem / cover no-repeat; */
    background: url("https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/MV2.jpg") center  / cover no-repeat;
    padding: 8.5rem;

}

h1 {
    font-family: var(--font-zen);
    position: absolute;
    color: #fff;
    font-size: 4.4rem;
    font-weight: 300;
    text-align: center;
    left: 10rem;
    bottom: 49rem;
    /* bottom: 72rem; */
}
.scene00_text {
    font-family: var(--font-base);
    font-weight: 300;
    position: absolute;
    color: #fff;
    font-size: 2.8rem;
    text-align: center;
    line-height: 2;
    left: 16rem;
    bottom: 8rem;
     /* bottom: 29rem; */
}





/* こんな日に */

.scene01{
    padding: 19rem 0 22rem;
    /* padding: 0 0 22rem; */
}

.scene-title.s-unit-01 {
    position: relative;
    /* padding: 0 0 4.8rem; */
    padding: 0 0 13.2rem;
}
.scene-title.s-unit-01::after{
    content: "";
    position: absolute;
    top: 9rem;
    left: 50%;
    bottom: -3rem;
    transform: translateX(-50%);
    width: 1px;
    height: 10rem;
    background: #000;
}

.__menu {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: 4rem;
    row-gap: 3.6rem;
    padding: 0 9.5rem;
    margin: 0;
}

.__menu li {
    width: 100%;
}

.__menu img {
    display: block;
    width: 100%;
    height: auto;
}

/* その日の肌に合わせて選べるラインナップ */
.scene02 {
    padding: 0 4rem 19.5rem;
    overflow: hidden;
}

.s-unit-02 {
    padding: 21.3rem 0 9rem;
}

.scene02Swiper {
    overflow: visible;
}

.scene02Swiper .swiper-slide {
    height: auto;
}

.scene02_carousel_item {
    background: #fff;
    box-sizing: border-box;
    padding-bottom: 6.8rem;
}

.scene02_carousel_main {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 4.2rem;
}

.scene02_carousel_body {
    padding: 0 6.9rem;
    box-sizing: border-box;
}

.scene02_carousel_title {
    width: 16.6rem;
    margin: 0 auto 2.1rem;
}

.scene02_carousel_title img {
    display: block;
    width: 100%;
    height: auto;
}

.scene02_carousel_name {
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.9;
    margin-bottom: 5rem;
}

.scene02_carousel_text {
    text-align: left;
    font-size: 2.6rem;
    line-height: 2;
    margin-bottom: 5rem;
}

.scene02_carousel_cart img {
    display: block;
    width: 100%;
    height: auto;
}

.scene02Swiper .swiper-pagination {
    position: static;
    margin-top: 6.2rem;
}

.scene02Swiper .swiper-pagination-bullet {
    width: 1.2rem;
    height: 1.2rem;
    background: rgba(255,255,255,.7);
    opacity: 1;
}

.scene02Swiper .swiper-pagination-bullet-active {
    background: #777;
}
/* それは至福の肌感覚ー */

.scene03 {
    background-image: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/scene03_bg.png);
    background-position: center top;
    background-size: 100% auto;
    background-repeat: no-repeat;
    height: 130.3rem;
    position: relative;
}

.pr-scene03 {
    position: absolute;
    bottom: 12rem;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    background: none;
}

.pr-scene03::before {
    content: "";
    position: absolute;
    left: 50%;
    top: -10rem;
    transform: translateX(-50%);
    width: 100%;
    aspect-ratio: 750 / 522;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/pr-scene_bg.png)
        center top / 100% auto no-repeat;
    z-index: -1;
}

.s-unit-03 {
    display: flex;
    align-items: center;
    justify-content: center;
}

.s-unit-03::after {
    content: "";
    width: 8rem;
    height: 1px;
    background: #000;
    flex-shrink: 0;
    transform: translateY(0.4rem);
}
.scene-title.s-unit-03 {
    padding-bottom: 6.7rem;
    
}

.scene03_text {
    font-family: var(--font-base); 
    font-weight: 400;
    font-size: 2.8rem;
    text-align: center;
    line-height: 2;
}

/* scene03 detail */

.scene03_detail {
    padding: 0 4rem;
}

.scene03_box {    
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 6rem;
    text-align: center;
}
/* 
.scene03_box_step01 {
    padding-bottom: 7.3rem;
} */

.scene03_box_step02 {
    padding-bottom: 5.2rem;
}

.scene03_box_step03 {
    padding-bottom: 5.7rem;
}

/* ここでコンテンツの余白をあけている */

.scene03_box + .scene03_box {
    margin-top: 6.4rem;
}

.scene03_number {
    /* font-family: "optima-lt-pro", sans-serif; */
    font-family: "optima-lt-pro", sans-serif;
    display: block;
    color: #b39b63;
    font-size: 6rem;
    line-height: 1;
    margin-bottom: 3.2rem;
}

.scene03_title {
    color: #b39b63;
    font-size: 3.8rem;
    font-weight: 400;
    letter-spacing: calc(90 / 1000 * 1em);
    margin-bottom: 4rem;
}

.scene03_desc {
    font-size: 2.6rem;
    line-height: 2;
    letter-spacing: calc(80 / 1000 * 1em);
    margin-bottom: 5rem;
}

.scene03_img {
    width: 61.1rem;
    margin: 0 auto;
}

.scene03_img img {
    display: block;
    width: 100%;
    height: auto;
}

.scene03_img_step02 {
    width: 56.2rem;
}

.scene03_img_step03 {
    width: 58rem;
}
/* 3と4の専用のコンテンツ */

.scene03_box_small {
    /* width: 67.3rem;
    min-height: 37.1rem; */
    padding-top: 5rem;
    padding-bottom: 2.4rem;
}


/* たっぷり32mLの美容液を一枚に */
.scene04{
    padding-top: 19.7rem;
}

.scene04 img{
    margin-bottom: 9rem;
}

.s-unit-04{
    /* font-weight: 300; */
    font-weight: 400;
    margin-bottom: 6.7rem;
}

.scene04_text {
    font-size: 2.8rem;
    text-align: center;
    line-height: 2;
}

/* 深呼吸したくなる心地よい香り */

.scene05{
    padding-top: 18rem;
    
}

.scene05 img{
    padding-right: 3.8rem;
    margin-bottom: 10.8rem;
}
.s-unit-05{
    /* font-weight: 300; */
    font-weight: 400;
    /* margin-bottom: 6.4rem; */
    margin-bottom: 4rem;
}

.scene05_text {
    font-size: 2.8rem;
    text-align: center;
    line-height: 2.5;
}

/* LINE UP */

.s-unit-06{
    font-family: "optima-lt-pro", sans-serif;
     /* font-family: var(--font-sawarabi); */
    display: flex;
    align-items: center;
    justify-content: space-between;
    /* gap: 1.9rem; */
    font-size: 5.5rem;
    letter-spacing: calc(120 / 1000 * 1em);
    line-height: 1;
    padding-bottom: 12rem;
}

.s-unit-06::before,
.s-unit-06::after{
    content: "";
    width: 21rem;
    height: 1px;
    background: #000;
}

.s-unit-06 span{
    display: block;
}


.scene06_text {
    font-size: 3.5rem;
    text-align: center;
    line-height: 2;
    padding-bottom: 10rem;
    
}

/* LINE UP　画像一覧 */


.skin-concerns {
  width: 100%;
  padding: 8px 0 0;
   

}

.skin-concerns__inner {
    position: relative;
    max-width: 58rem;
    margin: 0 auto;
    padding: 0;
}
.skin-concerns__inner::before{
    content: "";
    position: absolute;
    left: 50%;
    top: -26rem;
    transform: translateX(-50%);
    width: 75rem;
    aspect-ratio: 750 / 1279;
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/LINEUP_bg.png) center top / 100% auto no-repeat;
    z-index: 0;
    pointer-events: none;
}


.skin-concerns__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  row-gap: 56px;
  /* column-gap: 18px; */
  margin: 0;
  margin-bottom: 27rem;
  padding: 0;
  list-style: none;
}

 
.skin-card {
  position: relative;
  width: calc((100% - 36px) / 2);
  min-width: 0;
  text-align: center;
} 


.skin-card__link {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: inherit;
  text-decoration: none;
}

.skin-card__image {
    max-width: 17rem;
/* max-width: 14.6rem; */
 max-width: none;
    width: 20rem;
  position: relative;
  display: grid;
  place-items: center;
  aspect-ratio: 1;
  overflow: hidden;
  /* box-shadow: 0 3px 9px rgba(111, 91, 86, 0.12); */
}
.skin-card__image img {
  width: 100%;
  height: auto;
  object-fit: cover;
}
.skin-card__package {
  position: relative;
  z-index: 1;
  margin-top: -4px;
  color: #000;
  font-family: var(--font-base);
  font-size: 5px;
  font-weight: 700;
  line-height: 1;
}


.skin-card__name {
  display: block;
  margin-top: 17px;
  font-size: 2.8rem;
  font-weight: 400;
  line-height: 1.35;
  letter-spacing: 0;
  white-space: nowrap;
}

.skin-card__arrow {
  width: 16px;
  height: 16px;
  margin-top: 9px;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  transform: rotate(45deg);
}

.skin-card__badge {
    position: absolute;
    text-align: center;
    z-index: 2;
    top: -2.3rem;
    left: -4.6rem;
    display: grid;
    place-items: center;
    width: 10.2rem;
    aspect-ratio: 1;
    font-size: 1.8rem;
    line-height: 1.5;
    color: #fff;
    background: rgba(179, 155, 99, 0.8);
    border-radius: 50%;
}
/* リンク */

.lineup_link{
    display: block;
    position: relative;
}

.lineup_link img{
    display: block;
    width: 100%;
    height: auto;
}


/* BEST SELLER */

.lineup_badge{
    position: absolute;
    top: -2.3rem;
    left: -2.3rem;
    width: 7.2rem
}

.lineup_badge img{
    display: block;

    width: 100%;
    height: auto;
} 

.scene06_item{
    padding: 0 3.5rem 24.8rem;
}
#lineup04.scene06_item {
    padding: 0 3.5rem 0;
}






/* 上タイトル画像 */


.scene06_title_img{
    /* width: 25rem; */
    width: 24.8rem;
    margin: 0 auto 5.4rem;
}
.scene06_product_img2-4{
    width: 32.6rem;
}

.scene06_title_img img{
    display: block;
    width: 100%;
    height: auto;
}


#lineup05{
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/shop_Mask_BG_05.png) center top/cover
    no-repeat;
    padding-top: 9.2rem;
}
.scene06_Moment{
    margin-bottom: 7rem;
}
.scene06_Moment img {
    display: block;
    width: 60%;
    margin: 0 auto;
    height: auto;
}



/* 商品名 */

.scene06_name{
    color: #343434;
     font-family: var(--font-base);
    font-size: 3.2rem;
    font-weight: 400;
    line-height: 1.15;
    letter-spacing: calc(80 / 1000 * 1em);
    text-align: center;
    margin-bottom: 6rem;
}

.scene06_name span{
    display: block;
    font-size: 3rem;
    margin-top: 1.2rem;
}


/* 商品画像 */

.scene06_product{
    position: relative;

    margin: 0 auto;
}


/* BEST SELLER */
/* .scene06_badge {
    position: absolute;
    top: -4rem;
    left: 2.1rem;
    width: 10rem;
}

.scene06_badge img{
    display: block;
    width: 100%;
    height: auto;
} */

.scene06_badge {
    position: absolute;
    /* top: -4rem; */
    top: -9rem;
    left: -0.9rem;
    z-index: 2;
    display: grid;
    place-items: center;
    width: 12rem;
    aspect-ratio: 1;
    font-size: 2.2rem;
    /* line-height: 1.5; */
    line-height: 1.3;
    color: #fff;
    border-radius: 50%;
    background: rgba(179, 155, 99, 0.8);
    font-family: var(--font-base);
    font-weight: 400;
    text-align: center;
}

/* 商品画像 */

.scene06_product_img{
    display: block;
    width: 84%;
    margin: 0 auto;
}


/* 商品名下 */

.scene06_product_name{
    text-align: center;
    font-size: 2.6rem;
    line-height: 1.9;
    margin-top: 11rem;
    margin-bottom: 7rem;
}


/* 説明文 */

.scene06_product_text{
    width: 61.2rem;
    margin: 80px auto 70px;
    text-align: left;
    font-size: 2.6rem;
    line-height: 2;
}


/* カート */

.scene06_cart{
    margin-top: 7rem;
    margin-bottom: 8rem;
}

.scene06_cart img{
    margin: 0 auto;
    display: block;
    width: 85%;
    height: auto;
}


/* レビュー */

.scene06_review{
     background: rgba(255, 255, 255, 0.8);
    box-sizing: border-box;
    padding: 5rem 5.3rem 4.5rem;
    margin: 0 auto;
    
}

.scene06_review_head{
    display: flex;
    align-items: center;
    gap: 2.4rem;
    margin-bottom: 3rem;
}

.scene06_review_head img{
    display: block;
    width: 14rem;
    height: auto;
}

.scene06_review_head span{
    font-size: 2.6rem;
}

.scene06_review_title{
    font-size: 2.8rem;
    font-weight: 400;
    margin-bottom: 3rem;
}

.scene06_review_text{
    font-size: 2.2rem;

}

.scene06_review_note{
    font-size: 1.4rem;
    text-align: right;
    margin-top: 4rem;
}



/* gift */

.gift_set {
    padding: 8rem 4rem 15.4rem;
    text-align: center;
    box-sizing: border-box;
}

.gift_set_lead {
    font-size: 3rem;
    line-height: 2.4;
    font-weight: 400;
    letter-spacing: calc(50 / 1000 * 1em);
}

.gift_set_btns {
    display: flex;
    gap: 1.8rem;
    justify-content: center;
    padding-top: 7rem;
    padding-bottom: 2.8rem;
}

.gift_set_btns a {
    display: block;
    width: fit-content;
    margin: 0 auto;
}

.gift_set_btns img {
    margin: 0 auto;
    display: block;
    width: 85%;
    height: auto;
}


.gift_set_note {
    font-size: 1.8rem;
    text-align: right;
}

.gift_set_annotation {
    padding-top: 16.4rem;
    text-align: left;
}

.gift_set_annotation p {
    font-size: 1.6rem;
    line-height: 1.8;

}




/* kellysMessage */

.wrapper_inner_content#story {
    background-color: #c6b387;
    padding-top: 12rem;
    padding-bottom: 12rem;
}

.wrapper_inner_content h2 {
      font-family: 'Libre Caslon Display', serif;
    color: #fff;
    font-size: 4rem;
    font-weight: 400;
    letter-spacing: calc(70 / 1000 * 1em);
    text-align: center;
    margin-bottom: 9.2rem;
}

.wrapper_inner_content#story h2 {
    font-size: 5rem;
}

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

.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 {
    font-family: 'Libre Caslon Display', serif !important;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-family: var(--font-base);
    font-size: 2.8rem;
    font-weight: 300;
    letter-spacing: .08em;
    color: #fff;
    margin: 0;
    transform: rotate(180deg);
    position: absolute;
    top: 1rem;
} */
 .wrapper_inner #story .__comment .side {
    font-family: "optima-lt-pro", sans-serif;
    writing-mode: vertical-rl;
    text-orientation: mixed;
    font-size: 2.8rem;
    font-weight: 300;
    letter-spacing: .04em;
    color: #fff;
    margin: 0;
    transform: rotate(180deg);
    position: absolute;
    top: -1rem;
}
.wrapper_inner #story .__comment .kv__line {
    position: absolute;
    left: 51%;
    bottom: 0rem;
    width: 1px;
    height: 67rem;
    background: #fff;
}

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

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

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

.wrapper_inner_content#story {
    padding-top: 14rem;
    padding-bottom: 12rem;
}


/* セット商品 */
/* 一個目 */
.afterglow_set {
    padding: 19rem 4rem 28rem;
    text-align: center;
    background-image: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/shop_Mask_set_bg_02.png);
    background-repeat: no-repeat;
    /* background-position: center 12rem; */
        background-position: center -4rem;
}
.afterglow_set_second {
    /* padding: 12rem 4rem 24.3rem; */
    padding: 9.1rem 4rem 24.3rem;
}

.afterglow_set_img {
    display: block;
    width: 90%;
    /* margin: 0 auto 5rem; */
     margin: 0 auto 24px;
}

.afterglow_set_name {
    font-size: 3.2rem;
    line-height: 1.4;
    margin-bottom: 2.4rem;
}

.afterglow_set_price {
    font-size: 2.5rem;
    margin-bottom: 3.8rem;
}

.afterglow_set_limit {
    display: inline-block;
    border: 0.5px solid #9c9c9c;
    padding: 0rem 5rem;
    font-size: 2.4rem;
    margin-bottom: 4rem;
}

.afterglow_set_cart img {
    margin: 0 auto;
    display: block;
    width: 85%;
    height: auto;
}

/* ２個目 */

.afterglow_set_second .afterglow_set_img {
    margin: 0 auto 24px;
}

/* clean */

.clean{
    padding: 13rem 4rem 9.4rem; 

}
.p_gold{
    /* font-family: Georgia, "Times New Roman", serif; */
    font-family: 'Libre Caslon Display', serif;
    font-weight: 500;
    margin: 0 auto 6rem;
    text-align: center;
    font-size: 3rem;
    color: #b39b63;
}
.clean_h2{
    margin: 0 auto 7.5rem;
    font-size: 4rem;
    font-weight: 400;
    text-align: center;
}
.clean_box{
    font-size: 2.4rem;
    font-weight: 400;
    text-align: center;
    background-color: #fdf4f6;
    margin-bottom: 3rem;
    padding: 4rem 0;
}

.clean_box_cruelty{
    position: relative;
    display: block;
    text-align: center;
}

.clean_box_cruelty img{
    position: absolute;
    right: 4rem;
    top: 50%;
    transform: translateY(-50%);
    width: 6rem;
    height: auto;
}

/* FVの下のコンテンツ */
/* .afterglow_set_mv {
    padding: 0 4rem 8rem;
    background-image: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/shop_Mask_set_bg_01.png);
    background-repeat: no-repeat;
    background-position: center -4rem;
} */
.afterglow_set_mv {
    position: relative;
    padding: 0 4rem 8rem;
    background-image: none;
    z-index: 1;
}




.afterglow_set_mv::before {

    content: "";
    position: absolute;
    left: 50%;
    top: -6em;
    /* top: -10rem; */
    transform: translateX(-50%);
    width: 100%;
    aspect-ratio: 750 / 1495; /* ここは背景画像の実サイズ比率に合わせる */
    background: url(https://d2w53g1q050m78.cloudfront.net/femmuejp/uploads/femmue/assets/images/sheetmask2026/shop_Mask_set_bg_01.png) center top / 100% auto no-repeat;
    z-index: -2;
    pointer-events: none;
}


.afterglow_set_mv .afterglow_set_img {
    width: 92%;
    margin: 0 auto 5rem;
}

.afterglow_set_mv .afterglow_set_name {
    margin-bottom: 1.4rem;
}

.afterglow_set_mv .afterglow_set_price {
    margin-bottom: 4rem;
}

.afterglow_set_lead {
    font-size: 2.6rem;
    line-height: 2;
    margin: 0 auto 4.8rem;
    text-align: center;
}

.afterglow_set_contents_title {
      font-family: var(--font-base);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1.6rem;
    font-size: 2.2rem;
    margin: 0 auto 2rem;
}

.afterglow_set_contents_title::before,
.afterglow_set_contents_title::after {
    content: "";
    width: 18rem;
    height: 1px;
    background: #000;
}

.afterglow_set_contents {
    font-size: 1.9rem;
    line-height: 1.8;
    text-align: left;
    margin: 0 auto 5rem;
    max-width: 58rem;
}

/* @media (max-width: 768px) {
    .wrapper_inner_content h2 {
        color: #fff;
        font-size: 6.208vw;
        letter-spacing: calc(70 / 1000 * 1em);
        text-align: center;
        margin-bottom: 11.979vw;
    }

    .wrapper_inner_content#story h2 {
        font-size: 6.5vw;
    }

    .wrapper_inner_content .__text {
        color: #fff;
        font-size: 4vw;
        line-height: 1.5;
        letter-spacing: calc(70 / 1000 * 1em);
        text-align: center;
        margin: 14.323vw auto 13.021vw;
    }

    .wrapper_inner #story .__comment {
        display: flex;
        max-width: 80%;
        margin: 0 auto;
        gap: 0.635vw;
    }

    .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: 2.344vw;
    }

    .wrapper_inner #story .__comment .kv__line {
        height: 108vw;
        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: 5.729vw;
        width: 46.6vw;
        margin: 0 0 0 auto;
    }

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

} */

    /* 下の商品一覧 */
/* .p-journal__related {
    background: #f3efea;
    padding: 8rem 0;
    overflow: hidden;
}

.p-journal__related .is-loading{
   visibility: visible !important;
}

.p-journal__related-inner {
    max-width: 75rem;
    margin: 0 auto;
    padding: 0 4rem;
}

.p-journal__related-title {
    text-align: center;
    font-size: 4rem;
    font-weight: 400;
    margin-bottom: 5rem;
}

.p-journal__related-slider {
    overflow: hidden;
}

.p-journal__related-items {
    display: flex;
    padding: 0;
    margin: 0;
    list-style: none;
}

.p-journal__related-item {
    height: auto;
}

.p-journal__related-item-inner {
    height: 100%;
    padding: 2rem;
    box-sizing: border-box;
}

.p-journal__related-item img {
    display: block;
    width: 100%;
    height: auto;
}

.p-journal__related-item-name {
    font-size: 1.5rem;
    line-height: 1.6;
    margin-top: 1.5rem;
}

.p-journal__related-item-price {
    font-size: 1.6rem;
    margin: 1.5rem 0;
}

.p-journal__related-item-button a {
    display: block;
    text-align: center;
    border: 1px solid #000;
    padding: 1.2rem;
    font-size: 1.4rem;
}

.p-journal__related .swiper-scrollbar {
    position: relative;
    margin-top: 3rem;
} */
 /* 下の商品一覧 */
.p-journal__related {
    background-color: #f3efea;
    padding: 36px 20px;
    overflow: hidden;
}

.p-journal__related-inner {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
}

.p-journal__related-title {
    font-family: source-han-serif-japanese, serif;
    font-weight: 500;
    font-size: 2.2rem;
    letter-spacing: .022em;
    display: flex;
    align-items: center;
    margin-bottom: 0;
}

.p-journal__related-title::after {
    content: "";
    height: 1px;
    flex-grow: 1;
    background-color: #000;
    margin-left: 12px;
}

.p-journal__related-slider {
    margin-right: -20px;
    overflow: hidden;
}

.p-journal__related-items {
    margin: 32px 0;
    padding: 0;
    list-style: none;
}

.p-journal__related .is-loading {
    opacity: 1;
    visibility: visible;
}

.p-journal__related-item.swiper-slide {
    height: auto;
}

.p-journal__related-item-inner {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.p-journal__related-item img {
    display: block;
    width: 100%;
    height: auto;
}

.p-journal__related-item-name {
    font-size: 1.2rem;
    text-align: center;
    margin: 12px 0;
    line-height: 1.6;
}

.p-journal__related-item-price {
    font-size: 1.2rem;
    text-align: center;
}

.p-journal__related-item-button .c-button {
    width: 140px;
    margin: 20px auto 0;
}

/* .p-journal__related-item-button a {
    display: block;
    text-align: center;
    border: 1px solid #000;
    padding: 11px;
    font-size: 1.2rem;
} */
 .p-journal__related-item-button a {
    font-size: 1.2rem;
}

.p-journal__related-item-button .c-button {
    width: 140px;
    margin: 20px auto 0;
}

.p-journal__related .swiper-container-horizontal > .swiper-scrollbar,
.p-journal__related .swiper-scrollbar {
    height: 3px;
    background: #d9d9d9;
}

.p-journal__related .swiper-scrollbar-drag {
    background: #8b8b8b;
}


.p-journal__related .swiper-button-next,
.p-journal__related .swiper-button-prev {
    width: 56px;
    height: 56px;
    border: 1px solid #f2f2f2;
    border-radius: 50%;
    background: #fff;
    top: 50%;
}

.p-journal__related .swiper-button-prev {
    left: -28px;
}

.p-journal__related .swiper-button-next {
    right: -28px;
}
.p-journal__related {
    overflow: visible;
}

.p-journal__related-slider {
    overflow: hidden;
}


@media screen and (max-width: 991px) {
    .p-journal__related .swiper-button-next,
    .p-journal__related .swiper-button-prev {
        display: none;
    }
}

@media screen and (min-width: 992px) {
    .p-journal__related {
        padding: 72px 20px 80px;
    }

    .p-journal__related-title {
        font-size: 3rem;
    }

    .p-journal__related-title::after {
        margin-left: 36px;
    }

    .p-journal__related-slider {
        margin-right: 0;
    }

    .p-journal__related-items {
        margin: 48px 0 60px;
    }

    .p-journal__related-item-name,
    .p-journal__related-item-price {
        font-size: 1.5rem;
    }

    .p-journal__related-item-button .c-button {
        width: 100%;
        max-width: 240px;
    }

    .p-journal__related-item-button a {
        font-size: 1.6rem;
    }
}

@media screen and (max-width: 767px) {
  .p-journal__related {
    padding: 36px 0 36px 20px;
  }

  .p-journal__related-inner {
    padding: 0;
  }

  .p-journal__related-title {
    font-size: 2.2rem;
    padding-right: 20px;
  }

  .p-journal__related-slider {
    margin-right: 0;
    overflow: hidden;
  }

  .p-journal__related-items {
    margin: 32px 0;
  }

 .p-journal__related-item {
  width: clamp(16rem, 39.5vw, 30.2rem) !important;
}

  .p-journal__related-item img {
    width: 100%;
    height: auto;
  }

  .p-journal__related-item-name {
    font-size: 1.2rem;
    line-height: 1.7;
    margin: 12px 0;
  }

  .p-journal__related-item-price {
    font-size: 1.2rem;
 
  }

  .p-journal__related-item-button .c-button {
    width: 140px;
    margin: 20px auto 0;
  }

  .p-journal__related-item-button a {
    font-size: 1.2rem;
  }

  .p-journal__related .swiper-scrollbar {
    margin-right: 20px;
  }
}

      /*About Femmue*/
       @media (max-width: 768px) {

    /* 背景の調整 */
    .wrapper_inner {
        background-position: center top -1.33vw;
        padding-top: 11.33vw;
    }

    /* About Femmue */

.wrapper_inner_content#story {
    padding-top: 18.67vw;
    padding-bottom: 16vw;
}

.wrapper_inner_content#story h2 {
    font-size: 6.67vw;
    margin-bottom: 12vw;
}

.wrapper_inner #story .__comment {
    display: flex;
    max-width: 86vw;
    margin: 0 auto;
    gap: 4vw;
    transform: none;
}

.wrapper_inner #story .__comment > div:first-child {
    position: relative;
    width: 8.53vw;
    flex: 0 0 8.53vw;
    display: flex;
    justify-content: center;
}

  .wrapper_inner #story .__comment .side {
        /* font-size: 3.73vw; */
        font-size: 4vw;
        letter-spacing: .04em;
        top: 1.33vw;
    }

.wrapper_inner #story .__comment .kv__line {
    left: 50%;
    bottom: 0;
    height: 77vw;
}

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

.wrapper_inner #story .__comment img {
    display: block;
    width: 100%;
    height: auto;
}

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

@media (max-width: 768px) {

  h1 {
        font-size: 5.87vw;
        left: 13.33vw;
        /* bottom: 96vw;; */
         bottom: 65.33vw; 
    }

.scene00_text {
    font-size: 3.73vw;
    line-height: 2;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
     /* bottom: 38.67vw; */
          bottom: 10.67vw;
}

    .afterglow_set_name {
        margin-bottom: 3.2vw;
        font-size: 4.26vw;
    }
    .afterglow_set_price{
        font-size: 3.33vw;
    }
    .afterglow_set_lead{
        font-size: 3.46vw;
    }
    /* FV下 アフターグロウ コンプリートセット */

.afterglow_set.afterglow_set_mv {
    padding: 0 5.33vw 10.67vw;
}

.afterglow_set_mv::before {
    /* top: -13.33vw; */
     top: -8vw;
}

.afterglow_set_mv .afterglow_set_img {
    width: 92%;
    margin: 0 auto 6.67vw;
}

.afterglow_set_mv .afterglow_set_name {
    margin-bottom: 1.87vw;
}

.afterglow_set_mv .afterglow_set_price {
    margin-bottom: 5.33vw;
}

.afterglow_set_lead {
    margin-bottom: 6.4vw;
}

.afterglow_set_contents_title {
    gap: 2.13vw;
    font-size: 2.93vw;
    margin-bottom: 2.67vw;
}

.afterglow_set_contents_title::before,
.afterglow_set_contents_title::after {
    width: 24vw;
}

.afterglow_set_contents {
    font-size: 2.53vw;
    margin-bottom: 6.67vw;
    max-width: 77.33vw;
}


    /* こんなシーンに */

.scene01{
    /* padding: 0 0 29.33vw; */
 padding: 25.33vw 0 29.33vw;
}

.s-unit-01{
    font-size: 6.67vw; /* 5rem */
    padding-bottom: 17.6vw !important;
}

.scene-title.s-unit-01 {
   padding: 0 0 17.6vw;
}

.scene-title.s-unit-01::after{ 
    top: 12vw;
    bottom: -4vw;
    height: 13.33vw;
}

.__menu{
    column-gap: 5.33vw;
    row-gap: 4.8vw;
    padding: 0 12.67vw;
}



  /* LINE UP */

   .skin-concerns__inner::before{
        top: -34.67vw;
        width: 110vw;
    }

.s-unit-06 {
    font-size: 7.33vw; /* 5.5rem */
    padding-bottom: 16vw;
}

.s-unit-06::before,
.s-unit-06::after {
    width: 28vw;
}

.scene06_text {
    font-size: 4.67vw; /* 3.5rem */
    padding-bottom: 13.33vw;
}

.skin-concerns__inner {
    max-width: 77.33vw; /* 58rem */
   
}

.skin-concerns__list {
    row-gap: 7.47vw; /* 56px */
    margin-bottom: 36vw; /* 27rem */
}

.skin-card__image {
        max-width: none;
        width: 26.6vw;
    }

.skin-card__name {
    margin-top: 2.27vw;
    font-size: 3.73vw; /* 2.8rem */
}

.skin-card__arrow {
    width: 2.13vw;
    height: 2.13vw;
    margin-top: 1.2vw;
}

    .skin-card__badge {
        top: -3.07vw;
        left: -6.13vw;
        width: 13.6vw;
        font-size: 2.4vw;

    }

.scene06_item {
    padding: 0 4.67vw 33.07vw;
}

#lineup04.scene06_item {
    padding: 0 4.67vw 0;
}

.scene06_title_img {
    width: 33.07vw; /* 24.8rem */
    margin-bottom: 7.2vw;
}

.scene06_product_img2-4 {
    width: 43.47vw; /* 32.6rem */
}

.scene06_name {
    font-size: 4.27vw; /* 3.2rem */
    margin-bottom: 8vw;
}

.scene06_name span {
    font-size: 4vw; /* 3rem */
    margin-top: 1.6vw;
}

     .scene06_badge {
           top: -12vw;
        left: -1.2vw;
        width: 16vw;
        font-size: 2.93vw;
        line-height: 1.3;
    }

.scene06_product_text {
    width: 81.6vw; /* 61.2rem */
    max-width: 100%;
    margin: 10.67vw auto 9.33vw;
    font-size: 3.47vw; /* 2.6rem */
}

.scene06_review {
    padding: 6.67vw 7.07vw 6vw;
}

.scene06_review_head {
    gap: 3.2vw;
    margin-bottom: 4vw;
}

.scene06_review_head img {
    width: 18.67vw;
}

.scene06_review_head span {
    font-size: 3.47vw;
}

.scene06_review_title {
    font-size: 3.73vw;
    margin-bottom: 4vw;
}

.scene06_review_text {
    font-size: 2.93vw;
}

.scene06_review_note {
    font-size: 1.87vw;
    margin-top: 5.33vw;
}


 /* アフターグロウ コンプリートセット 1個目  */

    /* 共通 */
      .afterglow_set {
        padding: 26.67vw 5.33vw 37.33vw;
        background-size: 100% auto;
       background-position: center -5.33vw;
    }
    .afterglow_set_img{
        margin: 0 auto 3.2vw;
      }

    .afterglow_set_name {
        font-size: 4.27vw;
    }

    .afterglow_set_price {
        margin-bottom: 5.067vw;
        font-size: 3.33vw;
    }

    .afterglow_set_limit {
        font-size: 3.2vw;
        margin-bottom: 5.333vw;
    }


    /* それは至福の肌感覚 */
      .scene03 {
        height: 173.73vw;
    }

    .pr-scene03 {
        bottom: 16vw;
    }

    .pr-scene03::before {
        top: -13.33vw;
    }

    .s-unit-03 {
        font-size: 5.87vw;
    }

     .s-unit-03::after {
        width: 10.67vw;
        transform: translateY(0.53vw);
    }
    .scene-title.s-unit-03 {
        padding-bottom: 8.93vw;
    }

    .scene03_text {
        font-size: 3.73vw;
    }

    .scene03_detail {
        padding: 0 5.33vw;
    }

    .scene03_box {
        padding-top: 8vw;
    }

    /* .scene03_box_step01 {
        padding-bottom: 9.73vw;
    } */

    .scene03_box_step02 {
        padding-bottom: 6.93vw;
    }

    .scene03_box_step03 {
        padding-bottom: 7.6vw;
    }

    .scene03_box + .scene03_box {
        margin-top: 8.53vw;
    }

    .scene03_number {
        font-size: 8vw;
        margin-bottom: 4.27vw;
    }

    .scene03_title {
        font-size: 5.07vw;
        margin-bottom: 5.33vw;
    }

    .scene03_desc {
        font-size: 3.47vw;
        margin-bottom: 6.67vw;
    }

    .scene03_img {
        width: 81.47vw;
        max-width: 100%;
    }

    .scene03_img_step02 {
        width: 74.93vw;
        max-width: 100%;
    }

    .scene03_img_step03 {
        width: 77.33vw;
        max-width: 100%;
    }

    .scene03_img img {
        width: 100%;
        height: auto;
    }

    .scene03_box_small {
        padding-top: 6.67vw;
      padding-bottom: 3.2vw;
    }


    /* たっぷり31mlの美容液と深呼吸したくなる */
        .scene04 {
        padding-top: 26.27vw;
    }

    .scene04 img {
        margin-bottom: 12vw;
    }

    .s-unit-04 {
        font-size: 5.87vw;
        margin-bottom: 8.93vw;
    }

    .scene04_text {
        font-size: 3.73vw;
    }

    .scene05 {
        padding-top: 24.67vw;
    }

    .scene05 img {
        margin-bottom: 12vw;
        padding-right: 5.067vw;
        }

    .s-unit-05 {
        font-size: 5.87vw;
        /* margin-bottom: 8.53vw; */
        margin-bottom: 5.33vw;
    }

    .scene05_text {
        font-size: 3.73vw;
    }
 

     /* アフターグロウ コンプリートセット 2個目  */

    .afterglow_set_second .afterglow_set_img {
        margin: 0 auto 3.2vw;
    }
     .afterglow_set_second {
        padding: 12.13vw 5.333vw 32.4vw;
    }


    /* LINEgift */
    .gift_set {
       padding: 10.67vw 5.33vw 20.53vw;
    }

    .gift_set_lead {
        font-size: 3.73vw;
    }

    .gift_set_btns {
        gap: 2.4vw;
        padding-top: 9.33vw;
        padding-bottom: 3.73vw;
    }

    .gift_set_annotation {
        padding-top: 21.87vw;
    }

    .gift_set_annotation p {
        font-size: 2.13vw;
    }
   
   

    /* CLEAN BEAUTY */

     .clean {
        padding: 17.33vw 5.33vw 12.53vw;
    }

    .p_gold {
        margin-bottom: 8vw;
        font-size: 4vw;
    }

    .clean_h2 {
        margin-bottom: 10vw;
        font-size: 5.33vw;
    }

    .clean_box {
        margin-bottom: 4vw;
        padding: 5.33vw 0;
        font-size: 3.2vw;
    }

    .clean_box_cruelty img {
        right: 5.33vw;
        width: 8vw;
    }


}
/* fadeUp safe animation: JSが動かない場合でも非表示にならないようにする */
.fadeUp {
  opacity: 1;
  transform: none;
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.js-fade .fadeUp {
  opacity: 0;
  transform: translateY(25px);
}

.js-fade .fadeUp.active {
  opacity: 1;
  transform: translateY(0);
}


/* アンカーリンク修正 */

@media screen and (max-width: 768px) {
  #lineup01,
  #lineup02,
  #lineup03,
  #lineup04 {
    scroll-margin-top: 14rem;
  }
}



/* 矢印位置調整 */
/* Related Itemsだけ既存矢印を消す */
/* Related Itemsだけ既存矢印を消す */
.p-journal__related-item-button .c-link__default-arrow::after {
    display: none !important;
}

/* Related Itemsだけボタンを整える */
.p-journal__related-item-button .c-link__default-arrow {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Related Itemsだけ独自矢印 */
.p-journal__related-item-button .c-link__default-arrow::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 20px;
    width: 8px;
    height: 8px;
    border-top: solid 1px #333;
    border-right: solid 1px #333;
    transform: translateY(-50%) rotate(45deg);
}

@media screen and (max-width: 991px) {
    .p-journal__related-item-button .c-link__default-arrow {
        height: 42px;
        line-height: 1;
    }

    .p-journal__related-item-button .c-link__default-arrow::before {
        right: 1.5vw;
        top: 50%;
    }
}




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

   .p-journal__related-item-button .c-link__default-arrow::before {
        right: 2.5vw;
        top: 52%;
     
    }

    }