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



.slideshow .slide {
  display: flex;
  justify-content: center; /* 横中央寄せ */
  align-items: center;     /* 縦中央寄せ（スライド高さがある場合） */
}

.slideshow .slide img {
  max-width: 100%;  /* スライド幅に収める */
  height: auto;     /* 高さは自動 */
  display: block;   /* 不要な余白を消す */
}

.slick-prev,
.slick-next{
	width: 35px!important;
	height: 35px!important;
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35px;
		z-index: 999;
position: absolute;
  top: 50%;             /* 縦の中央 */
  transform: translateY(-50%);
  z-index: 10;

}


.slick-prev{background: url("/js/slickArrow.svg")!important;transform:translate(0, -50%) rotate(180deg);}
.slick-next{background: url("/js/slickArrow.svg")!important;}


.slick-prev::before,
.slick-next::before{content:none;}


.slick-prev {
  left: 0px;
}
.slick-next {
  right: 0px;
}




/* SP */
@media screen and (max-width: 736px) {
.slick-prev,
.slick-next{
	width: 30px!important;
	height: 30px!important;
	background-size: 30px;
	z-index: 999;
}	

.slick-prev {
  left: 0;
}
.slick-next {
  right: 0;
}	
	
}

.slideshowWrap {
  position: relative;
max-width: 660px;
  margin: 0 auto 40px;
}

.slideshowWrap .slick-dots {
  position: static;      /* デフォルトの absolute を解除 */
  display: flex !important;
  justify-content: center; /* 中央寄せ */
  margin-top: 10px;
  gap: 3px;              /* ドット間隔 */
}

.slideshowWrap .slick-dots li {
  margin: 0;
}