/* EeNa pc.css — 768px以上 */
@media (min-width: 768px) {
  /* ロゴ中央・左にタグライン・右に検索 */
  .hd-main { display: grid; grid-template-columns: 1fr auto 1fr; height: 92px; }
  .hd-main::before { content: "Kansai Culture Magazine"; font-family: var(--font-en); font-style: italic; font-size: 16px; color: var(--ink-2); letter-spacing: .04em; }
  .logo { grid-column: 2; }
  .logo img { height: 32px; }
  .hd-search { grid-column: 3; justify-self: end; }
  .gnav { border-top: 1px solid var(--line); }
  .gnav ul { justify-content: center; }
  .gnav a { padding: 15px 22px; }

  .cards-md { grid-template-columns: repeat(4, 1fr); }
  .cards-sm { grid-template-columns: repeat(3, 1fr); }
  .cards-lg { grid-template-columns: repeat(3, 1fr); }
  .list-body .cards-md, .search-body .cards-md { grid-template-columns: repeat(3, 1fr); }

  .hero-grid { display: grid; grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); gap: 56px; align-items: start; }

  /* カテゴリ：大1＋小4 */
  .feature { grid-template-columns: minmax(0, 1.15fr) minmax(0, 1fr); align-items: start; }
  .feature .cards-sm { grid-template-columns: 1fr 1fr; gap: 32px 24px; }
  .feature .card-lg .card-title { font-size: 22px; -webkit-line-clamp: 2; }

  .about-grid { grid-template-columns: 1.3fr 1fr; gap: 80px; }

  .article-eyecatch { margin-left: -32px; margin-right: -32px; }
  .related .cards-sm { grid-template-columns: repeat(3, 1fr); }

  .ft-grid { grid-template-columns: 2fr 1fr 1fr; }
  .drawer { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1099px) {
  .hd-main::before { content: ""; }
  .gnav a { padding: 15px 12px; font-size: 12px; letter-spacing: .14em; }
  .cards-md { grid-template-columns: repeat(3, 1fr); }
  .list-body .cards-md, .search-body .cards-md { grid-template-columns: repeat(2, 1fr); }
  .hero-grid { grid-template-columns: 1fr; gap: 48px; }
  .hero-side .pickup { display: grid; grid-template-columns: 1fr 1fr; gap: 0 32px; }
  .hero-side .pickup li:nth-child(2) { padding-top: 4px; }
  .feature { grid-template-columns: 1fr; }
  .article-eyecatch { margin-left: 0; margin-right: 0; }
}