/* A1詳細：プラン一覧のPremiumと同じブラウンのグラデーション */
#contentsWrap.premium_detail {
  background: radial-gradient(ellipse at 0% 50%, rgba(172, 155, 134, .24), transparent 75%), linear-gradient(100deg, #694e3e, #3b2b23);
  color: #eae2d5;
}
#contentsWrap.premium_detail .block-detail-01 .box {
  background: transparent;
  color: #eae2d5;
}
#contentsWrap.premium_detail .premium-ttl,
#contentsWrap.premium_detail .premium-info,
#contentsWrap.premium_detail .block-detail-01 .box .text .sitemap figcaption {
  color: #eae2d5;
}
#contentsWrap.premium_detail .block-detail-01 .box .text,
#contentsWrap.premium_detail .block-detail-01 .box .text .name,
#contentsWrap.premium_detail .premium-quality li {
  border-color: rgba(234, 226, 213, .5);
}
#contentsWrap.premium_detail .premium-cols .image,
#contentsWrap.premium_detail .premium-cols .image img,
#contentsWrap.premium_detail .block-detail-01 .box .text .sitemap img {
  mix-blend-mode: normal;
}
#contentsWrap.premium_detail .back_wrap .btn--back {
  color: #eae2d5;
  outline-color: #c6b7a4;
}

/* キャプションは影のない白文字にし、POINTと説明の階層を明確にする */
#contentsWrap.premium_detail .block-detail-01 .box .text .sitemap figcaption {
  color: #fff;
  text-shadow: none;
  filter: none;
  opacity: 1;
}
#contentsWrap.premium_detail .premium-points .no {
  font-size: 14px;
  letter-spacing: .1em;
  opacity: 1;
  color: #cbbba7;
}
@media only screen and (min-width: 768px) {
  #contentsWrap.premium_detail .premium-info { padding-top: 40px; }
  #contentsWrap.premium_detail .premium-quality ul {
    margin-top: 44px;
    gap: 24px 20px;
  }
  #contentsWrap.premium_detail .premium-quality li { padding: 24px 10px; }
  #contentsWrap.premium_detail .premium-points { margin-top: 64px; }
  #contentsWrap.premium_detail .premium-points .point {
    display: block;



  }
  #contentsWrap.premium_detail .premium-points .point + .point { margin-top: 44px; }
  #contentsWrap.premium_detail .premium-points .no { white-space: nowrap; }
  #contentsWrap.premium_detail .premium-points p { margin: 10px 0 0; }
  #contentsWrap.premium_detail .premium-points p br { display: inline; }
}

@media only screen and (max-width: 767px) {
  #contentsWrap.premium_detail .premium-points .no { font-size: 12px; }
}

/* SP：POINT 04と凡例の間に余白を確保 */
@media only screen and (max-width: 767px) {
  #contentsWrap.premium_detail .block-detail-01 .box > .legend { margin-top: 32px; }
}

/* SP: show the quality boxes and points before the floor plan. */
@media only screen and (max-width: 767px) {
  #contentsWrap.premium_detail .premium-cols .premium-info { order: 1; margin-top: 0; }
  #contentsWrap.premium_detail .premium-cols > .image { order: 2; margin-top: 40px; }
}