/* =========================================================
 * クリニック・医師 データベース ページ（忖度なし子ブランド）
 * トークン: 紙#FBF3E0 黒#171215 黄#FFD426 桃#FF3D74 水#00C0D8
 * ======================================================= */

.sn-dir{
	--pap:#FBF3E0; --ink:#171215; --yel:#FFD426; --pnk:#FF3D74; --cyn:#00C0D8; --gray:#6B6065;
	max-width:760px; margin:0 auto; padding:14px 14px 60px;
	font-family:"Zen Maru Gothic","Hiragino Maru Gothic ProN",sans-serif; color:var(--ink);
}
.sn-dir *{box-sizing:border-box}
.sn-dir a{color:var(--ink)}

.sn-dir-head{margin:6px 0 18px}
.sn-dir-kind{display:inline-block;font-size:12px;font-weight:900;background:var(--cyn);border:2px solid var(--ink);padding:1px 10px;margin:0 0 8px}
.sn-dir-kind-doc{background:#E9F7E7}
.sn-dir-title{font-size:23px;font-weight:900;line-height:1.4;margin:0 0 4px;word-break:break-word}
.sn-dir-sub{font-size:14px;color:var(--gray);margin:0}
.sn-dir-sub a{color:var(--pnk);font-weight:700;text-decoration:none}

.sn-dir-body{font-size:15px;line-height:1.9;margin:0 0 20px}

.sn-dir-sec{margin:0 0 24px}
.sn-dir-h{font-size:16px;font-weight:900;margin:0 0 12px;display:inline-block;background:var(--yel);border:2px solid var(--ink);padding:3px 12px;transform:rotate(-.5deg)}

.sn-dir-spec{width:100%;border-collapse:collapse;font-size:14px}
.sn-dir-spec th,.sn-dir-spec td{border:2px solid var(--ink);padding:9px 11px;text-align:left;vertical-align:top}
.sn-dir-spec th{background:#FFF7DA;font-weight:700;white-space:nowrap;width:32%}
.sn-dir-spec a{color:var(--pnk);font-weight:700;text-decoration:none;word-break:break-all}

.sn-dir-chips{display:flex;flex-wrap:wrap;gap:8px}
.sn-dir-chip{display:inline-block;border:2px solid var(--ink);background:#fff;padding:7px 13px;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:3px 3px 0 var(--ink)}
.sn-dir-chip:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}

.sn-dir-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px}
.sn-dir-card{display:flex;flex-direction:column;gap:4px;border:3px solid var(--ink);background:#fff;padding:12px 13px;text-decoration:none;box-shadow:4px 4px 0 var(--ink)}
.sn-dir-card:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.sn-dir-card-name{font-weight:900;font-size:14.5px;line-height:1.4}
.sn-dir-card-sub{font-size:12px;color:var(--gray)}

.sn-dir-threads{display:flex;flex-direction:column;gap:8px}
.sn-dir-more{margin:10px 0 0}
.sn-dir-more a{font-weight:900;font-size:14px;color:var(--pnk);text-decoration:none}
.sn-dir-cta-mini{display:inline-block;background:var(--pnk);color:#fff!important;border:2px solid var(--ink);padding:8px 14px;box-shadow:3px 3px 0 var(--ink)}
.sn-dir-empty{font-size:14px;color:var(--gray);border:2px dashed var(--gray);padding:14px;text-align:center}

.sn-dir-cta{margin:22px 0}
.sn-dir-cta a{display:block;text-align:center;background:var(--pnk);color:#fff;border:3px solid var(--ink);font-weight:900;font-size:16px;padding:14px;text-decoration:none;box-shadow:5px 5px 0 var(--ink)}
.sn-dir-cta a:active{transform:translate(2px,2px);box-shadow:3px 3px 0 var(--ink)}

.sn-dir-back{margin:26px 0 0;text-align:center}
.sn-dir-back a{display:inline-block;background:var(--ink);color:var(--yel);font-weight:900;font-size:14px;padding:10px 18px;text-decoration:none}

.sn-dir-pagination{margin:18px 0 0}
.sn-dir-pagination .page-numbers{display:inline-block;border:2px solid var(--ink);padding:5px 11px;margin:0 3px;text-decoration:none;font-weight:700}
.sn-dir-pagination .current{background:var(--ink);color:var(--yel)}