@charset "utf-8";

/*slick*/
/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #fff;
}
/*左右の矢印の位置を変える*/
.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: #565656;
}
.slick-dots{
position:absolute;
bottom:-40px;
}
.slider{
position:relative;
width:100%;
margin:0 auto;
}
.slider li{
padding:5px;
}
/*スライド画像の横幅可変*/
.slider img {
margin: 0 0px;
}
@media only screen and (max-width:768px) {
.slider{
Width:100%;
}
.slider img{
Width:100%;
}
}
.slider .slick-slide:not(.slick-center) {
filter: brightness(0.8);
transition: 0.50s linear;
}
.slider .slick-slide{
margin:0px 0px;
}
/*slick*/