/* トップページ Instagram セクション：縦長(3:4)・画像のみの2段マーキー
   上段=右→左 / 下段=左→右 に連続スライド（マウスで一時停止・クリックで実投稿へ） */
#instagram{
  --ig-cell:210px;
  --ig-gap:16px;
  margin-top:60px;
  padding:8px 0 12px;
  overflow:hidden;
}
#instagram .ig-rows{
  display:flex;
  flex-direction:column;
  gap:var(--ig-gap);
}
#instagram .ig-row{ overflow:hidden; }
#instagram .ig-marquee{
  display:flex;
  gap:var(--ig-gap);
  width:max-content;
  will-change:transform;
}
#instagram .ig-marq-l{ animation:ig-scroll 40s linear infinite; }
#instagram .ig-marq-r{ animation:ig-scroll 46s linear infinite reverse; }
@keyframes ig-scroll{ from{ transform:translateX(0); } to{ transform:translateX(-50%); } }
#instagram .ig-row:hover .ig-marquee{ animation-play-state:paused; }

#instagram .ig-cell{
  position:relative;
  display:block;
  flex:0 0 auto;
  width:var(--ig-cell);
  aspect-ratio:3/4;
  border-radius:14px;
  overflow:hidden;
  background:#ece7dc;
  border:1px solid #e7ddc8;
  box-shadow:0 6px 16px rgba(30,34,54,.10);
  transition:transform .2s ease, box-shadow .2s ease;
}
#instagram .ig-cell:hover,
#instagram .ig-cell:focus-visible{
  transform:translateY(-4px);
  box-shadow:0 14px 26px rgba(30,34,54,.16);
  outline:none;
}
#instagram .ig-cell:focus-visible{ border-color:#a4883a; }
#instagram .ig-cell img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
#instagram .ig-badge{
  position:absolute;
  top:10px;
  right:10px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:32px;
  height:32px;
  color:#fff;
  background:rgba(20,24,38,.55);
  border-radius:50%;
  pointer-events:none;
}

@media (max-width:820px){ #instagram{ --ig-cell:168px; margin-top:44px; } }
@media (max-width:520px){ #instagram{ --ig-cell:138px; --ig-gap:12px; } }
@media (prefers-reduced-motion:reduce){
  #instagram .ig-marquee{ animation:none; }
  #instagram .ig-cell{ transition:none; }
}