@charset "UTF-8";
.frufru {
  overflow: hidden;
  --scale: 0.96;
}
.frufrulp {
  overflow: hidden;
  --scale: 0.56;
}
.frufru_bg {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/bg.webp);
  background-position: top center;
  background-size: 100%;
}
.fv {
}
.fv_inner {
  position: relative;
  width: 100%;
  height: fit-content;
  overflow: hidden;
  aspect-ratio: 1000 / 1470;
}

.fv_image {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

/* 1枚目：常に表示 */
.bg_all {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_ALL.webp);
}
/* 2枚目以降：共通設定（周期25s） */
.bg_yui,
.bg_karen,
.bg_suzuka,
.bg_mana,
.bg_amane,
.bg_luna,
.bg_noel {
  opacity: 0;
  animation-duration: 25s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.bg_yui {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Yui.webp);
  animation-name: fade02;
}
.bg_karen {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Karen.webp);
  animation-name: fade03;
}
.bg_suzuka {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Suzuka.webp);
  animation-name: fade04;
}
.bg_mana {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Mana.webp);
  animation-name: fade05;
}
.bg_amane {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Amane.webp);
  animation-name: fade06;
}
.bg_luna {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Luna.webp);
  animation-name: fade07;
}
.bg_noel {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/FV_Noel.webp);
  animation-name: fade08;
}

/* p = 12.5%, f = 1.25% */
@keyframes fade02 {
  0%,
  12.5% {
    opacity: 0;
  }
  13.75%,
  26.25% {
    opacity: 1;
  }
  26.35%,
  100% {
    opacity: 0;
  }
}
@keyframes fade03 {
  0%,
  25% {
    opacity: 0;
  }
  26.25%,
  38.75% {
    opacity: 1;
  }
  38.85%,
  100% {
    opacity: 0;
  }
}
@keyframes fade04 {
  0%,
  37.5% {
    opacity: 0;
  }
  38.75%,
  51.25% {
    opacity: 1;
  }
  51.35%,
  100% {
    opacity: 0;
  }
}
@keyframes fade05 {
  0%,
  50% {
    opacity: 0;
  }
  51.25%,
  63.75% {
    opacity: 1;
  }
  63.85%,
  100% {
    opacity: 0;
  }
}
@keyframes fade06 {
  0%,
  62.5% {
    opacity: 0;
  }
  63.75%,
  76.25% {
    opacity: 1;
  }
  76.35%,
  100% {
    opacity: 0;
  }
}
@keyframes fade07 {
  0%,
  75% {
    opacity: 0;
  }
  76.25%,
  88.75% {
    opacity: 1;
  }
  88.85%,
  100% {
    opacity: 0;
  }
}
@keyframes fade08 {
  0%,
  87.5% {
    opacity: 0;
  }
  88.75%,
  98.75% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  } /* ここだけフェードアウトして1枚目に戻る */
}
/* アクセシビリティ　視覚効果を減らす（動きを減らす）」設定がオンになっている人向け */
@media (prefers-reduced-motion: reduce) {
  .bg_yui,
  .bg_karen,
  .bg_suzuka,
  .bg_mana,
  .bg_amane,
  .bg_luna,
  .bg_noel {
    animation: none;
  }
}

.fv_title {
  position: absolute;
  bottom: 17.7%;
  right: 0;
  left: 4.5%;
  margin: auto;
  width: 62.9%;
}
.fv_fz_logo {
  position: absolute;
  bottom: 16.1%;
  right: 0;
  left: 0;
  margin: auto;
  width: 44.2%;
}
.fv_lens {
  position: absolute;
  bottom: 4.5%;
  right: 0;
  left: 0;
  margin: auto;
  width: 92.6%;
}
.concept_inner {
  position: relative;
}
.concept_title {
  width: 95.2%;
  padding-top: 8.2%;
  margin-left: 2.8%;
}
.concept_suikou {
  width: 92.6%;
  margin-left: 5.3%;
  margin-top: -16.2%;
}
.concept_lens {
  display: flex;
  margin-left: 11.9%;
  margin-top: -2.1%;
}
.concept_lens_item {
  width: 30.99%;
  margin-right: -2.6%;
}
.concept_ribbon {
  width: 87.2%;
  margin-left: 7%;
  margin-top: 9.7%;
}
.concept_detail {
  position: relative;
  padding-bottom: 13.2%;
}
.concept_lens_image {
  position: relative;
  margin-top: -14.3%;
}
.concept_whighlight {
  position: absolute;
  width: 52.4%;
  bottom: 58.7%;
  left: -2.3%;
}
.concept_urukira {
  position: absolute;
  width: 28.9%;
  bottom: 51.8%;
  left: 2.1%;
}
.concept_fuwamore {
  position: absolute;
  width: 38.5%;
  bottom: 50.9%;
  right: -0.6%;
}

