/* DRKS速報（人ごとの新着）の見た目。index.html から移した（2026-10-09 利用者の指示：ホームから外し、上のメニューの「速報」のページへ） */
.tabs2{display:flex;border:2px solid #000}
.tabs2 button{appearance:none;border:0;background:#fff;font:700 14px var(--text);padding:8px 18px;cursor:pointer}
.tabs2 button+button{border-left:2px solid #000}
.tabs2 button.on{background:#000;color:#fff}
.news-bar{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;margin:-8px 0 18px}
.news-upd{font:700 13px var(--text);color:var(--grey)}
.news-upd b{font-family:var(--display);font-weight:400;font-size:22px;color:var(--ink);margin-right:4px}
.news-upd .fresh{color:var(--ink)}
.news-tabs button small{font-weight:500;margin-left:5px;opacity:.7}
.news-tabs{max-width:100%;overflow-x:auto;scrollbar-width:none;flex-wrap:nowrap}.news-tabs::-webkit-scrollbar{display:none}
.news-tabs button{white-space:nowrap;flex:0 0 auto}
.news-tabs button img{width:20px;height:20px;border-radius:50%;margin-right:6px;vertical-align:-5px}
.news.person{display:block}
.np-hd{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:6px}
.np-hd img{width:44px;height:44px;border-radius:50%}
.np-hd b{font-family:var(--display);font-weight:400;font-size:28px}
.np-ob{display:flex;gap:6px;flex-wrap:wrap;margin-left:auto}
.ng{border-top:3px solid var(--ink);margin-top:18px;padding-top:10px}
.ng-hd{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;margin-bottom:10px}
.ng-hd h3{font-family:var(--display);font-weight:400;font-size:20px;margin:0}
.ng-hd span{font-size:12px;color:var(--grey)}
.ng-row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(300px,calc((100% - 32px)/3));gap:16px;overflow-x:auto;scrollbar-width:thin;padding-bottom:6px}
@media (max-width:760px){.ng-row{grid-auto-columns:84%;gap:12px}}
.nc{display:block;text-decoration:none;color:inherit;min-width:0}
.nc .th{aspect-ratio:16/9;background:#111 center/cover no-repeat}
.nc .th.none{background:#F1EAFF;display:flex;flex-direction:column;justify-content:center;gap:6px;padding:10px;color:var(--ink)}
.nc .th.none svg{width:22px;height:22px}
.nc .th.none span{font:900 14px/1.4 var(--text);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.nc .t{font-weight:700;font-size:14px;line-height:1.45;margin-top:6px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nc .m{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:12px;color:var(--grey);margin-top:2px}
.nc:hover .t{text-decoration:underline}
.news{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:0 40px;align-items:start}
.news>div{min-width:0}
.news .lead-item{display:block;text-decoration:none;border-bottom:3px solid var(--ink);padding-bottom:16px}
.news .lead-item .th{position:relative;aspect-ratio:16/9;background:#111 center/cover no-repeat}
.news .lead-item .th .new{position:absolute;left:0;top:0;font-size:14px;padding:6px 12px}
.news .lead-item .d2{margin-top:12px;font-size:clamp(24px,3vw,36px);line-height:1.3;overflow-wrap:anywhere}
.news .lead-item .lm{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px;font:700 14px var(--text)}
.news .lead-item .lm .ago{font-family:var(--display);font-weight:400;font-size:20px}
.news .lead-item:hover .d2{text-decoration:underline}
/* 大きな1件の下に、画像のある次の4件 */
.news .picks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 18px;margin-top:20px}
.pick{display:block;text-decoration:none;color:inherit}
.pick .th{position:relative;aspect-ratio:16/9;background:#111 center/cover no-repeat}
.pick .th .new{position:absolute;left:0;top:0}
.pick .hd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:8px 0 4px}
.pick .hd .ago{font:400 15px var(--display);margin-left:2px}
.pick .t{font-weight:900;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.pick .m{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--grey);margin-top:3px}
.pick:hover .t{text-decoration:underline}
.ni .sub{font-size:13px;color:var(--grey);line-height:1.5;overflow-wrap:anywhere}
/* 1行ずつ：左に「何分前」、まん中に種類・題名・誰、右に小さな画像 */
.ni{display:grid;grid-template-columns:4.6em minmax(0,1fr) 144px;gap:14px;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);text-decoration:none;color:inherit}
.ni:first-child{padding-top:0}
.ni .when{font:400 17px/1.15 var(--display);white-space:nowrap}
.ni .when small{display:block;font:700 11px var(--text);color:var(--grey);margin-top:3px}
.ni .th{width:144px;aspect-ratio:16/9;background:#eee center/cover no-repeat}
.ni .th.none{background:none}
.ni .hd{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:3px}
.ni .t{font-weight:700;line-height:1.5;font-size:15px;overflow-wrap:anywhere}
.ni .m{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--grey);margin-top:2px}
.news img.pp{width:18px;height:18px;border-radius:50%;flex:none}
.news .lead-item img.pp{width:24px;height:24px}
.ni .words a{font-family:var(--display);font-weight:400;font-size:18px;text-decoration:none;margin-right:12px;white-space:nowrap}
.ni .words a:hover{text-decoration:underline}
a.ni:hover .t{text-decoration:underline}
.ni.end{color:var(--grey)}
.ni.end .t{font-weight:500}
.kind{display:inline-flex;align-items:center;gap:5px;font:900 11px/1.5 var(--text);padding:1px 7px;border:2px solid var(--ink);white-space:nowrap;color:var(--ink);background:#fff}
.kind svg,.kind img{width:15px;height:15px;flex:none}
.kind img.drks{width:auto;height:15px}
.kind.k-ネタ{background:var(--ink);color:#fff}
.kind.k-end{border-color:var(--rule);color:var(--grey)}
/* 配信中の印は、上の「いま」の配信中の枠と同じ赤 */
.onair{display:inline-block;font:900 11px/1.5 var(--text);padding:1px 7px;border:2px solid var(--live);background:var(--live);color:#fff;white-space:nowrap}
.new{display:inline-block;font:900 11px/1.5 var(--text);padding:1px 7px;border:2px solid var(--ink);background:var(--ink);color:#fff;white-space:nowrap}
.news-more{margin-top:14px;font:700 14px var(--text)}
.news-more button{appearance:none;background:none;border:0;padding:0;font:inherit;text-decoration:underline;cursor:pointer;color:var(--ink)}
.news-empty{border:2px solid var(--ink);padding:24px;font-weight:700}
@media (max-width:760px){
  .news .picks{gap:18px 12px}
  .news-bar{display:block}.news-bar .note{display:block;margin-top:8px}
  .news-tabs{width:100%;max-width:100%;overflow-x:auto}.news-tabs button{padding:8px 12px;white-space:nowrap;flex:1 0 auto}
  .ni{grid-template-columns:3.7em minmax(0,1fr) 108px;gap:10px}.ni .th{width:108px}.ni .when{font-size:15px}.ni .t{font-size:14px}
}
.mon{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.mon .wd{font-size:12px;font-weight:900;text-align:center;padding:4px 0}
.mon .dd{border:2px solid #000;min-height:84px;padding:6px;position:relative;cursor:pointer;background:#fff}
.mon .dd.empty{border-color:transparent;cursor:default}
.mon .dd b{font-family:var(--display);font-weight:400;font-size:22px}
.mon .dd .pc{position:absolute;right:6px;top:6px;font-weight:900;font-size:13px}
.mon .dd .fill{position:absolute;left:0;right:0;bottom:0;background:var(--live);opacity:.85}
.mon .dd .faces{position:absolute;left:6px;bottom:6px;display:flex;z-index:1}
.mon .dd .faces img{width:18px;height:18px;border-radius:50%;border:1.5px solid #fff;margin-right:-5px}
.mo{position:fixed;inset:0;z-index:2000;background:rgba(0,0,0,.82);display:none;align-items:center;justify-content:center;padding:20px}
.mo.open{display:flex}
.mo .box{width:min(1000px,100%);background:#000;border:3px solid var(--live)}
.mo header{display:flex;gap:12px;align-items:center;background:#fff;padding:10px 14px;font-weight:700;font-size:14px}
.mo header a{margin-left:auto;font-weight:700}
.mo header button{appearance:none;border:2px solid #000;background:#fff;width:32px;height:32px;font-size:18px;cursor:pointer}
.mo .vid{position:relative;aspect-ratio:16/9}.mo iframe{position:absolute;inset:0;width:100%;height:100%;border:0}

/* サムネイルを約1.5倍に（2026-10-09 利用者の指示） */
.nc .t{font-size:15px}