@charset "UTF-8";
/* 簡易ライトボックス用 */
dialog.lb-dialog {
  border: 0; padding: 0; margin: auto; background: transparent;
  max-width: 100vw; max-height: 100vh; overflow: visible;
}
dialog.lb-dialog::backdrop { background: rgba(0,0,0,.75); }
.lb-stage { position: relative; text-align: center; }
.lb-img {
  display: block; margin: 0 auto; background: #fff; padding: 10px;
  box-sizing: border-box; border-radius: 4px; box-shadow: 0 10px 25px rgba(0,0,0,.5);
  max-width: min(90vw, 1000px); max-height: 85vh; width: auto; height: auto;
  opacity: 0; transition: opacity .3s; cursor: pointer;
}
.lb-img.lb-on { opacity: 1; }
.lb-btn {
  position: absolute; border: 0; cursor: pointer; color: #fff;
  background: rgba(0,0,0,.55); font: 28px/1 Arial, sans-serif;
  width: 40px; height: 40px; border-radius: 50%; padding: 0;
}
.lb-btn:hover, .lb-btn:focus-visible { background: rgba(0,0,0,.85); }
.lb-prev { left: 8px; top: 50%; margin-top: -20px; }
.lb-next { right: 8px; top: 50%; margin-top: -20px; }
.lb-close { right: -14px; top: -14px; font-size: 26px; background: #000; border: 2px solid #fff; width: 32px; height: 32px; }
.lb-count { color: #fff; font-size: 12px; margin-top: 6px; }
@media (max-width: 600px) { .lb-close { right: 4px; top: 4px; } }