/*==================================================
スライダーのためのcss
===================================*/

.slider{
     direction: ltr; /* 通常の方向に戻す */
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
}
.slider .slick-slide{
  /* color: #333333; */
  /* background-color: #dddddd; */
  /* border-radius: 3px; */
  box-shadow: 6px 6px 10px 0px rgba(230, 230, 230, 0.4);
  /* box-shadow: 0px 0px 15px 0px rgba(137, 136, 136, 0.15); */
}

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

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

@media (max-width: 768px) {
  .slider .slick-slide {
      margin:10px 20px;/*スライド左右の余白調整*/
  }
}