.newColor {
  margin-bottom: 15.2%;
}
.newColor_inner {
  position: relative;
  margin-bottom: 5.6%;
}
.cherry_jelly .newColor_inner {
  position: relative;
  margin-bottom: 4.4%;
}
.newColor_fv {
}
.newColor_wear_honey_jelly {
  position: absolute;
  width: 71.6%;
  bottom: 16.2%;
  left: 3.6%;
}
.newColor_new_honey_jelly {
  position: absolute;
  width: 25.6%;
  bottom: 41.3%;
  left: 4%;
}
.newColor_name_honey_jelly {
  position: absolute;
  width: 90.9%;
  bottom: 1%;
  left: -10.1%;
}
.newColor_catch_honey_jelly {
  position: absolute;
  width: 79.6%;
  bottom: 3.3%;
  left: 10%;
}
.newColor_lock_honey_jelly {
  position: absolute;
  width: 54%;
  bottom: 8.8%;
  right: -4.9%;
}
.newColor_wear_cherry_jelly {
  position: absolute;
  width: 71.6%;
  bottom: 16.6%;
  left: 3.6%;
}
.newColor_new_cherry_jelly {
  position: absolute;
  width: 25.6%;
  bottom: 43.5%;
  left: 4%;
}
.newColor_name_cherry_jelly {
  position: absolute;
  width: 68.3%;
  bottom: 9.3%;
  left: 1.4%;
}
.newColor_catch_cherry_jelly {
  position: absolute;
  width: 68.6%;
  bottom: 5.9%;
  left: 15.8%;
}
.newColor_lock_cherry_jelly {
  position: absolute;
  width: 53.5%;
  bottom: 10%;
  right: -4.6%;
}
.newColor_wear_soda_jelly {
  position: absolute;
  width: 71.6%;
  bottom: 13.7%;
  left: 3.6%;
}
.newColor_new_soda_jelly {
  position: absolute;
  width: 25.6%;
  bottom: 41.6%;
  left: 4%;
}
.newColor_name_soda_jelly {
  position: absolute;
  width: 58.7%;
  bottom: 6%;
  left: 8.1%;
}
.newColor_catch_soda_jelly {
  position: absolute;
  width: 61.4%;
  bottom: 1.5%;
  left: 19.3%;
}
.newColor_lock_soda_jelly {
  position: absolute;
  width: 38.7%;
  bottom: 11.9%;
  right: 2.8%;
}

.campaign {
  background-color: #fff;
}
.campaign_inner {
  background: linear-gradient(45deg, rgba(228, 184, 210, 0.2) 46.1745%, rgba(238, 140, 189, 0.4) 100%);
  padding-bottom: 20.8%;
}
.campaign_title {
  width: 87.2%;
  margin: 0 auto;
  padding-top: 9.9%;
  margin-bottom: -2.1%;
}
.campaign_poster {
  margin-bottom: 7.7%;
}
.campaign_teiki {
  position: relative;
}
.campaign_teiki_btn {
  width: 74.5%;
  position: absolute;
  bottom: 4.5%;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.campaign_limited {
  padding-top: 4.4%;
}
.teiki {
}
.teiki_inner {
  position: relative;
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/teiki_bg.webp);
  background-position: top;
  background-repeat: no-repeat;
  background-size: cover;
  padding-bottom: 24.5%;
}
.teiki_bg {
  position: relative;
}
.teiki_title {
  padding-top: 16.4%;
}
.teiki_detail {
}
.teiki_btn {
  width: 74.5%;
  position: absolute;
  bottom: 15%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.lineUp {
  position: relative;
  z-index: 1;
}
.lineUp_inner {
  background-image: linear-gradient(0deg, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 0) 90%);
}
.lineUp_title {
  margin-top: -6.4%;
}
.lineUp_list {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin: -13.3% 4.2% 0 2.3%;
}
.lineUp_list_item {
  flex: 0 0 calc(100% / 3);
  margin-top: 2.4%;
  margin-bottom: 1.8%;
  list-style: none;
  position: relative;
}
.lineUp_new_icon_b::before {
  pointer-events: none;
  z-index: 1;
  content: "";
  display: block;
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/lineUp_mawaranai_b.webp);
  aspect-ratio: 234 / 118;
  width: 75.08%;
  position: absolute;
  top: -19.3%;
  left: -4.2%;
  background-size: cover;
}
.lineUp_new_icon_y::before {
  pointer-events: none;
  z-index: 1;
  content: "";
  display: block;
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/lineUp_mawaranai_y.webp);
  aspect-ratio: 234 / 118;
  width: 75.08%;
  position: absolute;
  top: -19.3%;
  left: -4.2%;
  background-size: cover;
}
.lineUp_new_icon_p::before {
  pointer-events: none;
  z-index: 1;
  content: "";
  display: block;
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/lineUp_mawaranai_p.webp);
  aspect-ratio: 234 / 118;
  width: 75.08%;
  position: absolute;
  top: -19.3%;
  left: -4.2%;
  background-size: cover;
}

