@charset "UTF-8";
/* ==========================================================
   MIKA Selection  2026.09.17
   レイアウトは支給カンプ「MIKAさん特集.jpg」(幅1000px) を基準に
   すべて calc(N / 1000 * 100%) の比率指定で再現
   ========================================================== */
.fs-c-heading--page {
  /*ページ見出し非表示*/
  display: none;
}

.mika_selection {
  max-width: 1000px;
  margin-left: auto;
  margin-right: auto;
}
.mika_selection .custom__groupHeadingBlock {
  margin-bottom: 0;
}
.mika_selection img {
  display: block;
  width: 100%;
  height: auto;
}
.mika_selection a {
  color: #000;
  text-decoration: none;
}
.mika_selection .ph {
  display: block;
}
.mika_selection {
  /* ---------- 価格テキスト ----------
     左インデント30px / 文字36px（PC指定）/ 行送りはカンプ比率 46/42 = 1.095
     桁揃えは全セクション統一（カンプ sec03 基準：品名374px・価格174px） */
}
.mika_selection .pricelist {
  margin: 1.8% 0 0 3%;
  padding: 0;
  list-style: none;
  font-family: "Tenor Sans", "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
  font-weight: 300;
  font-size: 36px;
  line-height: 1.0952380952;
  letter-spacing: 0.04em;
  color: #000;
  /* SPは実機の可読性を優先し 4.2vw のまま（PCの36pxとは基準が異なる／意図的） */
}
@media screen and (max-width: 767px) {
  .mika_selection .pricelist {
    font-size: 4.2vw;
  }
}
.mika_selection .pricelist > li > a {
  display: grid;
  grid-template-columns: 38.5567010309% 17.9381443299% auto;
}
.mika_selection {
  /* ---------- 重なり画像ブロック ----------
     ph-b（DOM後方）が ph-a の上に重なる */
}
.mika_selection .phset {
  position: relative;
}
.mika_selection .phset .ph {
  position: absolute;
}
.mika_selection .phset01 {
  margin-top: 10.4%;
  aspect-ratio: 1000/1068;
}
.mika_selection .phset01 .ph-a {
  left: 4.8%;
  top: 0;
  width: 56.8%;
}
.mika_selection .phset01 .ph-b {
  left: 49.7%;
  top: 46.8164794007%;
  width: 45.5%;
}
.mika_selection .phset02 {
  margin-top: 11.8%;
  aspect-ratio: 1000/1182;
}
.mika_selection .phset02 .ph-a {
  left: 5.5%;
  top: 0;
  width: 57%;
}
.mika_selection .phset02 .ph-b {
  left: 48.5%;
  top: 52.1996615905%;
  width: 45.2%;
}
.mika_selection .phset03 {
  margin-top: 9.4%;
  aspect-ratio: 1000/822;
}
.mika_selection .phset03 .ph-a {
  left: 7.1%;
  top: 0;
  width: 60%;
}
.mika_selection .phset03 .ph-b {
  left: 50.6%;
  top: 35.2798053528%;
  width: 43.4%;
}
.mika_selection {
  /* 04 のみ 大きい画像が右上・小さい画像が左下（01〜03と左右が逆） */
}
.mika_selection .phset04 {
  margin-top: 5.8%;
  aspect-ratio: 1000/1070;
}
.mika_selection .phset04 .ph-a {
  left: 40.8%;
  top: 0;
  width: 53.2%;
}
.mika_selection .phset04 .ph-b {
  left: 5.7%;
  top: 46.6355140187%;
  width: 45.7%;
}
.mika_selection .sec01 {
  margin-bottom: 17.6%;
}
.mika_selection .sec02 {
  margin-bottom: 18.7%;
}
.mika_selection .sec03 {
  margin-bottom: 17.3%;
}
.mika_selection .sec04 {
  margin-bottom: 15.6%;
}/*# sourceMappingURL=style.css.map */