/*==================================================
スライダーのためのcss
===================================*/
.slider {/*横幅94%で左右に余白を持たせて中央寄せ*/
    width:100%;
    margin:0 auto;
    padding: 0;
}
.slider img {
    width:19vw;/*スライダー内の画像を65vwにしてレスポンシブ化*/
    height:auto;
}
.slider .slick-slide {
  transform: scale(0.9);/*左右の画像のサイズを90%に*/
  transition: all .5s;/*拡大や透過のアニメーションを0.5秒で行う*/
  opacity: 1;/*透過50%=0.5*/
}
.slider .slick-slide.slick-center{
  transform: scale(1.0);/*中央の画像のサイズだけ等倍に*/
  opacity: 1;/*透過なし*/
  /* padding: 0 2vw; */
}

.slider-full {
    width:92vw;
    margin:0 auto;
    padding: 0 !important;
}
.slider-full img {
    width:92vw;
    height:auto;
}
.slider-full .slick-slide {
  transform: scale(1);
  transition: all .5s;
  opacity: 1;
}
.slider-full .slick-slide.slick-center{
  transform: scale(1);/*中央の画像のサイズだけ等倍に*/
  opacity: 1;/*透過なし*/
}


/*矢印の設定*/

/*戻る、次へ矢印の位置*/

.slick-prev {
  left: 35vw !important;
}

.slick-next {
  right: 35vw !important;
}

/* 
.slick-prev, 
.slick-next {
    position: absolute;
    top: 35%;
    cursor: pointer; 
    outline: none;
    height: 5vw !important;
    width: 5vw !important;
    z-index: 1;
}
.slick-prev {
    left: 5%;
}
.slick-next {
    right: 10%;
}
.slick-arrow::before {
    content:"" !important;
    width: 100% !important;
    height: 100% !important;
    position: absolute;
 }
.slick-prev::before {
    background: url(https://www.rakuten.ne.jp/gold/ajizukuri/images/slider-left.gif)!important;
    background-size: contain !important;
 }
 .slick-next::before {
    background: url(https://www.rakuten.ne.jp/gold/ajizukuri/images/slider-right.gif)!important;
    background-size: contain !important;
 }
 */
 
/*ドットナビゲーションの設定*/
.slick-dots {
    text-align:center;
    padding: 0;
 }
 .slick-dots li {
    display:inline-block;
 }
 .slick-dots button {
    color: transparent;
    outline: none;
    width: 1vw !important;
    height: 1vw !important;
    display:block;
    border-radius:50%;
    background:#c0cfe2 !important;
    cursor: pointer;
    font: inherit;
    border-style: none;
    padding: 0px;
 }
 .slick-dots button::before {
    display: none !important;
 }
 .slick-dots .slick-active button{
    width: 1vw !important;
    height: 1vw !important;
    background: #749cd1 !important;
 }

 @media screen and (max-width:768px){
  .slick-dots li {
    margin: 1vw;
  }
  .slick-dots button {
    width: 6vw !important;
    height: 6vw !important;
  }
  .slick-dots .slick-active button {
    width: 6vw !important;
    height: 6vw !important;
  }
}

/*==================================================
自動スライダーのためのcss
===================================*/
.slider-auto {
    padding:0;
}

.slider-auto img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider-auto .slick-slide {
    margin:0 10px;/*スライド左右の余白調整*/
}