.lace_top {
  position: relative;
}
.lace_top::before {
  z-index: 1;
  pointer-events: none;
  content: "";
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/lace_top.webp);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1000 / 60;
  width: 100%;
}
.lace_under {
  position: relative;
}
.lace_under::after {
  z-index: 1;
  pointer-events: none;
  content: "";
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/lace_under.webp);
  background-position: bottom center;
  background-repeat: no-repeat;
  background-size: 100%;
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 1000 / 60;
  width: 100%;
}

.product_wrapper {
  background-color: #fff;
}
.product_inner {
}
.product_new_colos_title {
}
.product_new_colors {
  background-color: #fff;
}
.product_solo_colors {
  margin-top: -5%;
}

.newProduct {
  position: relative;
}
.newProduct_fv {
  position: absolute;
  top: 0;
}
/* honey_jelly */
.newProduct_inner_top_honey_jelly {
  position: relative;
  padding-top: 100%;
}
.newProduct_inner_bottom_honey_jelly {
  position: relative;
}
.newProduct_name_honey_jelly {
  width: 75.9%;
  margin-top: -1.5%;
  margin-left: -2.5%;
}
.newProduct_lens_honey_jelly {
  width: 40.1%;
  position: absolute;
  bottom: 49%;
  right: -1.2%;
}
.newProduct_wear_honey_jelly {
  width: 115.2%;
  margin-top: -22.5%;
  margin-left: -7.4%;
  position: relative;
}
.newProduct_lock_wrap_honey_jelly {
  position: relative;
  margin-top: -23.9%;
}
.newProduct_lock_honey_jelly {
  width: 108.8%;
  margin-bottom: 3.2%;
  margin-left: -2.7%;
}
.newProduct_suikou_honey_jelly {
  position: absolute;
  width: 40%;
  top: 13.1%;
  left: -2%;
}
.newProduct_heart_honey_jelly {
  position: absolute;
  width: 44%;
  top: 2.8%;
  right: -0.4%;
}
.newProduct_fuwamore_honey_jelly {
  position: absolute;
  width: 35.2%;
  top: 38.2%;
  left: -1.2%;
}
.newProduct_whighlight_honey_jelly {
  position: absolute;
  width: 46.8%;
  top: 61.8%;
  right: -1.3%;
}
.newProduct_model_suzuka_honey_jelly {
  width: 95%;
}
.newProduct_tagline_honey_jelly {
  width: 90.7%;
  margin-top: 3.6%;
  margin-left: 5%;
  margin-bottom: 3.9%;
}
.newProduct_model_amane_honey_jelly {
  width: 95.2%;
  margin-left: auto;
}
.newProduct_title_honey_jelly {
  width: 39.5%;
  margin: 6% auto 4.5%;
}
.newProduct_lead_honey_jelly {
  width: 75.4%;
  margin: 4.5% auto 6.1%;
}
.newProduct_wear_wrap_honey_jelly {
  display: flex;
  justify-content: center;
  padding-bottom: 18%;
}
.newProduct_wear_brown_honey_jelly {
  width: 43.6%;
  margin-right: 1.5%;
}
.newProduct_wear_black_honey_jelly {
  width: 43.6%;
  margin-left: 1.5%;
}

