/* スライダー全体 */
.slider {
  width: 300px; 
  margin: auto;
  text-align: center;
  position: relative;
}
/* ラジオボタン非表示 */
.slider input {
  display: none;
}
.slides {
  position: relative;
  width: 100%;
  aspect-ratio: 1 / 1;
  overflow: hidden;
}
.slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  transition: opacity 0.5s;
}
.slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* 下のコントロールボタン */
.controls {
  display: flex;
  justify-content: center;
  gap: 13px;
  margin-top: 15px;
}
.controls label {
  width: 20px;
  height: 17px;
  background:#ccc;
  cursor: pointer;
  border-radius: 3px;
  transition: background 0.3s;
}
/* 選択中のボタンを強調 */
#slide1:checked ~ .controls label[for="slide1"],
#slide2:checked ~ .controls label[for="slide2"],
#slide3:checked ~ .controls label[for="slide3"],
#slide4:checked ~ .controls label[for="slide4"],
#slide5:checked ~ .controls label[for="slide5"],
#slide6:checked ~ .controls label[for="slide6"] { background: #fae43c;}
/* ギャラリー1 */
#slide1:checked ~ .slides .slide:nth-child(1),
#slide2:checked ~ .slides .slide:nth-child(2),
#slide3:checked ~ .slides .slide:nth-child(3),
#slide4:checked ~ .slides .slide:nth-child(4),
#slide5:checked ~ .slides .slide:nth-child(5),
#slide6:checked ~ .slides .slide:nth-child(6) { opacity: 1; }
#slide1:checked ~ .controls label[for="slide1"],
#slide2:checked ~ .controls label[for="slide2"],
#slide3:checked ~ .controls label[for="slide3"],
#slide4:checked ~ .controls label[for="slide4"],
#slide5:checked ~ .controls label[for="slide5"],
#slide6:checked ~ .controls label[for="slide6"] {
  background: #fae43c;
}
/* ギャラリー2 */
#slide2-1:checked ~ .slides .slide:nth-child(1),
#slide2-2:checked ~ .slides .slide:nth-child(2),
#slide2-3:checked ~ .slides .slide:nth-child(3),
#slide2-4:checked ~ .slides .slide:nth-child(4),
#slide2-5:checked ~ .slides .slide:nth-child(5),
#slide2-6:checked ~ .slides .slide:nth-child(6) { opacity:1; }
#slide2-1:checked ~ .controls label[for="slide2-1"],
#slide2-2:checked ~ .controls label[for="slide2-2"],
#slide2-3:checked ~ .controls label[for="slide2-3"],
#slide2-4:checked ~ .controls label[for="slide2-4"],
#slide2-5:checked ~ .controls label[for="slide2-5"],
#slide2-6:checked ~ .controls label[for="slide2-6"]{
  background: #fae43c;
}
/* ギャラリー3 */
#slide3-1:checked ~ .slides .slide:nth-child(1),
#slide3-2:checked ~ .slides .slide:nth-child(2),
#slide3-3:checked ~ .slides .slide:nth-child(3),
#slide3-4:checked ~ .slides .slide:nth-child(4),
#slide3-5:checked ~ .slides .slide:nth-child(5),
#slide3-6:checked ~ .slides .slide:nth-child(6) { opacity:1; }
#slide3-1:checked ~ .controls label[for="slide3-1"],
#slide3-2:checked ~ .controls label[for="slide3-2"],
#slide3-3:checked ~ .controls label[for="slide3-3"],
#slide3-4:checked ~ .controls label[for="slide3-4"],
#slide3-5:checked ~ .controls label[for="slide3-5"],
#slide3-6:checked ~ .controls label[for="slide3-6"] {
  background: #fae43c;
}
/* ギャラリー4 */
#slide4-1:checked ~ .slides .slide:nth-child(1),
#slide4-2:checked ~ .slides .slide:nth-child(2),
#slide4-3:checked ~ .slides .slide:nth-child(3),
#slide4-4:checked ~ .slides .slide:nth-child(4),
#slide4-5:checked ~ .slides .slide:nth-child(5),
#slide4-6:checked ~ .slides .slide:nth-child(6) { opacity:1; }
#slide4-1:checked ~ .controls label[for="slide4-1"],
#slide4-2:checked ~ .controls label[for="slide4-2"],
#slide4-3:checked ~ .controls label[for="slide4-3"],
#slide4-4:checked ~ .controls label[for="slide4-4"],
#slide4-5:checked ~ .controls label[for="slide4-5"],
#slide4-6:checked ~ .controls label[for="slide4-6"] {
  background: #fae43c;
}
/* ギャラリー5 */
#slide5-1:checked ~ .slides .slide:nth-child(1),
#slide5-2:checked ~ .slides .slide:nth-child(2),
#slide5-3:checked ~ .slides .slide:nth-child(3),
#slide5-4:checked ~ .slides .slide:nth-child(4),
#slide5-5:checked ~ .slides .slide:nth-child(5),
#slide5-6:checked ~ .slides .slide:nth-child(6) { opacity:1; }
#slide5-1:checked ~ .controls label[for="slide5-1"],
#slide5-2:checked ~ .controls label[for="slide5-2"],
#slide5-3:checked ~ .controls label[for="slide5-3"],
#slide5-4:checked ~ .controls label[for="slide5-4"],
#slide5-5:checked ~ .controls label[for="slide5-5"],
#slide5-6:checked ~ .controls label[for="slide5-6"]{
  background: #fae43c;
}
/* ギャラリー6 */
#slide6-1:checked ~ .slides .slide:nth-child(1),
#slide6-2:checked ~ .slides .slide:nth-child(2){ opacity:1; }
#slide6-1:checked ~ .controls label[for="slide6-1"],
#slide6-2:checked ~ .controls label[for="slide6-2"]{
  background: #fae43c;
}
/* ギャラリー7 */
#slide7-1:checked ~ .slides .slide:nth-child(1),
#slide7-2:checked ~ .slides .slide:nth-child(2){ opacity:1; }
#slide7-1:checked ~ .controls label[for="slide7-1"],
#slide7-2:checked ~ .controls label[for="slide7-2"]{
  background: #fae43c;
}
/* ギャラリー8 */
#slide8-1:checked ~ .slides .slide:nth-child(1),
#slide8-2:checked ~ .slides .slide:nth-child(2),
#slide8-3:checked ~ .slides .slide:nth-child(3){ opacity:1; }
#slide8-1:checked ~ .controls label[for="slide8-1"],
#slide8-2:checked ~ .controls label[for="slide8-2"],
#slide8-3:checked ~ .controls label[for="slide8-3"]{
  background: #fae43c;
}
/* ギャラリー9 */
#slide9-1:checked ~ .slides .slide:nth-child(1),
#slide9-2:checked ~ .slides .slide:nth-child(2),
#slide9-3:checked ~ .slides .slide:nth-child(3){ opacity:1; }
#slide9-1:checked ~ .controls label[for="slide9-1"],
#slide9-2:checked ~ .controls label[for="slide9-2"],
#slide9-3:checked ~ .controls label[for="slide9-3"]{
  background: #fae43c;
}
/* ギャラリー10 */
#slide10-1:checked ~ .slides .slide:nth-child(1),
#slide10-2:checked ~ .slides .slide:nth-child(2),
#slide10-3:checked ~ .slides .slide:nth-child(3){ opacity:1; }
#slide10-1:checked ~ .controls label[for="slide10-1"],
#slide10-2:checked ~ .controls label[for="slide10-2"],
#slide10-3:checked ~ .controls label[for="slide10-3"]{
  background: #fae43c;
}
/* ギャラリー11 */
#slide11-1:checked ~ .slides .slide:nth-child(1),
#slide11-2:checked ~ .slides .slide:nth-child(2){ opacity:1; }
#slide11-1:checked ~ .controls label[for="slide11-1"],
#slide11-2:checked ~ .controls label[for="slide11-2"]{
  background: #fae43c;
}