/* TOPスライド */

/* スライド全体をウィンドウ幅・高さいっぱいに */
.electorefarm_header {
  position: relative; /* ロゴの絶対配置の基準 */
  width: 100vw;
  height: 70vh; 
  overflow: hidden; /* スクロールを防ぐ */
}

/* スライドの親要素 */
.electorefarm_top_slide {
  width: 100vw;
  height: 70vh; /* ここは変更なし */
  overflow: hidden; /* はみ出し防止 */
}

.electorefarm_top_slide div {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}

/* 画像の調整 */
.electorefarm_top_slide img {
  width: 100%;
  height: 100%;
  min-height: 100%; /* 画像が枠より小さくならないように */
  object-fit: cover; /* 画像を枠に合わせる */
}

/* ロゴの配置（上下中央、右寄り） */
.electorefarm_header h1 {
  position: absolute;
  top: 50%;
  left: 15%; /* 右寄りの調整（必要に応じて調整） */
  transform: translateY(-50%); /* 上下センター */
  z-index: 10; /* スライドより上に */
}

.electorefarm_header h1 img {
  max-width: 350px; /* ロゴのサイズ調整（適宜変更） */
  width: 20vw;
  filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5)); /* 影を追加 */
}


@media screen and (max-width: 767px) {
  .electorefarm_header {
    position: relative; /* ロゴの絶対配置の基準 */
    width: 100vw;        /* 横幅100% */
    height: auto;        /* 高さ自動調整 */
    overflow: hidden;    /* はみ出た部分を隠す */
  }
  
  .electorefarm_top_slide {
    width: 100vw;        /* 横幅100% */
    height: 100%;        /* 親要素と同じ高さに設定 */
  }
  
  /* 画像の調整 */
  .electorefarm_top_slide img {
    object-fit: cover;   /* 画像を枠に合わせる */
    width: 100%;          /* 横幅100% */
    height: 100%;         /* 高さ100% */
  }


/* ロゴの配置（上下中央、右寄り） */
.electorefarm_header h1 {
  position: absolute;
  top: 15%;
  left: 50%; /* 右寄りの調整（必要に応じて調整） */
  transform: translateX(-50%); /* 上下センター */
  z-index: 10; /* スライドより上に */
}

  .electorefarm_header h1 img {
    max-width: 200px; /* ロゴのサイズ調整（適宜変更） */
    width: 50vw;
    filter: drop-shadow(0px 0px 20px rgba(0, 0, 0, 0.5)); /* 影を追加 */
  }
  
}


/* 野菜とハーブのスライド */
.electorefarm_setlist_inner_img {
  width: 100%;
  max-width: 400px; /* 適宜調整 */
  height: 260px; /* スライドの高さ */
  margin: 0 auto;
  overflow: hidden;
}

.electorefarm_setlist_inner_img div {
  width: 100%;
  height: 100%;
}

.electorefarm_setlist_inner_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



@media screen and (max-width: 767px) {
  .electorefarm_setlist_inner_img {
    width: 100%;
    max-width: 400px; /* 適宜調整 */
    height: 200px; /* スライドの高さ */
    margin: 0 auto;
    overflow: hidden;
  }


/* conseptの画像スライド */
  .electorefarm_concept_img {
    width: 100%;
    max-width: 400px; /* 適宜調整 */
    height: auto; /* スライドの高さ */
    margin: 40px auto 20px;
    overflow: hidden;
  }
  .electorefarm_concept_img div {
    width: 100%;
    height: 100%;
  }
  
  .electorefarm_concept_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}




/* TOP矢印ボタンの位置調整 */
.slick-prev,
.slick-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10; /* 画像の上に重ねる */
  width: 60px; /* ボタンサイズ */
  height: 60px;
  /* background-color: rgba(0, 0, 0, 0.5); 背景を半透明に */
  border-radius: 50%; /* 丸ボタン */
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 左矢印（prev） */
.slick-prev {
  left: 0px; /* 左端に配置 */
}

/* 右矢印（next） */
.slick-next {
  right: 0px; /* 右端に配置 */
}

/* 矢印のアイコンを非表示（デフォルトの矢印を消す） */
.slick-prev:before,
.slick-next:before {
  display: none;
}


.slick-prev::after,
.slick-next::after {
  content: "";
  display: block;
  width: 15px;
  height: 15px;
  border-top: 3px solid white;
  border-right: 3px solid white;
}

/* 左矢印の向き */
.slick-prev::after {
  transform: rotate(-135deg);
}

/* 右矢印の向き */
.slick-next::after {
  transform: rotate(45deg);
}


.electorefarm_top_slide .slick-prev::after,
.electorefarm_top_slide .slick-next::after {
  width: 20px; /* 矢印を大きく */
  height: 20px;
  border-top: 4px solid white;
  border-right: 4px solid white;
}

.slick-prev {
  left: 25px!important; /* もう少し左へ */
}
.slick-next {
  right: 30px!important; /* もう少し右へ */
}

@media screen and (max-width: 767px) {

/* TOPスライドの矢印 */
.electorefarm_top_slide .slick-prev::after,
.electorefarm_top_slide .slick-next::after {
  width: 15px; /* 矢印を大きく */
  height: 15px;
  border-top: 2px solid white;
  border-right: 2px solid white;
}
.slick-prev {
  left: -5px!important; /* もう少し左へ */
}
.slick-next {
  right: 0px!important; /* もう少し右へ */
}

}




/* 野菜・ハーブスライドの矢印（小さめ） */
.electorefarm_setlist_inner_img .slick-prev,
.electorefarm_setlist_inner_img .slick-next {
  width: 30px; /* 小さめ */
  height: 30px;
}

.electorefarm_setlist_inner_img .slick-prev::after,
.electorefarm_setlist_inner_img .slick-next::after {
  width: 10px; /* 矢印を小さく */
  height: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
}



/* コンセプトの矢印（小さめ） */
.electorefarm_concept_img .slick-prev,
.electorefarm_concept_img .slick-next {
  width: 30px; /* 小さめ */
  height: 30px;
}

.electorefarm_concept_img .slick-prev::after,
.electorefarm_concept_img .slick-next::after {
  width: 10px; /* 矢印を小さく */
  height: 10px;
  border-top: 2px solid white;
  border-right: 2px solid white;
}





/* 野菜・ハーブスライドの左矢印 */
.electorefarm_setlist_inner_img .slick-prev {
  left: 0px!important; /* もう少し左へ */
}

/* 野菜・ハーブスライドの右矢印 */
.electorefarm_setlist_inner_img .slick-next {
  right: 5px!important; /* もう少し右へ */
}

@media screen and (max-width: 767px) {
  /* 野菜・ハーブスライドの左矢印 */
.electorefarm_setlist_inner_img .slick-prev {
  left: 0px!important; /* もう少し左へ */
}

/* 野菜・ハーブスライドの右矢印 */
.electorefarm_setlist_inner_img .slick-next {
  right: 5px!important; /* もう少し右へ */
}


  /* コンセプトの左矢印 */
  .electorefarm_concept_img .slick-prev {
    left: 0px!important; /* もう少し左へ */
  }
  
  /* コンセプトの右矢印 */
  .electorefarm_concept_img .slick-next {
    right: 5px!important; /* もう少し右へ */
  }

}