/* cherry_jelly */
.newProduct_inner_top_cherry_jelly {
  position: relative;
  padding-top: 100%;
}
.newProduct_inner_bottom_cherry_jelly {
  position: relative;
}
.newProduct_name_cherry_jelly {
  width: 86.7%;
  margin-top: -20.5%;
  margin-left: -7.1%;
}
.newProduct_lens_cherry_jelly {
  width: 40.3%;
  position: absolute;
  bottom: 51.6%;
  right: -1.2%;
}
.newProduct_wear_cherry_jelly {
  width: 115.2%;
  margin-top: -26%;
  margin-left: -7.4%;
  position: relative;
}
.newProduct_lock_wrap_cherry_jelly {
  position: relative;
  margin-top: -23.9%;
}
.newProduct_lock_cherry_jelly {
  width: 108.8%;
  margin-bottom: 3.2%;
  margin-left: -2.7%;
}
.newProduct_suikou_cherry_jelly {
  position: absolute;
  width: 40%;
  top: 13.1%;
  left: -2%;
}
.newProduct_heart_cherry_jelly {
  position: absolute;
  width: 44%;
  top: 2.8%;
  right: -0.4%;
}
.newProduct_fuwamore_cherry_jelly {
  position: absolute;
  width: 35.2%;
  top: 38.2%;
  left: -1.2%;
}
.newProduct_whighlight_cherry_jelly {
  position: absolute;
  width: 46.8%;
  top: 61.8%;
  right: -1.3%;
}
.newProduct_model_karen_cherry_jelly {
  width: 95%;
}
.newProduct_tagline_cherry_jelly {
  width: 46.7%;
  margin-top: 2%;
  margin-left: 13.4%;
  margin-bottom: 2.8%;
}
.newProduct_model_noel_cherry_jelly {
  width: 95.2%;
  margin-left: auto;
}
.newProduct_tagline2_cherry_jelly {
  width: 38.8%;
  margin-top: 2%;
  margin-left: auto;
  margin-bottom: 2.4%;
  margin-right: 13.6%;
}
.newProduct_model_luna_cherry_jelly {
  width: 95.3%;
}
.newProduct_title_cherry_jelly {
  width: 39.5%;
  margin: 6% auto 4.5%;
}
.newProduct_lead_cherry_jelly {
  width: 48%;
  margin: 4.5% auto 6.1%;
}
.newProduct_wear_wrap_cherry_jelly {
  display: flex;
  justify-content: center;
  padding-bottom: 18%;
}
.newProduct_wear_brown_cherry_jelly {
  width: 43.6%;
  margin-right: 1.5%;
}
.newProduct_wear_black_cherry_jelly {
  width: 43.6%;
  margin-left: 1.5%;
}

/* soda_jelly */
.newProduct_inner_top_soda_jelly {
  position: relative;
  padding-top: 100%;
}
.newProduct_inner_bottom_soda_jelly {
  position: relative;
}
.newProduct_name_soda_jelly {
  width: 75.2%;
  margin-top: -2.3%;
  margin-left: -2%;
}
.newProduct_lens_soda_jelly {
  width: 40.3%;
  position: absolute;
  bottom: 49%;
  right: -1.2%;
}
.newProduct_wear_soda_jelly {
  width: 115.2%;
  margin-top: -21%;
  margin-left: -7.4%;
  position: relative;
}
.newProduct_lock_wrap_soda_jelly {
  position: relative;
  margin-top: -23.9%;
}
.newProduct_lock_soda_jelly {
  width: 108.8%;
  margin-bottom: 3.2%;
  margin-left: -2.7%;
}
.newProduct_suikou_soda_jelly {
  position: absolute;
  width: 40%;
  top: 13.1%;
  left: -2%;
}
.newProduct_heart_soda_jelly {
  position: absolute;
  width: 44%;
  top: 2.8%;
  right: -0.4%;
}
.newProduct_fuwamore_soda_jelly {
  position: absolute;
  width: 35.2%;
  top: 38.2%;
  left: -1.2%;
}
.newProduct_whighlight_soda_jelly {
  position: absolute;
  width: 46.8%;
  top: 61.8%;
  right: -1.3%;
}
.newProduct_model_yui_soda_jelly {
  width: 95%;
}
.newProduct_tagline_soda_jelly {
  width: 75.4%;
  margin-top: 3.4%;
  margin-left: 12.3%;
  margin-bottom: 4.1%;
}
.newProduct_model_mana_soda_jelly {
  width: 95.2%;
  margin-left: auto;
}
.newProduct_title_soda_jelly {
  width: 35.5%;
  margin: 6% auto 4.5%;
}
.newProduct_lead_soda_jelly {
  width: 63.2%;
  margin: 4.5% auto 6.1%;
}
.newProduct_wear_wrap_soda_jelly {
  display: flex;
  justify-content: center;
  padding-bottom: 18%;
}
.newProduct_wear_brown_soda_jelly {
  width: 43.6%;
  margin-right: 1.5%;
}
.newProduct_wear_black_soda_jelly {
  width: 43.6%;
  margin-left: 1.5%;
}

