@charset "UTF-8";
/* 100点BBS リニューアル2 回2（2026-10-22）：スマホの中身（スレのページ）。.r2 の中だけに効く */
.rc-sp #main,.rc-sp #contents{background:#f8fafc}
.r2{--brand:#dc2626;--brand-d:#b91c1c;--brand-l:#fef2f2;--ink:#0f172a;--ink7:#334155;--ink5:#64748b;--ink3:#cbd5e1;--ink2:#e2e8f0;--ink1:#f1f5f9;--bg:#f8fafc;padding:4px 12px 8px;color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;font-size:15px;line-height:1.6}
.r2 *{box-sizing:border-box}
.r2-card{background:#fff;border:1px solid var(--ink2);border-radius:14px;margin:0 0 14px;overflow:hidden}
/* 題名の枠 */
.r2-hero{padding:14px 14px 12px}
.r2 .r2-kicker{display:inline-block;font-size:12px;font-weight:bold;color:var(--brand-d);background:var(--brand-l);border-radius:999px;padding:3px 10px;text-decoration:none;line-height:1.5}
.r2 .r2-h1{font-size:21px;line-height:1.4;margin:8px 0 8px;font-weight:800;color:var(--ink)}
.r2-stats{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}.r2-stats span{font-size:12px;background:var(--ink1);border-radius:6px;padding:3px 8px;color:var(--ink7)}.r2-stats b{color:var(--brand)}
.r2-btns{display:grid;grid-template-columns:2fr 1fr 1fr;gap:8px}
.r2-btns-b{margin:0 0 10px}
.r2 .r2-btn{display:flex;align-items:center;justify-content:center;min-height:44px;border-radius:10px;font-weight:bold;font-size:14px;text-decoration:none;border:1px solid var(--ink3);color:var(--ink7);background:#fff;line-height:1.3;text-align:center}
.r2 .r2-btn.r2-p{background:var(--brand);border-color:var(--brand);color:#fff}
.r2 .r2-off{color:var(--ink3);border-color:var(--ink2)}
/* 並べ替え */
.r2-chips{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;margin:0 -12px 12px;padding:0 12px}.r2-chips::-webkit-scrollbar{display:none}
.r2-chips a{flex:none;white-space:nowrap;padding:8px 13px;border-radius:999px;border:1px solid var(--ink2);background:#fff;color:var(--ink7);font-size:13px;text-decoration:none;line-height:1.3}
.r2-chips a.r2-on{background:var(--ink);color:#fff;border-color:var(--ink)}
/* 書き込み（中身の HTML は今のまま。枠と文字だけ） */
.r2 .log-frame{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;padding:12px 14px!important;border-bottom:1px solid var(--ink1)!important;font-size:16px;line-height:1.75;word-break:break-word;overflow-wrap:anywhere}
.r2-posts .log-frame:last-child{border-bottom:0!important}
.r2-op .log-frame{background:#fffbeb!important}
.r2 .headline{display:none}
.r2 .log-hr{display:block;border:0!important;height:0;margin:2px 0 4px!important;background:none!important}
.r2 .log-info{font-size:12px;color:var(--ink5);line-height:1.5}
.r2 .log-info img{width:12px!important;height:12px!important;vertical-align:-1px;opacity:.6;margin-right:3px}
.r2 .log-info font{font-weight:bold}
.r2 a.res-link{display:inline-block;min-width:26px;text-align:center;background:var(--brand)!important;color:#fff!important;border-radius:6px;padding:1px 7px!important;margin:4px 8px 6px 0!important;font-size:12px;font-weight:bold;text-decoration:none;line-height:1.6;float:none!important}
.r2 .new-icon-log{background:#c2410c;color:#fff;border-radius:4px;padding:0 5px;font-size:11px;margin-left:6px}
.r2 .log-frame img{max-width:100%;height:auto}
/* YES・NO（押す仕組みは今のまま） */
.r2 .value_btn{display:flex!important;gap:8px;justify-content:flex-end;margin:8px 0 0;float:none!important}
.r2 .value_btn .plus,.r2 .value_btn .minus{display:inline-flex!important;align-items:center;gap:3px;min-height:34px;padding:0 12px!important;border:1px solid var(--ink2);border-radius:999px;background:#fff;font-size:13px;color:var(--ink7);cursor:pointer;float:none!important;margin:0!important;width:auto!important}
.r2 .value_btn .plus img,.r2 .value_btn .minus img{display:none!important}
.r2 .value_btn .plus::before{content:"YES";font-weight:bold;color:var(--brand-d)}
.r2 .value_btn .minus::before{content:"NO";font-weight:bold;color:#1e40af}
/* ページ送り・関連スレ・下の部品 */
.r2-pager{text-align:center;margin:0 0 12px}
.r2 .r2-h2{margin:0;padding:12px 14px;font-size:16px;font-weight:800;border-left:4px solid var(--brand);border-bottom:1px solid var(--ink1);background:#fff;color:var(--ink)}
.r2-related .thread-frame{margin:0!important;border:0!important;border-bottom:1px solid var(--ink1)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.r2-related .thread-frame:last-child{border-bottom:0!important}
.r2-bs{margin:0 0 6px}
.r2 center{margin:0 0 14px}
/* ---------- 掲示板のページ（.r2-board） ---------- */
.r2-h1wrap{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.r2-board .board-seo-lead{margin:0 0 10px!important;font-size:13px!important;color:#475569!important;line-height:1.6!important}
.r2-board .board-countdown-block{background:linear-gradient(135deg,#dc2626,#b91c1c)!important;border:0!important;border-radius:10px!important;margin:0 0 12px!important;padding:8px 12px!important}
.r2-board .board-countdown-block span{color:#fff!important}
.r2-board .board-countdown-block span+span{font-size:20px!important}
.r2-search .board-search{margin:12px 0 0!important;padding:0!important;border:0!important;background:none!important}
.r2-search .board-search label{display:none!important}
.r2-search .board-search input[type=search]{font-size:16px!important;border:1px solid var(--ink3)!important;border-radius:10px!important;background:var(--bg)!important}
.r2-search .board-search button,.r2-search .board-search input[type=submit]{border-radius:10px!important;background:var(--ink7)!important;border:0!important}
.r2-search .board-search-tags,.r2-search .board-search-tags-label,.r2-search .board-search>div:not(:has(input)){display:none!important}
/* 掲示板メニュー：横に流れる丸いボタン */
.r2-menu .board-quicknav{margin:0 0 12px!important}
.r2-menu .board-quicknav>div{display:none}
.r2-menu .board-quicknav ul{flex-wrap:nowrap!important;overflow-x:auto;scrollbar-width:none;margin:0 -12px!important;padding:0 12px!important}
.r2-menu .board-quicknav ul::-webkit-scrollbar{display:none}
.r2-menu .board-quicknav li{flex:none}
.r2-menu .board-quicknav a{white-space:nowrap;border-radius:999px!important;border:1px solid var(--ink2)!important;background:#fff!important;color:var(--ink7)!important;font-weight:normal!important;font-size:13px!important;padding:8px 13px!important}
/* スレ一覧 */
.r2-threads .frame{background:none!important;border:0!important;box-shadow:none!important;margin:0!important;padding:0!important;border-bottom:1px solid var(--ink1)!important}
.r2-threads #order-link{display:flex;overflow-x:auto;scrollbar-width:none;white-space:nowrap}
.r2-threads #order-link::-webkit-scrollbar{display:none}
.r2-threads #order-link a{flex:none;border:0!important;border-bottom:3px solid transparent!important;border-radius:0!important;margin:0!important;padding:10px 12px!important;font-size:13px!important;font-weight:bold!important;color:var(--ink5)!important;background:none!important}
.r2-threads #order-link a:first-child{color:var(--brand)!important;border-bottom-color:var(--brand)!important}
.r2-threads .thread-frame{margin:0!important;border:0!important;border-bottom:1px solid var(--ink1)!important;border-radius:0!important;box-shadow:none!important;background:#fff!important}
.r2-threads .thread-frame>a{padding:11px 34px 11px 14px!important}
.r2-threads .thread-title{font-size:15px!important;line-height:1.45!important;color:var(--ink)!important;font-weight:bold}
.r2-threads .thread-title-sub{font-size:12px!important;color:var(--ink5)!important}
.r2-threads .thread-title-sub img{width:12px!important;height:12px!important;opacity:.6}
.r2-threads .thread-inframe1 img{border-radius:8px}
.r2-threads center{padding:12px 0 4px;margin:0!important}
.r2-rest>*{margin-top:0!important;margin-bottom:14px!important}
/* ---------- PC（.r2-pc）：本文を左、サイドバーを右に（トップと同じ並び） ---------- */
body:not(.hs) #inner:has(.r2-pc){max-width:1200px;margin:0 auto!important;padding:14px 16px 0!important;display:grid!important;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:start;width:auto!important;float:none!important}
body:not(.hs) #inner:has(.r2-pc)>#mainWrap{width:auto!important;max-width:none!important;float:none!important;margin:0!important;padding:0!important;order:0!important}
body:not(.hs) #inner:has(.r2-pc)>#sideWrap{width:auto!important;float:none!important;margin:0!important;padding:0!important;order:0!important}
.r2-pc{padding:0;font-size:15px}
.r2-pc .r2-h1{font-size:26px}
.r2-pc .r2-btns{grid-template-columns:repeat(3,minmax(0,200px))}
.r2-pc .r2-chips,.r2-pc .r2-menu .board-quicknav ul{margin-left:0!important;margin-right:0!important;padding-left:0!important;padding-right:0!important;flex-wrap:wrap!important;overflow:visible}
.r2-pc .log-frame{font-size:16px}
/* サイドバー（今の中身のまま、枠だけトップと同じ） */
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget{background:#fff;border:1px solid #e2e8f0;border-radius:14px;overflow:hidden;margin:0 0 16px!important;padding:0!important;box-shadow:0 1px 3px rgba(15,23,42,.05)}
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget .heading{margin:0!important;padding:11px 14px!important;font-size:15px!important;font-weight:800;background:#fff!important;color:#0f172a!important;border:0!important;border-left:4px solid #dc2626!important;border-bottom:1px solid #f1f5f9!important}
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget ul{margin:0!important;padding:4px 12px 8px!important}
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget li{border:0!important;border-bottom:1px solid #f1f5f9!important;background:none!important;margin:0!important}
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget li:last-child{border-bottom:0!important}
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget li a{display:block;padding:8px 2px!important;font-size:14px!important;color:#0f172a!important;background:none!important;border:0!important;text-decoration:none}
body:not(.hs) #inner:has(.r2-pc) #sideWrap .widget li a:hover{color:#dc2626!important}
body:not(.hs) #inner:has(.r2-pc)>#sideWrap{border:0!important;background:none!important}
.r2 hr{display:none}
/* ---------- 回4：高校・中学の掲示板（.r2-school-board、2026-10-22） ---------- */
.r2 .r2-crumb{padding:0 2px!important;margin:0 0 8px!important}
.r2-school{margin:10px 0 0}
.r2-school .hs-school{display:flex;gap:10px;align-items:flex-start;margin:0 0 10px;padding:0!important;border:0}
.r2-school .hs-school img{width:104px!important;height:78px!important;object-fit:cover;border-radius:10px;flex:none;margin:0}
.r2-school .hs-chips{gap:4px;margin:0 0 4px}
.r2-school .hs-chips span{background:var(--ink1,#f1f5f9);color:var(--ink7,#334155);border-radius:999px}
.r2-school .hs-feat{margin:0;font-size:13px;line-height:1.6;color:#475569}
.r2-school .hs-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;border:0;margin:0 0 12px;padding:0}
.r2-school .hs-stats>div{background:var(--brand-l,#fef2f2);border-radius:10px;padding:6px 4px}
.r2-school .hs-stats b{font-size:21px;color:var(--brand,#dc2626)}
.r2-school .hs-stats span{font-size:11px;color:#475569}
.r2-school .hs-credit{padding:0!important;margin:0 0 10px;font-size:10px;color:#94a3b8}
.r2-school .hs-notice{margin:0 0 10px}
.r2-school .jp-sts{padding:0 0 10px}
.r2-board .jp-rule{margin:0 0 14px}
.r2-cta{margin:0 0 14px}
.r2-cta>*{margin:0 0 10px!important}
.r2-data .hs-mod{border:1px solid var(--ink2,#e2e8f0);border-radius:14px;margin:0 0 14px}
.r2-data .hs-mod-h{border-left:4px solid var(--brand,#dc2626);border-bottom:1px solid var(--ink1,#f1f5f9);padding:10px 14px;margin:0 0 6px}
.r2-data .hs-mod-h h2{font-size:16px;font-weight:800}
.r2-school-board .r2-threads{--tw:84px;--th:63px}
.r2-school-board .r2-threads .thread-inframe1 img{border-radius:8px}
.r2-school-board .r2-threads .thread-frame>a{padding-right:14px!important}
.r2-school-board .r2-threads .thread-inframe2:not(:has(.thread-title)){flex:none!important;width:auto!important}
.r2-school-board .r2-threads .new-icon-th{display:inline-block!important;width:auto!important;padding:0 6px}
.r2-school-board .r2-threads .thread-title-sub{word-break:keep-all;overflow-wrap:normal}
