@charset "utf-8";


.slider {
  margin: 0 auto;
  width: 100%;
}
.slider-img img {
  height: auto;
  width: 100%;
}
.slide-dots {
  margin: 0;
  padding: 0;
  text-align: center;
	height: 20px;
}
.slide-dots li {
  display: inline-block;
	padding: 5px;
}
.slide-dots li button {
  position: relative;
  text-indent: -9999px;
}
.slide-dots li button::before {
  background-image: url("dot2.jpg");/*表示されていない時*/
	background-size: 50px;
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  cursor: pointer;
  height: 13.5px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 24px;
  width: 13.5px;
}
.slide-dots li.slick-active button::before {
  background-image: url("dot1.jpg");/*表示されているとき*/
}
button {
  background: none;
  border: none;
  outline: none;
  padding: 0 7px;
}