@charset "UTF-8";

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

.content {
  padding-bottom: 24px;
}

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

/* section class="main-visual"
----------------------------------------------- */
.main-Visual {
  margin: 0 auto;
}

.visual__image {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
  margin: 0;
}

.visual-lead__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.25rem; /*20px*/
  line-height: 1.5;
  letter-spacing: 0;
  text-align: center;
  color: #584E44;
  padding: 30px 0 26px;
}

/*-------------------------
  認証ボタン表示 (未認証時表示)
-------------------------*/
/*認証ボタン非表示　スペース調整*/
.registration {
  margin-top: -9px;
}

.registration-warning {
  padding-bottom: 12px;
}

/*-------------------------
  キャンペーンサイト一覧はこちら
-------------------------*/
.warning-site-link {
  padding: 16px 0 25px;
}

/*-------------------------
東海道新幹線車内限定
オリジナルボイスドラマ
-------------------------*/
.content__inner {
  width: 91.86%;
  background-color: var(--color-white);
}

.drama-heading {
  background-color: #C2AD62;
  padding: 7px;
}

.drama-heading__inner-frame {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 1px solid #fff;
  inset: 0;
  width: 100%;
}

.drama-heading__title {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.5625rem; /*25px*/
  line-height: 1.2;
  letter-spacing: -0.03em;
  text-align: center;
  color: #fff;
  padding: 21px 0;
}

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

.description__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.125rem; /*18px*/
  line-height: 1.388;
  letter-spacing: 0.05em;
  text-align: center;
  color: #584E44;
  padding: 14px 0 30px;
}

.warning-drama {
  width: 100%;
  padding: 10px 0 30px;
}

/*限定オリジナルボイスドラマ！名古屋編*/
.event__inner {
  width: 88.7%;
}

.heading {
  width: 100%;
  background-color: var(--color-location);
  border-radius: 10px 10px 0 0;
  margin: 0 auto;
  color: #fff;
  margin-bottom: 20px;
}

.heading-title {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.5rem; /*24px*/
  line-height: 0.625;
  letter-spacing: 0.06em;
  text-align: center;
  padding: 11px 0 14px;
}

.period__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 0.875rem; /*14px*/
  line-height: 0.7;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 11px 0 10px;
}

/*東海道新幹線乗車特典*/
.novelty {
  margin-bottom: 32px;
}
.novelty-heading {
  background-color: #E8E2D1;
}

.novelty-decoration {
  position: relative;
}

.novelty-decoration::before, 
.novelty-decoration::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto 0;
  background-image: url(/view/event/shingintamamovie/nagoya/svg/diamond.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 22.6px;
  height: 22.6px;
} 

.novelty-decoration::before {
  left: 5%;
} 

.novelty-decoration::after {
  right: 5%;
} 

.novelty-heading__title {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.25rem; /*20px*/
  line-height: 1.5;
  letter-spacing: 0.05em;
  text-align: center;
  color: #584E44;
  padding: 10px 0;
}

.novelty .description__text {
padding: 20px 0;
}

/*名古屋篇特典*/


.item-title__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.3125rem; /*21px*/
  line-height: 0.714;
  letter-spacing: 0.06em;
  text-align: center;
  color: var(--color-location);
  position: relative;
}

.item-title__text::before,
.item-title__text::after {
  position: absolute;
  content: "";
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 27%;
  height: 1px;
  background-color: var(--color-location);
}

.item-title__text::before {
  left: 0%;
} 

.item-title__text::after {
  right: 0%;
} 

.novelty .heading {
  margin-bottom: 31px;
}

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

.item .card__img {
  width: 100%;
  aspect-ratio: 305 / 229;
  object-fit: cover;
  margin: 5px 0 18px;
}

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

table {
  text-align: center;
  border: 1px solid #926F24;
  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: #926F24;
  border-bottom: 1px solid #926F24;
  padding: 10px;
}

tbody td {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 1.25rem; /*20px*/
  line-height: 1.5;
  letter-spacing: 0.06em;
  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.06em;
text-align: center;
}

tfoot td {
  font-family: Noto Sans JP;
  font-weight: 350;
  font-size: 0.6875rem; /*11px*/
  line-height: 1.81;
  letter-spacing: 0.05em;
  padding: 8px 0 18px;
}

.btn-list {
  padding: 20px 0 12px;
}

.date-of-expiry {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 0.9375rem; /*15px*/
  line-height: 1.66;
  letter-spacing: 0.05em;
  text-align: center;
  padding-top: 6px;
}

.date-of-expiry {
  display: none;
}

.btn-list:has(.btn__normal--on) .date-of-expiry {
  display: block;
}

.exchange-warning {
  width: 100%;
  padding: 0 7px;
}

.exchange-warning .warning-list__item {
  font-family: Noto Sans JP;
  font-weight: 350;
  font-size: 0.6875rem; /*11px*/
  line-height: 1.81;
  letter-spacing: 0.05em;
}

/*現地で楽しむ
ARフォトフレーム*/
.ar-frame {
  padding-bottom: 32px;
}
.ar-frame .novelty-heading__title {
  padding: 7px 0;
}

.ar-frame .description__text {
  padding: 18px 0 22px;
}

.ar-frame .heading {
  border-radius: 10px;
}

.ar-frame .period__text {
  font-family: Noto Sans JP;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.428;
  letter-spacing: 0.05em;
  text-align: center;
  padding: 5px 0 7px;
} 

.ar-frame .cards {    
  display: grid;
  gap: 8px 7%;
  grid-template-columns: repeat(2, 1fr);
  padding: 0 6% 0;
  margin: 29px 0 19px;
}

.ar-frame .li__lower {
  padding-top: 11px;
}

.ar-frame .card__img {
  max-width: 100%;
  aspect-ratio: 130 / 140;
  object-fit: cover;
}

.ar-frame .card__text {
  font-family: Noto Sans JP;
  font-weight: 900;
  font-size: 1.25rem; /*20px*/
  line-height: 1.3;
  letter-spacing: 0.05em;
  text-align: center;
  padding-right: 1rem;
  color: #584E44;
  padding-top: 1px;
  position: relative;
}

.ar-frame .card__text::after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-40%);
  background-image: url(/view/event/shingintamamovie/nagoya/svg/arrow-icon.svg);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  width: 20.0px;
  height: 20.0px;
  margin-left: 0.3rem;
}

.ar-warning {
  width: 100%;
  padding: 0 21px;
}

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