/* WP化に伴う調整。sample-lite から自動生成しないファイル＝再生成しても消えない。 */

/* お知らせが1件も無いときは、店舗情報を1カラムで広く使う */
#info-block.no-news { grid-template-columns: 1fr; }

/* ------------------------------------------------------------------
   タブレット帯（768〜1079px）のサイドバー間延び対策
   この帯では #main-wrap .row が1カラムに落ちるため、240px想定の
   サイドバーが900px幅まで伸びて「48pxのサムネ＋800pxの余白」になる。
   サイドバー自体を段組みにして、各ボックスをPCと同じ横幅で見せる。
   ------------------------------------------------------------------ */
@media (min-width: 768px) and (max-width: 1079px) {
  #main-wrap .row > #side {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 12px 14px;
    align-items: start;
  }
  #main-wrap .row > #side > * { margin-bottom: 0; }

  /* 車種別検索は件数が多いので、この帯だけ2段組みにして縦を詰める */
  #main-wrap .row > #side .carlist {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
    gap: 0 8px;
  }
  #main-wrap .row > #side .carlist a { border-bottom: 1px solid #ececec; }
}

/* 検索フォーム（search.php / 404.php） */
.ks-searchform { display: flex; gap: 6px; margin: 16px 0 24px; max-width: 520px; }
.ks-searchform input[type="search"] {
  flex: 1; min-width: 0; padding: 8px 10px; font-size: 16px;
  border: 1px solid #c4c4c4; background: #fff; color: #222;
}
.ks-searchform button {
  padding: 8px 18px; border: 0; background: #cc0000; color: #fff;
  font-weight: bold; cursor: pointer;
}
.ks-searchform button:hover { background: #a80000; }

/* ページ送り（archive.php / search.php） */
.works-pager .page-numbers {
  display: inline-block; min-width: 30px; margin: 0 2px; padding: 5px 8px;
  border: 1px solid #cfcfcf; background: #fff; color: #333;
  font-family: "Helvetica Neue", Arial; font-size: 12px; text-align: center;
}
.works-pager .page-numbers.current,
.works-pager .page-numbers:hover { border-color: #cc0000; background: #cc0000; color: #fff; text-decoration: none; }