.slick-list {
  height: 100%;
}
.slick-track {
  height: 100%;
  margin-right: 0;
  margin-left: 0;
}
.slick-slide img {
  margin:0 auto;
}

/*スライドの動き*/
.sliderBox .slick-slide {
  overflow: hidden;
  outline: none;
  position: relative;
}

@keyframes circle {
0% { stroke-dasharray: 0 377; }
99.9%,to { stroke-dasharray: 377 377; }
} */


.slick-prev,
.slick-next {
  display: none;
}

.slick-list{
  overflow-x: hidden;
  position: relative;
  z-index: 1;
}            



.slider-dots {
  width: 100%;
  height: 4px;
  margin: 0;
  padding: 0;
  text-align: center;
  list-style: none;
  position: relative;
  margin-top: -4px;
  z-index: 1;
}
.slider-dots li {
  /* display: inline-block; */
  /* width: calc(25% - 8px); */
  display: block;
  width: 100%;
  height: 4px;
  /* background-color: rgba(0,255,255,0.53); */
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
}
.slider-dots li.slick-active {
  /* background-color: rgba(255,255,255,0.5); */
  z-index: 1;
}
.slider-dots button {
  display: block;
  width: 100%;
  height: 4px;
  border: 0;
  font-size: 0;
  position: relative;
  background-color: #484752;
  padding: 0;
  margin: 0;
}
.slider-dots button::after {
  position: absolute;
  top: 0;
  left: 0;
  content: "";
  display: block;
  width: 0%;
  height: 100%;
}
.slick-active button:after {
  background-color: #bb0511;
  animation: progress 5.5s linear forwards;
}

@keyframes progress {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}