/* ==========================================================
   エリア・ジャンル検索 追加CSS（common.css に追記、または別ファイルで読み込み）
   既存デザインで定義されていない部分だけを補っています。
   ========================================================== */

/* 選択できる li */
.search-area li[data-value],
.search-type li[data-value] { cursor: pointer; user-select: none; }
.search-area li[data-value]:focus-visible,
.search-type li[data-value]:focus-visible { outline: 2px solid #2a8ac8; outline-offset: 2px; }

/* カード全体をリンクに */
.reslt-list > .is-link { cursor: pointer; transition: opacity .2s; }
.reslt-list > .is-link:hover { opacity: .8; }
.reslt-list .name a { color: inherit; text-decoration: none; }
.reslt-list .name a:focus-visible { outline: 2px solid #2a8ac8; outline-offset: 2px; }
.reslt-list figure a { display: block; }

/* 本文を p.txt → div.txt にしたため、既存の p.txt と同じ見た目を当てる場合はここで調整 */
.reslt-list .txt p { margin: 0 0 .5em; }
.reslt-list .txt p:last-child { margin-bottom: 0; }

/* 該当なし */
.reslt-empty {
  grid-column: 1 / -1;
  padding: 40px 0;
  text-align: center;
  font-weight: 700;
}

/* ページ送り */
.reslt-pager {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin-top: 40px;
}
.reslt-pager[hidden] { display: none; }
.reslt-pager button {
  min-width: 40px;
  height: 40px;
  padding: 0 12px;
  border: 1px solid #0b1f3f;
  border-radius: 999px;
  background: #fff;
  color: #0b1f3f;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.reslt-pager button:hover { opacity: .8; }
.reslt-pager button.current {
  background: #0b1f3f;
  color: #fff;
  cursor: default;
}
.reslt-pager .dots { color: #888; }