.imp-container{
  max-width: 100%;
  margin: 0 0 1.5em;
  font-family: inherit;
  color: var(--ntg-ink, #1a1c1e);
}
.imp-container,
.imp-tooltips-container{
  font-family: inherit;
}
.imp-container{
  -webkit-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
}
.imp-container img{
  -webkit-user-drag: none;
}
.imp-container .imp-object svg:not([fill]),
.imp-container .imp-object svg:not([fill]) path{
  fill: inherit;
}
.imp-container .imp-ui-element{
  border-radius: 0 !important;
  font-family: inherit;
}
.imp-container .imp-ui-zoom-button,
.imp-container .imp-fullscreen-button,
.imp-container .imp-menu-button{
  width: 40px;
  height: 40px;
  border-radius: 0 !important;
  background: var(--ntg-surface-1, #fff) !important;
  border: 1px solid var(--ntg-steel, #6b6f76) !important;
  fill: var(--ntg-ink, #1a1c1e) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
  backdrop-filter: none !important;
  -webkit-backdrop-filter: none !important;
}
.imp-container .imp-ui-zoom-button .imp-icon,
.imp-container .imp-fullscreen-button .imp-icon,
.imp-container .imp-menu-button .imp-icon{
  width: 18px;
  height: 18px;
}
.imp-container .imp-ui-zoom-button-zoom-out{
  border-top: none !important;
}
.imp-container .imp-fullscreen-button{
  margin-top: 8px;
}
.imp-container .imp-ui-top-right,
.imp-container .imp-ui-bottom-right{
  right: 12px;
}
.imp-container .imp-ui-top-right{
  top: 12px;
}
.imp-container .imp-ui-bottom-right{
  bottom: 12px;
}
.imp-container .imp-ui-top-left,
.imp-container .imp-ui-bottom-left{
  left: 12px;
}
@media (hover: hover){
.imp-container .imp-ui-zoom-button:hover,
  .imp-container .imp-fullscreen-button:hover,
  .imp-container .imp-menu-button:hover{
    background: var(--ntg-surface-3, #e8e8e9) !important;
  }
}
.imp-container .imp-ui-element:active{
  filter: none;
  background: var(--ntg-surface-3, #e8e8e9) !important;
}
.imp-container .imp-ui-element:focus-visible{
  outline: 2px solid var(--ntg-focus, #2a7f8f);
  outline-offset: 1px;
}
.imp-container .imp-ui-navigator-root{
  border-radius: 0 !important;
  border: 1px solid var(--ntg-steel, #6b6f76) !important;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.18) !important;
}
.imp-tooltips-container .imp-tooltip{
  border-radius: 0 !important;
  background: var(--ntg-surface-1, #fff) !important;
  border: 1px solid var(--ntg-steel, #6b6f76);
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28);
  color: var(--ntg-ink, #1a1c1e);
}
.imp-tooltips-container .imp-tooltip-content,
.imp-tooltips-container .imp-tooltip-content *{
  font-family: inherit !important;
}
.imp-tooltips-container .imp-tooltip-content h1,
.imp-tooltips-container .imp-tooltip-content h2,
.imp-tooltips-container .imp-tooltip-content h3,
.imp-tooltips-container .imp-tooltip-content h4,
.imp-tooltips-container .imp-tooltip-content h5,
.imp-tooltips-container .imp-tooltip-content h6,
.imp-tooltips-container .imp-tooltip-content p,
.imp-tooltips-container .imp-tooltip-content div{
  color: var(--ntg-ink, #1a1c1e) !important;
}
.imp-tooltips-container .imp-tooltip-content h1,
.imp-tooltips-container .imp-tooltip-content h2,
.imp-tooltips-container .imp-tooltip-content h3,
.imp-tooltips-container .imp-tooltip-content h4{
  font-weight: 700 !important;
  letter-spacing: 0.01em;
}
.imp-tooltips-container .imp-tooltip-content img{
  display: block;
  border: 1px solid var(--nettoge-border-muted, #f0f0f0);
}
.imp-tooltips-container .imp-tooltip-content a[href]{
  border-radius: var(--radius-control, 0) !important;
  background: var(--ntg-crimson, #b84335) !important;
  color: var(--ntg-on-band, #fff) !important;
  text-decoration: none !important;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.26), inset 0 -2px rgba(0, 0, 0, 0.22);
  font-weight: 700 !important;
}
@media (hover: hover){
.imp-tooltips-container .imp-tooltip-content a[href]:hover{
    filter: brightness(1.08);
  }
}
.imp-tooltips-container.is-fullscreen{
  background: transparent !important;
  -webkit-backdrop-filter: none !important;
  backdrop-filter: none !important;
}
.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip{
  padding: 64px 8px calc(8px + env(safe-area-inset-bottom, 0px)) !important;
  align-items: flex-end !important;
}
.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-content{
  width: 100% !important;
  max-width: 520px !important;
  margin: 0 auto !important;
  padding: 12px !important;
  border-radius: 0 !important;
  background: var(--ntg-surface-1, #fff) !important;
  border: 1px solid var(--ntg-steel, #6b6f76) !important;
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
}
.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-close-button{
  right: 0 !important;
  top: -46px !important;
  width: 44px !important;
  height: 44px !important;
  border-radius: 0 !important;
  /* 2026-09-24（nettoge.14）依頼主「閉じるボタンを赤色に」: サイトのアクセント色の地に白い × */
  background: var(--color_main, #b72305) !important;
  color: #fff !important;
  border: 1px solid var(--color_main, #b72305) !important;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.35) !important;
  cursor: pointer;
}
html[data-nettoge-theme="dark"] .imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-close-button{
  background: #e0532f !important;
  border-color: #e0532f !important;
}
.imp-tooltips-container.is-fullscreen .imp-fullscreen-tooltip .imp-tooltip-close-button .imp-icon{
  width: 18px !important;
  height: 18px !important;
  padding: 12px !important;
  fill: currentColor !important;
}
.imp-container .imp-ui-scroll-message{
  border-radius: 0;
  padding: 8px 20px;
  line-height: 1.8;
  font-size: 15px;
  font-family: inherit;
  background: rgba(0, 0, 0, 0.74);
  color: #fff;
}
.imp-container .imp-ui-scroll-message-button{
  border-radius: 0;
  line-height: 24px;
  font-size: 12px;
  font-weight: 700;
  margin: 0 4px 0 0;
}
@media (max-width: 599px){
.imp-container .imp-ui-top-right,
  .imp-container .imp-ui-bottom-right{
    right: 8px;
  }
.imp-container .imp-ui-top-right{
    top: 8px;
  }
.imp-container .imp-ui-bottom-right{
    bottom: 8px;
  }
.imp-container .imp-ui-zoom-button,
  .imp-container .imp-fullscreen-button,
  .imp-container .imp-menu-button{
    width: 44px;
    height: 44px;
  }
}
.post_content .imp-container .imp-objects > .imp-object:first-child{
  margin-top: var(--ntg-imp-mt, 0px) !important;
}
.imp-tooltips-container .imp-tooltip-content a.ntg-imp-zoom,
#imp-fullscreen-container .imp-tooltip-content a.ntg-imp-zoom{
  display: block !important;
  position: relative;
  padding: 0 !important;
  margin: 6px 0 2px;
  background: none !important;
  box-shadow: none !important;
  border-radius: 0 !important;
  cursor: zoom-in;
  line-height: 0;
}
.imp-tooltips-container .imp-tooltip-content a.ntg-imp-zoom img{ margin: 0 !important; }
.imp-tooltips-container .imp-tooltip-content a.ntg-imp-zoom::after{
  /* 右下の虫めがね（押せると分かるように） */
  content: "";
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 26px;
  height: 26px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center / 16px no-repeat;
  pointer-events: none;
}
.imp-tooltips-container .imp-tooltip-content a.ntg-imp-zoom:focus-visible{
  outline: 2px solid var(--ntg-link, #1f6fb2);
  outline-offset: 2px;
}
.ntg-imp-lb{
  position: fixed;
  inset: 0;
  z-index: 2147483000;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 56px 12px calc(16px + env(safe-area-inset-bottom, 0px));
  background: rgba(8, 9, 11, 0.9);
  cursor: zoom-out;
}
.ntg-imp-lb[hidden]{ display: none; }
.ntg-imp-lb figure{ margin: 0; max-width: 100%; max-height: 100%; display: flex; flex-direction: column; align-items: center; gap: 8px; }
.ntg-imp-lb img{
  display: block;
  max-width: min(100%, 1280px);
  max-height: calc(100vh - 120px);
  max-height: calc(100dvh - 120px);
  width: auto;
  height: auto;
  background: #16181c;
  box-shadow: 0 6px 30px rgba(0, 0, 0, 0.5);
}
.ntg-imp-lb figcaption{ color: #e8e9eb; font-size: 14px; line-height: 1.6; text-align: center; }
.ntg-imp-lb-close{
  position: absolute;
  top: 10px;
  right: 10px;
  width: 44px;
  height: 44px;
  border: 1px solid rgba(255, 255, 255, 0.35);
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.55);
  color: #fff;
  font-size: 26px;
  line-height: 1;
  cursor: pointer;
}
.ntg-imp-lb-close:focus-visible{ outline: 2px solid #fff; outline-offset: 2px; }
.ntg-imp-lb.is-loading img{ opacity: 0.35; }
.post_content a.ntg-imp-zoom[data-ntg-zoom]{
  display: block;
  position: relative;
  line-height: 0;
  cursor: zoom-in;
  text-decoration: none;
  box-shadow: none;
}
.post_content a.ntg-imp-zoom[data-ntg-zoom] img{ display: block; width: 100%; height: auto; margin: 0; }
.post_content a.ntg-imp-zoom[data-ntg-zoom]::after{
  content: "";
  position: absolute;
  right: 6px;
  bottom: 6px;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.62) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2.4' stroke-linecap='round'%3E%3Ccircle cx='10.5' cy='10.5' r='6'/%3E%3Cpath d='M15 15l5 5M10.5 8v5M8 10.5h5'/%3E%3C/svg%3E") center / 16px no-repeat;
  pointer-events: none;
}
.post_content a.ntg-imp-zoom[data-ntg-zoom]:focus-visible{ outline: 2px solid var(--ntg-link, #1f6fb2); outline-offset: 2px; }
