@charset 'UTF-8';
/*  Add Custom CSS here.  */

/* 2026-07-29 修正事項No.41: S/G購入エリアのラベル「寸法（製品重量）」が値と重なるのを修正（PCのみ） */
@media (min-width: 768px) {
  #bed.page-template-tpl-mattress-s-model .list-box__tbl__item .ttl,
  #bed.page-template-tpl-mattress-g-model .list-box__tbl__item .ttl { width: 8em !important; flex-shrink: 0; }
}

/* 2026-07-29 修正事項No.45: PILLOWページの専用ピローケース見出し（素材名）がカード幅を超えるため折り返しを許可
   .list-box__item の white-space:nowrap（style.min.css＝アライブ納品）がPILLOWページの長い素材名で溢れる。
   影響範囲を限定するためPILLOWページのテンプレートクラスにスコープ。 */
#bed.page-template-tpl-comfort-tool-pillow .list-box__heading,
#bed.page-template-tpl-comfort-tool-pillow .list-box__heading span { white-space: normal; }
/* バリエーション名(span)は独立行にする（アライブCSSの inline + margin-left:6px を解除） */
#bed.page-template-tpl-comfort-tool-pillow .list-box__heading span { display: block; margin-left: 0; }

/* 2026-07-30 修正事項No.45関連: OPTIONSページのカラー表記（バリエーション商品はストア側で色を選ぶため、
   機能しないラジオを廃してテキスト表記にした3商品用）。ラジオ群(.list-options__check)と同じ位置・字送りに揃える */
.list-options__colortxt {
  margin: 8px 0 0;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 13px;
  line-height: 1.8;
  letter-spacing: .05em;
  color: #333;
}

/* 2026-07-30 須田さん指示: トップ PICK UP の文章ブロックを上下中央揃えに統一（PCのみ）
   top.min.css（アライブ納品）が .cont-par の padding-top を 36px（奇数行）/ 154px（偶数行）で
   決め打ちしていたため、左側だけ中央に見え右側が上寄せになっていた。
   flex の align-items で実際に中央揃えにし、上下に均等マージンを取る。SP（縦積み）は従来どおり。 */
@media (min-width: 768px) {
  .top .sec-pickup__lst .item { align-items: center; }
  .top .sec-pickup__lst .item .cont .cont-par,
  .top .sec-pickup__lst .item:nth-child(2n) .cont .cont-par {
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 24px;
    margin-bottom: 24px;
  }
}

/* 2026-07-31 修正事項No.20: ANALYZERページ FEATURE03下のアプリ誘導バナー（河本さん制作の一枚画像・PC/SP切替） */
.asa-app-banner a { display: block; text-align: center; transition: opacity .3s; }
.asa-app-banner a:hover { opacity: .7; }
.asa-app-banner img { max-width: 100%; height: auto; }
/* バナー上下の余白を1/3に（須田さん指示）。上=直前FEATUREのmargin-bottom(PC146px/SP72px)を負マージンで相殺、
   下=仕様セクションのpadding-top(PC156px/SP119px)をこのページだけ縮小 */
#bed.page-template-tpl-asa .asa-app-banner { margin-top: -97px; }
#bed.page-template-tpl-asa .spec-box { padding-top: 52px; }
@media (max-width: 767px) {
  #bed.page-template-tpl-asa .asa-app-banner { margin-top: -48px; }
  #bed.page-template-tpl-asa .spec-box { padding-top: 40px; }
}