/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 20px;
    z-index: 99;

}
.slick-prev {
     left: 15px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #000000;
}
/*スライド画像の横幅可変*/
img {
    z-index: 0;
    max-width: 95%;
     height: auto;





/*左の余白なし*/
}

ul.slider {
    padding: 0;
}



/*矢印画像*/
.slick-prev::before {
   content: url(../images/arrow-prv.png);

 }
.slick-next::before {
    content: url(../images/arrow.png);
}
.slick-prev{
    left: 135px;
	
  }
.slick-next{
    right: 135px;
}
  @media screen and (max-width:480px) {
    .slick-prev{
        left: 1px;
                 
    }
     .slick-next{
       right: 1px;
    }
}





/*両側の画像半透明*/
.slick-slider .slick-track, .slick-slider .slick-list{
  background: #fff;
}
.slick-initialized .slick-slide{
  opacity: 0.6; /* 両サイドの画像を透過 */
}
.slick-initialized .slick-slide.slick-active{
  opacity: 1; /* センター画像を非透過 */
}