*{box-sizing:border-box;margin:0;padding:0}
body{background:#060607;color:#f2ede1;
  font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,"Noto Sans JP",sans-serif;
  min-height:100vh;display:flex;flex-direction:column}
header{padding:72px 7vw 30px;max-width:1100px}
.eyebrow{color:#c8ff3d;font-size:12px;letter-spacing:.32em;margin-bottom:18px}
h1{font-size:clamp(30px,5vw,58px);line-height:1.3;font-weight:700}
h1 span{color:#8f8a7a;font-weight:400;font-size:.62em}
.sub{color:#a49d8c;margin-top:16px;line-height:2;max-width:64ch;font-size:14.5px}
.sub span{color:#f2ede1}
main{padding:20px 7vw 60px;display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));
  gap:22px;max-width:1100px;width:100%}
.card{display:block;background:#0d0e12;border:1px solid #23252d;border-radius:20px;overflow:hidden;
  color:#f2ede1;text-decoration:none;transition:border-color .25s,transform .25s}
a.card:hover{border-color:#c8ff3d;transform:translateY(-4px)}
.card img{width:100%;aspect-ratio:16/8;object-fit:cover;object-position:top;display:block;
  border-bottom:1px solid #23252d}
.card .meta{padding:24px}
.row1{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.25em}
.no{color:#8f8a7a}
.live{color:#c8ff3d}
.soon{color:#8f8a7a}
.card h2{font-size:23px;margin:12px 0 10px}
.card h2 .en{font-size:13px;color:#8f8a7a;font-weight:400}
.card p{font-size:13.5px;color:#a49d8c;line-height:1.95}
.tags{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}
.tags span{font-size:11px;border:1px solid #2c2e36;border-radius:999px;padding:3px 11px;color:#8f8a7a}
.go{margin-top:18px;color:#c8ff3d;font-size:14px}
.card.ghost{border-style:dashed;display:flex;align-items:center}
footer{margin-top:auto;padding:22px 7vw 34px;color:#8f8a7a;font-size:12px;line-height:2;
  border-top:1px solid #1b1c21;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
@media(max-width:640px){header{padding-top:52px}}