@import "https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500&family=Noto+Serif+JP:wght@400;500;600&display=swap";:root{color:#14262b;font-synthesis:none;--paper:#f7f5f0;--ink:#14262b;--line:#cdd2cd;--ocean:#102b33;--coral:#b7503e;background:#f7f5f0;font-family:Noto Sans JP,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);margin:0}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:3px;outline:2px solid}.brand{letter-spacing:.04em;color:inherit;font:500 27px Georgia,serif;text-decoration:none}.gallery{max-width:1500px;margin:auto;padding:0 4.8vw}.galleryHeader{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;height:106px;display:flex}.jump{color:inherit;align-items:center;gap:12px;font-family:Noto Serif JP;font-weight:600;text-decoration:none;display:flex}.intro{justify-content:space-between;align-items:flex-end;padding:55px 0 38px;display:flex}.intro h1{letter-spacing:-.045em;margin:0;font:400 clamp(48px,6.3vw,90px)/1.15 Noto Serif JP}.intro p{text-align:right;margin:0 2px 8px;font-size:12px;font-weight:500;line-height:1.9}.mobileBreak{display:none}.leadPhoto{margin:0}.leadPhoto>button,.photoGrid figure>button{cursor:zoom-in;background:0 0;border:0;width:100%;padding:0;display:block}.leadPhoto img{aspect-ratio:16/9;object-fit:cover;width:100%;display:block}.leadPhoto figcaption{grid-template-columns:50px 1fr auto 24px;align-items:center;gap:16px;height:72px;display:grid}.leadPhoto figcaption>span{border-right:1px solid var(--line);padding:4px 15px 4px 0;font:400 20px Georgia,serif}.leadPhoto figcaption div{display:grid}.leadPhoto figcaption b{font-family:Noto Serif JP;font-weight:600}.leadPhoto figcaption i{color:#53616a;font:italic 14px Georgia,serif}.leadPhoto figcaption em{font-size:12px;font-style:normal}.collection{padding:52px 0 90px}.collectionTitle{justify-content:space-between;align-items:end;display:flex}.collectionTitle h2{letter-spacing:-.035em;margin:0;font:400 clamp(32px,4vw,56px) Noto Serif JP}.collectionTitle span{font-family:Noto Serif JP}.categoryTabs{border-bottom:1px solid var(--line);margin-top:26px;display:flex;overflow-x:auto}.categoryTabs button{white-space:nowrap;cursor:pointer;color:#657079;background:0 0;border:0;border-bottom:3px solid #0000;padding:14px 20px 13px}.categoryTabs button.active{border-color:var(--ink);color:var(--ink);font-weight:500}.photoGrid{grid-template-columns:1.25fr 1fr;gap:36px 24px;margin-top:38px;display:grid}.photoGrid figure{margin:0}.photoGrid img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:filter .25s;display:block}.photoGrid button:hover img{filter:brightness(.92)}.photoGrid figcaption{gap:4px;padding-top:11px;display:grid}.photoGrid figcaption b{font-family:Noto Serif JP;font-weight:600}.photoGrid figcaption span{color:#68747b;font-size:12px}.empty{border-bottom:1px solid var(--line);color:#657079;padding:70px 0}.gallery footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:28px 0 42px;display:flex}.gallery footer span{font-size:11px;font-weight:500}.lightbox{z-index:20;color:#fff;background:#031119f5;grid-template-columns:72px 1fr 72px;align-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox figure{flex-direction:column;justify-content:center;align-items:center;height:calc(100vh - 48px);margin:0;display:flex}.lightbox img{object-fit:contain;max-width:100%;max-height:calc(100vh - 130px)}.lightbox figcaption{align-items:baseline;gap:16px;width:100%;padding-top:14px;display:flex}.lightbox figcaption i{font-family:Georgia,serif}.lightbox figcaption span{margin-left:auto}.lightbox figcaption small{color:#cbd8dc;font-size:11px}.lightbox button{color:#fff;cursor:pointer;background:0 0;border:0}.lightboxClose{position:absolute;top:25px;right:28px}.lightbox button svg{width:30px;height:30px}.correct{background:var(--ocean);color:#fff;min-height:100vh}.correctHeader{border-bottom:1px solid #ffffff47;justify-content:space-between;align-items:center;height:95px;padding:0 4vw;display:flex}.correctHeader>div{align-items:center;gap:26px;display:flex}.correctHeader b{letter-spacing:.13em;font:500 27px Georgia,serif}.correctHeader i{background:#ffffffb3;width:1px;height:30px}.correctHeader span{font:500 20px Noto Serif JP}.correctHeader small{font-size:11px;position:absolute;top:62px}.correctHeader a{color:#fff;align-items:center;gap:12px;font-family:Noto Serif JP;text-decoration:none;display:flex}.correctionWorkspace{grid-template-columns:minmax(0,2fr) minmax(350px,1fr);min-height:calc(100vh - 95px);display:grid}.correctionViewer{padding:30px 5.8vw 34px 4vw}.viewerTop{justify-content:space-between;align-items:center;display:flex}.viewerTop h1{margin:0 0 12px;font:500 18px Noto Serif JP}.viewerTop span{font-family:Georgia,serif}.imageStage{background:#06232c;justify-content:center;align-items:center;height:min(54vw,545px);display:flex;position:relative}.imageStage>img{object-fit:contain;width:100%;height:100%}.imageStage>button{color:#fff;cursor:pointer;background:#031d25a6;border:1px solid #ffffffbf;border-radius:3px;width:48px;height:56px;position:absolute;top:50%;transform:translateY(-50%)}.imageStage .previous{left:10px}.imageStage .next{right:10px}.viewerCaption{padding-top:14px}.viewerCaption h2{margin:0;font:400 34px Noto Serif JP}.viewerCaption i{font:italic 16px Georgia,serif}.viewerCaption p,.viewerCaption span{margin:7px 0;font-size:13px}.viewerCaption span{color:#cbd8dc}.filmstrip{gap:10px;margin-top:12px;display:flex}.filmstrip button{cursor:pointer;background:0 0;border:2px solid #0000;width:145px;height:88px;padding:0}.filmstrip button.active{border-color:#fff}.filmstrip img{object-fit:cover;width:100%;height:100%}.correctionWorkspace form{background:var(--paper);color:var(--ink);flex-direction:column;gap:17px;padding:30px 34px;display:flex}.formIntro h2{margin:0;font:500 36px Noto Serif JP}.formIntro p{margin:2px 0 4px;font-family:Noto Serif JP}.formRow{grid-template-columns:1fr 1fr;gap:15px;display:grid}.correctionWorkspace label{gap:7px;font-family:Noto Serif JP;font-weight:500;display:grid}.correctionWorkspace input,.correctionWorkspace select,.correctionWorkspace textarea{width:100%;color:var(--ink);background:#fff;border:1px solid #aeb7ba;border-radius:2px;padding:10px 12px}.correctionWorkspace input:read-only{background:#e9ebea}.correctionWorkspace textarea{resize:vertical;min-height:75px}.saveNote{background:var(--coral);color:#fff;cursor:pointer;border:0;border-radius:2px;padding:15px;font-family:Noto Serif JP;font-size:17px}.saveNote:disabled{opacity:.6}.correctionWorkspace form>small{color:#7b8283;line-height:1.7}.formStatus{color:#2f6b51;margin:0;font-size:13px}@media (width<=850px){.gallery{padding:0 20px}.galleryHeader{height:72px}.brand{font-size:21px}.intro{flex-direction:column;align-items:stretch;padding:36px 0 24px}.intro h1{font-size:44px}.intro p{align-self:flex-end;margin-top:10px;font-size:10px}.mobileBreak{display:block}.leadPhoto img{aspect-ratio:4/3}.leadPhoto figcaption{grid-template-columns:42px 1fr auto}.leadPhoto figcaption svg{display:none}.collection{padding-top:38px}.collectionTitle h2{font-size:30px}.photoGrid{grid-template-columns:1fr;gap:28px 12px}.photoGrid figure:nth-child(n) img{aspect-ratio:4/3}.gallery footer{align-items:flex-start;gap:24px}.gallery footer span{text-align:right}.lightbox{grid-template-columns:38px 1fr 38px;padding:12px}.lightbox figcaption i{display:none}.correctHeader{height:78px;padding:0 18px}.correctHeader>div{gap:12px}.correctHeader b{font-size:17px}.correctHeader i{height:22px}.correctHeader span{font-size:16px}.correctHeader small{display:none}.correctHeader a{font-size:0}.correctHeader a svg{width:24px}.correctionWorkspace{grid-template-columns:1fr}.correctionViewer{padding:22px 18px 28px}.imageStage{height:52vh}.imageStage .previous{left:8px}.imageStage .next{right:8px}.filmstrip{overflow-x:auto}.filmstrip button{flex:0 0 112px;height:70px}.correctionWorkspace form{padding:28px 20px}.correctionWorkspace input,.correctionWorkspace select,.correctionWorkspace textarea{font-size:16px}.formIntro h2{font-size:30px}}@media (width<=500px){.jump{font-size:13px}.intro p{font-size:9px;line-height:1.6}.leadPhoto img{aspect-ratio:4/3}.leadPhoto figcaption em{display:none}.collectionTitle{align-items:baseline}.collectionTitle h2{font-size:27px}.categoryTabs{margin-left:-8px;margin-right:-8px}.photoGrid{margin-top:28px}.lightbox{grid-template-columns:30px 1fr 30px}.lightbox figcaption span{display:none}.formRow{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
