/* Gocho専用スライダーCSS - 完全独立版 */

/* 隠しチェックボックス */
.gocho-slider input[type="radio"] {
  display: none !important;
  visibility: hidden !important;
  opacity: 0 !important;
  position: absolute !important;
  left: -9999px !important;
}

/* スライダーコンテナ */
.gocho-slider .box_main-image {
  position: relative !important;
  overflow: hidden !important;
}

/* メインスライド */
.gocho-slider .box_main-image .slide {
  opacity: 0 !important;
  transition: opacity 0.3s ease-in-out !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  z-index: 0 !important;
}

/* デフォルトで最初のスライドを表示 */
.gocho-slider .box_main-image .slide:first-child {
  opacity: 1 !important;
  z-index: 1 !important;
}

/* :checked疑似クラスで選択されたスライドを表示 */
.gocho-slider #slide-1:checked ~ .box_main-image .slide-1,
.gocho-slider #slide-2:checked ~ .box_main-image .slide-2,
.gocho-slider #slide-3:checked ~ .box_main-image .slide-3,
.gocho-slider #slide-4:checked ~ .box_main-image .slide-4,
.gocho-slider #slide-5:checked ~ .box_main-image .slide-5,
.gocho-slider #slide-6:checked ~ .box_main-image .slide-6,
.gocho-slider #slide-7:checked ~ .box_main-image .slide-7 {
  opacity: 1 !important;
  z-index: 1 !important;
}

/* Gocho専用サムネイルリストの基本レイアウト - 完全独立 */
.gocho-slider .box_list,
.gocho-slider .container02 > article .box_list {
  z-index: 10 !important;
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  justify-content: flex-start !important;
  align-items: center !important;
  padding: 0.005rem !important;
  max-width: 100% !important;
  overflow: visible !important;
  margin-left: 0 !important;
  margin-right: auto !important;
  position: relative !important;
  translate: 0 -3em !important;
}

/* Gocho専用サムネイルリスト（ul）を拡大縮小 - 完全独立 */
.gocho-slider .box_list .box_list-image,
.gocho-slider .container02 > article .box_list .box_list-image {
  display: flex !important;
  gap: 1px !important;
  transform: scale(1.2) translateY(10px) !important;
  transform-origin: left center !important;
  max-width: 110rem !important;
  align-self: center !important;
  z-index: 1 !important;
}

/* メニューが開いた時にサムネイルを非表示 */
.hamburger-menu.active ~ main .gocho-slider .box_list .box_list-image,
.hamburger-menu.active ~ main .gocho-slider .container02 > article .box_list .box_list-image,
body .hamburger-menu.active ~ main .gocho-slider .box_list .box_list-image,
body .hamburger-menu.active ~ main .gocho-slider .container02 > article .box_list .box_list-image {
  display: none !important;
}

/* メニューが開いた時にサムネイルのz-indexを下げる（バックアップ） */
.hamburger-menu.active ~ main .gocho-slider .box_list .box_list-image,
.hamburger-menu.active ~ main .gocho-slider .container02 > article .box_list .box_list-image {
  z-index: -999 !important;
}

/* Gocho専用サムネイル - 完全独立 */
.gocho-slider .box_list .box_list-image > li.thumbnail,
.gocho-slider .container02 > article .box_list .box_list-image > li.thumbnail {
  position: relative !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  width: 7% !important;
  min-width: 8rem !important;
  cursor: pointer !important;
}

.gocho-slider .box_list .box_list-image > li.thumbnail label,
.gocho-slider .container02 > article .box_list .box_list-image > li.thumbnail label {
  cursor: pointer !important;
  display: inline-block !important;
  transition: transform 0.2s ease-in-out !important;
  width: 70px !important;
  height: 70px !important;
  border-radius: 50% !important;
  overflow: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

.gocho-slider .box_list .box_list-image > li.thumbnail label img,
.gocho-slider .container02 > article .box_list .box_list-image > li.thumbnail label img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  aspect-ratio: 1 !important;
  border-radius: 50% !important;
}

/* レスポンシブ対応 - 完全独立 */
@media (max-width: 1200px) {
  .gocho-slider .box_list .box_list-image,
  .gocho-slider .container02 > article .box_list .box_list-image {
    transform: scale(0.9) !important;
  }
}

@media (max-width: 768px) {
  .gocho-slider .box_list .box_list-image,
  .gocho-slider .container02 > article .box_list .box_list-image {
    transform: scale(0.9) !important;
  }
}

@media (max-width: 480px) {
  .gocho-slider .box_list .box_list-image,
  .gocho-slider .container02 > article .box_list .box_list-image {
    transform: scale(0.7) translateY(120px) !important;
    margin-bottom: 1.5em !important;
    gap: 2px !important;
  }
  .gocho-slider .box_list,
  .gocho-slider .container02 > article .box_list {
    margin-bottom: 0.5em !important;
    bottom: 3em !important;
  }
}

@media (max-width: 360px) {
  .gocho-slider .box_list .box_list-image,
  .gocho-slider .container02 > article .box_list .box_list-image {
    transform: scale(0.5) !important;
  }
}