@charset "Shift_JIS";

/* 共通設定：スライダー(.js_slideshow)
================================================== */
/* 動作CSS */

/* 装飾CSS（開閉用ボタン） */


/* リスト内：パーツ */
.js_slideshow .txt {
  margin-top: 10px;
  font-size: 1.4rem;
  line-height: 1.6;
  color: #0a0a0a;
}
.js_slideshow a:hover .txt {
  opacity: 1;
  text-decoration: underline;
}

.js_slideshow img {
  width: 100%;
  height: auto;
}

.js_slideshow {
  position: relative;
  padding: 0 4%;
}

/* リスト：スライド無し時 */
.js_slideshow .js_slideshow_inner:not(.swiper-container) ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.js_slideshow .js_slideshow_inner:not(.swiper-container) ul:not(:has(> li:nth-of-type(4))) { justify-content: center; } /* 4つ目以下(3つ目まで) */

.js_slideshow .js_slideshow_inner:not(.swiper-container) ul li {
  width: calc((100% / 4) - 20px);
  margin: 10px;
}

/* リスト：スライド有り時 */
.js_slideshow .swiper-container {
  width: 100%;
  margin: 0 auto;
}

/* ナビゲーション */
.js_slideshow .swiper-button-prev,
.js_slideshow .swiper-button-next {
  background: none;
}
.js_slideshow .swiper-button-prev { left: 0; }
.js_slideshow .swiper-button-next { right: 0; }

.js_slideshow .swiper-button-prev::after,
.js_slideshow .swiper-button-next::after {
  content: '';
  display: block;
  position: relative;
  top: 50%;
  left: 0;
  right: 0;
  width: 12px;
  height: 12px;
  border-right: solid 2px #333;
  border-bottom: solid 2px #333;
}
.js_slideshow .swiper-button-prev::after { left: 30%; transform: translateY(-50%) rotate(135deg); }
.js_slideshow .swiper-button-next::after { right: 30%; transform: translateY(-50%) rotate(-45deg); }

/* SP
================================================== */
/* リスト：スライド有り時 */
.wrapper_ > #event_wrapper_top .js_slideshow:has(.js_slideshow_inner.swiper-container) {
  padding: 0 0 0 4%;
}

/* リスト：スライド無し時 */
.wrapper_ > #event_wrapper_top .js_slideshow .js_slideshow_inner:not(.swiper-container) ul:not(:has(> li:nth-of-type(2))) {
  justify-content: center;
} /* 2つ目以下(1つ目まで) */

.wrapper_ > #event_wrapper_top .js_slideshow .js_slideshow_inner:not(.swiper-container) ul li {
  width: calc((100% / 2) - 20px);
}