@charset "utf-8";
/* CSS Document */
body {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #333333;
}
main, footer {
  margin: 0 auto;
  max-width: 780px;
  text-align: center;
  background: #ebd4cc;
/*
  background: -moz-linear-gradient(left,  #700016 0%, #9f0016 50%, #700016 100%);
  background: -webkit-linear-gradient(left,  #700016 0%,#9f0016 50%,#700016 100%);
  background: linear-gradient(to right,  #700016 0%,#9f0016 50%,#700016 100%);
*/
}

.container {
  max-width: 780px;
}

.venue {
  max-width: 700px;
  margin: 0 auto;
}

.spcta {
  background: #884242 !important;
}

.linkbox {
    position: relative;
}
.linkbox a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.fc-red {
  color: #884242 !important;
}

.fc-blue {
  color: #001e43 !important;
}

.fc-pink {
  color: #e95388 !important;
}

.anim-box.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}

.slick-slide img {
    display: block;
    object-fit: cover;
    height: auto;
    width: 100%;
}

.fs-small {
  font-size: 10px;
}

/*-- フェードイン表示 --*/
body {
  -webkit-animation: fadeIn 1.5s ease 0s 1 normal;
  animation: fadeIn 1.5s ease 0s 1 normal;
}

@keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

@-webkit-keyframes fadeIn {
  0% {
    opacity: 0
  }
  100% {
    opacity: 1
  }
}

/*-- YouTubeショート埋め込み --*/
.youtube_short{
 width: 70%; /* 伸縮する横幅 */
 max-width: 400px; /* 最大の横幅 */
 margin: auto; /* 画面の中央に配置 */
}
.youtube_short iframe{
 aspect-ratio: 9 / 16;
 width: 100%;
 height: 100%;
}

/*-- YouTubeショート埋め込み --*/
.youtube_short{
 width: 70%; /* 伸縮する横幅 */
 max-width: 400px; /* 最大の横幅 */
 margin: auto; /* 画面の中央に配置 */
}
.youtube_short iframe{
 aspect-ratio: 9 / 16;
 width: 100%;
 height: 100%;
}

/*-- アコーディオン --*/
.accordion {
  max-width: 700px;
  margin: 0 auto;
}

/* アコーディオン全体 */
.accordion-item {
  border-color: none;
}

/* Bootstrap 5.3 アコーディオンの色を固定 */
.accordion {
  --bs-accordion-btn-bg: #333;
  --bs-accordion-btn-color: #fff;
  --bs-accordion-active-bg: #333;
  --bs-accordion-active-color: #fff;
}

/* 閉じている・開いている両方 */
.accordion-button,
.accordion-button:not(.collapsed) {
  background-color: #333 !important;
  color: #fff !important;
  box-shadow: none !important;
}

/* 矢印を白にする */
.accordion-button::after,
.accordion-button:not(.collapsed)::after {
  filter: brightness(0) invert(1);
}

/* フォーカス時 */
.accordion-button:focus {
  box-shadow: none !important;
}

/* 開いたときの薄い青い背景色を消す */
.accordion-button:not(.collapsed) {
  background-color: transparent !important;
  color: inherit;
}

/* クリック（フォーカス）したときの青い枠線・影を消す */
.accordion-button:focus {
  box-shadow: none !important;
  border-color: inherit;
}

.accordion-custom {
  --bs-accordion-btn-bg: #333 !important;
  --bs-accordion-btn-color: #fff !important;
  --bs-accordion-active-bg: #333 !important;
  --bs-accordion-active-color: #fff !important;
}

.accordion-custom .accordion-button,
.accordion-custom .accordion-button:not(.collapsed) {
  background-color: #333 !important;
  color: #fff !important;
  box-shadow: none !important;
}

.accordion-custom .accordion-button::after {
  filter: brightness(0) invert(1);
}

.accordion-custom .accordion-button:focus {
  box-shadow: none !important;
}