.slider{
  display: none;
}

.slider.slick-initialized{
  display: block; /*slick-initializedが付与されたら表示*/
}

.slider {
    width: 90%;
    margin: 0px auto;
    }

.slick-slide {
      margin: 0px 0px;
 }

.slick-slide {
   transition: all ease-in-out .3s;
   opacity: .3;
    }


.slick-current {
    opacity: 1;
    }

.slick-slide img {
  width: 100%;
}


.dots {
  position: relative;
  text-align: center;
  margin: 24px 0;
}

.slick-prev:before,
.slick-next:before {
  color: #221815;
  }