.soloProduce {
  position: relative;
}
.soloProduce_fv {
  position: absolute;
  top: 0;
}
.soloProduce_inner {
  position: relative;
  padding-top: 90.5%;
}
.soloProduce_name {
  width: 106.2%;
  margin-left: -6.4%;
}
.karen .soloProduce_name {
  width: 108.3%;
  margin-left: -7.4%;
}
.mana .soloProduce_name {
  width: 101.7%;
  margin-left: -3.8%;
}
.amane .soloProduce_name {
  width: 108.2%;
  margin-left: -7%;
}
.luna .soloProduce_name {
  width: 110.6%;
  margin-left: -9.2%;
}
.noel .soloProduce_name {
  width: 105.4%;
  margin-left: -4.6%;
  margin-top: -2.9%;
}
.soloProduce_lens {
  width: 41.9%;
  padding-top: 32.5%;
  margin-left: 2.3%;
}
.mana .soloProduce_lens {
  width: 41.9%;
  padding-top: 29.6%;
  margin-left: 2.2%;
}
.soloProduce_catch {
  width: 59.8%;
  margin-top: -0.3%;
  margin-left: 20.6%;
}
.karen .soloProduce_catch {
  width: 51.5%;
  margin-top: -1.2%;
  margin-left: 24.6%;
}
.suzuka .soloProduce_catch {
  width: 50.1%;
  margin-top: 0.2%;
  margin-left: 25.7%;
}
.mana .soloProduce_catch {
  width: 64%;
  margin-top: -0.7%;
  margin-left: 18.1%;
}
.amane .soloProduce_catch {
  width: 53%;
  margin-top: 0%;
  margin-left: 24.5%;
}
.luna .soloProduce_catch {
  width: 54.6%;
  margin-top: -0.6%;
  margin-left: 22.5%;
}
.noel .soloProduce_catch {
  width: 48.6%;
  margin-top: -0.2%;
  margin-left: 27.8%;
}
.soloProduce_lead {
  width: 57.5%;
  margin-top: 3%;
  margin-left: 20.6%;
}
.karen .soloProduce_lead {
  width: 66.9%;
  margin-top: 4.3%;
  margin-left: 16.6%;
}
.suzuka .soloProduce_lead {
  width: 59%;
  margin-top: 4.7%;
  margin-left: 19.9%;
}
.mana .soloProduce_lead {
  width: 62.2%;
  margin-top: 4%;
  margin-left: 17.1%;
}
.amane .soloProduce_lead {
  width: 57.7%;
  margin-top: 4.7%;
  margin-left: 20.1%;
}
.luna .soloProduce_lead {
  width: 62.7%;
  margin-top: 4.5%;
  margin-left: 19.1%;
}
.noel .soloProduce_lead {
  width: 66.7%;
  margin-top: 4.2%;
  margin-left: 14.6%;
}
.soloProduce_tag_wrap {
  display: flex;
  justify-content: center;
  margin: 5%;
}
.soloProduce_tag {
}
.soloProduce_wear_wrap {
  display: flex;
  justify-content: center;
  margin-top: 9.4%;
  margin-bottom: 17.6%;
}
.soloProduce_wear_brown {
  width: 43.6%;
  margin-right: 1.5%;
}
.soloProduce_wear_black {
  width: 43.6%;
  margin-left: 1.5%;
}

.chart_image_solo {
  background: #fff;
}

