/* Bon article image zoom: lightweight, no plugin dependency. */
.bon-zoomable-image{cursor:zoom-in;}
.bon-zoom-hint{margin:.45em 0 1em;text-align:center;color:#69727a;font-size:13px;font-weight:500;letter-spacing:.02em;}
.bon-image-viewer{position:fixed;inset:0;z-index:2147483000;display:none;align-items:center;justify-content:center;padding:56px 12px 20px;background:rgba(0,0,0,.92);overflow:auto;overscroll-behavior:contain;}
.bon-image-viewer.is-open{display:flex;}
.bon-image-viewer img{display:block;width:auto;height:auto;max-width:none;max-height:none;margin:auto;box-shadow:0 6px 28px rgba(0,0,0,.35);touch-action:pinch-zoom;}
.bon-image-viewer__close{position:fixed;top:12px;right:12px;z-index:2;width:44px;height:44px;border:0;border-radius:50%;background:#fff;color:#222;font-size:30px;line-height:1;cursor:pointer;box-shadow:0 2px 10px rgba(0,0,0,.3);}
html.bon-image-viewer-open,html.bon-image-viewer-open body{overflow:hidden;}
@media (max-width:767px){
  .postContents .content .bon-zoomable-image{outline:1px solid rgba(31,91,120,.18);outline-offset:2px;}
  .bon-image-viewer{justify-content:flex-start;align-items:flex-start;}
  .bon-image-viewer img{min-width:max(100vw,900px);}
}