.gallery-page{padding:34px var(--gutter) 10px}.page-head{text-align:center;margin:0 0 26px}.page-head h1{letter-spacing:.06em;margin:0;font-size:30px;font-weight:600}.page-head p{color:#2a2521b3;margin:8px 0 0;font-size:15px}.gallery{--row:230px;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.gallery:after{content:"";flex:1000 1 0}.gallery li{flex:var(--r) 1 calc(var(--r) * var(--row));min-width:0}.gallery button{cursor:zoom-in;background:#e9e2d2;border:0;width:100%;padding:0;transition:transform .25s,box-shadow .25s;display:block;position:relative}.gallery img{width:100%;height:auto;display:block}.gallery video{opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;inset:0}.gallery video.on{opacity:1}.gallery .cap{color:#2a2521cc;margin:7px 2px 0;font-size:13px;line-height:1.4}.gallery .cap a,.gallery-part h2 a,.viewer .title a{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #2a252159;text-decoration:underline #2a252159;text-decoration-thickness:1px;transition:text-decoration-color .2s}.gallery .cap a:hover,.gallery-part h2 a:hover,.viewer .title a:hover{text-decoration-color:currentColor}.gallery-part+.gallery-part{margin-top:44px}.gallery-part h2{letter-spacing:.05em;margin:0 0 14px;font-size:20px;font-weight:600}.gallery-part h2 .when{letter-spacing:.02em;color:#2a252199;margin-left:.7em;font-size:14px;font-weight:400}[data-gallery=product] .gallery{--row:260px;justify-content:center}[data-gallery=product] .gallery:after{display:none}[data-gallery=product] .gallery li{flex-grow:0}[data-gallery=product] .gallery-part h2{text-align:center}[data-gallery=product] .gallery-part+.gallery-part,[data-gallery=comic] .gallery-part+.gallery-part{margin-top:38px}[data-gallery=comic] .gallery{--row:300px}.part-note{color:#2a2521d1;max-width:46em;margin:-4px 0 18px;font-size:14px;line-height:1.75}.part-note p{margin:0}[data-gallery=exhibition] .gallery{--row:280px;row-gap:18px}[data-gallery=exhibition] .gallery-part+.gallery-part{margin-top:56px}[data-gallery=gif] .gallery,[data-gallery=vr-ar] .gallery{--row:300px;row-gap:22px}.gallery button:focus-visible{outline:2px dashed var(--ink);outline-offset:3px}@media (hover:hover){.gallery button:hover{transform:translateY(-3px)rotate(-.4deg);box-shadow:0 8px 18px #281e142e}}@media (max-width:1020px){.gallery{--row:190px}[data-gallery=gif] .gallery,[data-gallery=vr-ar] .gallery{--row:240px}[data-gallery=product] .gallery{--row:200px}[data-gallery=comic] .gallery{--row:240px}[data-gallery=exhibition] .gallery{--row:220px}}@media (max-width:560px){.gallery-page{padding-top:22px}.page-head{margin-bottom:18px}.page-head h1{font-size:25px}.page-head p{font-size:13px}.gallery{--row:120px;gap:6px}[data-gallery=gif] .gallery,[data-gallery=vr-ar] .gallery{--row:170px;row-gap:16px}[data-gallery=product] .gallery{--row:110px}[data-gallery=comic] .gallery{--row:160px}[data-gallery=exhibition] .gallery{--row:150px;row-gap:14px}[data-gallery=exhibition] .gallery-part+.gallery-part{margin-top:44px}.gallery-part h2{font-size:17px}.part-note{margin-bottom:14px;font-size:13px;line-height:1.7}.gallery-part h2 .when{margin:4px 0 0;font-size:12px;display:block}.gallery .cap{font-size:12px}}html:has(.viewer[open]){overflow:hidden}.viewer{width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);background:#f3eee2f7;border:0;margin:0;padding:0;overflow:hidden}.viewer::backdrop{background:#f3eee299}.viewer figure{touch-action:pan-y pinch-zoom;grid-template-rows:minmax(0,1fr) auto;gap:12px;height:100%;margin:0;padding:60px 84px 18px;display:grid}.viewer .frame{place-items:center;min-height:0;display:grid}.viewer img,.viewer video{-webkit-user-select:none;user-select:none;background:#e9e2d2;max-width:100%;max-height:100%;display:block;box-shadow:0 12px 30px #281e1433}.viewer [hidden]{display:none}.viewer figcaption{justify-content:center;gap:1.4em;min-height:1.5em;font-size:14px;display:flex}.viewer .title{font-weight:600}.viewer .count{color:#2a252199;font-variant-numeric:tabular-nums}.viewer button{border:1.5px solid var(--ink);width:46px;height:46px;color:var(--ink);cursor:pointer;background:#faf7efe6;border-radius:48% 52% 50% 50%/52% 48%;place-items:center;padding:0;transition:background-color .2s,color .2s;display:grid;position:absolute}.viewer button svg{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.viewer button:focus-visible{outline:1.5px dashed var(--ink);outline-offset:3px}.viewer .prev,.viewer .next{top:50%;translate:0 -50%}.viewer .prev{left:20px}.viewer .next{right:20px}.viewer .close{top:12px;right:20px}@media (hover:hover){.viewer button:hover{background:var(--ink);color:var(--paper)}}@media (max-width:560px){.viewer figure{padding:62px 12px 76px}.viewer .prev,.viewer .next{top:auto;bottom:16px;translate:none}.viewer .prev{left:16px}.viewer .next,.viewer .close{right:16px}}