.spec {
}
.spec_title {
  margin-top: -7%;
}
.spec_lens {
}
.spec_suikou {
}
.spec_list {
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/lens_spec_bg.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  aspect-ratio: 1000 / 999;
  /* display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 0 6%; */
}
.spec_list_inner {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  height: 100%;
}
.spec_list_item {
  flex: 0 0 50%;
}
.spec_list_item.o2 {
}
.spec_list_item.sand {
}
.spec_list_icon {
  margin: 0 auto;
}
.uv .spec_list_icon {
  width: calc(18rem * var(--scale));
}
.moist .spec_list_icon {
  width: calc(17.8rem * var(--scale));
}
.o2 .spec_list_icon {
  width: calc(17.3rem * var(--scale));
}
.sand .spec_list_icon {
  width: calc(21.8rem * var(--scale));
  padding-top: calc(0.8rem * var(--scale));
}

.spec_list_text {
  font-size: calc(2.1rem * var(--scale));
  line-height: calc(3.6rem * var(--scale));
  letter-spacing: 0.1em;
  color: #9191ac;
  text-align: center;
  margin-top: calc(2.1rem * var(--scale));
}
.spec_list_notice {
  font-size: calc(1.6rem * var(--scale));
  line-height: calc(2.8rem * var(--scale));
  letter-spacing: 0.05em;
  color: #9191ac;
  text-align: center;
}
.spec_power {
}

.profile {
  background-image: linear-gradient(0deg, #f7f9f8 90%, #f7f9f8 90%);
}
.profile_inner {
  background-color: #f7f9f8;
  background-image: url(https://fatp275ehc.user-space.cdn.idcfcloud.net/images/pc/type/se_frufru1day_26/star.webp);
  background-position: 0% 150%;
  background-size: 39%;
  background-repeat: no-repeat;
}
.profile_image {
  margin-top: -5%;
}
.profile_text {
  text-align: left;
  font-size: calc(2.1rem * var(--scale));
  line-height: calc(4.1rem * var(--scale));
  margin: 0.4% 10%;
  display: block;
  width: auto;
  color: #9191ac;
}
.profile_logo {
  width: 62.9%;
  margin: 0 auto;
  padding: 3.5% 0;
}

.anime {
  opacity: 0;
  transform: scale(0) translateY(50px);
  transform-origin: center bottom; /* 下部分を基準にスケール */
}
/* フェードイン＋拡大＋2回ぷるん（0.75sバージョン） */
@keyframes fadeInJelly {
  0% {
    opacity: 0;
    transform: scale(0) translateY(50px);
  }
  25% {
    opacity: 1;
    transform: scale(1.1) translateY(-10px);
  }
  35% {
    opacity: 1;
    transform: scale(1) translateY(0);
  }
  45% {
    opacity: 1;
    transform: scale(1.2, 0.8) rotate(2deg); /* 1回目のぷるん */
  }
  55% {
    opacity: 1;
    transform: scale(0.9, 1.1) rotate(-2deg);
  }
  60% {
    opacity: 1;
    transform: scale(1.05, 0.95) rotate(1deg);
  }
  65% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg);
  }

  /* 2回目のぷるん（小さく揺れる） */
  75% {
    opacity: 1;
    transform: scale(1.02, 0.98) rotate(1deg);
  }
  85% {
    opacity: 1;
    transform: scale(0.98, 1.02) rotate(-1deg);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) rotate(0deg);
  }
}

/* アニメーション適用 */
.anime.active {
  animation: fadeInJelly 0.75s ease-out forwards;
}
.anime.active.delay1 {
  animation-delay: 0s;
}
.anime.active.delay2 {
  animation-delay: 0.1s;
}
.anime.active.delay3 {
  animation-delay: 0.2s;
}
.anime.active.delay4 {
  animation-delay: 0.3s;
}

.anime2 {
  opacity: 0;
  transform: scale(0) translateY(50px);
  transform-origin: center bottom;
}

@keyframes fadeInJelly2 {
  0% {
    opacity: 0;
    transform: scale(0, 0) translateY(60px);
  }
  20% {
    opacity: 1;
    transform: scale(1.15, 1.15) translateY(-14px);
  }
  30% {
    transform: scale(1.35, 0.65) translateY(0);
  }
  40% {
    transform: scale(0.8, 1.25) translateY(-8px);
  }
  50% {
    transform: scale(1.15, 0.88) translateY(0);
  }
  60% {
    transform: scale(0.93, 1.08) translateY(-3px);
  }
  70% {
    transform: scale(1.06, 0.96) translateY(0);
  }
  80% {
    transform: scale(0.98, 1.03);
  }
  90% {
    transform: scale(1.01, 0.99);
  }
  100% {
    opacity: 1;
    transform: scale(1, 1) translateY(0);
  }
}

