/* section class="main-visual"
----------------------------------------------- */
.main-Visual {
  background-color: var(--color-bgColor);
  margin: 0 auto;
}

.visual__image {
  display: block;
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  margin: 0;
}

.visual-lead__text {
  font-family: Zen Maru Gothic;
  font-weight: 600;
  font-size: 1.125rem;
  /*18px*/
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  padding: 25px 0 16px;
}

/*認証ボタン非表示　スペース調整*/
.registration {
  padding-bottom: 20px;
}

/*----------------------
  共通
----------------------*/
.content {
  background-color: var(--color-bgColor);
  padding-bottom: 30px;
}

.content-top {
  padding-bottom: 39px;
}

.content__wrapper,
.content__inner {
  margin: 0 auto;
}

/*-------------------------
限定オリジナルボイスドラマ！
-------------------------*/
.content__inner {
  width: 91.61%;
  border-radius: 20px;
  border: 3px solid #B53171;
  background-color: var(--color-white);
}

.event__title {
  font-family: Zen Maru Gothic;
  font-weight: 700;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #B53171;
  padding: 20px 0 8px;
}

.btns-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 18px 0 14px;
}


/*乗車ノベルティ*/
.novelty {
  padding-bottom: 17px;
}

.title__wrapper {
  display: flex;
  justify-content: center;
  padding: 46px 0 8px;
}

.novelty__title {
  width: 81.64%;
  font-family: Zen Maru Gothic;
  font-weight: 700;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.5;
  letter-spacing: 0.07em;
  text-align: center;
  background-color: #C38655;
  color: #fff;
  border-radius: 100px;
  padding: 8px 0 9px;
  padding-left: 0.5rem;
  position: relative;
}

.novelty__title::before,
.novelty__title::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  margin: auto 0;
  right: 44.3%;
  width: 100%;
  height: 15px;
  background-image: url(/view/event/madoka-magica/svg/star.svg);
  transform: translateX(50%);
  background-size: contain;
  background-repeat: no-repeat;
}

.novelty__title::after {
  right: -38.8%;
}

.novelty__text {
  font-family: Zen Maru Gothic;
  font-weight: 700;
  font-size: 1rem;
  /*16px*/
  line-height: 1.6875;
  letter-spacing: -0.8px;
  text-align: center;
  color: #C48756;
}

.card {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(1, 1fr);
  padding: 8px 0 5px;
  text-align: center;
  margin: 0;
}

.card li {
  padding: 0;
  margin: 0;
}

.card__img {
  width: 86.16%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.card__note {
  font-family: Noto Sans JP;
  font-weight: 350;
  font-size: 0.6875rem;
  /*11px*/
  line-height: 1.81;
  letter-spacing: 0.05em;
  text-align: center;
}

/*特典引換場所*/
.board {
  width: 90.7%;
  margin: 0 auto;
  background-color: white;
  color: #000;
}

table {
  text-align: center;
  border: 1px solid #B53171;
  width: 100%;
}

th {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.25rem;
  /*20px*/
  line-height: 1.25;
  letter-spacing: 0.05em;
  text-align: center;
  color: #B53171;
  border-bottom: 1px solid #B53171;
  padding: 10px;
}

tbody td {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.0625rem;
  /*17px*/
  line-height: 1.76;
  letter-spacing: 0;
  text-align: center;
  padding-top: 12px;
}

tbody td>span {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.125rem;
  /*18px*/
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
}

tfoot td {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 0.75rem;
  /*12px*/
  line-height: 1.6;
  letter-spacing: 0;
  text-align: center;
  padding: 8px 0 17px;
}

.btn-list {
  padding: 26px 0 14px;
}

.certificate {
  padding-bottom: 21px;
  width: 90%;
}

.certificate .warning-list__item {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 0.75rem;
  /*12px*/
  line-height: 1.66;
  letter-spacing: 0.05em;
}