@charset "utf-8";


.slider-wrapper {
  position: relative;
  margin: 0 0 40px;
}

.slider-wrapper ul{
  margin: 0;
  padding: 0;
  list-style: none;
}

/**
 * スライダー内アイテム
 */
.slider-item img {
  max-height: 100vh;
  max-width: 100%;
  margin: 0 auto;
}

/**
 * ページ切り替えボタン
 */
.slick-prev, 
.slick-next {
  position: absolute;
  cursor: pointer;
  outline: none;
  height: 100%;
  width: 20%;
  top: 0%;
  z-index: 3;
  opacity: 0%;
}

.slick-prev {
  left: 0%;
}

.slick-next {
  right: 0%;
}

/**
 * ページ指定ボタン
 */
.slick-dots {
  text-align:center;
}

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

.slick-dots button {
  color: transparent;
  width:8px;
  height:8px;
  border: none;
  background:#ccc;
  border-radius: 50%;
  padding: 0;
  margin: 0;
}

.slick-dots .slick-active button{
  background:#333;
}

/**
 * 見た目だけ矢印
 */
.arrow-prev, 
.arrow-next {
  position: absolute;
  z-index: 3;
  top: 50%;
  border-top: 2px solid #ccc;/*矢印の色*/
  border-right: 2px solid #ccc;/*矢印の色*/
  height: 25px;
  width: 25px;
  pointer-events: none; /*クリックを無視*/
}

.arrow-prev {
  left:2.5%;
  transform: rotate(-135deg);
}

.arrow-next {
  right:2.5%;
  transform: rotate(45deg);
}

@media (Orientation: portrait) {
  .arrow-prev, 
  .arrow-next {
    opacity: 0;
  }
}