body {
  background-color: lightgray;
}
.sliderArea {
  /* position: relative; */
  margin: 6em 0;
  padding: 0.5em 1em;
  border: 4px ridge #1aaedb;
  border-radius: 8px;
  background-color:lightcyan;
  height: 600px;      
}
/* スライダー img  */
.slider img {
  height: 250px;      
  width: 350px;        
  object-fit: cover;  
  display: block;
  margin: 10px auto;
}
/* 以降は、HTMLには記載ないが「slick」が展開した要素 */
/* 全体スライド   */
.slick-slide {
  margin: 0 0px;
  text-align: center;
  opacity: .2;
  transition: all ease-in-out .3s;
}
/* 前・次の矢印   */
.slick-prev:before,
.slick-next:before {
  color: #000;
  opacity: 1;
}
/* 表示しているスライド  */
.slick-active {
  opacity: 1 !important;
}