/* 塾の詳細（single-juku.php）— site.css にない部分だけ */

/* 写真なし・複数写真 */
.gal .gph{aspect-ratio:16/10;background:var(--photo)}
.gal .gmain{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:var(--photo)}
.gthumbs{display:grid;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;margin-top:6px}
.gthumb{padding:0;border:2px solid transparent;background:var(--photo);cursor:pointer;aspect-ratio:4/3;overflow:hidden;border-radius:2px}
.gthumb img{display:block;width:100%;height:100%;object-fit:cover}
.gthumb[aria-pressed="true"]{border-color:var(--link)}

/* POINT：見出し＋説明 */
.pt .ptx{min-width:0;display:flex;flex-direction:column;gap:8px}
.pt .pth{font-weight:700}
.pt .ptb{font-size:15px !important;color:var(--sub)}

/* 塾長の写真・名前 */
.ivhead{display:flex;flex-direction:column;gap:10px;margin-top:8px}
.ivhead img{width:100%;max-width:240px;height:auto;aspect-ratio:1/1;object-fit:cover;border-radius:6px}
.ivhead p{margin:0;font-weight:700}

/* 口コミ：返信・報告 */
.rvreply{background:var(--pale);padding:12px 16px;border-radius:4px;font-size:14px}
.rvreply p{margin:4px 0 0}
.rvrep{color:var(--sub);font-size:12px;min-height:36px;display:inline-flex;align-items:center}

/* ほかの塾 */
.jk-near{display:flex;flex-direction:column;gap:24px}
.jk-nearareas{display:flex;flex-wrap:wrap;align-items:center;gap:8px}
.jk-nearareas>span{font-weight:700;font-size:14px;margin-right:6px}
.tile .ph .phq{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:20px;background:var(--pale);font-family:'Zen Kaku Gothic New',sans-serif;font-weight:700;font-size:16px;line-height:1.6;color:var(--ink)}
.tile .ph .phq small{font-family:'BIZ UDPGothic',sans-serif;font-weight:400;font-size:12px;color:var(--sub)}

/* 掲載終了 */
.jk-closed-tag{align-self:flex-start;font-size:12px;font-weight:700;color:var(--sub);border:1px solid var(--btn-line);padding:0 8px;border-radius:2px}
.jk-closed-box{max-width:860px;background:var(--pale);padding:clamp(20px,4vw,32px);border-radius:6px;display:flex;flex-direction:column;gap:10px}

/* セクション見出しの位置合わせ（固定ヘッダー＋ページ内メニュー分） */
section[id^="s-"]{scroll-margin-top:calc(var(--hh,68px) + 64px)}

@media (max-width:640px){
 .gal .gph{aspect-ratio:4/3}
 .gal .gmain{aspect-ratio:4/3;border-radius:0}
 .gthumbs{margin:6px 16px 34px}
 #s-point .pt .ptx{gap:6px}
}