:root{
  --bg-night:#0b1428; --bg-night-2:#0f1d3b; --ink:#eaf2ff; --muted:#a9b8d6;
  --line:rgba(173,207,255,.18); --accent:#5ec8ff; --glow:rgba(94,200,255,.35);
}

.table-wrap-night{
  background:
    radial-gradient(1200px 600px at 10% -10%, #14224a 0%, transparent 60%),
    radial-gradient(800px 400px at 90% 0%, #122044 0%, transparent 60%),
    var(--bg-night);
  padding:16px; border-radius:14px; overflow-x:auto;
  box-shadow: inset 0 0 0 1px rgba(255,255,255,.03); position:relative;
}
.table-wrap-night::after{
  content:""; position:absolute; inset:0;
  background-image: radial-gradient(#ffffff22 .8px, transparent .8px);
  background-size:18px 18px; pointer-events:none; border-radius:14px;
  mask-image: linear-gradient(#000, #0000 80%);
}

.night-table{ width:100%; border-collapse:separate; border-spacing:0; color:var(--ink); min-width:680px; }
.night-table thead th:first-child{ border-top-left-radius:12px; }
.night-table thead th:last-child { border-top-right-radius:12px; }
.night-table tbody tr:last-child td:first-child{ border-bottom-left-radius:12px; }
.night-table tbody tr:last-child td:last-child { border-bottom-right-radius:12px; }

.night-table thead th{
  background:linear-gradient(180deg,#172a59 0%,#10224a 100%);
  color:var(--ink); text-align:center; padding:14px 16px; font-weight:700;
  letter-spacing:.2px; border-bottom:1px solid var(--line); position:sticky; top:0; z-index:1;
  box-shadow:0 1px 0 var(--line), 0 6px 22px rgba(0,0,0,.12);
}
.night-table tbody td{
  background:linear-gradient(180deg,var(--bg-night-2),#0e1a33);
  padding:12px 16px; border-bottom:1px solid var(--line); color:var(--muted);
}
.night-table tbody tr:nth-child(2n) td{
  background:linear-gradient(180deg,#0d1a34,#0c1830);
}
.night-table tbody tr:hover td{
  background:#12244a; color:var(--ink);
  box-shadow: inset 0 0 0 9999px rgba(255,255,255,0), 0 0 0 1px var(--glow);
}

  .night-table td:nth-child(2) {
    width: 100px;
  }

  .night-table td:nth-child(3) {
    text-align:left;
  }
.night-table img{width:100%;}

.btn{
  display:inline-block; padding:6px 12px; border-radius:10px; font-weight:600;
  text-decoration:none; border:1px solid var(--line); color:var(--ink);
  background:#132447; transition:transform .06s, box-shadow .2s, background .2s;
}
.btn:hover{ transform:translateY(-1px); box-shadow:0 6px 18px var(--glow); }
.btn.yt{ border-color:#9fb4d744; background:linear-gradient(180deg,#1a2436,#121a28); }
.btn.yt:hover{ box-shadow:0 6px 18px rgba(255,77,77,.25); }
.btn.print{ border-color:#9fb4d744; background:linear-gradient(180deg,#1a2436,#121a28); }

/* 複数ボタンを横並び固定にする */
.btn-group{
  display: inline-flex;     /* 横並び */
  gap: 8px;                 /* ボタン間の余白 */
  flex-wrap: nowrap;        /* 折り返さない */
  overflow-x: auto;         /* はみ出したら横スクロール */
}
.btn-group::-webkit-scrollbar{ display:none; } /* スクロールバー非表示 */

/* ===== スマホ：カード型に変形（〜720px） ===== */
@media (max-width: 720px){
  .night-table{ min-width:0; border-spacing:0; }
  .night-table thead{ display:none; }
  .night-table, .night-table tbody, .night-table tr, .night-table td{ display:block; width:100%; }
  .night-table tbody tr{
    margin:12px 0; border:1px solid var(--line); border-radius:12px;
    overflow:hidden; box-shadow:0 8px 22px rgba(0,0,0,.18);
  }
  .night-table tbody td{
    display:grid; grid-template-columns: 9em 1fr; align-items:center;
    gap:10px; padding:12px 14px; border-bottom:1px solid var(--line);
    background:linear-gradient(180deg,#0f1d3b,#0c1530);
  }
  .night-table tbody td:last-child{ border-bottom:none; }
  .night-table tbody td::before{
    content: attr(data-label);
    color:#bcd0f5; font-weight:700;
  }
  .btn{ justify-self:start; }

  .night-table img{width:100%;}

  /* タイトルの列を横幅100%にする */
  .night-table td:nth-child(2) {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 1.1em;
    padding: 12px;
  }

  .night-table td:nth-child(3) {
    display: block;
    width: 100%;
    box-sizing: border-box;
    font-weight: 600;
    font-size: 1.1em;
    padding: 12px;
    text-align:center;
  }



}