@charset "utf-8";
/* CSS Document */

/* 矢印のクリック範囲など */
.button {
  background-color: transparent; /* ボタンの背景を透明にする */
  height: 50px;
  transition: .2s;
  width: 50px;
}
/* 矢印共通のスタイル */
.button::before {
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  content: "";
  height: 50px;
  left: 0;
  margin: auto;
  position: absolute;
  top: 0;
  width: 50px;
}
/* 前の矢印 */
.prev::before {
  background-image: url(https://junpei-sugiyama.com/wp-content/uploads/2021/02/e0379d76f3f78d80011fc748c93b6cbe.png);
}
/* 次の矢印 */
.next::before {
  background-image: url(https://junpei-sugiyama.com/wp-content/uploads/2021/02/e1bdcdb129887882c13aaf571f555b16.png);
}
/* 次のスライドが無い場合の矢印 */
.button:disabled::before {
  opacity: .5;
}
/* スライドのサイズ調整 */
.splide__slide img {
  height: auto;
  width: 100%;
}.splide__list .splide__slide.sl1 {
    background-color: #000000;
}