/* プレビュー専用の補正。原本CSSは変更せず、JS 置換で必要になった最小限だけ足す。 */

/* JS 無効/失敗時: Otter のアニメーション初期非表示とメインビジュアル非表示で本文・画像が消えないようにする */
html:not(.pv-js) .animated {
  visibility: visible !important;
  animation: none !important;
}
html:not(.pv-js) .p-mainVisual .swiper:not(.swiper-initialized) {
  visibility: visible;
}

/* Instagram 静的表示: 原本の 1:1 枠で並べる（Smash Balloon JS の代替） */
#sb_instagram .sbi_photo_wrap {
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
#sb_instagram .sbi_photo,
#sb_instagram .sbi_photo img {
  display: block;
  width: 100%;
  height: 100%;
}
#sb_instagram .sbi_photo img {
  object-fit: cover;
}

/* Instagram 新着読取用の隔離領域（instagram.js）。描画はさせるが画面には出さず操作もさせない */
.pv-ig-source {
  position: fixed !important;
  left: 0 !important;
  top: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  overflow: hidden !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  z-index: -1 !important;
}
/* 読み込まれた widget が隔離領域の外に出た場合も表示しない */
.ti-widget:not(.pv-ig-source *) {
  display: none !important;
}

/* 2026-10-30 本人指定：はくまめの地図だけをフルワイドにする。 */
.post_content .swell-block-fullWide__inner > iframe[src^="https://www.google.com/maps/embed"] {
  display: block;
  width: 100%;
  max-width: 100%;
  margin-inline: 0;
}

/* Instagram 表示枚数（input/requirements.json から生成） */
#sb_instagram[data-feedid="*11"] #sbi_images .sbi_item:nth-child(n+5){display:none!important}
@media all and (max-width:480px){#sb_instagram[data-feedid="*11"] #sbi_images .sbi_item:nth-child(n+4){display:none!important}}
#sb_instagram[data-feedid="*12"] #sbi_images .sbi_item:nth-child(n+41){display:none!important}