.anime2.active {
  animation: fadeInJelly2 1s linear forwards;
}
.anime2.active.delay1 {
  animation-delay: 0s;
}
.anime2.active.delay2 {
  animation-delay: 0.1s;
}
.anime2.active.delay3 {
  animation-delay: 0.2s;
}
.anime2.active.delay4 {
  animation-delay: 0.3s;
}

/* シンプルフェードアップ */
.fadeUp {
  opacity: 0;
  transform: translateY(20px); /* 少し下に配置 */
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}
.fadeUp.active {
  opacity: 1;
  transform: translateY(0);
}
.fadeUp.active.delay1 {
  transition-delay: 0s;
}
.fadeUp.active.delay2 {
  transition-delay: 0.1s;
}
.fadeUp.active.delay3 {
  transition-delay: 0.2s;
}
.fadeUp.active.delay4 {
  transition-delay: 0.3s;
}

/* シンプルフェードダウン */
.fadeDown {
  opacity: 0;
  transform: translateY(-20px); /* 少し上に配置 */
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}
.fadeDown.active {
  opacity: 1;
  transform: translateY(0);
}

/* 右から左 */
.fadeRight {
  opacity: 0;
  transform: translateX(30px);
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}
.fadeRight.active {
  opacity: 1;
  transform: translateX(0);
}

/* 左から右  */
.fadeLeft {
  opacity: 0;
  transform: translateX(-30px);
  transition:
    opacity 0.4s ease-out,
    transform 0.4s ease-out;
}
.fadeLeft.active {
  opacity: 1;
  transform: translateX(0);
}

/*定期ページキャンペーン*/
.productTeiki_bg {
  background-color: #fff;
  background-image: linear-gradient(0deg, rgba(238, 140, 189, 0.3) 90%, rgba(238, 140, 189, 0.29) 90%);
}
.productFaq_bg {
  background-color: #fbf1f7;
  padding-bottom: 100px;
}
.productFaq_title {
  color: #9191ac;
}
.productFaq_subTitle {
  color: #9191ac;
}
.productFaq_text {
  color: #9191ac;
}
.productFaq_summary {
  background-color: #9191ac;
}
.productNotes_block {
  padding: 40px 5%;
  margin-bottom: 40px;
}
.productNotes_details {
  margin-bottom: 14px;
}
.productNotes_details:last-child {
  margin-bottom: 0;
}
.productNotes_summary {
  background-color: #9191ac;
  background-image: url(/images/pc/product/arrow_product_faq.svg);
  background-position: right 5% center;
  background-repeat: no-repeat;
  background-size: 14px;
  color: #fff;
  cursor: pointer;
  font-weight: 500;
  font-size: 1.6rem;
  list-style: none;
  line-height: 2rem;
  padding: 12px 8% 12px 5%;
  text-align: left;
}
.productNotes_summary::-webkit-details-marker {
  display: none;
}
.productNotes_details[open] .productNotes_summary {
  background-image: url(/images/pc/product/arrow_product_faq_close.svg);
}
.productNotes_answer {
  background-color: #fff;
  background-position:
    left 5% top 26px,
    0;
  background-repeat: no-repeat, repeat;
  background-size: 16px, 24px;
  padding: 20px 4% 20px 5%;
  text-align: left;
  color: #9191ac;
}
.productNotes_text {
  font-size: 1.4rem;
  line-height: 2.2rem;
  text-align: left;
  margin-bottom: 0.6rem;
}
.productNotes_list {
}
.productNotes_list_item {
  font-size: 1.2rem;
  line-height: 1.8rem;
  text-align: left;
  position: relative;
  padding-left: 1.5rem;
  margin-bottom: 0.6rem;
}
.productNotes_list_item::before {
  content: "●";
  position: absolute;
  left: 0;
  font-size: 1.2rem;
  line-height: 1.5rem;
}

.productNotes_list_alert {
  color: #e988c0;
}

.other_products{
  padding-top: 40px;
  background-color: #fff;
}
.other_products_image + .other_products_image{
  padding-top: 20px;
}
.other_products_text{
  color: #f85993;
  font-size: 2.2rem;
  font-weight: bold;
  margin: 10px 0;
  text-align: center;
}