@keyframes zoomUp {
  0% {
    transform: scale(1.0);
  }
  100% {
    transform: scale(1.03);
  }
}
.shopbox { transition-timing-function: linear;
  position: relative; /* 基準位置にする */
}
.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img{
  animation: zoomUp 18s linear 0s 1 normal both;  
}
.swiper-container { position: relative;}
.loading{ top: 0;position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /* 背景色 */
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: opacity 0.5s ease;}
/*.loading.is-loaded {
  opacity: 0;
  visibility: hidden;
}*/
.loading.is-loaded {
  opacity: 0;
  visibility: hidden;
  /* opacityのフェードアウト（0.5s）が終わってから完全に非表示にする */
  transition: opacity 0.5s ease, visibility 0.5s ease;
}
.rbj img{max-width:100px;}

.shake-up {
    animation: shake-up 5s infinite ease-in-out;
}

@keyframes shake-up {
    0%, 100% {
        transform: translateY(-55%);
    }
    50% {
        transform: translateY(-52%);
    }
}

/* 矢印画像の高さと幅 */
.swiper-button-prev,
.swiper-button-next {
  height: 20px;
  width: 20px;
}
/* 矢印を消して画像に変更する */
/*.swiper-button-prev::after,
.swiper-button-next::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  margin: auto;
}*/
/* 前への矢印カスタマイズ */
.swiper-button-prev{color:#666666;
 left: -60px;
/*  transform: translateX(-40px);
  border-bottom: 20px solid transparent;
  border-right: 30px solid #ff4500;
  border-top: 20px solid transparent;*/
}
/* 次への矢印カスタマイズ */
.swiper-button-next{color:#666666;
 /* border-bottom: 20px solid transparent;
  border-left: 30px solid #ff4500;
  border-top: 20px solid transparent;*/
  right: -60px;
/*  transform: translateX(40px);*/
}
/* 画像サイズ調整 */
.swiper-slide img { display: block;
  height: auto;
  width: 100%;
}

/*imgタグだと下に隙間ができるのでblockに。*/
.slide-img img{
  display: block;
}

.swiper-container {
    width: 100%;
    height: 100%;}
    
    .swiper-wrapper {
      
        .swiper-slide {
        
            video {
                width: 100%;
                height: auto;object-fit: cover;
            }
        }
    }
.slider2{
.swiper-wrapper {transition-timing-function: linear;height: auto;}}
/* スライダー内の画像の隙間を完全にゼロにする */
.slider2 .swiper-slide img {
  display: block;
  width: 100%;
  height: auto;
}
/* スライダー2の余白を消す　*/
.swiper{height:fit-content;}