:root{color-scheme:dark;--paper:#061f2d;--ink:#eef4f5;--line:#ffffff25;--gap:12px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 'Yu Gothic',Meiryo,sans-serif}a{color:inherit;text-decoration:none}button,summary{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid #bedde2;outline-offset:5px}button{color:inherit}header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;border-bottom:1px solid var(--line)}.brand{font:32px/1 'Yu Mincho',serif;letter-spacing:.13em}.home{font-size:12px;padding:14px 0}.home span{margin-left:12px}main{max-width:1800px;margin:auto;padding:0 4vw}.gallery-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;height:88px}h1{font-size:16px;font-weight:500;letter-spacing:.1em;margin:0}h1>span{font-size:11px;letter-spacing:0;margin-left:14px;color:#9bb4be}.year-picker{position:relative;font-size:12px;z-index:5}.year-picker summary{list-style:none;display:flex;align-items:center;gap:20px;padding:12px 0}.year-picker summary::-webkit-details-marker{display:none}.year-picker nav{position:absolute;right:0;top:100%;width:180px;max-height:65vh;overflow:auto;background:#102e3e;border:1px solid #48606b;box-shadow:0 12px 32px #0005;padding:8px}.year-picker a{display:block;padding:10px 16px}.year-picker a:hover,.year-picker a[aria-current]{background:#ffffff14}.year-picker a[aria-current]{color:#fff;font-weight:bold}.photos{display:grid;gap:var(--gap)}.photo-batch{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--gap);align-items:start;content-visibility:auto}.photo{display:block;background:#0b2938;overflow:hidden;cursor:zoom-in;min-width:0}.photo img{display:block;width:100%;height:auto}.photo-batch.mosaic{display:block;position:relative}.mosaic>.photo{position:absolute}.mosaic>.photo img{width:100%;height:100%;object-fit:contain}.photo.reveal{opacity:0;transition:opacity .55s ease}.photo.revealed{opacity:1}.load-area{text-align:center;min-height:100px;padding:25px 0}.load-more{display:inline-block;padding:12px 32px;border:1px solid #ffffff45;font-size:12px}.load-more[aria-disabled=true]{pointer-events:none;opacity:.6}.load-status{font-size:12px;color:#a7bec7;margin:12px 0 0}.pagination{text-align:center;font-size:13px;padding:0 0 30px}.pagination:empty{display:none}footer{display:flex;justify-content:flex-end;padding:28px 4vw;border-top:1px solid var(--line);font-size:12px}.skip{position:fixed;left:12px;top:-100px;z-index:40;background:#fff;color:#061f2d;padding:12px}.skip:focus{top:12px}
dialog{inset:0;margin:auto;border:0;padding:0;width:100%;max-width:100%;height:100%;height:100dvh;max-height:100dvh;background:#04151ff7;color:#fff;overflow:hidden}dialog::backdrop{background:#04151f}.viewer-bar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.viewer-bar p{font-size:13px;font-variant-numeric:tabular-nums}.viewer-bar button{border:1px solid #ffffff40;background:none;padding:10px 18px;min-height:44px;font-size:13px}.viewer-bar span{font-size:20px;margin-left:12px}.viewer-stage{height:calc(100% - 112px);display:grid;grid-template-columns:60px minmax(0,1fr) 60px;align-items:center;gap:12px;padding:0 2vw}.viewer-stage img{display:block;width:100%;height:100%;min-height:0;object-fit:contain;touch-action:pan-y pinch-zoom}.viewer-stage button{background:none;border:1px solid #ffffff40;border-radius:50%;width:48px;height:48px;line-height:1;font-size:32px;justify-self:center}.viewer-stage button:disabled{opacity:.2;cursor:default}#viewer-status{height:40px;margin:0;text-align:center;font-size:12px;line-height:40px;color:#b8c9d0}body:has(dialog[open]){overflow:hidden}
@media(max-width:900px){.photo-batch{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){:root{--gap:8px}header{height:68px;padding-inline:5vw}.brand{font-size:27px}.home{font-size:11px}.home span{margin-left:5px}main{padding-inline:4vw}.gallery-toolbar{height:72px;gap:8px}h1{font-size:14px}h1>span{font-size:10px;margin-left:8px}.year-picker{font-size:11px}.year-picker summary{gap:10px}.photo-batch{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer-bar{height:66px;padding:0 16px}.viewer-stage{height:calc(100% - 106px);grid-template-columns:28px minmax(0,1fr) 28px;gap:0;padding:0}.viewer-stage button{width:28px;height:56px;border:0;border-radius:0;font-size:28px}.viewer-bar button{padding:8px 12px}.viewer-bar span{margin-left:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.photo.reveal{opacity:1;transition:none}}