@charset "utf-8";

.slick-prev,
.slick-next {
  /* 文字消し */
  color: transparent;
  position: absolute;
  /*絶対配置にする*/
  z-index: 3;
  top: 45%;
  cursor: pointer;
  /*マウスカーソルを指マークに*/
  outline: none;
  /*クリックをしたら出てくる枠線を消す*/
  /* border-top: 2px solid #ccc; */
  /*矢印の色*/
  /* border-right: 2px solid #ccc; */
  /*矢印の色*/
  width: 20px;
  height: 32px;

  background-image: url(../images/vector.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.slick-prev {
  /*戻る矢印の位置と形状*/
  left: 1.5%;
  transform: rotate(180deg);
}

.slick-next {
  /*次へ矢印の位置と形状*/
  right: 1.5%;

}

/*ドットナビゲーションの設定*/

.slick-dots {
  position: relative;
  text-align: center;
  margin-top: 20px;
}

.slick-dots li {
  display: inline-block;
  margin: 0 5px;
}

.slick-dots button {
  /* 文字消し */
  color: transparent;
  outline: none;
  width: 13px;
  /*ドットボタンのサイズ*/
  height: 13px;
  /*ドットボタンのサイズ*/
  display: block;
  border-radius: 50%;
  background: #E2D6BB;
}

.slick-dots .slick-active button {
  background: #1A3B1E;
  /*ドットボタンの現在地表示の色*/
}

.slick-disabled{
  display: none!important;
}