/* =========================
   Museum Slide
========================= */

.menuSlideArea .secRight{

  background-image:
    radial-gradient(
      ellipse at center,
    rgba(120,80,30,0) 40%,
    rgba(120,80,30,0.10) 75%,
    rgba(80,40,10,0.28) 100%
    ),
    url("/asset/images/museum/museumTxtBg.jpg");
background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
border-radius: 10px;

}


.museumSlide {
  position: relative;
}

.mainSlide {
  position: relative;
  padding: 0;
  margin: 0;
  list-style: none;
}

/* 全スライドを重ねる */
.mainSlide li {
  position: absolute;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.4s ease;
}

/* 高さ確保用 */
.mainSlide li:first-child {
  position: relative;
}

.mainSlide li.now {
  opacity: 1;
  pointer-events: auto;
  z-index: 1;
}

.mainSlide img {
  width: 100%;
  display: block;
border-radius: 10px;
}

/* =========================
   Comment
========================= */

.museumSlide_comment {
  position: relative;
  padding: 0;
  margin: 20px 0;
  list-style: none;
padding: 30px;
}

.museumSlide_comment li {
  display: none;
}

.museumSlide_comment li.now {
  display: block;
}

.museumSlide_comment p{ text-align: center; font-size: 130%;}


@media(max-width:750px){
.museumSlide_comment{  height:150px;padding: 0 30px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.museumSlide_comment p{ text-align: center; font-size: 120%;}

}




/* =========================
   Thumbnail
========================= */

.museumSlide_thumb {
  width: 100%;
}

.thumbSlide {
  display: flex;
  flex-wrap: nowrap;
  gap: 10px;
  width: 100%;
margin: 0 auto;
  padding: 10px 0 0;
  list-style: none;
}

.thumbSlide li {
  flex: 1;
  min-width: 0;
  cursor: pointer;
  opacity: 0.45;
  transition: opacity 0.3s ease;
}

.thumbSlide li.now {
  opacity: 1;
}

.thumbSlide img {
  width: 100%;
  display: block;
border-radius: 5px;
}