/* 塾の一覧・エリアから探す（archive-juku.php / page-area.php）— site.css を補う分だけ */

/* 条件のチップ（WP ではリンク） */
a.chip { color: var(--ink); text-decoration: none; }
a.chip:hover { background: var(--toggle-on); color: var(--link-hover); }

/* カード：写真がない塾は塾長インタビューの一言 */
.card .md.md-q blockquote {
	aspect-ratio: 4 / 3; display: flex; flex-direction: column; justify-content: space-between; gap: 10px;
	padding: 18px 20px; overflow: hidden;
}
.card .md.md-q blockquote .zen { font-size: 16px; line-height: 1.65; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden; }
.card .md.md-q blockquote small { font-size: 12px; color: var(--sub); }
.card .md.md-none { display: none; }
@media (max-width: 640px) {
	.card .md.md-q { display: none; }
}

/* もっと見る（読み込み中） */
.more[aria-busy="true"] { opacity: .6; pointer-events: none; }
.jk-pager { margin-top: 8px; }

/* エリアのページ：塾長の声・エリアの説明・近くのエリア */
.jk-areasec { margin-top: 56px; }
.jk-areasec > .hd { flex-basis: 100%; }
.jk-voice { margin: 0; padding: 18px 0; border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 8px; }
.jk-voice blockquote { margin: 0; font-size: 15px; line-height: 1.8; }
.jk-voice figcaption { font-size: 13px; }
.jk-areadesc { margin: 0; padding-top: 16px; font-size: 15px; color: var(--sub); }
.jk-near { display: flex; flex-direction: column; gap: 10px; }
nav.jk-near { padding-top: 20px; border-top: 1px solid var(--line); }
.empty .jk-near { margin-top: 8px; }
.jk-recruit { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; border: 1px solid var(--line); padding: 20px; margin-top: 8px; }

/* エリアから探す：タイル・ボタンを WP ではリンクで出す */
a.ax-t, a.ax-pb { text-decoration: none; }
.ax-rank a { width: 100%; display: flex; align-items: center; gap: 12px; min-height: 50px; padding: 0 4px; border-bottom: 1px solid var(--line); color: var(--ink); font-size: 15px; font-weight: 700; text-decoration: none; }
.ax-rank a:hover { background: var(--pale); color: var(--ink); }
a.ax-x { display: flex; align-items: center; justify-content: center; flex: 0 0 auto; text-decoration: none; line-height: 1; }
a.ax-x:hover { color: var(--ink); filter: brightness(.96); }
.ax template { display: none; }

/* スマホ：PR 枠が縦並びのとき、バナーの高さが flex-basis(360px) にならないように */
@media (max-width: 640px) {
	.prslot .prban { flex: 0 0 auto; }
}