/* assets/swipe-lp.css */

/* ページ全体が縦スワイプに負けないように */
html, body {
  height: 100%;
  overscroll-behavior-y: contain; /* 上下バウンスで親がスクロールしない */
}

/* iOS等のアドレスバー対策: --vh を優先、fallbackにsvh→vh の順 */
.swipe-lp,
.swipe-lp .swiper-wrapper,
.swipe-lp .swiper-slide {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  height: 100svh; /* fallback1 (新しいビューポート単位) */
  height: 100vh;  /* fallback2 */
}

.swipe-lp {
  position: relative;
  overflow: hidden;           /* 親のスクロールを封じる */
  touch-action: pan-y;        /* 縦方向のパンを許可（横を抑制） */
}

.swipe-lp .swiper-slide {
  display: grid;
  place-items: center;
  text-align: center;
  padding: 40px;
}

.swipe-lp .swiper-pagination {
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}