/*
Theme Name: Lightning Child Sample
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* fv*/
.fv {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  background: #fff;
}
.fv__inner { position: relative; width: 100%; height: 100%; }

/* slider */
.fv__slider {
  position: absolute;
  inset: 0;
  z-index: 1;
  border-top-left-radius: 120px;
}
.fv__slider,
.fv__slider .swiper-wrapper,
.fv__slider .swiper-slide { width: 100%; height: 100%; }
.fv__slider .swiper-slide img { width: 100%; height: 100%; object-fit: cover; }

/* zoom-in */
.fv__slider .swiper-slide-active img,
.fv__slider .swiper-slide-duplicate-active img,
.fv__slider .swiper-slide-prev img {
  animation: fvZoom 15s linear both;
}
@keyframes fvZoom { from { transform: scale(1); } to { transform: scale(1.12); } }


.fv__scroll {
  position: absolute; z-index: 20;
  left: 30px; bottom: 24px;
  writing-mode: vertical-rl;
  font-size: 13px; letter-spacing: .2em;
  color: #2f2f2f; text-decoration: none;
}

/* sp */
@media (max-width: 767px) {
  .fv { height: 80vh; }
  .fv__slider { border-top-left-radius: 70px; }
}