/* PRÉLUDE layout fix 2026-11-01
   1) PC menu: keep every link inside the screen on 761–1440px laptops (no side scroll, no cut-off items)
   2) Top "EDITOR'S FOCUS" cards: show the whole cover image (no stretching / no cropping of the text in the image) */

/* ---------- 1. PC menu ---------- */
@media (min-width:761px) and (max-width:1440px){
  .header .navbar{
    flex-wrap:wrap;
    height:auto;
    min-height:42px;
    padding:6px 0;
    column-gap:clamp(12px,1.7vw,26px);
    row-gap:0;
  }
  .header .navbar a{letter-spacing:.05em;line-height:30px}
}
@media (min-width:761px) and (max-width:1024px){
  .header .navbar a{font-size:11.5px;letter-spacing:.03em}
}

/* ---------- 2. EDITOR'S FOCUS cards (top page) ---------- */
.pde-home-grid{align-items:stretch}
.pde-home-card{display:flex;flex-direction:column;min-width:0}
.pde-home-card img{
  width:100%;
  height:auto;              /* width/height attributes (1200×630) were forcing a 630px tall image */
  aspect-ratio:1200/630;
  object-fit:cover;
  object-position:center;
  flex:none;
}
.pde-home-card div{flex:1;display:flex;flex-direction:column}
.pde-home-card div span{margin-top:auto}

/* tablet: 3 narrow columns → 1 column, image left / text right, image fully visible */
@media (min-width:681px) and (max-width:960px){
  .pde-home-grid{grid-template-columns:1fr;gap:14px}
  .pde-home-card{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);align-items:center}
  .pde-home-card img{height:auto;aspect-ratio:1200/630}
  .pde-home-card div{display:block;padding:16px 20px}
}

/* smartphone: stack the cover above the text so the whole cover is readable */
@media (max-width:680px){
  .pde-home-grid{grid-template-columns:1fr;gap:16px}
  .pde-home-card{display:flex;flex-direction:column}
  .pde-home-card img{height:auto;aspect-ratio:1200/630;object-position:center}
  .pde-home-card div{display:block;padding:14px 16px 17px}
  .pde-home .pde-home-k{display:block;font-size:10px;letter-spacing:.14em;line-height:1.7}
  .pde-home h2{font-size:clamp(22px,6.4vw,27px)}
  .pde-home-footer{text-align:left}
}

/* ---------- 3. "＋ まとめ買いリストに入れる" button inside narrow product cards ---------- */
.bl-add--story,.bl-add--gift{min-width:min(240px,100%);max-width:100%;white-space:normal;text-align:center;justify-content:center}
.mag-concern-pick .bl-add--story,.prelude-concern-pick .bl-add--story{width:100%;min-width:0;padding-left:8px;padding-right:8px;font-size:12px;line-height:1.5}

/* ---------- 4. トップ「今のあなたに、無理のない選び方を。」の商品画像を枠の中央に ---------- */
/* 画像(max-height 290px)が縦長の枠の上詰めになり、下に余白ができていたため上下左右中央にそろえる */
.guide-card>a:first-child{display:flex!important;align-items:center;justify-content:center}
.guide-card>a:first-child img{flex:0 0 auto;margin:auto}