@charset "UTF-8";

/* ============================================
   198269 商品詳細自由領域
============================================ */
.content-asset .detail-198269 {
  max-width: 1000px;
  margin: 0 auto;
  /* padding: 60px 0 80px; */
  /* font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif; */
  color: #1b2b4b;
  text-align: center;
}

.content-asset .detail-198269__heading {
  font-size: 32px;
  font-weight: 600;
  line-height: 1.9;
  letter-spacing: 0.05em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
}

.content-asset .detail-198269__lead {
  margin-top: 30px;
  font-size: 19px;
  line-height: 2.4;
  letter-spacing: 0.05em;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
}

.content-asset .detail-198269__subheading {
  margin-top: 100px;
  font-size: 25px;
  font-weight: 600;
  line-height: 2;
  letter-spacing: 0.05em;
}

.content-asset .detail-198269__seibun {
  margin-top: 30px;
}

.content-asset .detail-198269__seibun img {
  width: 89.5%;
  max-width: 895px;
  height: auto;
}

.content-asset .detail-198269__ingredients {
  margin-top: 80px;
}

/* 見出しは明朝、ボックス内はゴシック（ページ既定） */
.content-asset .detail-198269__ingredients-heading {
  margin: 45px 0 10px;
  font-family: "游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "ヒラギノ明朝 ProN", serif;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.05em;
  color: #481c87;
}

.content-asset .detail-198269__ingredients-heading:first-child {
  margin-top: 0;
}

.content-asset .detail-198269__ingredients-row {
  display: flex;
  gap: 14px;
}

.content-asset .detail-198269__ingredients-row .detail-198269__ingredients-box {
  width: calc(50% - 7px);
}

.content-asset .detail-198269__ingredients-box {
  padding: 24px 20px;
  border-radius: 14px;
  background: linear-gradient(90deg, #8869ab 0%, #481c87 100%);
  color: #fff;
}

.content-asset .detail-198269__ingredients-row + .detail-198269__ingredients-box {
  margin-top: 14px;
}

.content-asset .detail-198269__ingredients-name {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.08em;
}

.content-asset .detail-198269__ingredients-text {
  margin-top: 8px;
  font-size: 12px;
  line-height: 1.7;
  letter-spacing: 0.05em;
  word-break: auto-phrase;
}

.content-asset .detail-204816__howto-image {
  width: 70%;
  max-width: 330px;
  margin-inline: auto;
}

/* 各行（見出し／説明文／ボックス／画像）の高さをsubgridで3カラム共有し、ボックスの上端を揃える */
.content-asset .detail-198269__massage {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 20px;
  margin-top: 30px;
  text-align: left;
}

.content-asset .detail-198269__massage-step {
  display: grid;
  grid-row: span 4;
  grid-template-rows: subgrid;
}

.content-asset .detail-198269__massage-title {
  color: #481c87;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.05em;
}

.content-asset .detail-198269__massage-text {
  margin: 0.5em 0;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0.03em;
}

.content-asset .detail-198269__massage-box {
  align-self: start;
  margin: 0;
  padding: 15px;
  border: 2px solid #8477b6;
  font-size: 15px;
  line-height: 1.9;
  letter-spacing: 0.03em;
}

.content-asset .detail-198269__massage-image {
  margin-top: 10px;
  text-align: center;
}

.content-asset .detail-198269__massage-image img {
  width: 100%;
  max-width: 422px;
  height: auto;
}

.content-asset .detail-198269__note {
  margin-top: 70px;
  font-size: 12px;
  line-height: 1.9;
  letter-spacing: 0.03em;
  text-align: left;
}

@media screen and (max-width: 768px) {
  .content-asset .detail-198269 {
    /* padding: 40px 4% 60px; */
  }

  .content-asset .detail-198269__heading {
    font-size: 4vw;
  }

  .content-asset .detail-198269__lead {
    margin-top: 35px;
    font-size: 3.4vw;
    line-height: 2.2;
  }

  .content-asset .detail-198269__subheading {
    margin-top: 50px;
    font-size: 4vw;
  }

  .content-asset .detail-198269__seibun {
    margin-top: 20px;
  }

  .content-asset .detail-198269__seibun img {
    width: 100%;
    max-width: none;
  }

  .content-asset .detail-198269__ingredients {
    margin-top: 50px;
  }

  .content-asset .detail-198269__ingredients-heading {
    margin: 35px 0 15px;
    font-size: 4.4vw;
  }

  .content-asset .detail-198269__ingredients-row {
    flex-direction: column;
    gap: 10px;
  }

  .content-asset .detail-198269__ingredients-row .detail-198269__ingredients-box {
    width: 100%;
  }

  .content-asset .detail-198269__ingredients-box {
    padding: 18px 15px;
    border-radius: 10px;
  }

  .content-asset .detail-198269__ingredients-name {
    font-size: 4vw;
  }

  .content-asset .detail-198269__ingredients-text {
    margin-top: 8px;
    font-size: 3vw;
  }

  .content-asset .detail-198269__massage {
    display: block;
    margin-top: 20px;
  }

  .content-asset .detail-198269__massage-step {
    display: block;
  }

  .content-asset .detail-198269__massage-step + .detail-198269__massage-step {
    margin-top: 35px;
  }

  .content-asset .detail-198269__massage-title {
    font-size: 4.4vw;
  }

  .content-asset .detail-198269__massage-text {
    font-size: 3.4vw;
  }

  .content-asset .detail-198269__massage-box {
    padding: 12px;
    font-size: 3.4vw;
  }

  .content-asset .detail-198269__massage-image {
    margin-top: 15px;
    width: 70%;
    margin-inline: auto;
  }

  .content-asset .detail-198269__point {
    flex-direction: column;
    gap: 25px;
    margin-top: 60px;
  }

  .content-asset .detail-198269__point-text {
    width: 100%;
  }

  .content-asset .detail-198269__point-heading {
    padding-bottom: 15px;
    font-size: 4vw;
  }

  .content-asset .detail-198269__point-body {
    margin-top: 15px;
    font-size: 3.4vw;
  }

  .content-asset .detail-198269__point-image {
    width: 60%;
    margin: 0 auto;
  }

  .content-asset .detail-198269__point-note {
    margin-top: 40px;
    font-size: 10px;
    text-align: left;
  }

  .content-asset .detail-198269__onayami {
    flex-direction: column;
    align-items: flex-start;
    gap: 15px;
    margin-top: 50px;
    padding: 30px 5%;
  }

  .content-asset .detail-198269__onayami-label {
    font-size: 4.2vw;
  }

  .content-asset .detail-198269__onayami-list li {
    font-size: 3.4vw;
    line-height: 2.2;
  }

  .content-asset .detail-198269__note {
    margin-top: 40px;
    font-size: 11px;
  }
}