/*----------ARROWS----------*/

.slick-arrow {
	position: absolute;
	top : 35%;
	transform : translateY(-50%);
	z-index : 1;
	cursor : pointer;
}

/* 共通設定 */

.slick-next::before,.slick-next::after,.slick-prev::before,.slick-prev::after {
    position : absolute;
    top : 0;
    bottom : 0;
    margin : auto;
    content : "";
    vertical-align : middle;
}

.slick-next::before,.slick-prev::before {
    width: 36px;
    height: 3px;
    background : #fff;
}

.slick-next::after,.slick-prev::after {
    width : 26px;
    height : 26px;
    border-top : 3px solid #fff;
    border-right : 3px solid #fff;
}

/* next */

.slick-next {
    right : 26px;
}

.slick-next::before {
    right : 0;
}

.slick-next::after {
    right: 4px;
    transform: rotate(45deg);
}

/* prev */

.slick-prev {
    left: 26px;
}

.slick-prev::before {
    left: 0;
}

.slick-prev::after {
    left: 4px;
    transform: rotate(-135deg);
}

@media screen and (max-width: 767px) {
  .slick-next::before,
  .slick-prev::before {
    width: 18px;
  }
  .slick-next::after,
  .slick-prev::after {
    width: 10px;
    height: 10px;
  }
  .slick-next {
    right: 8px;
  }
  .slick-prev {
    left: 8px;
  }
  .slick-prev::before {
    left: 2px;
  }
  .slick-next::after {
    right: 2px;
  }
}

/*----------DOTS----------*/

@media screen and (max-width: 480px) {
.slick-dots {
	margin-left : 1px;
	bottom : -28px;
	z-index: 100;
}

.slick-dots li {
	margin : 0 1px 0 0;
}

.slick-dots li button:before {
	font-size : 36px;
}

.slick-prev {
	left : 3%;
}

.slick-next {
	right : 3%;
}
}