/* 画像のデザイン設定 ---------------------------------------------------*/
.slick-box{
  width: 100%;
  margin: 0 auto;
}

.slick-box img{
  width: 100%;
}
/* 画像のデザイン設定 ---------------------------------------------------*/


/*前後ボタンのデザイン設定----------------------------------------------*/
/* slickの設定プロパティであるarrowsをtrueにする必要がある */
.slide-arrow{
  width: 14px !important;
}

.prev-arrow{
  position: absolute;
  z-index:1;
  left:-50px;
  top:50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}

.next-arrow{
  position:absolute;
  z-index:1;
  right:-50px;
  top:50%;
  -webkit-transform: translateY(-50%); /* Safari用 */
  transform: translateY(-50%);
}
/*前後ボタンのデザイン設定----------------------------------------------*/