.slide-arrow{
  position:absolute;
  /*上下中央に矢印配置*/
  top:50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  z-index:2;
  cursor:pointer;/*ポインター表示にし、クリック可能なことを視覚的にわかりやすくします*/
}
.slide-arrow::before{
  display:block;
  color:#ddd;
  font-size:30px;
  font-weight:200;
  font-family:"Font Awesome 5 Free";
  font-family:fontawesome;
}
.next-arrow{ right:10px; }/*内側に右から10ピクセル移動*/
.prev-arrow{ left:10px; }/*内側に左から10ピクセル移動*/
.next-arrow::before{
  content:"\f054";/*右矢印のアイコンフォント*/
}
.prev-arrow::before{
  content:"\f053";/*左矢印アイコンフォント*/
}
/*マウスオーバーで矢印が水色へ*/
.slide-arrow:hover::before{
  color:#11cfff;
}
/*==// ここからdots //==*/
.slick-dots{
  /*画像の下部へ配置*/
  position:absolute;
  bottom:10px;
  z-index:2;
}
.slick-dots li button:before{
  color:#ddd;
  opacity:1;
  font-size: 34px;
}
.slick-dots li.slick-active button:before{ color:#990606; opacity:1; }