/* === sec-venue_slide の swiper のみ === */
.swiper.sec-venue_slide .swiper-button-prev,
.swiper.sec-venue_slide .swiper-button-next {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 50;

  background: rgba(255, 255, 255, 0.8);
  border-radius: 999px;

  color: transparent;
  transition: background-color 0.35s ease;
}

.swiper.sec-venue_slide .swiper-button-prev {
  left: 12px;
}

.swiper.sec-venue_slide .swiper-button-next {
  right: 12px;
}

/* Swiper既定の after を無効化 */
.swiper.sec-venue_slide .swiper-button-prev::after,
.swiper.sec-venue_slide .swiper-button-next::after {
  content: none !important;
}

/* 矢印（共通） */
.swiper.sec-venue_slide .swiper-button-prev::before,
.swiper.sec-venue_slide .swiper-button-next::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;

  width: 12px;
  height: 12px;

  border-top: 2px solid #bbb58d;
  border-right: 2px solid #bbb58d;

  transform-origin: center;
  transition: border-color 0.35s ease;
}

/* 左矢印：内側に -3px（＝右へ +3px） */
.swiper.sec-venue_slide .swiper-button-prev::before {
  transform: translate(calc(-50% + 3px), -50%) rotate(-135deg);
}

/* 右矢印：内側に -3px（＝左へ -3px） */
.swiper.sec-venue_slide .swiper-button-next::before {
  transform: translate(calc(-50% - 3px), -50%) rotate(45deg);
}

/* hover */
.swiper.sec-venue_slide .swiper-button-prev:hover,
.swiper.sec-venue_slide .swiper-button-next:hover {
  background: rgba(255, 255, 255, 0.85);
}

.post-type-archive-party .btn-container {
    display: flex;
}
@media (min-width:768.2px) {
    .post-type-archive-party .btn-container {
    flex-wrap: nowrap;
}
}