/* RIDE GIRLS EXTRA: 小さく軽いおまけ漫画ギャラリー */
#extra.rg-extra-lite { padding: 76px 0 86px; background: #eeeef0; color: #17171b; }
#extra .extra-lite-inner { width: min(90%, 1500px); margin: 0 auto; }
#extra .extra-lite-heading { display:flex; align-items:end; justify-content:space-between; gap:20px; margin-bottom:30px; }
#extra .extra-lite-label { margin-bottom:10px; color:#7544b8; font-size:11px; font-weight:800; letter-spacing:.2em; }
#extra .extra-lite-heading h2 { margin:0; font-size:clamp(44px,5vw,68px); font-weight:900; line-height:.95; letter-spacing:-.055em; }
#extra .extra-lite-intro { margin-top:13px; color:#666; font-size:13px; }
#extra .extra-lite-all { flex:0 0 auto; padding-bottom:5px; border-bottom:2px solid #7544b8; color:#222; font-size:11px; font-weight:800; letter-spacing:.1em; text-decoration:none; }
#extra .extra-lite-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:15px; }
#extra .extra-lite-card { display:block; min-width:0; color:inherit; text-decoration:none; }
#extra .extra-lite-image { aspect-ratio:4/5; overflow:hidden; background:#d9d9db; }
#extra .extra-lite-image img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; transition:transform .3s ease; }
#extra .extra-lite-card:hover img { transform:scale(1.04); }
#extra .extra-lite-caption { display:block; margin-top:9px; font-size:12px; font-weight:700; color:#333; }
#extra .extra-lite-empty { grid-column:1/-1; color:#777; font-size:14px; padding:16px 0; }
@media(max-width:1000px) { #extra .extra-lite-grid { grid-template-columns:repeat(3,minmax(0,1fr)); } }
@media(max-width:600px) { main #extra.rg-extra-lite { padding:60px 7% 70px; } #extra .extra-lite-inner { width:100%; } #extra .extra-lite-grid { gap:10px; } #extra .extra-lite-heading { align-items:start; } #extra .extra-lite-caption { font-size:11px; } }
@media(prefers-reduced-motion:reduce) { #extra .extra-lite-image img { transition:none; } }