1<!doctype html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>kaiã®å¤å¥å¼ ç 2025ç§M3 ãã§ãã¯ãªã¹ã</title> 6 <meta name="description" content="åäººé³æ¥½ã¤ãã³ãM3åããµã¼ã¯ã«ãªã¹ãããµã¼ã¯ã«æ å ±ã®ãã§ãã¯ã«ã©ããã"> 7 <link rel="icon" href="/favicon.ico"> 8<style> 9 10/* ===== ãã£ã«ã¿UIï¼ã·ã³ãã«ãªãªã³ã¯å¸¯ï¼ ===== */ 11#svFilter{ 12 text-align:center; margin:8px 0 6px; font-size:12px; 13} 14#svFilter a{ 15 display:inline-block; padding:.42rem .75rem; margin:0 2px; 16 border:1px solid rgba(255,255,255,.16); border-radius:999px; 17 background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); 18} 19#svFilter a.is-active{ 20 background: linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)); 21 box-shadow:0 6px 18px rgba(0,0,0,.35), inset 0 .5px 0 rgba(255,255,255,.16); 22 text-decoration:none; 23} 24 25.bn{ 26float: right; 27} 28 29/* æ°è¦è¿½å ãæ å ±æ´æ°ãããä½åã®ãµã¼ã¯ã«åã¨ä½ååã»ã«ã®èæ¯è²ã夿´ãã */ 30#infoadd{ 31background-color:#5E5150; 32} 33 34/* ãã¹ãç¨ 20250421 */ 35.tweet-container { 36 width: 40px; 37/* margin: 20px auto; */ 38/* text-align: center; */ 39/* border: 1px solid #ccc; */ 40/* padding: 10px; */ 41/* border-radius: 10px; */ 42} 43.button-img { 44 width: 20px; 45 height: 20px; 46 cursor: pointer; 47} 48 49.text-with-button { 50/* font-size: 16px; */ 51/* line-height: 1.6; */ 52} 53.inline-button { 54 vertical-align: middle; 55 cursor: pointer; 56} 57.embed-area { 58 margin-top: 10px; 59 display: none; 60} 61 62.close-button { 63 margin-top: 8px; /* 10px */ 64 padding: 4px 10px; /* 5px 10px; */ 65 font-size: 14px; 66 background-color: #e0245e; 67 color: white; 68 border: none; 69 border-radius: 5px; 70 cursor: pointer; 71} 72 73/* ************************************************************************ */ 74/* ãªã¹ãé¨ */ 75/* ************************************************************************ */ 76#circle_list{ 77 table-layout: fixed; 78 width: 945px; 79 border-collapse: collapse; 80} 81 82#circle_list th, #circle_list td{ 83 overflow: hidden; 84 vertical-align: top; 85} 86#circle_list thead th { white-space: nowrap; text-align: left; } 87#circle_list thead th.th-price{ font-size:16px; } 88 89/* åãã¨ã®è¡¨ç¤ºã«ã¼ã« */ 90#circle_list td.space { white-space: nowrap;} 91#circle_list td.circle{ overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} 92/* #circle_list td.price { text-align: center; white-space: nowrap; font-variant-numeric: tabular-nums; } */ 93 94#circle_list tbody tr.is-hidden { display:none !important; } 95 96/* é表示ç¨ï¼é åºã¯ç¶æï¼ */ 97tr.is-hidden{ display:none !important; } 98 99/* ************************************************************************ */ 100/* ãã®ä»ã¿ã°å¥ */ 101/* ************************************************************************ */ 102 103/* ã¿ã¤ãã«è¡ï¼ä¸é¨ã® h1 ã¨ãã®ãªã³ã¯ï¼ */ 104h1{ 105 margin:0; 106 padding-top:10px; /* æ§å¤é¨CSSã®å¤ãè¸è¥² */ 107 padding-bottom:10px; 108 font-weight:bolder; 109 font-size:24px; 110 text-decoration:none; 111} 112h1 a{ 113 color:#FFF; 114 font-family: Verdana; 115 text-decoration:none; 116 font-weight:bolder; 117} 118 119/* ä¸é¨ã®èª¬æããã¹ãï¼.descriptionï¼ */ 120.description{ 121 color:#F0F0F0; 122 font-size:12px; 123 font-family: Verdana; 124 font-weight:bold; 125 line-height:140%; 126 padding:0 10px 0 0; 127} 128 129/* ************************************************************************************************* */ 130/* æ´é */ 131/* ************************************************************************************************* */ 132 133/* å ±éã®æ¨ªå¹ ã»ã³ã¿ã¼å¯ãï¼å 955pxï¼ãå¿ è¦ãªè¦ç´ ã« class="wrap" ãä»ãã */ 134.wrap { max-width: 955px; margin: 0 auto; } 135 136/* ãã¬ã¤ãªã¹ãåãè¾¼ã¿ãä¸å¤®ã«ãã¬ã¹ãã³ã·ããå°ãã ã */ 137.media-center{ text-align: center; margin-bottom: 12px; } 138.media-center .yt-embed{ 139 width: min(100%, 640px); 140 aspect-ratio: 16 / 9; 141 height: auto; 142 border: 0; 143} 144 145/* ããã¿ã¼ */ 146#footer{ clear:left; width:100%; } 147 148/* ï¼1ï¼header è¦åºã帯 */ 149.page-header{ 150 font-family: Verdana; 151 background-color: #1E2127; 152 padding: 10px 10px 0 25px; 153 text-align: left; 154} 155 156/* ï¼2ï¼ãã¼ã¸å ¨ä½ã®åå° */ 157body{ 158 font-family: Verdana, ui-sans-serif, system-ui, "Noto Sans JP", sans-serif; 159 background-color:#272A31; 160 color:#A2A0A0; 161 margin:0; 162 padding:0; 163 /* text-align:left; */ 164} 165a{ color:#C8C8A0; text-decoration:none; } 166a:hover{ color:#E9C971; text-decoration:underline; } 167 168/* ï¼3ï¼ä»¶æ°ãã㸠*/ 169#svFilter a[data-count]::after { content:" (" attr(data-count) ")"; opacity:.8; } 170 171/* ï¼4ï¼ããã¯ã¹å¨ã */ 172.list{ 173 text-align: left; 174 background-color:#2E3138; 175 margin-bottom: 15px; 176 line-height: 120%; 177 color:#A2A0A0; 178} 179 180.list{ 181 padding: 0 10px 15px 25px; /* 横㯠25 / 10 ã«çµ±ä¸ */ 182} 183 184/* ï¼5ï¼ãã¼ãã«æåè² */ 185.list th, .list td{ 186 color:#A2A0A0; 187 line-height:150%; 188 padding-left:15px; 189 border:1px solid; 190} 191.list table{ 192 font-size:14pt; 193 border-collapse: collapse; 194 border:1px solid #C0C0C0; 195} 196 197/* 7ï¼ãã°ã«ãã¿ã³ */ 198.global-toggle { display: inline-block; margin: 6px 4px; } 199 200/* 8) åæé³å£°ãããï¼IDâclassç§»è¡ï¼å¾è¿°ã®HTMLç½®æå¾ã«ãã¡ãã使ãï¼ */ 201.chip--sv, .chip--svpart{ 202 display:inline-flex; align-items:center; gap:.4em; 203 padding:.22rem .22rem; height:1.8em; border-radius:9999px; 204 font: 600 12px/1.1 Verdana, ui-sans-serif, system-ui, "Noto Sans JP", sans-serif; 205 letter-spacing:.02em; white-space:nowrap; vertical-align:middle; 206 background: linear-gradient(180deg, rgba(255,255,255,.08), rgba(255,255,255,.03)); 207 border:1px solid rgba(255,255,255,.16);
208 box-shadow: inset 0 .5px 0 rgba(255,255,255,.1), 0 4px 14px rgba(0,0,0,.25); 209} 210.chip--sv{ color:#ff7a8a; border-color:rgba(255,122,138,.45); } 211.chip--svpart{ color:#f6c25b; border-color:rgba(246,194,91,.45); } 212 213/* 9) ã©ã³ã¯è²ï¼IDâclass */ 214td.rank-A, td.rank-B, td.rank-C{ 215 color:#000000; 216 border-color:#C0C0C0; 217 font-weight:bold; 218 padding:0 3px; 219 text-align:center; 220} 221td.rank-A{ background:#EE0000; } 222td.rank-B{ background:#FFCC66; } 223td.rank-C{ background:#99FF99; } 224 225/* åçä¸ã®è¡ã¯ããã£ã«ã¿ã§é ããã¦ãã¦ã表示 */ 226#circle_list tbody tr.force-show{ display: table-row !important; } 227 228/* ããã¸ãä»ãã1åç®ã»ã«ãã¢ã³ã«ã¼ã«ãã */ 229#circle_list tbody tr.is-nowplaying{ 230 position: relative; 231} 232 233/* â æ¢åã® overflow:hidden ã䏿¸ããããã âç¶æ ã¯ã©ã¹â ã§éå® */ 234#circle_list tbody tr.is-nowplaying{ 235 position: relative; 236 overflow: visible; /* ããã§çä¼¼è¦ç´ ãå¤å´ã«åºãã */ 237} 238 239/* åçä¸ãããã°ç¨ã®å°ããªãªã¼ãã¼ã¬ã¤ */ 240#np-debug-box{ 241 position: fixed; 242 right: 10px; 243 bottom: 10px; 244 background: rgba(0,0,0,.7); 245 color: #fff; 246 font: 12px/1.4 Verdana, ui-sans-serif, system-ui, "Noto Sans JP", sans-serif; 247 padding: 8px 10px; 248 border-radius: 6px; 249 z-index: 99999; 250 pointer-events: none; 251 white-space: nowrap; 252} 253 254/* 1) è¡ã®ç¸¦ä½ç½®ã¯å¸¸ã«ä¸å¤® */ 255#circle_list th, #circle_list td{ 256 vertical-align: middle; 257} 258 259/* 2) è¡ã®é«ããããã(1.8em â 33.6px)ã«åããã¦çµ±ä¸ */ 260.list td, .list th{ 261 line-height: 34px; /* 33.6px ã§ãå¯ */ 262} 263 264/* 念ã®ããï¼ã»ã«å ã®ãªã¼ãã¼ããã¼ã¯ä»ã¾ã§éãé ã */ 265#circle_list th, #circle_list td{ overflow: hidden; } /* vertical-align æå®ã¯ä¸ã®ã«ã¼ã«ã§ä¸æ¸ã */ 266 267#circle_list td.price{ 268 text-align: right; 269 font-variant-numeric: tabular-nums; 270} 271 272/* ãã°ã«ã®å³ã«å°ãããã³ã表示 */ 273.embed-controls{ 274 display:flex; align-items:center; gap:8px; flex-wrap:wrap; 275 margin: 4px 0 6px; 276} 277.kbd-hint{ 278 font-size:11px; opacity:.8; color:#A2A0A0; white-space:nowrap; 279} 280.kbd-hint kbd{ 281 display:inline-block; padding:2px 6px; margin:0 2px; 282 border:1px solid rgba(255,255,255,.25); 283 border-radius:4px; background:#1E2127; 284 font: 600 11px/1 Verdana, ui-sans-serif, system-ui, "Noto Sans JP", sans-serif; 285 letter-spacing:.02em; 286} 287 288/* åçã¢ã¤ã³ã³ç¨ã®å°ããªæªè¦è´ãã㸠*/ 289.playwrap{ display:inline-block; position:relative; line-height:0; } 290.playwrap .unwatched-badge{ 291 position:absolute; top:-2px; right:-2px; 292 width:7px; height:7px; border-radius:50%; 293 background:#FFD54A; border:1px solid #fff; box-shadow:0 0 2px rgba(0,0,0,.5); 294 pointer-events:none; 295} 296.playwrap.is-watched .unwatched-badge{ display:none; } 297 298/* å°å·ã§ã¯é表示 */ 299@media print{ .unwatched-badge{ display:none !important; } } 300 301/* ãç¥ããè¡ç¨ */ 302.watch-hint{ font-size:11px; color:#A2A0A0; opacity:.9; } 303.watch-hint a{ color:#C8C8A0; text-decoration:underline; } 304 305/* åçæ¡å ãããã¯ï¼center 代æ¿ï¼ */ 306.notice{ 307 text-align:center; 308 margin: 6px 0 8px; 309} 310.notice p{ margin:0; } 311.notice p + p{ margin-top:4px; } /* 2è¡ç®ã®ä½ç½ã ãä»ãã */ 312.notice .icon-yt, 313.notice .icon-x{ 314 vertical-align: middle; /* ããã¹ãã¨é«ããæãã */ 315 margin: 0 2px; 316} 317 318/* ä¸å¤®å¯ãã¯ãã®ã¾ã¾æ´»ãã */ 319.media-center { text-align: center; margin-bottom: 12px; } 320 321/* ãã¬ã¤ã¤ã¼ãä¸å¤®åºæºã«ããããã®å å´ã©ãã */ 322.player-wrap { 323 display: inline-block; /* â ããã§ãå¡ã¨ãã¦ä¸å¤®ãã«ãªã */ 324 position: relative; /* â åã® np-card ããã®ç®±åºæºã§çµ¶å¯¾é ç½® */ 325} 326 327/* IFrame Player API ãæ¿å ¥ããiframeã®å¯¸æ³ï¼425Ã240åºå®ï¼ */ 328.player-wrap iframe { 329 display: block; 330 width: 425px; 331 height: 240px; 332 border: 0; 333} 334 335/* é»ãå¹ãåºãï¼ã³ã¡ã³ãã ãï¼ */ 336.np-bubble{ 337 position: absolute; 338 left: calc(100% + 10px); /* å³ã«10px空ãã¦æ·»ãã */ 339 bottom: 0; /* ä¸ç«¯æã */ 340 width: 240px; /* ã好ã¿ã§ 260ã360px */ 341 background: rgba(0,0,0,.88); 342 color: #EDEDED; 343 border: 0; /* æ ç·ãªã */ 344 border-radius: 10px; 345 padding: 10px 12px; 346 box-shadow: 0 8px 22px rgba(0,0,0,.45); 347 font: 12px/1.55 Verdana, "Noto Sans JP", ui-sans-serif; 348 text-align: left; 349 white-space: pre-wrap; /* æ¹è¡ããã®ã¾ã¾è¡¨ç¤º */ 350 word-break: break-word; 351 z-index: 2; /* 念ã®ãã */ 352} 353 354/* ãã¬ã¤ã¤ã¼å´ã¸åããå°ããªä¸è§ï¼ãã£ã½ï¼ */ 355.np-bubble::before{ 356 content:""; 357 position:absolute; 358 right:100%; 359 bottom: 12px; /* ãã£ã½ã®é«ã */ 360 border:6px solid transparent; 361 border-right-color: rgba(0,0,0,.88); 362} 363 364/* ç»é¢ãçãæã¯ãã¬ã¤ã¤ã¼ã®ä¸ã«å³ä¸éãï¼ã¯ã¿åºã鲿¢ï¼ */ 365@media (max-width: 860px){ 366 .np-bubble{ 367 left: auto; 368 right: 8px; 369 bottom: 8px; 370 width: min(70vw, 300px); 371 } 372 .np-bubble::before{ display:none; } 373} 374 375.np-bubble{ 376 opacity: 0; transform: translateY(2px); 377 transition: opacity .18s ease, transform .18s ease; 378 pointer-events: none; /* ã¹ããã§ãã¬ã¤ã¤ã¼æä½ã®éªéãããªã */ 379} 380.np-bubble.is-visible{ 381 opacity: 1; transform: none; 382} 383 384.np-bubble a{ 385 color:#9ad1ff; text-decoration:underline; 386} 387.np-bubble a:visited{ color:#c7b6ff; } 388 389/* ãªã³ã¯ãã¯ãªãã¯ï¼æå鏿ã§ããããã«ãã */ 390.np-bubble{ 391 pointer-events: auto; /* â ããã«å¤æ´ */ 392 user-select: text; 393 -webkit-user-select: text; /* iOS/Safari */ 394 z-index: 10; /* 念ã®ãã */ 395} 396 397/* ã¢ãã¤ã«ã®èªåæ¡å¤§ãææ¢ï¼Chrome/Safari/Firefoxï¼ */ 398html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; } 399 400/* ââ å ¨ã¦ã®å込試è´ãã¿ã³ï¼ä»é¢¨ãã«ï¼ âââââââââââââââââââ */ 401.global-toggle{ 402 appearance:none; 403 display:inline-flex; align-items:center; gap:.45em; 404 padding:.48rem .9rem; 405 border-radius:9999px; 406 border:1px solid rgba(255,255,255,.16);
407 background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); 408 color:#EDECEC; 409 font:600 12px/1 ui-sans-serif,system-ui,Verdana,"Noto Sans JP",sans-serif; 410 letter-spacing:.02em; 411 cursor:pointer; 412 box-shadow:inset 0 .5px 0 rgba(255,255,255,.12), 0 6px 18px rgba(0,0,0,.35); 413 transition:background .2s ease, box-shadow .2s ease, transform .04s ease; 414} 415.global-toggle:hover{ 416 background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.07)); 417} 418.global-toggle:active{ transform:translateY(1px); } 419.global-toggle:focus-visible{ 420 outline:none; 421 box-shadow:0 0 0 3px rgba(255,255,255,.18), 0 0 0 6px rgba(66,153,225,.25); 422} 423/* ãéãããç¶æ ãªã©æ³¨æè²ã使ãããå ´å㯠is-danger ãä»ãã */ 424.global-toggle.is-danger{ 425 color:#fff; 426 border-color:rgba(255,92,92,.45); 427 background:linear-gradient(180deg, rgba(255,82,82,.22), rgba(255,82,82,.16)); 428} 429/* ç¡å¹æ */ 430.global-toggle[disabled], .global-toggle.is-busy{ 431 opacity:.6; cursor:default; pointer-events:none; 432} 433 434/* ã¹ããã§å°ãã³ã³ãã¯ãã« */ 435@media (max-width:600px){ 436 .global-toggle{ padding:.44rem .8rem; font-size:12px; } 437} 438 439/* ä½ç½ï¼ä»»æï¼è¡æãç¨ï¼ */ 440.global-toggle{ margin:6px 4px; } 441 442/* ç»é¢ã§ã¯ãã§ãã¯å/å°å·ã¿ã¤ãã«ã¯é ã */ 443.print-col, .print-col , .print-title { display: none; } 444 445/* 1åç®ï¼ãã§ãã¯å/é ç½®åï¼ã¯ã¿åºã許å¯ï¼åºæºå */ 446#circle_list td.print-col, 447#circle_list td.rank-A, 448#circle_list td.rank-B, 449#circle_list td.rank-C { overflow:visible; position:relative; z-index:1; } 450 451/* 念ã®ããï¼è¡ã¯ä½ç½®åºæºã®ã¾ã¾ */ 452#circle_list tbody tr { position: relative; } 453 454/* â¼ãéããåå°ï¼å é ã®å¯è¦ã»ã«ï¼= print-col ã®æ¬¡ã®ã»ã«ï¼ãç¸å¯¾é 置㫠*/ 455#circle_list tbody tr > td.print-col + td{ position:relative; } 456 457/* ââ ç¸åãï¼ç½ï¼ */ 458#circle_list tbody tr.is-playing > td.print-col + td::before, 459#circle_list tbody tr.is-nowplaying > td.print-col + td::before{ 460 content:""; 461 position:absolute; 462 top:50%; 463 transform:translateY(-50%); 464 left:-5px; /* å·¦å¤ã«åºãã®ã§ã¬ã¤ã¢ã¦ãã«å¹²æ¸ããªã */ 465 width:0; height:0; 466 border-top:10px solid transparent; 467 border-bottom:10px solid transparent; 468 border-left:13px solid #fff; /* ç½ãç¸åã */ 469 pointer-events:none; 470 z-index:2; 471} 472 473/* ââ æ¬ä½ï¼èµ¤ï¼ */ 474#circle_list tbody tr.is-playing > td.print-col + td::after, 475#circle_list tbody tr.is-nowplaying > td.print-col + td::after{ 476 content:""; 477 position:absolute; 478 top:50%; transform:translateY(-50%); 479 left:-4px; /* ç½ãã1pxå å´ã« */ 480 width:0; height:0; 481 border-top:7px solid transparent; 482 border-bottom:7px solid transparent; 483 border-left:10px solid #ff5b5b; /* 赤ãä¸è§ */ 484 pointer-events:none; 485 z-index:3; 486} 487 488/* 念ã®ããï¼è¡ã«ä»ãã¦ããæ¬ä¼¼è¦ç´ ã¯ç¡å¹å */ 489#circle_list tbody tr.is-playing::before, 490#circle_list tbody tr.is-playing::after, 491#circle_list tbody tr.is-nowplaying::before, 492#circle_list tbody tr.is-nowplaying::after{ 493 display:none !important; 494} 495 496/* è¡ã®åãè¾¼ã¿ã®ä¸ã«åºãã³ã¡ã³ãå¹ãåºã */ 497.np-bubble-row{ 498 display:inline-block; 499 margin:6px 0 0; 500 padding:6px 8px; 501 border-radius:8px; 502 background:rgba(0,0,0,.78); 503 color:#fff; 504 font:12px/1.5 Verdana, ui-sans-serif, "Noto Sans JP", sans-serif; 505 max-width:560px; /* ã»ã©ããæè¿ã */ 506 pointer-events:auto; /* ãªã³ã¯ãæ¼ãã */ 507 user-select:text; /* 鏿ã§ãã */ 508} 509.np-bubble-row a{ color:#ffe777; text-decoration:underline; } 510 511@media print{ 512 .np-bubble-row{ display:none !important; } 513} 514 515/* âââââââââ å°å·å°ç¨ âââââââââ */ 516@media print{ 517 /* ã¿ã¤ãã«ãç´ã®å é ã«è¡¨ç¤º */ 518 .print-title{ 519 display:block; 520 font: 700 16pt/1.3 ui-sans-serif,system-ui,Verdana,"Noto Sans JP",sans-serif; 521 margin: 0 0 10pt; 522 color:#000; 523 } 524 525 /* ===== ä½è¨ãªãã¼ããé ãï¼èª¬ææã»ã·ã§ã¼ãã«ããã»ãã¿ã³é¡ã»centerè¡ãªã
525©ï¼ ===== */ 526 header, .page-header, .media-center, footer, #footer, 527 #svFilter, .global-toggle, .watch-hint, .kbd-hint, .notice-line, 528 .np-bubble-wrap, .np-bubble, 529 center { display:none !important; } 530 531 #circle_list tbody tr.is-playing > td.print-col + td::before, 532 #circle_list tbody tr.is-playing > td.print-col + td::after, 533 #circle_list tbody tr.is-nowplaying > td.print-col + td::before, 534 #circle_list tbody tr.is-nowplaying > td.print-col + td::after{ 535 display:none !important; 536 } 537 538 /* ===== ãã¼ã¸å ¨ä½ãâç½å°ã«é»â㸠===== */ 539 html, body { background:#fff !important; color:#000 !important; } 540 a, a:visited { color:#000 !important; text-decoration:none !important; } 541 542 /* å ¨ä½ã®æåãµã¤ãºãå°ããï¼æ¨æºã¯9ptï¼ */ 543 html, body{ font-size:9pt !important; line-height:1.25 !important; } 544 #circle_list{ font-size:inherit !important; } 545 546 /* 罫ç·ã¨ä½ç½ãã³ã³ãã¯ãã« */ 547 #circle_list{ border-collapse:separate !important; border-spacing:0 !important; } 548 #circle_list th, #circle_list td{ 549 border:0.6pt solid #000 !important; 550 padding:1pt 3pt !important; /* 1pt 3pt */ 551 white-space:normal !important; 552 background:#fff !important; color:#000 !important; 553 } 554 555 /* listå¨ãã®ã°ã¬ã¼èæ¯ã»ä½ç½ãæ¶ã */ 556 .wrap { max-width:100% !important; margin:0 !important; } 557 #container { width:auto !important; } 558 .list { background:none !important; padding:0 !important; box-shadow:none !important; } 559 560 /* ===== ãã¼ãã«ã ããã·ã³ãã«ã«åºå ===== */ 561 #circle_list{ 562 width:100% !important; 563 table-layout:auto !important; 564 border-collapse: separate !important; 565 border-spacing: 0 !important; 566 border:1pt solid #000 !important; 567 background:#fff !important; 568 color:#000 !important; 569 } 570 #circle_list th, #circle_list td{ 571 border:1pt solid #000 !important; 572 padding:4pt 6pt !important; 573 background:#fff !important; 574 color:#000 !important; 575 white-space:normal !important; 576 overflow:visible !important; /* å°å·æã®æ æ¬ ãåé¿ */ 577 box-shadow:none !important; 578 } 579 580 /* ã©ã³ã¯è²ãªã©ã®è²é¢ãç¡å¹å */ 581 .rank-A, .rank-B, .rank-C, 582 #rank_A, #rank_B, #rank_C{ background:none !important; color:#000 !important; } 583 584 /* ===== å³ç«¯ãã¿ã°ãåãå°å·ã§ã¯é表示ã«ï¼ãã§ãã¯åã¯æ®ãï¼ ===== */ 585 #circle_list th:last-child, 586 #circle_list td:last-child { display:none !important; } 587 588 /* æ¢ã«å ¥ãã¦ãããã§ãã¯åã¯ãã®ã¾ã¾è¡¨ç¤ºï¼å¿µã®ããï¼ */ 589 .print-col{ display:table-cell !important; width:14pt; padding:0 4pt !important; } 590 .print-check{ transform:scale(1.2); margin:0 2pt; } 591 592 /* èæ¯è£ é£¾ã®ä¸æ */ 593 *{ background-image:none !important; text-shadow:none !important; } 594 595 /* ãã¼ã¸åå²ã®è³ªãå°ãæ¹åï¼å¹ããã©ã¦ã¶ã®ã¿ï¼ */ 596 #circle_list { break-inside:auto; } 597 #circle_list tr { break-inside:avoid; break-after:auto; } 598 599 /* â åçã¢ã¤ã³ã³ç³»ã¯å°å·ããªãï¼PNGã§ãSVGã§ãï¼ */ 600 #circle_list .inline-button, /* æ¢åã®åçãã¿ã³ï¼img/svgï¼ */ 601 #circle_list .text-with-button svg, /* 念æ¼ãï¼åãè¾¼ã¿å ã®SVG */ 602 #circle_list .watch-badge, /* æªè¦è´ãã㸠*/ 603 #circle_list .np-pin { /* åçä¸ã®èµ¤ãâ¼ */ 604 display:none !important; 605 } 606 607 /* â¡ åå¹ ã®æé©åï¼é ç½®ï¼1åç®ï¼ãç´°ããä¾¡æ ¼ãé©åº¦ã« */ 608 #circle_list{ table-layout:fixed !important; width:100% !important; } 609 610 /* colgroup ã®å¹ ãç¡å¹åãã¦ãã¡ãã®æå®ãåªå */ 611 #circle_list col{ width:auto !important; } 612 613 /* ãã§ãã¯å */ 614 #circle_list th:nth-child(1), 615 #circle_list td:nth-child(1){ width:16pt !important; } 616 617 /* é ç½® */ 618 #circle_list th:nth-child(2), 619 #circle_list td:nth-child(2){ width:40pt !important; } 620 621 /* ãµã¼ã¯ã« */ 622 #circle_list th:nth-child(3), 623 #circle_list td:nth-child(3){ width:100pt !important; } 624 625 /* ä½åå */ 626 #circle_list th:nth-child(4), 627 #circle_list td:nth-child(4){ width:auto !important; } 628 629 /* ä¾¡æ ¼ */ 630 #circle_list th:nth-child(5), 631 #circle_list td:nth-child(5){ width:38pt !important; } 632 633 /* ä¾¡æ ¼åã®ãµã¤ãºãç»é¢ç¨ãããªã»ãã */ 634 #circle_list th.th-price, 635 #circle_list td.price{ 636 font-size: inherit !important; /* â ããã§çµ±ä¸ */ 637 font-weight: normal !important; 638 text-align: right !important; 639 } 640 641 /* è¡ãè©°ããï¼ä½ç½ï¼è¡éãå°ããã«çµ±ä¸ */ 642 #circle_list th, 643 #circle_list td{ 644 padding: 1.5pt 3.5pt !important; 645 line-height: 1.15 !important; /* 1.10ã1.05 */ 646 vertical-align: middle !important; 647 } 648 649 /* ã»ã«å ã®è¦ç´ ãä½è¨ãª margin / line-height ãæã£ã¦ããã®ãæ½°ã */ 650 #circle_list td *{ 651 margin: 0 !important; 652 line-height: 1.15 !important; 653 } 654
655 /* è¡ã®å±éé åãã®ãã®ãæ¶ã */ 656 #circle_list .embed-area{ display:none !important; } 657 658 /* 罫ç·ãâç´°ãï¼èãâ */ 659 #circle_list{ 660 border: 0.5pt solid #777 !important; /* 夿 */ 661 } 662 #circle_list th, 663 #circle_list td{ 664 border: 0.5pt solid #999 !important; /* å å´ã®ç½«ç· */ 665 } 666 667 /* ãããè¡ã ãå°ãã ãå¼·ãããå ´åï¼ä»»æï¼ */ 668 #circle_list thead th{ 669 border-bottom: 0.75pt solid #777 !important; 670 } 671 672} 673 674#plPlayer{ 675 width:425px; 676 min-height:240px; /* iframeæ¶ãã¦ãé«ãç¶æ */ 677 background:#000; 678} 679 680</style> 681 682</head> 683 684<body data-page-updated="2025-10-25T18:02:28+09:00"> 685 686<header class="page-header wrap"> 687 <h1><a href="https://ka1.seesaa.net/" accesskey="1">kaiã®å¤å¥å¼ ç 2025ç§M3 ãã§ãã¯ãªã¹ã (2025/10/25 18:02æ´æ°)</a></h1> 688 <span class="description"> 689 2025ç§M3ã®å人çè³¼å ¥äºå®ï¼æ³¨ç®ä½ãªã¹ãã§ããå§è¨å è¤æ°ã§ãä¸é¨ã®ã¿æ²è¼ãé å¸ç©è¤æ°ã§ãåäººçæ³¨ç®ä½ã®ã¿æ²è¼ã®å ´åããã<br /> 690 â»é å¸ä¾¡æ ¼ã¯ã¤ãã³ãã§ã®ä¾¡æ ¼ã§ããéè²©ä¾¡æ ¼ã¯åãã¼ã¸ã確èªãã¦ãã ããã<br /> 691 â»åäººçæ³¨ç®åº¦ã§è²åãã(<span style="color:#FF0000;">赤</span>ï¼<span style="color:#FFCC66;">é»</span>ï¼<span style="color:#99FF99;">ç·</span>)<br /> 692 â»youtube試è´åç»ã¯ãµã¼ã¯ã«ãªã¹ãé ã<br /> 693 â»ä½ååã®é£ã®<img src="./yt_play.svg" width="20" height="20">ã<img src="./x_play.svg" width="20" height="20">ãæ¼ãã¨åè¾¼ã¿è©¦è´åç»ãåçã§ãã¾ãã<br /> 694 <!-- â»<a href="https://online.m3net.jp/">M3ãªã³ã©ã¤ã³</a><br> --> 695 â»åèï¼<a href="https://www.m3net.jp/attendance/circle2025f.php" target="_blank">M3å ¬å¼ ãµã¼ã¯ã«ãªã¹ã</a> /<a href="https://www.m3net.jp/friend/index.php" target="_blank">M3å ¬å¼ åã®ä¼ãã¥ã¼ã¹</a> /<a href="https://www.dojin-music.info/event/31/audition" target="_blank">åäººé³æ¥½.info M3-2025ç§ æ°è試è´ä¸è¦§</a><br> 696 â»åèï¼<a href="https://catalog.m3net.jp/2025f/" target="_blank">M3ãã¸ã¿ã«ã«ã¿ãã° 2025ç§</a>(è©¦è´æ©è½ãã)<br> --> 697 â»ä½æè ï¼kai (<a href="https://x.com/ka1">X</a> / <a href="https://b2-4ac.info">b2-4ac.info</a> ) 698 <br> 699 <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button" data-show-count="false">Post</a>
699<script async src="https://platform.x.com/widgets.js" charset="utf-8"></script>
699<br> 700 </span> 701</header> 702 703<div id="printTitle" class="print-title" aria-hidden="true"></div> 704 705<div class="media-center wrap"> 706 <div class="player-wrap"> 707 <div id="plPlayer"></div> 708 <div id="npVideoComment" class="np-bubble" aria-live="polite"></div> 709 </div> 710</div> 711 <!-- IFrame Player API ãèªã¿è¾¼ã¿ï¼1åã ãï¼ --> 712
712<script src="https://www.youtube.com/iframe_api"></script>
712 713 714<div class="list wrap"> 715 716<div class="notice"> 717 <p class="notice-line"> 718 â»ä½ååã®é£ã® 719 <img src="./yt_play.svg" width="20" height="20" alt="YouTubeåç" class="icon-yt"> 720 ã 721 <img src="./x_play.svg" width="20" height="20" alt="Xåç" class="icon-x"> 722 ãæ¼ãã¨åè¾¼ã¿è©¦è´åç»ãåçã§ãã¾ãã 723 </p> 724 <p class="watch-hint"> 725 æªè¦è´ã«ã¯ããã¸ã表示ã¾ãã¯åçã§æ¶ãã¾ããï¼ãã®ç«¯æ«ã®ã¿/éä¿¡ã»éè¨ãªãï¼ 726 [ <a href="#" id="markAllWatched">å ¨æ¢èª</a> / <a href="#" id="resetWatch">ãªã»ãã</a> ] 727 </p> 728</div> 729 730<div id="svFilter"> 731 <a href="#" data-filter="all" class="is-active">ãã¹ã¦</a> 732 <a href="#" data-filter="latest">ææ°</a> 733 <a href="#" data-filter="nosv">åæé³å£°ãªã</a> 734 <a href="#" data-filter="sv">åæé³å£°ã»ä¸é¨åæé³å£°</a> 735</div> 736 737<!-- å ¨ä½ãã°ã«ï¼ãã³ã --> 738<div class="embed-controls"> 739 <button id="closeAllEmbeds" class="global-toggle">å ¨ã¦ã®å込試è´ãéãã</button> 740 <span class="kbd-hint" aria-hidden="true"> 741 ã·ã§ã¼ãã«ããï¼<kbd>1</kbd>ãã¹ã¦ <kbd>2</kbd>ææ° <kbd>3</kbd>åæé³å£°ä»¥å¤ <kbd>4</kbd>åæé³å£°ã®ã¿ ï¼ <kbd>Esc</kbd>å ¨éã 742 </span> 743</div> 744 745<table id="circle_list" width="100%" border="1" cellspacing="0"> 746 <colgroup> 747 <col style="width: 100px"> <!-- é ç½® --> 748 <col style="width: 220px"> <!-- ãµã¼ã¯ã« --> 749 <col style="width: 435px"> <!-- ä½åï¼åºãï¼ --> 750 <col style="width: 90px"> <!-- ä¾¡æ ¼ --> 751 <col style="width: 100px"> <!-- ã¿ã° --> 752 </colgroup> 753<!-- ããã« ã³ãã --> 754<thead> 755<tr><th>é ç½®</th><th>ãµã¼ã¯ã«</th><th>ä½å</th><th class="th-price">é å¸ä¾¡æ ¼</th><th>ã¿ã°</th></tr> 756</thead> 757<tbody> 758<tr data-updated="2025-10-16" data-ytid="6Wt7sdZoaVQ" data-comment="qurosawaæ°ä½æ²ã®2æ²ç®ã5æ²ç®ã好ã¿ã"><td class="rank-C">A-09a</td><td class="circle"><a href="https://x.com/Amarcord1218" target="_blank">ã¢ãã«ã³ã«ã</a></td><td><div class="text-with-button" data-type="youtube" data-id="6Wt7sdZoaVQ"><a href="https://x.com/Amarcord1218/status/1975154275039973424" target="_blank">ã¢ãã«ã³ã«ã SCENE 1</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 759<tr data-updated="2025-10-17" data-ytid="tnzI147fGQQ"><td class="rank-C">B-03b</td><td class="circle"><a href="https://x.com/group_gray_gumi" target="_blank">guregumi </a></td><td><div class="text-with-button" data-type="youtube" data-id="tnzI147fGQQ"><a href="https://x.com/group_gray_gumi/status/1978822943917367310" target="_blank">ichi nen guregumi</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">800</td><td class="tags"></td></tr> 760<tr data-updated="2025-10-17" data-ytid="sxCPKaZmMwk"><td class="rank-C">B-03b</td><td class="circle"><a href="https://x.com/group_gray_gumi" target="_blank">guregumi </a></td><td><div class="text-with-button" data-type="youtube" data-id="sxCPKaZmMwk"><a href="https://x.com/group_gray_gumi/status/1978824138706878536" target="_blank">ãã°ãã¨ãã³ã¹</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">300</td><td class="tags"></td></tr> 761<tr data-updated="2025-10-16" data-ytid="3B8kKeljMhI" data-comment="ç¬ç¹ã§ããããå ¨ç¶ç¥ããªãã£ãã®ã§éå»ä½ãããã°è²·ãããã"><td class="rank-C">B-09b</td><td class="circle"><a href="https://x.com/vec_jigoku" target="_blank">å°çã®ã¹ãã¡ãã</a></td><td><div class="text-with-button" data-type="youtube" data-id="3B8kKeljMhI"><a href="https://x.com/vec_jigoku/status/1977362556101513382" target="_blank">å°çç¯</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 762<tr data-updated="2025-10-22" data-ytid="nRNqOwzXqsg"><td class="rank-C">B-22a</td><td class="circle"><a href="https://x.com/mirinn_vi" target="_blank">MIRINN</a></td><td><div class="text-with-button" data-type="youtube" data-id="nRNqOwzXqsg"><a href="https://x.com/mirinn_vi/status/1980611325014483359" target="_blank">akroma</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"></td></tr> 763<tr data-updated="2025-10-22" data-ytid="fwiPjet0WNk"><td class="rank-C">C-11a</td><td class="circle"><a href="https://x.com/utumiyqcom" target="_blank">ããã©ã£ã¨ãã</a></td><td><div class="text-with-button" data-type="youtube" data-id="fwiPjet0WNk"><a href="https://x.com/utumiyqcom/status/1979125243823202623" target="_blank">escape to the green</a> (utumiyqcom ukaihi) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"><span class="chip--svpart">ä¸é¨åæé³å£°</span></td></tr> 764<tr data-updated="2025-10-22" data-ytid="kBhPJodBP5I" data-comment="éå®Remixéãéå±ã"><td class="rank-C">C-11a</td><td class="circle"><a href="https://x.com/ukaihi" target="_blank">ããã©ã£ã¨ãã</a></td><td><div class="text-with-button" data-type="youtube" data-id="kBhPJodBP5I"><a href="https://x.com/ukaihi/status/1979125234008555718" target="_blank">ãããã®ã¨ãã¦</a> (ukaihi) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2500</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 765<tr data-updated="2025-10-16" data-ytid="3ZRs4qjONDo" data-comment="å®®èã¢ã«ã"><td class="rank-C">E-21b</td><td class="circle"><a href="https://x.com/kis_pulmo" target="_blank">ããã¿ã¼ï¼ãã¿ãªããã</a></td><td><div class="text-with-button" data-type="youtube" data-id="3ZRs4qjONDo"><a href="https://x.com/kis_pulmo/status/1977689521287307352" target="_blank">深海ä¸çã®ããªã³ã»ã¹</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 766<tr data-updated="2025-10-25" data-ytid="ZBwQhbcPpiE"><td class="rank-C">F-10a</td><td class="circle"><a href="http://shinsheena.blogspot.com/" target="_blank">Shiellinas</a></td><td><div class="text-with-button" data-type="youtube" data-id="ZBwQhbcPpiE"><a href="https://x.com/shiellinas_info/status/1981723264217997517" target="_blank">Melancholy Irises</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 767<tr data-updated="2025-10-22" data-ytid="Wd-pdegEzN0" data-comment="ãã¨ãããæ³¨ç®ã®Talich Helfenæ°ãåå ã"><td class="rank-B">F-15b</td><td class="circle"><a href="https://x.com/chi_e" target="_blank">kidlit</a></td><td><div class="text-with-button" data-type="youtube" data-id="Wd-pdegEzN0"><a href="https://www.kidlit.today/klcl001" target="_blank">Revoicing</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 768<tr data-updated="2025-10-15"><td class="rank-C">F-21a</td><td class="circle"><a href="https://x.com/tonoasami" target="_blank">Tonometer</a></td><td><div class="text-with-button" data-type="twitter" data-id="1978042762537631983"><a href="https://x.com/tonoasami/status/1978042762537631983" target="_blank">Words+Pieces</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 769<tr data-updated="2025-10-24" data-comment="ãã©ããªãºã ã»ã¨ãã¯ã¼ã«ãè¯ããããããããã¯ã©ããã®å ¥ãæ²å¥½ãã"><td class="rank-C">H-05a</td><td class="circle"><a href="https://x.com/Hylen_JP" target="_blank">Hylen Lab</a></td><td><div class="text-with-button" data-type="twitter" data-id="1981315661126304212"><a href="https://x.com/Hylen_JP/status/1981315661126304212" target="_blank">F-LEX! EP</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr>
770<tr data-updated="2025-10-08" data-ytid="-sYotUmUNQk" data-comment="6æ²ç®ã好ã¿ã500åã¯è²·ã£ã¡ããã§ããã"><td class="rank-C">I-17b</td><td class="circle"><a href="https://x.com/chamolome" target="_blank">ã¡ãããã</a></td><td><div class="text-with-button" data-type="youtube" data-id="-sYotUmUNQk"><a href="https://x.com/chamolome/status/1975516462963171415" target="_blank">æªç¢ºè»é</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"><span class="chip--svpart">ä¸é¨åæé³å£°</span></td></tr> 771<tr data-updated="2025-10-01" data-ytid="BoBTZqdp00g" data-comment="2æ²ç®ã好ã¿ã<a href="https://www.youtube.com/watch?v=kCaCg672hSE">ã³ã³</a>ã§ãã«è¦è´å¯è½ã åæé³å£°ã¯3æ²ç®ã®ã¿ãè£å½ã"><td class="rank-C">I-22b</td><td class="circle"><a href="https://x.com/arcairis" target="_blank">ArcaIris</a></td><td><div class="text-with-button" data-type="youtube" data-id="BoBTZqdp00g"><a href="https://x.com/ArcaIris_/status/1973327548257018342" target="_blank">Florilège</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1500</td><td class="tags"><span class="chip--svpart">ä¸é¨åæé³å£°</span></td></tr> 772<tr data-updated="2025-10-22" data-ytid="nWeCVpjTvKc" data-comment="3æ²ç®ã¯ãã«ã³ã¬2025å¤ã«ã¼ãã¼ã§ç§ãããããã®æ²ã"><td class="rank-C">J-08a</td><td class="circle"><a href="https://x.com/saaa_otoge" target="_blank">ã¦ãªã¦ãª</a></td><td><div class="text-with-button" data-type="youtube" data-id="nWeCVpjTvKc"><a href="https://uouo-0005-ap.netlify.app/" target="_blank">Another Place</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 773<tr data-updated="2025-10-22" data-ytid="DHkv8_U-xU0" data-comment="ãã声ã "><td class="rank-B">L-05b</td><td class="circle"><a href="https://youtube.com/@kopfstimme-tomebathy" target="_blank">Kopf stimme</a></td><td><div class="text-with-button" data-type="youtube" data-id="DHkv8_U-xU0"><a href="https://x.com/toumeinokuni/status/1979896203321205023" target="_blank">éãã¨ããè¨æ¶</a> (ã¨ãããã®ãã«) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 774<tr data-updated="2025-10-23" data-ytid="WDMTY0HyiQ0"><td class="rank-C">L-05b</td><td class="circle"><a href="https://youtube.com/@kopfstimme-tomebathy" target="_blank">Kopf stimme</a></td><td><div class="text-with-button" data-type="youtube" data-id="WDMTY0HyiQ0"><a href="https://x.com/toumeinokuni/status/1980975048459759785" target="_blank">Parallel 1</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 775<tr data-updated="2025-10-16" data-ytid="O7GK1Vqwz4s" data-comment="é£ç±æã¯å¤§ånayutaã£ã½ãåºã¦ã¦ãããã"><td class="rank-C">N-16b</td><td class="circle"><a href="https://x.com/sakran_ms" target="_blank">La+Line</a></td><td><div class="text-with-button" data-type="youtube" data-id="O7GK1Vqwz4s"><a href="https://x.com/sakran_ms/status/1978099742086197590" target="_blank">å»ãããå£ç¯ã¨æ¥è¨å¸³ feat.é£ç±æ</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 776<tr data-updated="2025-10-22" data-ytid="MPlVSHBpb-0"><td class="rank-C">O-18b</td><td class="circle"><a href="https://n0.com/a/szucg9ntbgwe" target="_blank">Nemurimachi </a></td><td><div class="text-with-button" data-type="youtube" data-id="MPlVSHBpb-0"><a href="https://x.com/Nemurimachi_3/status/1978843940968161549" target="_blank">YORU no POP</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 777<tr data-updated="2025-10-22" data-ytid="9fHDtomQuKM" data-comment="XFDæ©ãè´ãããã£ããããããæ°æã¡è¯ããã¤ãããã"><td class="rank-A">O-19b</td><td class="circle"><a href="https://x.com/exsy_ugoemo" target="_blank">ãããã¨ã¢èª¿</a></td><td><div class="text-with-button" data-type="youtube" data-id="9fHDtomQuKM"><a href="https://x.com/exsy_ugoemo/status/1980952282671071285" target="_blank">ãªããã¯ã¼ãº</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1500</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 778<tr data-updated="2025-10-22" data-ytid="8JUF13pqkcQ"><td class="rank-C">R-04a</td><td class="circle"><a href="https://www.youtube.com/@sumeshiiia.k.a.virtualosushi" target="_blank">sumeshiiiã¨é¹¿ããã</a></td><td><div class="text-with-button" data-type="youtube" data-id="8JUF13pqkcQ"><a href="https://x.com/sikawalk_c/status/1979746644330762256" target="_blank">çæ´»ã®ã·ã¥ãã¼ã«</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 779<tr data-updated="2025-10-01"><td class="rank-C">R-07a</td><td class="circle"><a href="https://x.com/haru_vrchat" target="_blank">Takanashi Haruka</a></td><td><div class="text-with-button" data-type="twitter" data-id="1974399100083937452"><a href="https://x.com/haru_vrchat/status/1974399100083937452" target="_blank">Afterglow</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"></td></tr> 780<tr data-updated="2025-10-22"><td class="rank-C">S-01ab</td><td class="circle"><a href="https://www.v-comm.jp/campaigns/508" target="_blank">ã¢ã©ãºã¨</a></td><td><div class="text-with-button" data-type="twitter" data-id="1979870896908304398"><a href="https://x.com/utugi_xox/status/1979870896908304398" target="_blank">Draw Edge</a> (ã¼ããã¡ã¯ãããã) <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1200</td><td class="tags"></td></tr> 781<tr data-updated="2025-10-22" data-ytid="eEV4lpBQo3c"><td class="rank-C">S-09ab</td><td class="circle"><a href="https://x.com/ubique_city" target="_blank">ubique</a></td><td><div class="text-with-button" data-type="youtube" data-id="eEV4lpBQo3c"><a href="https://x.com/ubique_city/status/1979850259661541785" target="_blank">solitude</a> (ç¬åèªÃéé£) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 782<tr data-updated="2025-10-23"><td class="rank-C">U-07b</td><td class="circle"><a href="https://x.com/wagataki_v" target="_blank">wagataki</a></td><td><div class="text-with-button" data-type="twitter" data-id="1981299567099597194"><a href="https://x.com/vi_2anite/status/1981332355223781442" target="_blank">å¿ã®æ¨æ¬</a> (Viviα) <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 783<tr data-updated="2025-10-22" data-comment="ã¿ã¤ãã«éãã®å¿å°ããã¢ã³ãã¨ã³ãã6æ²ç®ã®ã¿åæé³å£°Feng Yiã®ãã¼ã«ã«æ²ã"><td class="rank-C">
783ã-17a</td><td class="circle"><a href="https://x.com/RistNS" target="_blank">Off-Tone </a></td><td><div class="text-with-button" data-type="twitter" data-id="1979502731237958020"><a href="https://x.com/RistNS/status/1979502731237958020" target="_blank">Gentle Slumber</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 784<tr data-updated="2025-10-11" data-ytid="8Fja3VmbCQ0" data-comment="ã¦ã£ã¹ãã¼ãª2æ²ç®ãã¾ãã«ç§å¥½ã¿ã"><td class="rank-C">ã-05a</td><td class="circle"><a href="https://x.com/Yutogi_kataru" target="_blank">Lunaphia</a></td><td><div class="text-with-button" data-type="youtube" data-id="8Fja3VmbCQ0"><a href="https://yutogiseto.fanbox.cc/posts/10710420" target="_blank">黿ããé ã</a> (ç¬æ¸ã¦ãã®) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1500</td><td class="tags"></td></tr> 785<tr data-updated="2025-10-22" data-comment="æ²ã声ã好ã¿ãç¡æé å¸ï¼"><td class="rank-C">ã-12b</td><td class="circle"><a href="https://x.com/harmoniart_P" target="_blank">harmoniart</a></td><td><div class="text-with-button" data-type="twitter" data-id="1981314663179493837"><a href="https://x.com/hidetonekorock/status/1977683232490418305" target="_blank">Zeta/Emotion File</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">0</td><td class="tags"></td></tr> 786<tr data-updated="2025-10-22"><td class="rank-C">ã-16b</td><td class="circle"><a href="https://x.com/phrilli" target="_blank">phrilli</a></td><td><div class="text-with-button" data-type="twitter" data-id="1979865301052432521"><a href="https://x.com/phrilli/status/1979865301052432521" target="_blank">ãµã¤ãã·ã¥ã¢</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"></td></tr> 787<tr data-updated="2025-10-16" data-ytid="G56C-9gjG0s" data-comment="1æ²ç®ã®ä½æ²ãTalich Helfenæ°ã
787"><td class="rank-C">ã-28a</td><td class="circle"><a href="https://x.com/muse_energy" target="_blank">ENA Studio</a></td><td><div class="text-with-button" data-type="youtube" data-id="G56C-9gjG0s"><a href="https://x.com/knt_sml/status/1978414565118341294" target="_blank">Far Out / Raining on the Moon</a> (Somel) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"></td></tr> 788<tr data-updated="2025-10-22" data-ytid="-xpDmC_Xcl4" data-comment="2æ²ç®ãã«ãã³è¯ããããç¡æé å¸ï¼"><td class="rank-B">ã-17b</td><td class="circle"><a href="https://tudtmworkshop.wixsite.com/home/music" target="_blank">æ±å大å¦DTMå好ä¼</a></td><td><div class="text-with-button" data-type="youtube" data-id="-xpDmC_Xcl4"><a href="https://x.com/ionazun_music/status/1979861141590536350" target="_blank">æ¯ã®è¼ªé</a> (vionan feat. éªæã¦ã) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">0</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 789<tr data-updated="2025-10-15"><td class="rank-C">ã-08a</td><td class="circle"><a href="https://x.com/Lart_lier" target="_blank">L'art lier</a></td><td><div class="text-with-button" data-type="twitter" data-id="1976213018213278121"><a href="https://x.com/Lart_lier/status/1976213018213278121" target="_blank">ã¯ãã¾ãã®è®æ</a> <img src="x_play.svg" alt="Xåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 790<tr data-updated="2025-10-23" data-ytid="EJelswp-hLA" data-comment="ã¤ã³ã¹ãã"><td class="rank-C">ã-18a</td><td class="circle"><a href="https://x.com/Zuatya" target="_blank">ç½ã¨é»ã®çé</a></td><td><div class="text-with-button" data-type="youtube" data-id="EJelswp-hLA"><a href="https://x.com/Zuatya/status/1980212406086181372" target="_blank">å¤¢å¢ ãDream Stateã</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"></td></tr> 791<tr data-updated="2025-10-11" data-ytid="2C3lFH1f054" data-comment="4æ²ç®ã好ã¿ã"><td class="rank-C">ã-39a</td><td class="circle"><a href="https://x.com/Hiasane_" target="_blank">æ¥ããå¯</a></td><td><div class="text-with-button" data-type="youtube" data-id="2C3lFH1f054"><a href="https://x.com/Hiasane_/status/1976603617281867937" target="_blank">å ã¨ããã¹</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 792<tr data-updated="2025-10-16" data-ytid="xU-buSPLSZk" data-comment="è±éåå¬ã8å¹´ã¶ãã®åå ãããã11å¹´åã®Dreaminï¼Dreaminãæã£ã¦ã¾ããï¼"><td class="rank-C">ã¯-03y</td><td class="circle"><a href="http://www.glass-moon.com/" target="_blank">glassmoon</a></td><td><div class="text-with-button" data-type="youtube" data-id="xU-buSPLSZk"><a href="https://x.com/miu_gm0729/status/1977153399767679475" target="_blank">èæ-twilight-</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 793<tr data-updated="2025-10-08" data-ytid="rwY689szwAs" data-comment="4æ²ç®ã好ã¿ãè±éåå¬ãå°æ¥å è±ãGumiã"><td class="rank-C">ã¯-34y</td><td class="circle"><a href="https://x.com/katedama" target="_blank">katedama</a></td><td><div class="text-with-button" data-type="youtube" data-id="rwY689szwAs"><a href="https://x.com/katedama/status/1972279914599764254" target="_blank">Epilogue</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--sv">åæé³å£°</span></td></tr> 794<tr data-updated="2025-10-22" data-ytid="ee0BIIyGnU4" data-comment="ã¡ãã¬ã¼å½¢å¼ã®ç©èªé³æ¥½ã"><td class="rank-C">ã³-10b</td><td class="circle"><a href="https://x.com/i9_starbirds" target="_blank">i9ã®è³¼è²·é¨ï¼åºå¼µæ</a></td><td><div class="text-with-button" data-type="youtube" data-id="ee0BIIyGnU4"><a href="https://x.com/i9_starbirds/status/1979855106914071012" target="_blank">å¾ã</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"><span class="chip--svpart">ä¸é¨åæé³å£°</span></td></tr> 795<tr data-updated="2025-10-22" data-ytid="POgvQ-9Xm04"><td class="rank-C">ã³-16b</td><td class="circle"><a href="https://x.com/yonishi_424" target="_blank">yonishi</a></td><td><div class="text-with-button" data-type="youtube" data-id="POgvQ-9Xm04"><a href="https://x.com/yonishi_424/status/1980220659205820518" target="_blank">Phase 2</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 796<tr data-updated="2025-10-24" data-ytid="WwCrIl89COI"><td class="rank-C">
796ãµ-21a</td><td class="circle"><a href="https://x.com/sumi_yamaka" target="_blank">YAMAKA</a></td><td><div class="text-with-button" data-type="youtube" data-id="WwCrIl89COI"><a href="https://x.com/sumi_yamaka/status/1979518199432691998" target="_blank">ãã ã¤ã¿ãæ³³ã</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1000</td><td class="tags"></td></tr> 797<tr data-updated="2025-10-13" data-ytid="G0nn-3tRBWc" data-comment="声ã®åºãæ¹ããããããçã£ãããããéã声ã§è´ãã¦ã¦æ°æã¡è¯ãã"><td class="rank-C">ãµ-23a</td><td class="circle"><a href="https://x.com/tuggt_" target="_blank">ãã¤ãã¤çå½</a></td><td><div class="text-with-button" data-type="youtube" data-id="G0nn-3tRBWc"><b>[å§è¨]</b><a href="https://thephantomthief-lutzel.netlify.app/" target="_blank">æªçã«ãã§ã«ã®è¯éºãªãäºåç¶</a> (ãã) <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">2000</td><td class="tags"></td></tr> 798<tr data-updated="2025-10-05" data-ytid="NxFgT87wnjk" data-comment="<a href="https://counterspelljp.bandcamp.com/album/--2">bandcamp</a>ã§æ¢ã«é ä¿¡ä¸ã"><td class="rank-C">ã·-11b</td><td class="circle"><a href="https://x.com/mimir0102" target="_blank">Counterspell</a></td><td><div class="text-with-button" data-type="youtube" data-id="NxFgT87wnjk"><a href="https://counterspelljp.bandcamp.com/album/--2" target="_blank">ãã¨åº§Î±æ</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">500</td><td class="tags"></td></tr> 799<tr data-updated="2025-10-12" data-ytid="J1KFLqKByVA" data-comment="5æ²ç®ã好ã¿ãè±éåå¬ã"><td class="rank-B">ã·-18a</td><td class="circle"><a href="https://x.com/afst335" target="_blank">ã¢ããªã«ã³ãµãã¼ã¿ã¤ã </a></td><td><div class="text-with-button" data-type="youtube" data-id="J1KFLqKByVA"><a href="https://x.com/afst335/status/1977343515131846738" target="_blank">UTSUROI</a> <img src="yt_play.svg" alt="yåç" class="inline-button toggle-button" width="20" height="20"><div class="embed-area"></div></div></td><td class="price">1500</td><td class="tags"><span class="chip--svpart">ä¸é¨åæé³å£°</span></td></tr> 800</tbody> 801</table> 802</div> 803 804<footer id="footer" class="wrap"></footer> 805
806<script> 807 808// ===== YTãã¬ã¤ã¤ã¼çæã®å ç¢ãã¼ãï¼æå°ãããï¼ ===== 809window.plPlayer = window.plPlayer || null; 810 811let _plRetry = 0; 812let _plTimer = null; 813 814// APIã¹ã¯ãªããã確å®ã«èªã¿è¾¼ã 815function ensureYTScript(){ 816 if (window.YT && YT.Player) return true; 817 if (!document.getElementById('yt-iframe-api')) { 818 const s = document.createElement('script'); 819 s.src = 'https://www.youtube.com/iframe_api'; 820 s.id = 'yt-iframe-api'; 821 document.head.appendChild(s); 822 } 823 return false; 824} 825 826// â¡ ãã¬ã¤ã¤ã¼çæé¢æ° 827function createPlPlayer(){ 828 const host = document.getElementById('plPlayer'); 829 if (!host) return false; 830 831 // æ¢ã«ä½ææ¸ã¿ãªãä½ãããªã 832 if (window.plPlayer && typeof plPlayer.getIframe === 'function') return true; 833 834 // APIãã¾ã ãªãä½ããªã 835 if (!(window.YT && YT.Player)) return false; 836 837 window.plPlayer = new YT.Player('plPlayer', { 838 width: 425, 839 height: 240, 840 playerVars: { 841 listType: 'playlist', 842 list: 'PLBl9lbnm9dYoHzoHlzsAS-pogXTmpe7GJ', 843 rel: 0, 844 modestbranding: 1 845 }, 846 events: { onReady: onPLReady, onStateChange: onPLStateChange } 847 }); 848 return true; 849} 850 851// ⢠APIæºåæã®å ¬å¼ã³ã¼ã«ãã㯠â ãã ã¡ã«çæã試ã¿ã 852window.onYouTubeIframeAPIReady = function(){ 853 createPlPlayer(); 854}; 855 856// ⣠åæåãâå°ãã ãâãªãã©ã¤ï¼Chromeã®F5ã§APIã ãæãã対çï¼ 857function bootPlayerWithRetry(){ 858 clearInterval(_plTimer); 859 _plRetry = 0; 860 _plTimer = setInterval(()=>{ 861 const apiReady = ensureYTScript(); // ç¡ããã°æ¿ã 862 const made = createPlPlayer(); // ä½ãããªãä½ã 863 if (apiReady && made){ 864 clearInterval(_plTimer); 865 }else if (++_plRetry > 20){ // æå¤§ ~10ç§ï¼500ms à 20ï¼ 866 clearInterval(_plTimer); 867 } 868 }, 500); 869} 870 871// DOMæç»ç´å¾ & BFCache復帰æã«ãåè©¦è¡ 872document.addEventListener('DOMContentLoaded', bootPlayerWithRetry); 873window.addEventListener('pageshow', bootPlayerWithRetry); 874 875(function () { 876 // å°å·ç¨ã¿ã¤ãã«ã« <title> ãå ¥ãã 877 const pt = document.getElementById('printTitle'); 878 if (pt) pt.textContent = document.title || ''; 879 880 // ãã¼ãã«å é ã«âãã§ãã¯åâã追å ï¼ç»é¢ã§ã¯é表示ãå°å·æã ãè¡¨ç¤ºï¼ 881 const table = document.getElementById('circle_list'); 882 if (!table || !table.tHead || !table.tBodies[0]) return; 883 884 // ããã 885 const hrow = table.tHead.rows[0]; 886 const th = document.createElement('th'); 887 th.className = 'print-col'; 888 th.textContent = 'â'; // è¦åºãï¼å°åæã®ç®å°ï¼ 889 hrow.insertBefore(th, hrow.cells[0]); 890 891 // åè¡ 892 Array.from(table.tBodies[0].rows).forEach(tr => { 893 const td = document.createElement('td'); 894 td.className = 'print-col'; 895 const cb = document.createElement('input'); 896 cb.type = 'checkbox'; 897 cb.className = 'print-check'; 898 td.appendChild(cb); 899 tr.insertBefore(td, tr.cells[0]); 900 }); 901})(); 902 903// === æ¢èªç®¡çï¼localStorageï¼ === 904const LS_WATCHED_KEY = 'm3list:watched'; 905const loadWatched = () => { try { return JSON.parse(localStorage.getItem(LS_WATCHED_KEY)) || {}; } catch { return {}; } }; 906const saveWatched = (map) => localStorage.setItem(LS_WATCHED_KEY, JSON.stringify(map)); 907 908const normalizeId = (type, raw) => { 909 let s = (raw || '').trim(); 910 if (type === 'youtube') s = s.split('?')[0]; // ?start= ãªã©é¤å» 911 if (type === 'twitter') s = s.replace(/\D+/g,''); // æ°åã ã 912 return s; 913}; 914const mediaKey = (type, raw) => (type === 'youtube' ? 'yt:' : 'x:') + normalizeId(type, raw); 915 916// ã¹ã¯ãªããã®å é ã§ 917var plPlayer = null; // â var ã§âå ã«âç¨æï¼let/constã¯ä½¿ããªãï¼ 918 919function setWatchedByKey(key, on=true){ 920 const map = loadWatched(); 921 if (on) map[key] = 1; else delete map[key]; 922 saveWatched(map); 923 document.querySelectorAll(`.playwrap[data-media-key="${key}"]`) 924 .forEach(w => w.classList.toggle('is-watched', !!on)); 925} 926 927function initWatchBadge(block){
928 const type = block.getAttribute('data-type'); 929 const rawId = block.getAttribute('data-id') || ''; 930 const key = mediaKey(type, rawId); 931 const btn = block.querySelector('.toggle-button'); 932 if (!btn) return; 933 934 // ã¢ã¤ã³ã³ãã©ãããã¦ããã¸ãç½®ããããã« 935 let wrap = btn.parentElement; 936 if (!wrap || !wrap.classList.contains('playwrap')){ 937 wrap = document.createElement('span'); 938 wrap.className = 'playwrap'; 939 btn.replaceWith(wrap); 940 wrap.appendChild(btn); 941 } 942 wrap.dataset.mediaKey = key; 943 if (!wrap.querySelector('.unwatched-badge')){ 944 const dot = document.createElement('span'); 945 dot.className = 'unwatched-badge'; 946 dot.title = 'æªè¦è´'; 947 wrap.appendChild(dot); 948 } 949 950 // æ¢èªç¶æ ã®åæ 951 if (loadWatched()[key]) wrap.classList.add('is-watched'); else wrap.classList.remove('is-watched'); 952 953 return { key, wrap }; 954} 955 956// ãã«ã 957function escapeHTML(s){ 958 return s.replace(/&/g,'&').replace(/</g,'<') 959 .replace(/>/g,'>').replace(/"/g,'"').replace(/'/g,'''); 960} 961 962// <a href="...">text</a> ã ã許å¯ï¼http/httpsï¼ãä»ã¯å ¨é¨ã¨ã¹ã±ã¼ãã 963function sanitizeCommentHTML(raw){ 964 // ã¾ãå ¨ã¨ã¹ã±ã¼ã 965 let html = escapeHTML(raw); 966 967 // ã¨ã¹ã±ã¼ãæ¸ã¿ã® <a> ãã¿ã¼ã³ã ãâè§£åâ
968 // href="..." ã¾ã㯠href='...' ã«å¯¾å¿ãURL㯠http/https éå®ã 969 html = html.replace( 970 /<a\s+href=(?:"([^&]*)"|'([^&]*)')\s*>([\s\S]*?)<\/a>/gi, 971 (_, d1, d2, text) => { 972 const url = (d1 || d2 || '').trim(); 973 if(!/^https?:\/\//i.test(url)) return _; // http/https 以å¤ã¯å´ä¸ 974 return `<a href="${url}" target="_blank" rel="noopener noreferrer">${text}</a>`; 975 } 976 ); 977 978 // æ¹è¡ã¯ <br> ã« 979 html = html.replace(/\r?\n/g, '<br>'); 980 return html; 981} 982 983 984 const blocks = document.querySelectorAll('.text-with-button'); 985 986 // åå¥ãã°ã«æ©è½ 987 blocks.forEach(block => { 988 const type = block.getAttribute('data-type'); 989 const id = block.getAttribute('data-id'); 990 const embedArea = block.querySelector('.embed-area'); 991 const button = block.querySelector('.toggle-button'); 992 993 // â 追å ï¼ããã¸åæå 994 const { key } = initWatchBadge(block) || {}; 995 996 button.addEventListener('click', () => { 997 toggleEmbed(block, type, id, embedArea); 998 // â 追å ï¼åå¥ã¯ãªãã¯æã¯æ¢èªå 999 if (key) setWatchedByKey(key, true); 1000 }); 1001 }); 1002 1003 // å ±éå¦çï¼ééåãæ¿ã 1004 function toggleEmbed(block, type, id, embedArea) { 1005 const isVisible = embedArea.style.display === 'block'; 1006 1007 if (isVisible) { 1008 embedArea.innerHTML = ''; 1009 embedArea.style.display = 'none'; 1010 hideRowCommentFor(block); 1011 } else { 1012 if (type === 'twitter') { 1013 embedArea.innerHTML = ` 1014 <blockquote class="twitter-tweet" data-media-max-width="300"> 1015 <a href="https://twitter.com/i/status/${id}"></a> 1016 </blockquote> 1017 `; 1018 embedArea.style.display = 'block'; 1019 twttr.widgets.load(embedArea); 1020 } else if (type === 'youtube') { 1021 embedArea.innerHTML = ` 1022 <iframe loading="lazy" src="https://www.youtube.com/embed/${id}" 1023 title="YouTube video player" 1024 allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" 1025 allowfullscreen> 1026 </iframe> 1027 `; 1028 embedArea.style.display = 'block'; 1029 } 1030 showRowCommentFor(block); 1031 } 1032 } 1033 1034const closeAllBtn = document.getElementById('closeAllEmbeds'); 1035 1036function closeAllEmbeds(){ 1037 blocks.forEach(block => { 1038 const embedArea = block.querySelector('.embed-area'); 1039 if (!embedArea) return; 1040 embedArea.innerHTML = ''; 1041 embedArea.style.display = 'none'; 1042 hideRowCommentFor(block); // â 追å 1043 }); 1044} 1045 1046closeAllBtn?.addEventListener('click', (e) => { 1047 e.preventDefault(); 1048 closeAllEmbeds(); 1049}); 1050 1051// Esc ã§å ¨éã 1052document.addEventListener('keydown', (e) => { 1053 if (e.key === 'Escape') closeAllEmbeds(); 1054}); 1055 1056// ãã¼ãã¼ãæä½ 1057document.addEventListener('keydown', (e) => { 1058 if (e.target && /input|textarea|select/i.test(e.target.tagName)) return; // ãã©ã¼ã ä¸ã¯ç¡å¹ 1059 const a = (id) => document.getElementById(id)?.click(); 1060 switch(e.key){ 1061 case '1': window.svFilterApply?.('all'); break; 1062 case '2': window.svFilterApply?.('latest'); break; 1063 case '3': window.svFilterApply?.('nosv'); break; 1064 case '4': window.svFilterApply?.('sv'); break; 1065 case 'g': a('globalToggle'); break; 1066 case 'x': a('twitterToggle'); break; 1067 } 1068}); 1069 1070(function(){ 1071 // ===== è¨å® ===== 1072 // ãã¼ã¸å ¬éæ¥ï¼Excel/VBAã§ body ã« data-page-updated ãåãã®ãçæ³ï¼ 1073 var pageUpdated = document.body.getAttribute('data-page-updated') || new Date().toISOString(); 1074 var pageDate = pageUpdated.slice(0,10); // "YYYY-MM-DD" 1075 1076 const table = document.getElementById('circle_list'); 1077 const rows = table ? Array.from(table.tBodies[0].rows) : []; 1078 1079 // åæé³å£°æ¤åºï¼IDéç¨ã¨å°æ¥ã®classéç¨ã«ä¸¡å¯¾å¿ï¼ 1080 var svSelector = '#synthesized-voice, #synthesized-voice-include, .chip--sv, .chip--svpart'; 1081 1082 function hasSV(tr){ return !!tr.querySelector(svSelector); } 1083 1084 // âææ°âã®å®ç¾©ï¼è¡ã® data-updated ããã¼ã¸å ¬éæ¥ã¨ä¸è´ 1085 function isLatest(tr){
1086 var d = tr.getAttribute('data-updated'); // "YYYY-MM-DD" 1087 return d && d === pageDate; 1088 } 1089 1090 function updateCounts(){ 1091 const counts = { 1092 all: rows.length, 1093 latest: rows.filter(isLatest).length, 1094 nosv: rows.filter(tr => !hasSV(tr)).length, 1095 sv: rows.filter(hasSV).length 1096 }; 1097 1098 // svFilterï¼ç°¡æãªã³ã¯å¸¯ï¼ã使ã£ã¦ããå ´å 1099 document.querySelectorAll('#svFilter a[data-filter]').forEach(a => { 1100 const key = a.dataset.filter; 1101 if (counts[key] != null) a.dataset.count = counts[key]; 1102 }); 1103 1104 // viewTabsï¼[role="tab"]ï¼ã使ã£ã¦ããå ´å 1105 document.querySelectorAll('#viewTabs [role="tab"]').forEach(b => { 1106 const key = b.dataset.tab; 1107 if (counts[key] != null) b.dataset.count = counts[key]; 1108 }); 1109 1110} 1111 1112// ååå®è¡ & æ¢åã® applyFilter / applyTab ã®æå¾ã§ãå¼ã¶ã¨å¸¸ã«ææ° 1113updateCounts(); 1114 1115 1116 // â使¥åâãï¼è¡ã® data-updated 㨠pageDate ã®æ¥æ°å·®ï¼ 1117 function daysAgo(tr){ 1118 var d = tr.getAttribute('data-updated'); if(!d) return 999; 1119 try{ 1120 var t1 = new Date(d + 'T00:00:00+09:00'); // JSTåºæº 1121 var t0 = new Date(pageDate + 'T00:00:00+09:00'); 1122 return Math.round((t0 - t1) / 86400000); 1123 }catch(e){ return 999; } 1124 } 1125 1126 // ----- æ´æ°ãã¤ã©ã¤ãï¼1åç®ä»¥å¤ã«æ®µéçã«ï¼ 1127 rows.forEach(function(tr){ 1128 var k = daysAgo(tr); 1129 tr.classList.remove('recency-0','recency-1','recency-2','recency-3'); 1130 if (k === 0) tr.classList.add('recency-0'); // 仿¥ 1131 else if (k === 1) tr.classList.add('recency-1'); // æ¨æ¥ 1132 else if (k === 2) tr.classList.add('recency-2'); // 䏿¨æ¥ 1133 else if (k <= 4) tr.classList.add('recency-3'); // ?4æ¥å 1134 // ãã以å¤ã¯ç¡å°ï¼èæ¯å¼·èª¿ãªãï¼ 1135 }); 1136 1137 // ----- åæé³å£°/ææ°ãã£ã«ã¿ï¼éè¡¨ç¤ºåæ¿ã®ã¿ï¼ 1138 function applyFilter(kind){ 1139 rows.forEach(function(tr){ tr.classList.remove('is-hidden'); }); 1140 1141 if (kind === 'latest'){ 1142 rows.forEach(tr => { 1143 if (!isLatest(tr) && !tr.classList.contains('force-show')){ 1144 tr.classList.add('is-hidden'); 1145 } 1146 }); 1147 } else if (kind === 'nosv'){ 1148 rows.forEach(tr => { 1149 if (hasSV(tr) && !tr.classList.contains('force-show')){ 1150 tr.classList.add('is-hidden'); 1151 } 1152 }); 1153 } else if (kind === 'sv'){ 1154 rows.forEach(tr => { 1155 if (!hasSV(tr) && !tr.classList.contains('force-show')){ 1156 tr.classList.add('is-hidden'); 1157 } 1158 }); 1159 } 1160 1161 // æ¢åã® IIFE ã®ä¸ï¼applyFilter å®ç¾©ã®å¾ãªãã©ãã§ãOKï¼ 1162 window.svFilterApply = applyFilter; // â å¤ã«å ¬é 1163 1164 // UI 1165 var f = document.querySelectorAll('#svFilter a[data-filter]'); 1166 Array.prototype.forEach.call(f, function(a){ 1167 a.classList.toggle('is-active', a.getAttribute('data-filter')===kind); 1168 }); 1169 // è¨æ¶ï¼å ±æï¼ä»»æï¼ 1170 try{ localStorage.setItem('m3list:svfilter', kind); }catch(e){} 1171 location.hash = 'tab=' + kind; 1172 } 1173 1174 // èµ·åæï¼ããã·ã¥ or è¨æ¶ or æ¢å®=ãã¹ã¦ 1175 var init = (function(){ 1176 var h = new URLSearchParams(location.hash.slice(1)).get('tab'); 1177 return h || (localStorage.getItem('m3list:svfilter') || 'all'); 1178 })(); 1179 applyFilter(init); 1180 1181 // ã¯ãªã㯠1182 var svf = document.getElementById('svFilter'); 1183 if (svf) svf.addEventListener('click', function(e){ 1184 var a = e.target.closest('a[data-filter]'); if(!a) return; 1185 e.preventDefault(); applyFilter(a.getAttribute('data-filter')); 1186 }); 1187 1188 // ===== ï¼ä»»æï¼åå¥YouTubeãã¬ã¤ã¤ã¼ã®âé å»¶æ¿å ¥âè£å© ===== 1189 // ããã¿ã³ï¼.yt-toggleï¼ãã« data-yt-id="XXXXXXXXXXX" ãä»ãã¦ããã¨ã 1190 // æ¼ããã¨ãã«åãã»ã«å ã® .yt-embed ã« iframe ãæ¿å ¥/ãã°ã« 1191 document.addEventListener('click', function(e){ 1192 var btn = e.target.closest('.yt-toggle[data-yt-id]'); if(!btn) return; 1193 e.preventDefault(); 1194 var id = btn.getAttribute('data-yt-id'); 1195 var cell = btn.closest('td') || btn.parentNode; 1196 var box = cell.querySelector('.yt-embed') || (function(){ 1197 var d = document.createElement('div'); d.className='yt-embed'; 1198 d.style.marginTop = '6px'; cell.appendChild(d); return d; 1199 })(); 1200 if (box.firstChild){ // æ¢ã«ããâãã°ã« 1201 box.style.display = (box.style.display==='none' ? '' : 'none'); 1202 return; 1203 } 1204 var ifr = document.createElement('iframe'); 1205 ifr.width = '480'; ifr.height = '270'; 1206 ifr.src = 'https://www.youtube-nocookie.com/embed/' + id + '?rel=0'; 1207 ifr.title = 'YouTube video player'; 1208 ifr.frameBorder = '0'; 1209 ifr.allow = 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share'; 1210 ifr.allowFullscreen = true; 1211 box.appendChild(ifr); 1212 }); 1213 1214})(); 1215 1216/* ãããã */ 1217 1218// === YouTubeåç»IDã®æ£è¦åï¼URLã§ãIDã§ãOKã«ããï¼ === 1219function normalizeYtId(raw){ 1220 if(!raw) return ""; 1221 if (/^[a-zA-Z0-9_-]{6,}$/.test(raw) && !/^(https?:)?\/\//.test(raw)) { 1222 return raw.split('?')[0]; 1223 } 1224 try{ 1225 const u = new URL(raw, location.href); 1226 const v = u.searchParams.get('v'); 1227 if (v) return v.split('&')[0]; 1228 const m = u.pathname.match(/\/(embed|shorts)\/([^/?#]+)/); 1229 if (m && m[2]) return m[2]; 1230 if (u.hostname === "youtu.be"){ 1231 const m2 = u.pathname.match(/^\/([^/?#]+)/); 1232 if (m2 && m2[1]) return m2[1]; 1233 } 1234 }catch(e){} 1235 return raw.split('?')[0]; 1236} 1237 1238 1239// === å<tr>ã« data-ytid ãåãè¾¼ãï¼è¡å ã® data-id ããæ½åºï¼ === 1240(function initYtIdDataset(){ 1241 document.querySelectorAll('#circle_list tbody tr').forEach(tr=>{ 1242 // ãã§ã« Excel/VBA ã§ data-ytid ãåºåã§ãããªããããåªå 1243 if (tr.dataset.ytid && tr.dataset.ytid.length){ 1244 tr.dataset.ytid = normalizeYtId(tr.dataset.ytid); 1245 return; 1246 } 1247 // è¡å ã® YouTube ãã°ã«ããæ¾ãï¼.text-with-button[data-type="youtube"]ï¼ 1248 const y = tr.querySelector('.text-with-button[data-type="youtube"]'); 1249 if (y){ 1250 const id = normalizeYtId(y.getAttribute('data-id')); 1251 if (id) tr.dataset.ytid = id; 1252 } 1253 }); 1254})(); 1255 1256// === åçä¸è¡¨ç¤ºã®ä»ä¸/è§£é¤ === 1257function clearNowPlaying(reapply = true){ 1258 document.querySelectorAll('#circle_list tbody tr.is-nowplaying') 1259 .forEach(tr => tr.classList.remove('is-nowplaying')); 1260 document.querySelectorAll('#circle_list tbody tr.force-show') 1261 .forEach(tr => tr.classList.remove('force-show')); 1262
1263 // applyFilter ã IIFE ã®å¤ããå¼ã¹ãããã«ãªã£ãã®ã§ã³ã³ã§åé©ç¨ 1264 if (reapply && typeof window.svFilterApply === 'function'){ 1265 window.svFilterApply(getActiveFilterKey()); 1266 } 1267} 1268 1269// ç¾å¨ã®ãã£ã«ã¿ãåå¾ãããã«ã 1270function getActiveFilterKey(){ 1271 const a = document.querySelector('#svFilter a.is-active[data-filter]'); 1272 return a ? a.dataset.filter : 'all'; 1273} 1274 1275function setNowPlayingByVideoId(videoId){ 1276 const vid = normalizeYtId(videoId); 1277 if (!vid) return; 1278 1279 // ã¾ãåã®å¼·å¶è¡¨ç¤ºãè§£é¤ï¼ç¾è¡ãã£ã«ã¿ãåé©ç¨ 1280 clearNowPlaying(true); 1281 1282 // æ°ããããããæ¢ã 1283 const hits = Array.from(document.querySelectorAll('#circle_list tbody tr')) 1284 .filter(tr => (tr.dataset.ytid||"") === vid); 1285 1286 if (!hits.length) return; 1287 1288 // ãããè¡ãå¼·å¶è¡¨ç¤ºï¼ãã㸠1289 hits.forEach(tr=>{ 1290 tr.classList.add('force-show'); // ãã£ã«ã¿ã«é ãããªã 1291 tr.classList.remove('is-hidden'); // 念ã®ããå³è¡¨ç¤º 1292 tr.classList.add('is-nowplaying'); 1293 }); 1294 1295 // ï¼ä»»æï¼ç»é¢å¤ã®ã¨ãã ãã¹ã¯ãã¼ã« 1296 if (typeof ensureInView === 'function') ensureInView(hits[0]); 1297} 1298 1299function ensureInView(el, margin = 24){ 1300 const r = el.getBoundingClientRect(); 1301 const vh = window.innerHeight || document.documentElement.clientHeight; 1302 if (r.top < margin || r.bottom > vh - margin){ 1303 el.scrollIntoView({ behavior:'smooth', block:'nearest' }); 1304 } 1305} 1306 1307// === IFrame Player API: åºå®ãã¬ã¤ãªã¹ãã®ç¾å¨æ² â ããã¸åæ === 1308 1309function onYouTubeIframeAPIReady(){ 1310 plPlayer = new YT.Player('plPlayer', { 1311 width: 425, 1312 height: 240, 1313 playerVars: { 1314 listType: 'playlist', 1315 list: 'PLBl9lbnm9dYoHzoHlzsAS-pogXTmpe7GJ', 1316 rel: 0, 1317 modestbranding: 1 1318 }, 1319 events: { onReady: onPLReady, onStateChange: onPLStateChange } 1320 }); 1321} 1322 1323function onPLReady(){ 1324 // åæåæï¼ã¤ã³ããã¯ã¹åå¾ãå®å®ããã¾ã§å°ãå¾ ã¤ï¼ 1325// setTimeout(updateNowPlayingFromPlayer, 300); 1326} 1327 1328function onPLStateChange(e){ 1329 if (e.data === YT.PlayerState.PLAYING) { 1330 updateNowPlayingFromPlayer(); 1331 } 1332} 1333 1334// ==== ãã¬ã¤ã¤ã¼åæï¼ä¸æ¬åï¼==== 1335let _np_lastVid = null; 1336 1337function updateNowPlayingFromPlayer(){ 1338 const p = window.plPlayer; 1339 if (!p || typeof p.getVideoData !== 'function') return; 1340 try{ 1341 const vd = p.getVideoData(); // { video_id, title, ... } 1342 if (!vd || !vd.video_id) return; 1343 if (vd.video_id === _np_lastVid) return; 1344 _np_lastVid = vd.video_id; 1345 1346 // è¾æ¸ãã¾ã ç¡ããã°ããã§çæï¼ã¿ã¤ãã³ã°å¯¾çï¼ 1347 if (!window.videoComments) buildVideoCommentMap(); 1348 1349 // å³å´ã«ã¼ãï¼ã¿ã¤ãã«ï¼ã³ã¡ã³ã 1350 const tEl = document.getElementById('npVideoTitle'); 1351 if (tEl) tEl.textContent = vd.title || 'â'; 1352 1353 // åçæã«ã³ã¡ã³ããåæ 1354 const bubble = document.getElementById('npVideoComment'); 1355 if (bubble){ 1356 const cm = (window.videoComments && window.videoComments[vd.video_id]) || ""; 1357// bubble.textContent = cm || ""; 1358 bubble.innerHTML = sanitizeCommentHTML(cm); 1359 bubble.classList.toggle('is-visible', !!cm); 1360 } 1361 1362 // æ¢èªåï¼è¡ãã¤ã©ã¤ãï¼æ¢åãã¸ãã¯ï¼ 1363 setWatchedByKey('yt:' + vd.video_id, true); 1364 setNowPlayingByVideoId(vd.video_id); 1365 }catch(e){} 1366} 1367 1368// === YouTubeåç»IDã®æ£è¦åï¼URLã§ãIDã§ãOKã«ããï¼ === 1369function normalizeVideoId(id){ 1370 if(!id) return ""; 1371 const m = String(id).match(/[A-Za-z0-9_-]{11}/); 1372 return m ? m[0] : ""; 1373} 1374 1375function buildVideoCommentMap(){ 1376 const map = {}; 1377 document.querySelectorAll('#circle_list tbody tr').forEach(tr=>{ 1378 const comment = tr.getAttribute('data-comment'); 1379 if(!comment) return; 1380 1381 // â tr ã® data-ytid ãæåªå 1382 let vid = normalizeVideoId(tr.getAttribute('data-ytid')); 1383 1384 // â¡ ç¡ããã° .text-with-button ã® data-id ããæ¨æ¸¬ 1385 if(!vid){ 1386 const blk = tr.querySelector('.text-with-button[data-id]'); 1387 if(blk) vid = normalizeVideoId(blk.dataset.id); 1388 } 1389 1390 if(vid && !map[vid]){ 1391 // VBAã§ ã«ãã¦ããå ´åã®æ¹è¡æ»ã 1392 map[vid] = comment.replace(/ /g, '\n'); 1393 } 1394 }); 1395 window.videoComments = map; 1396} 1397 1398document.getElementById('markAllWatched')?.addEventListener('click', (e)=>{ 1399 e.preventDefault(); 1400 if (!confirm('ãã¼ã¸å ã«ããå ¨ã¦ã®è©¦è´ãæ¢èªã«ãã¾ããããããã§ããï¼')) return; 1401 const map = loadWatched(); 1402 document.querySelectorAll('.playwrap[data-media-key]').forEach(w => { 1403 map[w.dataset.mediaKey] = 1; w.classList.add('is-watched'); 1404 }); 1405 saveWatched(map); 1406}); 1407 1408document.getElementById('resetWatch')?.addEventListener('click', (e)=>{ 1409 e.preventDefault(); 1410 if (!confirm('ãã®ç«¯æ«ã®è¦è´å±¥æ´ããªã»ãããã¾ããï¼')) return; 1411 localStorage.removeItem(LS_WATCHED_KEY); 1412 document.querySelectorAll('.playwrap').forEach(w => w.classList.remove('is-watched')); 1413}); 1414 1415// --- â ç»é¢èªã¿è¾¼ã¿æã«ã³ã¡ã³ãè¾æ¸ãæ§ç¯ --- 1416function normalizeVideoId(id){ 1417 if(!id) return "";
1418 const m = String(id).match(/[A-Za-z0-9_-]{11}/); 1419 return m ? m[0] : String(id).split('?')[0]; 1420} 1421const videoComments = {}; 1422document.querySelectorAll('#circle_list tbody tr').forEach(tr=>{ 1423 const c = tr.getAttribute('data-comment'); 1424 if(!c) return; 1425 const block = tr.querySelector('.text-with-button[data-id]'); 1426 if(!block) return; 1427 const vid = normalizeVideoId(block.dataset.id); 1428 if(vid){ 1429 // ãå®éã®æ¹è¡ã«æ»ãï¼VBAå´ã§ç½®ããå ´åã®ä¿éºï¼ 1430 videoComments[vid] = c.replace(/ /g, '\n'); 1431 } 1432}); 1433 1434// æä½éã®ãµãã¿ã¤ãºï¼<a ...> ã ã許å¯ããã以å¤ã¯ããã¹ãå 1435function sanitizeAllowAnchor(html){ 1436 // [BR] ã <br> ã« 1437 html = String(html || '').replace(/\[BR\]/g, '<br>'); 1438 // ãã£ãã div ã«å ¥ãã¦ãa 以å¤ã®ã¿ã°ã¯é¤å» 1439 const div = document.createElement('div'); 1440 div.innerHTML = html; 1441 [...div.querySelectorAll('*')].forEach(el=>{ 1442 if (el.tagName.toLowerCase() !== 'a'){ 1443 const txt = document.createTextNode(el.textContent); 1444 el.replaceWith(txt); 1445 }else{ 1446 // href ã ãæ®ãã¦ä»å±æ§ã¯è½ã¨ã 1447 const href = el.getAttribute('href') || '#'; 1448 el.replaceWith(Object.assign(document.createElement('a'), {href, textContent: el.textContent, target: '_blank', rel: 'noopener'})); 1449 } 1450 }); 1451 return div.innerHTML; 1452} 1453 1454// è¡ã®åãè¾¼ã¿ç´ä¸ã«ã³ã¡ã³ããåºã 1455function showRowCommentFor(block){ 1456 const tr = block.closest('tr'); 1457 if (!tr) return; 1458 const txt = tr.dataset.comment || ''; 1459 // ä½ããªããã°ä½ãããªãï¼æ¢åããã°æ¶ãï¼ 1460 if (!txt.trim()){ 1461 hideRowCommentFor(block); 1462 return; 1463 } 1464 const area = block.querySelector('.embed-area'); // æ¢åã®åãè¾¼ã¿ç®± 1465 if (!area) return; 1466 1467 // æ¢ã«åºã¦ããã°æ´æ°ã ã 1468 let bub = area.nextElementSibling; 1469 const needNew = !(bub && bub.classList.contains('np-bubble-row')); 1470 if (needNew){ 1471 bub = document.createElement('div'); 1472 bub.className = 'np-bubble-row'; 1473 area.insertAdjacentElement('afterend', bub); 1474 } 1475 bub.innerHTML = sanitizeAllowAnchor(txt); 1476} 1477 1478// è¡ã®ã³ã¡ã³ããæ¶ã 1479function hideRowCommentFor(block){ 1480 const area = block.querySelector('.embed-area'); 1481 if (!area) return; 1482 const bub = area.nextElementSibling; 1483 if (bub && bub.classList.contains('np-bubble-row')){ 1484 bub.remove(); 1485 } 1486} 1487 1488</script>
1488 1489 1490<br> 1491<br> 1492<br> 1493<br> 1494</body> 1495</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.