/* ======================= */
/* ===== ミニスライダー ===== */
/* ======================= */

.swiper {
    /*スライダーの幅と高さを調整*/
    width: 100%;
    height: auto;
    margin: 0.5rem auto;
  }
  
  .swiper-slide {
    /*スライド要素の幅と高さを調整*/
    width: 100%;
    height: 100%;
  
    /*テキストの位置調整*/
    display: flex;
    justify-content: center;
    align-items: center;
  
    /*テキストの色と太さを指定*/
    color: #fff;
    font-weight: bold;
  }
  .swiper-slide img{
    width: 100%;
  }

  .swiper-wrapper {
    transition-timing-function: linear;
  }

  .swiperSec{
    width: 100%;
    margin: 0;
  }

  .catchCopy{
    width: 80%;
    margin: 0 auto var(--space-50);
    line-height: 2;
    
  }
  .swiperSec .title{
    text-align: center;
    font-size: var(--font-size-32);
}

.buyButton{
  position: absolute;
  bottom: 5px;
  background: var(--color-000);
  padding: var(--space-10) var(--space-20);
  border-radius: 50px;
}
.buyButton a{
  color:var(--color-fff);
  font-weight: bold;
}