/* 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: Noto Sans JP;
  font-weight: 700;
  font-size: 1.25rem; /*20px*/
  line-height: 30px;
  letter-spacing: 0 ;
  text-align: center;
  padding: 26px 0 5px;
  color: #000;
}

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

/*----------------------
  東海道新幹線 車内限定コンテンツ
----------------------*/
.content {
  background: linear-gradient(90deg, #FF6E61 3.05%, #F59436 97.84%);
  padding: 10px 0 20px;
}

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

.heading__title {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.25rem; /*20px*/
  line-height: 35px;
  letter-spacing: 0.04em;
  text-align: center;
  padding: 3px 0;
}

.heading__title > span {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.8125rem; /*29px*/
  line-height: 27px;
  letter-spacing: 0.02em;
  text-align: center;
}

.content-shinkansen--img {
  display: block;
  width: 99%;
  margin-left: auto;
  margin-right: 0;
  padding-top: 3px;
}

.limited__title {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.25rem; /*20px*/
  line-height: 28px;
  letter-spacing: 0;
  text-align: center;
  padding: 25px 0 12px;
}

.limited .warning {
  padding: 0px 0 10px;
}

.btns-list {
  display: flex;
  flex-wrap: wrap;
  gap: 13px;
}

/*スペシャル動画*/
.movie {
  margin: 0 auto;
}
.movie .cards {
  display: flex;
  flex-direction: column;
  padding: 0;
}
.movie .card:first-child {
  padding-top: 0;
  margin-top: -2px;
}
.movie .card {
  padding-top: 27px;
}
.movie .card__title {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.1875rem; /*19px*/
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  color: #000;
  padding-bottom: 12px;
} 

.bk-pattern01 {
  display: inline-block;
  background-image: url(/view/event/mssp/svg/bk01.svg);
  background-size: cover;
  background-repeat: no-repeat;
  width: 60%;
  padding: 4px 0 6px;
  margin-top: 3px;
}

.movie .warning {
  padding: 3px 0 0;
}

/*-------------------------
東海道新幹線乗車特典
-------------------------*/
.riding-benefits {
  padding-bottom: 18px;
}
.content__inner {
  width: 91.61%;
  background-color: #fff;
  color: #000;
}
.riding-benefits .event {
  padding: 33px 0 11px;
}
.riding-benefits .event__title,
.present .event__title {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.625rem; /*26px*/
  line-height: 30px;
  letter-spacing: 0.02em;
  text-align: center;
  color: #FD745A;
  padding-bottom: 10px;
}

.riding-benefits .event__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.125rem; /*18px*/
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  padding: 2px 0 11px;
}

/*乗車特典コード*/
.board {
  width: 73.89%;
  margin: 0 auto;
  padding: 0px 0 10px;
}
table {
  text-align: center;
  border: 1px solid #FF6F61;
  width: 100%;
}
th {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.0625rem; /*17px*/
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  color: #FF6F61;
  padding: 15px 0 0;
}
tbody td {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.0625rem; /*17px*/
  line-height: 24px;
  letter-spacing: 0.01em;
  text-align: center;
  padding: 0 0 13px;
}

.riding-benefits .btns-list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  padding: 11px 0 19px;
}

.riding-benefits .warning {
  padding-bottom: 34px; 
}

.riding-benefits .content {
padding-bottom: 18px;
} 


/*-------------------------
プレゼントキャンペーン
-------------------------*/
.present {
  padding-bottom: 20px;
}
.present .event {
  padding: 33px 0 15px;
}
.present .event__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.125rem; /*18px*/
  line-height: 30px;
  letter-spacing: 0;
  text-align: center;
  padding: 2px 0 0px;
}

.present .card {
  display: grid;
  gap: 0;
  grid-template-columns: repeat(1, 1fr);
  padding: 0;
  margin: 0;
}
.present .card li {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}
.present .card__img {
  width: 92%;
  aspect-ratio: 330 / 248;
  object-fit: cover;
}
.card__note {
  font-family: Noto Sans JP;
  font-weight: 400;
  font-size: 0.625rem; /*10px*/
  line-height: 20px;
  letter-spacing: 0.05em;
  text-align: center;
  vertical-align: middle;
  margin-top: -8px;
}

.present__text {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.0625rem; /*17px*/
  line-height: 20px;
  letter-spacing: 0.05em;
  text-align: center;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-thickness: 0;
  text-decoration-skip-ink: auto;
  text-underline-offset: 3px;
  text-decoration-thickness: 0.5px;
  padding: 29px 0 25px;
}

.present .btns-list {
  gap: 22px;
}

 .present .warning {
  padding: 27px 0 25px;
}