.acpg-page-gallery { box-sizing:border-box; width:100%; max-width:1000px; margin:32px auto; color:#231815; font-family:"Noto Sans JP","Hiragino Kaku Gothic ProN",Meiryo,sans-serif; }
.acpg-page-gallery *, .acpg-page-gallery *:before, .acpg-page-gallery *:after { box-sizing:border-box; }
.acpg-intro { margin:0 0 28px; line-height:1.9; }
.acpg-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px 22px; }
.acpg-card { margin:0; background:#fff; box-shadow:0 2px 10px rgba(35,24,21,.12); transition:transform .2s ease,box-shadow .2s ease; }
.acpg-card:hover { transform:translateY(-3px); box-shadow:0 7px 20px rgba(35,24,21,.18); }
.acpg-card a { display:block; height:100%; color:#231815!important; text-decoration:none!important; }
.acpg-card-image { position:relative; display:block; height:190px; overflow:hidden; background:#e9e9e9; }
.acpg-card-image img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .35s ease; }
.acpg-card:hover .acpg-card-image img { transform:scale(1.035); }
.acpg-placeholder { display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; background:linear-gradient(135deg,#08aae0,#007db2); font-family:"Roboto Condensed",sans-serif; font-size:18px; font-weight:700; letter-spacing:.08em; }
.acpg-count { position:absolute; right:0; bottom:0; padding:6px 12px; color:#fff; background:rgba(35,24,21,.82); font-size:12px; font-weight:700; }
.acpg-card-body { display:block; min-height:128px; padding:17px 18px 20px; border-top:4px solid #08aae0; }
.acpg-card-meta, .acpg-card-title, .acpg-opponent { display:block; }
.acpg-card-meta { margin-bottom:7px; color:#666; font-size:12px; font-weight:700; }
.acpg-card-title { font-size:18px; font-weight:800; line-height:1.45; }
.acpg-opponent { margin-top:7px; color:#007db2; font-size:14px; font-weight:700; }
.acpg-card--group .acpg-card-image { height:135px; }
.acpg-card--group .acpg-card-body { min-height:105px; }
.acpg-match-header { padding:20px 24px; margin-bottom:24px; border-left:5px solid #08aae0; background:#f1f1f2; }
.acpg-match-header p, .acpg-match-header h2 { margin:0; }
.acpg-match-kicker { margin-bottom:7px!important; color:#555; font-size:14px; font-weight:700; }
.acpg-match-header h2 { font-size:30px; line-height:1.35; }
.acpg-venue { margin-top:7px!important; font-size:14px; }
.acpg-help { margin:0 0 12px; color:#666; font-size:13px; }
.acpg-thumb-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; }
.acpg-thumb { display:block; width:100%; height:170px; padding:0; border:0; overflow:hidden; background:#ddd; cursor:zoom-in; }
.acpg-thumb img { display:block; width:100%; height:100%; object-fit:cover; transition:transform .25s ease,opacity .25s ease; }
.acpg-thumb:hover img, .acpg-thumb:focus img { opacity:.82; transform:scale(1.04); }
.acpg-thumb:focus { outline:4px solid #08aae0; outline-offset:2px; }
.acpg-lightbox[hidden] { display:none!important; }
.acpg-lightbox { position:fixed; z-index:100000; top:0; right:0; bottom:0; left:0; display:flex; align-items:center; justify-content:center; padding:28px 72px; }
.acpg-lightbox-backdrop { position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,.92); }
.acpg-lightbox-panel { position:relative; z-index:1; display:flex; align-items:center; width:100%; max-width:1400px; height:calc(100vh - 56px); }
.acpg-lightbox figure { display:flex; flex:1; flex-direction:column; align-items:center; justify-content:center; min-width:0; height:100%; margin:0; }
.acpg-lightbox figure img { display:block; max-width:100%; max-height:calc(100vh - 120px); width:auto; height:auto; object-fit:contain; box-shadow:0 4px 30px rgba(0,0,0,.45); }
.acpg-lightbox figcaption { min-height:24px; padding-top:8px; color:#fff; font-size:13px; text-align:center; }
.acpg-close, .acpg-nav { flex:0 0 auto; border:0; color:#fff; background:rgba(0,0,0,.35); cursor:pointer; }
.acpg-close:hover, .acpg-close:focus, .acpg-nav:hover, .acpg-nav:focus { color:#fff; background:#08aae0; outline:none; }
.acpg-close { position:absolute; z-index:2; top:0; right:0; width:48px; height:48px; border-radius:50%; font-size:34px; line-height:1; }
.acpg-nav { display:block; width:54px; height:82px; border-radius:3px; font-size:54px; line-height:1; }
.acpg-counter { position:absolute; right:62px; top:14px; color:#fff; font:700 14px/1 "Noto Sans JP",sans-serif; }
html.acpg-modal-open { overflow:hidden; }
.acpg-empty { padding:28px; background:#f3f3f3; text-align:center; }
@media (max-width:800px) {
  .acpg-card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px 14px; }
  .acpg-thumb-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
  .acpg-thumb { height:145px; }
  .acpg-lightbox { padding:16px 8px; }
  .acpg-lightbox-panel { height:calc(100vh - 32px); }
  .acpg-nav { width:44px; height:66px; font-size:46px; }
  .acpg-close { top:4px; right:4px; }
  .acpg-counter { top:22px; right:62px; }
}
@media (max-width:520px) {
  .acpg-page-gallery { margin:22px auto; }
  .acpg-card-grid { grid-template-columns:1fr; }
  .acpg-card-body { min-height:0; }
  .acpg-thumb-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .acpg-thumb { height:120px; }
  .acpg-nav { width:36px; height:58px; font-size:40px; background:rgba(0,0,0,.58); }
  .acpg-lightbox figure img { max-height:calc(100vh - 100px); }
  .acpg-match-header h2 { font-size:24px; }
}
@media (prefers-reduced-motion:reduce) { .acpg-card, .acpg-card-image img, .acpg-thumb img { transition:none; } }


/* archive padding:                                                                                                                                              */