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

body{
	margin: 0;
}

/* スライダー */

.slider{
        width: 100%;
  max-width: 1000px; /* お好みで */
  margin: 0 auto;
    }
    .slider img{
          max-width: 100%;
  height: auto;
  display: block;
    }

    .slider .slick-slide{
        height:auto!important;
 margin: 0 10px; /* 左右10pxずつ余白 */
    }

.slider .slick-list {
  margin: 0 -10px; /* スライダー全体が10px分縮むため、外側を補正 */
}

    .slider .slick-arrow{
        z-index:2!important;
    }
    .slider .slick-next{
        right:0!important;
    }
    .slider .slick-prev{
        left:0!important;
    }
   


/* 追加した矢印装飾 */
.slider .slick-prev, .slider .slick-next {
  width: 60px;
  height: 60px;
  background-color:#E53742;
  border-radius: 50%;
  display: flex !important;
  justify-content: center;
  align-items: center;
  z-index: 2;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
    opacity: 0.9;
}

.slider .slick-prev:hover, .slider .slick-next:hover {
  background-color: #E53742;
}

.slider .slick-prev:before, .slider .slick-next:before {
  color: white;
  font-size: 24px;
   opacity: 1 !important; /* 常に不透明に固定 */
}

.slider .slick-prev {
  left: 10px !important;
}

.slider .slick-next {
  right: 10px !important;
}



.slider .slick-prev:before,
.slider .slick-next:before,
.slider .slick-prev:focus:before,
.slider .slick-next:focus:before,
.slider .slick-prev:active:before,
.slider .slick-next:active:before {
  opacity: 1 !important;
}

.slider .slick-dots li button:before {
  content: '•' !important;
}