#joumon-lightbox[hidden]{display:none!important}
#joumon-lightbox{position:fixed;inset:0;z-index:2147483647;background:rgba(8,7,5,.96);color:#e6d6b0;font:14px/1.5 sans-serif;display:flex;flex-direction:column;overscroll-behavior:contain}
#joumon-lightbox *{box-sizing:border-box}
#joumon-lightbox .jl-title,#joumon-lightbox .jl-count,#joumon-lightbox .jl-status{color:#e6d6b0}
#joumon-lightbox .jl-bar{display:flex;align-items:center;gap:10px;padding:16px 20px;flex-wrap:wrap;border-bottom:1px solid #7b68413d}
#joumon-lightbox .jl-title{flex:1;letter-spacing:.18em}
#joumon-lightbox button{appearance:none;background:#16140f;color:#ead9b0;border:1px solid #8c774c;border-radius:4px;min-width:44px;min-height:44px;padding:8px 12px;cursor:pointer;font:inherit}
#joumon-lightbox button:hover{background:#393021}
#joumon-lightbox button:focus-visible{outline:3px solid #f4d699;outline-offset:3px}
#joumon-lightbox .jl-stage{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;align-items:center;justify-content:center;touch-action:none}
#joumon-lightbox .jl-photo{display:block;max-width:calc(100% - 120px);max-height:100%;width:auto;height:auto;object-fit:contain;user-select:none;-webkit-user-drag:none;transform-origin:center;cursor:zoom-in}
#joumon-lightbox .jl-prev,#joumon-lightbox .jl-next{position:absolute;top:50%;transform:translateY(-50%);z-index:2;font-size:26px}
#joumon-lightbox .jl-prev{left:12px}#joumon-lightbox .jl-next{right:12px}
#joumon-lightbox .jl-foot{text-align:center;padding:10px 16px 16px;color:#c6bca6;font-size:12px}
#joumon-lightbox .jl-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);pointer-events:none;text-align:center}
@media(max-width:600px){#joumon-lightbox .jl-bar{padding:10px;gap:6px}#joumon-lightbox .jl-title{flex-basis:100%;font-size:12px}#joumon-lightbox .jl-photo{max-width:calc(100% - 24px)}#joumon-lightbox .jl-prev,#joumon-lightbox .jl-next{background:#16140fcc;min-width:40px;padding:4px}#joumon-lightbox .jl-prev{left:4px}#joumon-lightbox .jl-next{right:4px}}

#joumon-lightbox{font-family:Arial,"Noto Sans Japanese",sans-serif}
#joumon-lightbox .jl-title,#joumon-lightbox .jl-count{font-family:inherit;font-size:14px;line-height:1.5;float:none;position:static;width:auto;height:auto;margin:0}
#joumon-lightbox .jl-title{flex:1;min-width:0}
#joumon-lightbox .jl-count{white-space:nowrap}
#joumon-lightbox .jl-foot{flex-shrink:0}
#joumon-lightbox .jl-bar{flex-shrink:0}
#joumon-lightbox .jl-photo{border:0;padding:0;margin:0;float:none;box-shadow:none;opacity:1}
#joumon-lightbox:not([hidden]){animation:jl-reveal .18s ease-out}
@keyframes jl-reveal{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){#joumon-lightbox{animation:none!important}}
@media(max-width:600px){#joumon-lightbox .jl-title{flex-basis:100%;font-size:12px}}