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

初期設定

-------------------------------------------------- */
/* --------------------------------------------------

hover

-------------------------------------------------- */
/* --------------------------------------------------

スマホサイズのフォント指定

-------------------------------------------------- */
/* --------------------------------------------------

breakpoint

-------------------------------------------------- */
/* club */
.club-slider {
  position: relative;
  margin-bottom: 10rem;
}
@media only screen and (max-width: 1100px) {
  .club-slider {
    margin-bottom: 8%;
  }
}
@media only screen and (max-width: 768px) {
  .club-slider {
    margin-bottom: 4em;
  }
}
.club-slider .swiper-slide {
  aspect-ratio: 16/9;
}
.club-slider .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.club-slider .swiper-operation {
  position: absolute;
  right: -1.5rem;
  bottom: -3.5rem;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: nowrap;
}
@media only screen and (max-width: 768px) {
  .club-slider .swiper-operation {
    bottom: -2em;
    right: 0;
  }
}
.club-slider .swiper-operation .swiper-pagination {
  position: relative;
  width: auto;
  text-align: center;
  bottom: 0;
}
.club-slider .swiper-operation .stopbtn-block {
  position: relative;
  width: 4rem;
  top: 2px;
  left: -5px;
}
.club-slider .swiper-operation .stopbtn-block p .stopbtn02 {
  overflow: hidden;
  bottom: auto;
  transform: translateY(-50%);
}
.club-contents-gallery {
  margin-top: 2em;
}
@media only screen and (max-width: 1100px) {
  .club-contents-gallery {
    margin-top: 3em;
    display: flex;
  }
}
@media only screen and (max-width: 768px) {
  .club-contents-gallery {
    display: block;
  }
}
@media only screen and (max-width: 1100px) {
  .club-contents-gallery > li {
    width: 33%;
  }
}
@media only screen and (max-width: 768px) {
  .club-contents-gallery > li {
    width: 80% !important;
    margin: 6% auto 0 !important;
  }
}
.club-contents-gallery > li figure {
  aspect-ratio: 4/3;
}
.club-contents-gallery > li figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.club-contents-gallery > li .txt-part {
  margin-top: 0.4em;
}