@charset "UTF-8";
html {
  font-size: 62.5%;
  color: #fff;
}

body {
  -webkit-text-size-adjust: 100%;
}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, option, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, button, select {
  font-family: ShinGoPro-Light, sans-serif !important;
}

img {
  max-width: 100%;
  height: auto;
  border: none;
  vertical-align: bottom;
}

.c-page-hgroup {
  text-align: center;
}
.c-page-hgroup_ttl {
  width: 100%;
}
.c-page-hgroup_ttl_txt {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 4.2rem;
  line-height: 1.4285714286;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  display: block;
}
@media screen and (max-width: 767px) {
  .c-page-hgroup_ttl_txt {
    font-size: min(2.8rem, 7.1794871795vw);
    line-height: 1.3571428571;
  }
}

.u-inline-block {
  font: inherit;
  display: inline-block;
}

.bg-wrapper {
  width: 100%;
  background-color: #000;
  overflow: clip;
}

:root {
  --header-height: 80px;
  --sticky-top: var(--header-height);
}
@media screen and (max-width: 767px) {
  :root {
    --header-height: 60px;
  }
}

:has(#as_header.is-hide) {
  --sticky-top: 0;
}

#as_header {
  display: grid;
  place-content: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: var(--header-height);
  background-color: rgba(0, 0, 0, 0.6);
  transition: transform 0.4s;
}
#as_header.is-hide {
  transform: translateY(calc(-1 * var(--header-height)));
}

#as_header .as_logo-container {
  display: block;
  margin-inline: auto;
  width: 60px;
}
@media screen and (max-width: 767px) {
  #as_header .as_logo-container {
    width: 45px;
  }
}
#as_header .as_logo-container:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #as_header .as_logo-container {
    transition: opacity 0.4s;
  }
  #as_header .as_logo-container:hover {
    opacity: 0.6;
  }
}

.as_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  right: min(100px, 7.1428571429vw);
  width: 45px;
  height: var(--header-height);
}
@media screen and (max-width: 767px) {
  .as_menu {
    right: 15px;
    width: 36px;
  }
}

.burger {
  width: 100%;
  text-decoration: none;
  z-index: 200;
}
.burger span {
  display: block;
  width: 100%;
  height: 2px;
  background: #fff;
  transition: opacity 0.4s, transform 0.4s;
}
.burger span:nth-child(n+2) {
  margin-top: 10px;
}

.burger:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  .burger {
    transition: opacity 0.4s;
  }
  .burger:hover {
    opacity: 0.6;
  }
}

.nav-open .burger span:nth-child(1) {
  transform: translateY(12px) rotate(36deg);
}
.nav-open .burger span:nth-child(2) {
  opacity: 0;
}
.nav-open .burger span:nth-child(3) {
  transform: translateY(-12px) rotate(-36deg);
}

.header_nav {
  position: fixed;
  top: 0;
  right: -600px;
  padding: 130px 58px 172px;
  width: 600px;
  z-index: 100;
  background-color: #575757;
  box-sizing: border-box;
  transition: right 0.4s;
}
@media screen and (max-width: 959px) {
  .header_nav {
    right: -100%;
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .header_nav {
    padding: 105px 30px;
  }
}

.nav-open .header_nav {
  right: 0;
}

.header_nav li:nth-child(n+2) {
  margin-top: 20px;
}

.header_nav a {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 2.4rem;
  line-height: 1.375;
  text-decoration: none;
  color: #fff;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  .header_nav a {
    font-size: 1.8rem;
  }
}

.header_nav a:hover {
  opacity: 0.6;
  transition: 0.4s;
}

.wrap {
  padding-top: var(--header-height);
}

.wrapper {
  margin-inline: auto;
  padding-inline: 15px;
  max-width: 1230px;
}

/* -----------------
mv
-------------------- */
#intro {
  text-align: center;
}
#intro .mv-img img {
  width: 100%;
}
#intro .hgroup {
  line-height: 1;
  color: #fff;
  margin-top: min(80px, 8.3333333333vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup {
    margin-top: min(36px, 9.6vw);
  }
}
#intro .hgroup_ttl {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 4.9rem;
  line-height: inherit;
}
@media screen and (max-width: 767px) {
  #intro .hgroup_ttl {
    font-size: min(2.4rem, 6.4vw);
  }
}
#intro .hgroup_date {
  font-size: 0;
  line-height: inherit;
  margin-top: min(10px, 1.0416666667vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup_date {
    margin-top: min(11px, 2.9333333333vw);
  }
}
#intro .hgroup_date_num {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(6rem, 6.25vw);
  letter-spacing: 0.1em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #intro .hgroup_date_num {
    font-size: min(2.4rem, 6.4vw);
  }
}
#intro .hgroup_date_en {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(3rem, 3.125vw);
  display: inline-block;
  margin-left: min(10px, 1.0416666667vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup_date_en {
    font-size: min(1.2rem, 3.2vw);
    margin-left: min(5px, 1.3333333333vw);
  }
}
#intro .hgroup_date_en + .hgroup_date_num {
  margin-left: min(40px, 4.1666666667vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup_date_en + .hgroup_date_num {
    margin-left: min(25px, 6.6666666667vw);
  }
}
#intro .hgroup_txt {
  font-size: min(3rem, 3.125vw);
  line-height: 1;
  margin-top: min(25px, 2.6041666667vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup_txt {
    font-size: min(1.8rem, 4.8vw);
    margin-top: min(20px, 5.3333333333vw);
  }
}
#intro .hgroup_access {
  margin-top: min(14px, 1.4583333333vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup_access {
    margin-top: min(19px, 5.0666666667vw);
  }
}
#intro .hgroup_access_link {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(2rem, 2.0833333333vw);
  line-height: 1.35;
  color: inherit;
  text-decoration: none;
  display: inline-block;
  position: relative;
  padding-right: min(26px, 2.7083333333vw);
}
@media screen and (max-width: 767px) {
  #intro .hgroup_access_link {
    font-size: min(1.5rem, 4vw);
    line-height: 1.4;
    padding-right: min(29px, 7.7333333333vw);
  }
}
#intro .hgroup_access_link:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #intro .hgroup_access_link {
    transition: opacity 0.4s;
  }
  #intro .hgroup_access_link:hover {
    opacity: 0.6;
  }
}
#intro .hgroup_access_link::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: min(19px, 1.9791666667vw);
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 19 15"><g transform="translate(-741 -1278)"><g transform="translate(744 1278)" fill="none" stroke="%23fff" stroke-width="1"><rect width="16" height="11" stroke="none"/><rect x="0.5" y="0.5" width="15" height="10" fill="none"/></g><rect width="15" height="11" transform="translate(741 1282)" fill="%23fff"/></g></svg>') center/contain no-repeat;
}
@media screen and (max-width: 767px) {
  #intro .hgroup_access_link::after {
    width: min(19px, 5.0666666667vw);
  }
}
@media screen and (min-width: 1200px) {
  #intro .dlist {
    display: flex;
    justify-content: center;
    flex-direction: row-reverse;
    align-items: flex-start;
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 1199px) {
  #intro .dlist {
    margin-inline: auto;
    width: fit-content;
  }
}
#intro .dlist-wrap {
  margin-top: 60px;
  padding-block: 30px 22px;
  background: #272727;
}
@media screen and (max-width: 1199px) {
  #intro .dlist-wrap {
    padding-block: 23px;
  }
}
@media screen and (min-width: 1200px) {
  #intro .dlist_box {
    width: 600px;
  }
}
@media screen and (min-width: 1200px) {
  #intro .dlist_box:nth-child(1) .dlist_des {
    position: relative;
  }
  #intro .dlist_box:nth-child(1) .dlist_des::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 100%;
    background: #fff;
  }
}
@media screen and (max-width: 1199px) {
  #intro .dlist_box:nth-child(2) {
    margin-top: 50px;
  }
}
#intro .dlist_theme_txt {
  font-family: ShinGoPro-Regular, sans-serif !important;
  font-size: 2rem;
  line-height: 1.8;
  color: #000;
  text-align: center;
  margin-inline: auto;
  max-width: 220px;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #intro .dlist_theme_txt {
    font-size: 1.6rem;
    line-height: 2.125;
  }
}
#intro .dlist_des {
  margin-top: 20px;
}
@media screen and (min-width: 1200px) {
  #intro .dlist .date {
    margin-inline: auto;
    width: fit-content;
  }
}
#intro .dlist .date_box {
  display: flex;
  align-items: flex-start;
}
@media screen and (min-width: 768px) {
  #intro .dlist .date_box {
    column-gap: 22px;
  }
}
#intro .dlist .date_box:nth-of-type(n+2) {
  margin-top: 11px;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_box:nth-of-type(n+2) {
    margin-top: min(11px, 2.9333333333vw);
  }
}
#intro .dlist .date_theme {
  display: flex;
  align-items: flex-end;
  width: 116px;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_theme {
    width: min(120px, 32vw);
  }
}
#intro .dlist .date_theme_num {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 2.7rem;
  line-height: 1;
  letter-spacing: 0.1em;
  width: 66px;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_theme_num {
    font-size: min(2.2rem, 5.8666666667vw);
    width: min(64px, 17.0666666667vw);
  }
}
#intro .dlist .date_theme_en {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 1.4rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_theme_en {
    font-size: min(1.2rem, 3.2vw);
  }
}
#intro .dlist .date_des {
  text-align: left;
}
#intro .dlist .date_des_txt {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_des_txt {
    flex-direction: column;
    align-items: flex-start;
  }
}
#intro .dlist .date_des_txt:nth-of-type(n+2) {
  margin-top: 11px;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_des_txt:nth-of-type(n+2) {
    margin-top: min(11px, 2.9333333333vw);
  }
}
#intro .dlist .date_des_txt._note {
  position: relative;
}
#intro .dlist .date_des_txt._note::before {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 2.1rem;
  line-height: 1;
  content: "※";
  position: absolute;
  top: 0.2em;
  left: -1em;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_des_txt._note::before {
    font-size: min(2.2rem, 5.8666666667vw);
    top: 0;
    left: -0.55em;
  }
}
#intro .dlist .date_des_txt_time {
  font-size: 2.7rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_des_txt_time {
    font-size: min(2.2rem, 5.8666666667vw);
  }
}
#intro .dlist .date_des_txt_time._adjustment {
  text-indent: 0.45em;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_des_txt_time._sp-adjustment {
    text-indent: 0.45em;
  }
}
#intro .dlist .date_des_txt_note {
  font-size: 1.8rem;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #intro .dlist .date_des_txt_note {
    font-size: min(1.2rem, 3.2vw);
    text-indent: -0.5em;
    margin-top: min(5px, 1.3333333333vw);
  }
}

/* -----------------
SHOW CAR LINEUP
-------------------- */
#lineup {
  margin-top: 100px;
}
#lineup .c-page-hgroup + .ttl {
  margin-top: 49px;
}
@media screen and (max-width: 767px) {
  #lineup .c-page-hgroup + .ttl {
    margin-top: 30px;
  }
}
#lineup .ttl {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 4.15rem;
  line-height: 1;
  margin-inline: auto;
  width: calc(100% - 30px);
  max-width: 1200px;
}
@media screen and (max-width: 767px) {
  #lineup .ttl {
    font-size: 2.15rem;
  }
}
#lineup .ttl._red {
  color: #86101C;
}
#lineup .ttl._gray {
  color: #939393;
}
#lineup .splide {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #lineup .splide {
    margin-inline: auto;
    width: calc(100% - 30px);
    max-width: 1200px;
  }
}
@media screen and (max-width: 767px) {
  #lineup .splide {
    margin-top: 13px;
  }
}
#lineup .splide::before {
  content: "";
  position: absolute;
  top: 140px;
  left: 50%;
  z-index: -1;
  translate: -50% 0;
  background: #86101C;
  width: 150vw;
  height: 1px;
}
@media screen and (max-width: 767px) {
  #lineup .splide::before {
    top: 13.3333333333vw;
  }
}
#lineup .splide__track {
  padding-right: 50.8333333333% !important;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  #lineup .splide__track {
    padding-inline: 14.1025641026vw !important;
  }
}
#lineup .splide__slide__inner {
  transform: translateY(48px) scale(0.8813559322);
  transform-origin: top center;
  transition: transform 1s;
}
@media screen and (max-width: 767px) {
  #lineup .splide__slide__inner {
    transform: translateY(8.7179487179vw) scale(0.8214285714);
  }
}
#lineup .splide__slide__img {
  position: relative;
  transition: scale 0.3s;
  border: 1px solid #86101C;
}
#lineup .splide__slide__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  translate: -50% 0;
  width: 86.4864864865%;
  height: 100%;
  box-shadow: 0 0.7142857143vw 1.4285714286vw #86101c;
}
@media screen and (max-width: 767px) {
  #lineup .splide__slide__img::before {
    width: 86.4285714286%;
    box-shadow: 0 2.5641025641vw 5.1282051282vw #86101c;
  }
}
#lineup .splide__slide.is-active .splide__slide__inner {
  transform: translateY(0) scale(1);
}
#lineup .splide__slide.is-active .splide__slide__txt,
#lineup .splide__slide.is-active .splide__slide__btn {
  opacity: 1;
  pointer-events: all;
}
@media screen and (min-width: 768px) {
  #lineup .splide__slide.is-next .splide__slide__inner {
    animation: origin01 0.1s forwards;
  }
  @keyframes origin01 {
    0% {
      transform-origin: top left;
    }
    100% {
      transform-origin: top center;
    }
  }
}
@media screen and (min-width: 768px) {
  #lineup .splide__slide.is-next + .splide__slide .splide__slide__inner {
    animation: origin02 0.1s forwards;
  }
  @keyframes origin02 {
    0% {
      transform-origin: top center;
    }
    100% {
      transform-origin: top left;
    }
  }
}
#lineup .splide__slide__txt {
  font-size: 1.8rem;
  line-height: 1.8888888889;
  margin-top: 40px;
  opacity: 0;
  transition: opacity 1s;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #lineup .splide__slide__txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 34px;
  }
}
#lineup .splide__slide__btn {
  margin-top: 17px;
  opacity: 0;
  transition: opacity 1s;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #lineup .splide__slide__btn {
    margin-top: 15px;
  }
}
#lineup .splide__slide__btn__link {
  font-size: 1.6rem;
  line-height: 1.375;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  margin-inline: auto;
  padding-block: 8px;
  width: 100%;
  max-width: 300px;
  border: 1px solid #fff;
  border-radius: calc(infinity * 1px);
}
@media screen and (max-width: 767px) {
  #lineup .splide__slide__btn__link {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    max-width: 280px;
  }
}
#lineup .splide__slide__btn__link:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #lineup .splide__slide__btn__link {
    transition: opacity 0.4s;
  }
  #lineup .splide__slide__btn__link:hover {
    opacity: 0.6;
  }
}
#lineup .lineup-slide .slick-track {
  display: flex;
}
#lineup .lineup-slide .slick-list {
  position: relative;
  padding-right: 50.8333333333%;
  overflow: visible;
}
@media screen and (max-width: 767px) {
  #lineup .lineup-slide .slick-list {
    padding-inline: 14.1025641026vw;
  }
}
#lineup .lineup-slide .slick-slide {
  float: none;
  height: auto;
  transform: translateY(48px) scale(0.8813559322);
  transform-origin: top center;
  transition: transform 1s;
  outline: none;
  -webkit-backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
}
@media screen and (max-width: 767px) {
  #lineup .lineup-slide .slick-slide {
    transform: translateY(8.7179487179vw) scale(0.8214285714);
  }
}
#lineup .lineup-slide .slick-slide.slick-current, #lineup .lineup-slide .slick-slide.slick-active {
  transform: translateY(0) scale(1);
}
#lineup .lineup-slide .slick-slide.slick-current .lineup-slide_txt,
#lineup .lineup-slide .slick-slide.slick-current .lineup-slide_btn, #lineup .lineup-slide .slick-slide.slick-active .lineup-slide_txt,
#lineup .lineup-slide .slick-slide.slick-active .lineup-slide_btn {
  opacity: 1;
  pointer-events: all;
}
#lineup .lineup-slide .slick-slide.slick-current + .slick-slide, #lineup .lineup-slide .slick-slide.slick-active + .slick-slide {
  animation: origin01 0.1s forwards;
}
@keyframes origin01 {
  0% {
    transform-origin: top left;
  }
  100% {
    transform-origin: top center;
  }
}
#lineup .lineup-slide .slick-slide.slick-current + .slick-slide + .slick-slide, #lineup .lineup-slide .slick-slide.slick-active + .slick-slide + .slick-slide {
  animation: origin02 0.1s forwards;
}
@keyframes origin02 {
  0% {
    transform-origin: top center;
  }
  100% {
    transform-origin: top left;
  }
}
#lineup .img-engine img {
  width: 100%;
}
#lineup .img-engine + .ttl {
  margin-top: 9px;
}
@media screen and (max-width: 767px) {
  #lineup .img-engine + .ttl {
    margin-top: 49px;
  }
}
#lineup .list {
  margin: 39px auto 0;
  width: calc(100% - 30px);
  max-width: 1200px;
}
@media screen and (min-width: 961px) {
  #lineup .list {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list {
    margin-top: 12px;
  }
}
#lineup .list._pattern-01 {
  --_pattern-color: #0060b1;
}
#lineup .list._pattern-01 .list_item:nth-child(even) {
  margin-top: 160px;
}
@media screen and (max-width: 960px) {
  #lineup .list._pattern-01 .list_item:nth-child(even) {
    margin-top: 50px;
  }
}
#lineup .list._pattern-02 {
  margin-top: 0;
  --_pattern-color: #F5C766;
}
@media screen and (max-width: 960px) {
  #lineup .list._pattern-02 {
    margin-top: 70px;
  }
}
#lineup .list._pattern-02 .list_item:nth-child(even) {
  margin-top: 161px;
}
@media screen and (max-width: 960px) {
  #lineup .list._pattern-02 .list_item:nth-child(even) {
    margin-top: 50px;
  }
}
#lineup .list._pattern-03 {
  margin-top: 85px;
  --_pattern-color: #F0802A;
}
@media screen and (max-width: 960px) {
  #lineup .list._pattern-03 {
    margin-top: 80px;
  }
}
#lineup .list._pattern-03 .list_item:nth-child(even) {
  margin-top: 204px;
}
@media screen and (min-width: 961px) {
  #lineup .list._pattern-03 .list_item:nth-child(even) {
    width: 48.5833333333%;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list._pattern-03 .list_item:nth-child(even) {
    margin-top: 20px;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list._pattern-03 .list_item:nth-child(even)::before {
    display: none;
  }
}
#lineup .list._pattern-03 .list_item:nth-child(even) .list_txt {
  margin: 0;
}
#lineup .list_item {
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 961px) {
  #lineup .list_item {
    width: 45.8333333333%;
  }
}
#lineup .list_item:nth-child(odd)::before {
  content: "";
  position: absolute;
  top: 106px;
  left: 50%;
  z-index: -1;
  translate: -50% 0;
  width: 150vw;
  height: 1px;
  background: var(--_pattern-color);
}
@media screen and (max-width: 960px) {
  #lineup .list_item:nth-child(odd)::before {
    top: 13.5897435897vw;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list_item:nth-child(even)::before {
    content: "";
    position: absolute;
    top: 13.5897435897vw;
    left: 50%;
    z-index: -1;
    translate: -50% 0;
    width: 150vw;
    height: 1px;
    background: var(--_pattern-color);
  }
}
@media screen and (max-width: 960px) {
  #lineup .list_item:nth-child(even) .list_box_img,
  #lineup .list_item:nth-child(even) .list_box_circle,
  #lineup .list_item:nth-child(even) .list_txt,
  #lineup .list_item:nth-child(even) .list_btn_link {
    margin-left: auto;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list_item:nth-child(even) .list_box_cap {
    text-align: right;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list_item .list_box_img,
  #lineup .list_item .list_box_circle {
    width: 87.5%;
  }
}
#lineup .list_box_img {
  display: block;
  position: relative;
  border: 1px solid var(--_pattern-color);
}
#lineup .list_box_img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  z-index: -1;
  translate: -50% 0;
  width: 89.0909090909%;
  height: 100%;
  box-shadow: 0 10px 20px var(--_pattern-color);
}
@media screen and (max-width: 960px) {
  #lineup .list_box_img::before {
    width: 90.1587301587%;
    box-shadow: 0 2.5641025641vw 5.1282051282vw var(--_pattern-color);
  }
}
#lineup .list_box_circle {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  margin-top: 23px;
}
@media screen and (max-width: 767px) {
  #lineup .list_box_circle {
    gap: 15px;
  }
}
#lineup .list_box_circle_item {
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: #fff;
}
@media screen and (max-width: 767px) {
  #lineup .list_box_circle_item {
    width: 10px;
    height: 10px;
  }
}
#lineup .list_box_cap {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 2rem;
  line-height: 1.5;
  text-align: center;
  margin-top: 20px;
}
@media screen and (max-width: 960px) {
  #lineup .list_box_cap {
    font-size: min(1.75rem, 4.4871794872vw);
    line-height: 1.4705882353;
    text-align: left;
    white-space: nowrap;
  }
}
#lineup .list_box:has(.list_box_cap) + .list_btn {
  margin-top: 40px;
}
@media screen and (max-width: 960px) {
  #lineup .list_box:has(.list_box_cap) + .list_btn {
    margin-top: 20px;
  }
}
#lineup .list_box + .list_btn {
  margin-top: 80px;
}
@media screen and (max-width: 960px) {
  #lineup .list_box + .list_btn {
    margin-top: 50px;
  }
}
#lineup .list_txt {
  font-size: 1.7rem;
  line-height: 1.9411764706;
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  #lineup .list_txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 20px;
    width: 87.5%;
  }
}
#lineup .list_btn {
  margin-top: 45px;
}
@media screen and (max-width: 960px) {
  #lineup .list_btn {
    margin-top: 20px;
  }
}
#lineup .list_btn_link {
  font-size: 1.6rem;
  line-height: 1.375;
  color: #fff;
  text-align: center;
  text-decoration: none;
  display: block;
  padding-block: 8px;
  width: 100%;
  max-width: 300px;
  border: 1px solid #fff;
  border-radius: calc(infinity * 1px);
}
@media screen and (min-width: 961px) {
  #lineup .list_btn_link {
    margin-inline: auto;
  }
}
@media screen and (max-width: 960px) {
  #lineup .list_btn_link {
    font-size: 1.4rem;
    line-height: 1.5714285714;
    max-width: 280px;
  }
}
#lineup .list_btn_link:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #lineup .list_btn_link {
    transition: opacity 0.4s;
  }
  #lineup .list_btn_link:hover {
    opacity: 0.6;
  }
}

.custom-car-remodal {
  line-height: 1;
  color: #fff;
  text-align: left;
  position: relative;
  margin: 0;
  padding: 40px 85px;
  width: 100%;
  max-width: 720px;
  background: transparent;
  box-sizing: border-box;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal {
    padding-inline: 30px;
  }
}
.custom-car-remodal .remodal-cancel {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  min-width: auto;
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .remodal-cancel {
    width: 30px;
  }
}
.custom-car-remodal .remodal-cancel svg {
  vertical-align: bottom;
  width: 100%;
}
.custom-car-remodal .custom-car-slide {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: all;
}
.custom-car-remodal .custom-car-slide.slick-initialized {
  visibility: visible;
  opacity: 1;
}
.custom-car-remodal .custom-car-slide .slide-arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  translate: 0 -50%;
  width: 40px;
  height: 40px;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .custom-car-slide .slide-arrow {
    width: 30px;
    height: 30px;
  }
}
.custom-car-remodal .custom-car-slide .slide-arrow._prev {
  left: -60px;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .custom-car-slide .slide-arrow._prev {
    left: -30px;
  }
}
.custom-car-remodal .custom-car-slide .slide-arrow._next {
  right: -60px;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .custom-car-slide .slide-arrow._next {
    right: -30px;
  }
}
.custom-car-remodal .custom-car-slider {
  visibility: hidden;
  opacity: 0;
  transition: opacity 0.3s;
  pointer-events: all;
}
.custom-car-remodal .custom-car-slider .splide__arrows {
  pointer-events: none;
}
.custom-car-remodal .custom-car-slider .splide__arrow {
  position: absolute;
  top: 50%;
  z-index: 1;
  translate: 0 -50%;
  width: 40px;
  height: 40px;
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .custom-car-slider .splide__arrow {
    width: 30px;
    height: 30px;
  }
}
.custom-car-remodal .custom-car-slider .splide__arrow.splide__arrow--prev {
  left: -60px;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .custom-car-slider .splide__arrow.splide__arrow--prev {
    left: -30px;
  }
}
.custom-car-remodal .custom-car-slider .splide__arrow.splide__arrow--next {
  right: -60px;
}
@media screen and (max-width: 767px) {
  .custom-car-remodal .custom-car-slider .splide__arrow.splide__arrow--next {
    right: -30px;
  }
}
.custom-car-remodal .custom-car-slider_txt {
  font-size: min(1.8rem, 3.7333333333vw);
  line-height: 1.8888888889;
  margin-top: min(10px, 2.6666666667vw);
}

/* -----------------
CONTENTS
-------------------- */
#contents {
  margin-top: 160px;
}
@media screen and (max-width: 767px) {
  #contents {
    margin-top: 100px;
  }
}
#contents .list {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  #contents .list {
    margin-top: 30px;
  }
}
@media screen and (min-width: 961px) {
  #contents .list_item {
    display: flex;
    margin-inline: auto;
    width: calc(100% - 30px);
    max-width: 1200px;
  }
}
#contents .list_item:nth-child(n+2) {
  margin-top: 1px;
}
@media screen and (max-width: 960px) {
  #contents .list_item:nth-child(n+2) {
    margin-top: 20px;
  }
}
#contents .list_theme {
  position: relative;
  z-index: 1;
  padding: 50px 20px 50px 0;
  width: calc(100% - 490px);
  box-sizing: border-box;
}
@media screen and (max-width: 960px) {
  #contents .list_theme {
    padding: 30px 15px 20px;
    width: 100%;
  }
}
#contents .list_theme::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: #9B0025;
}
#contents .list_ttl {
  font-family: ShinGoPro-Regular, sans-serif !important;
  font-size: 2.4rem;
  line-height: 1.0833333333;
  color: #DEDEDE;
}
@media screen and (max-width: 960px) {
  #contents .list_ttl {
    font-size: 2rem;
    line-height: 1.3;
  }
}
#contents .list_date {
  position: relative;
  margin-top: 10px;
  padding-left: 120px;
}
@media screen and (max-width: 960px) {
  #contents .list_date {
    margin-top: 4px;
  }
}
#contents .list_date + .list_date {
  margin-top: 0;
}
#contents .list_date_txt {
  font-family: ShinGoPro-Regular, sans-serif !important;
  font-size: 1.8rem;
  line-height: 1.6666666667;
  color: #DEDEDE;
  display: block;
}
#contents .list_date_txt:first-of-type {
  position: absolute;
  top: 0;
  left: 0;
}
#contents .list_date_txt .adjustment01 {
  font: inherit !important;
  letter-spacing: 0.16em;
}
#contents .list_date_txt .adjustment02 {
  font: inherit !important;
  letter-spacing: 0.13em;
}
#contents .list_date_txt .adjustment03 {
  font: inherit !important;
  letter-spacing: 0.15em;
}
#contents .list_txt {
  font-size: 1.6rem;
  line-height: 1.625;
  color: #DEDEDE;
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  #contents .list_txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 22px;
  }
}
#contents .list_btn {
  margin-top: 30px;
}
@media screen and (max-width: 960px) {
  #contents .list_btn {
    margin-top: 25px;
  }
}
#contents .list_btn + .list_txt {
  margin-top: 10px;
}
#contents .list_btn_link {
  font-size: 1.8rem;
  line-height: 1.4444444444;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: grid;
  place-content: center;
  width: 100%;
  max-width: 420px;
  height: 70px;
  border-radius: 5px;
  background: #000;
}
@media screen and (max-width: 960px) {
  #contents .list_btn_link {
    margin-inline: auto;
    max-width: 360px;
  }
}
#contents .list_btn_link:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #contents .list_btn_link {
    transition: opacity 0.4s;
  }
  #contents .list_btn_link:hover {
    opacity: 0.6;
  }
}
#contents .list_images-box {
  display: flex;
  align-items: center;
  position: relative;
  z-index: 1;
  padding-block: 37px;
  width: 490px;
  box-sizing: border-box;
}
@media screen and (max-width: 960px) {
  #contents .list_images-box {
    display: block;
    padding-block: 20px;
    width: 100%;
  }
}
#contents .list_images-box::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100vw;
  height: 100%;
  background: #6E6E6E;
}
#contents .list_images-box img {
  width: 100%;
}
#contents .list_images {
  width: 100%;
  box-sizing: border-box;
}
@media screen and (min-width: 961px) {
  #contents .list_images._col1 {
    padding-inline: 70px 30px;
  }
}
@media screen and (max-width: 960px) {
  #contents .list_images._col1 .list_images_fig {
    margin-inline: auto;
    width: 250px;
  }
}
#contents .list_images._col1 .list_images_fig_img {
  border-radius: 0;
}
#contents .list_images._col2 {
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 961px) {
  #contents .list_images._col2 {
    padding-inline: 40px 0;
  }
}
#contents .list_images._col2 .list_images_item {
  width: 170px;
}
@media screen and (max-width: 960px) {
  #contents .list_images._col2 .list_images_item {
    width: min(160px, 41.0256410256vw);
  }
}
#contents .list_images._col2 .list_images_fig_img {
  margin-inline: auto;
  width: 130px;
}
@media screen and (max-width: 960px) {
  #contents .list_images._col2 .list_images_fig_img {
    width: min(100px, 25.641025641vw);
  }
}
#contents .list_images._col3 {
  display: flex;
  justify-content: space-between;
}
@media screen and (min-width: 961px) {
  #contents .list_images._col3 {
    padding-inline: 40px 0;
  }
}
@media screen and (max-width: 960px) {
  #contents .list_images._col3 {
    margin-inline: auto;
    width: min(360px, 92.3076923077vw);
  }
}
#contents .list_images._col3 .list_images_item {
  width: 130px;
}
@media screen and (max-width: 960px) {
  #contents .list_images._col3 .list_images_item {
    width: 27.7777777778%;
  }
}
#contents .list_images_fig_img {
  border-radius: min(5px, 1.2820512821vw);
  overflow: hidden;
}
#contents .list_images_fig_cap_pos {
  font-size: min(1rem, 2.5641025641vw);
  line-height: 1.8;
  text-align: center;
  margin-top: min(4px, 1.0256410256vw);
}
#contents .list_images_fig_cap_pos + .list_images_fig_cap_name-jp {
  margin-top: 0;
}
#contents .list_images_fig_cap_name-jp {
  font-size: min(1.6rem, 4.1025641026vw);
  line-height: 1.25;
  text-align: center;
  margin-top: min(11px, 2.8205128205vw);
}
#contents .list_images_fig_cap_name-en {
  font-size: min(1.1rem, 2.8205128205vw);
  line-height: 1.7272727273;
  text-align: center;
}
@media screen and (min-width: 961px) {
  #contents .list_images_fig_cap_name-en {
    white-space: nowrap;
  }
}
@media screen and (max-width: 960px) {
  #contents .list_images_fig_cap_name-en {
    line-height: 1;
    margin-top: min(6px, 1.5384615385vw);
  }
}
#contents .list_images_fig_cap_note {
  font-size: 1.4rem;
  line-height: 1.8571428571;
  text-align: right;
}
@media screen and (max-width: 960px) {
  #contents .list_images_fig_cap_note {
    font-size: min(1.2rem, 3.0769230769vw);
    line-height: 2.1666666667;
  }
}
#contents .note {
  font-size: 1.6rem;
  line-height: 1.625;
  color: #DEDEDE;
  text-align: right;
  margin: 10px auto 0;
  width: calc(100% - 30px);
  max-width: 1200px;
}
@media screen and (max-width: 960px) {
  #contents .note {
    font-size: 1.2rem;
    line-height: 1.6666666667;
  }
}

/* -----------------
BOOTH MAP
-------------------- */
#booth-map {
  margin-top: 160px;
}
@media screen and (max-width: 767px) {
  #booth-map {
    margin-top: 100px;
  }
}
#booth-map .box {
  margin: 37px auto 0;
  max-width: 1230px;
  overflow-y: hidden !important;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 767px) {
  #booth-map .box {
    margin-top: 30px;
  }
}
#booth-map .box::-webkit-scrollbar {
  display: none;
}
#booth-map .box .scroll-hint-icon {
  z-index: 1;
}
#booth-map .box_img {
  position: relative;
  padding-inline: 15px;
  min-width: 1200px;
}
#booth-map .box_img img {
  width: 100%;
}
#booth-map .box_img_btn {
  position: absolute;
  z-index: 1;
  width: 2.2764227642%;
  border-radius: 50%;
  --_top-base-val: 481;
  --_left-base-val: 1230;
}
#booth-map .box_img_btn[data-remodal-target=booth_map_ariya] {
  top: calc(202 / var(--_top-base-val) * 100%);
  left: calc(231 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_fairady_z] {
  top: calc(366 / var(--_top-base-val) * 100%);
  left: calc(252 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_gt_r] {
  top: calc(345 / var(--_top-base-val) * 100%);
  left: calc(87 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_r32] {
  top: calc(210 / var(--_top-base-val) * 100%);
  left: calc(405 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_motul_autech_z] {
  top: calc(300 / var(--_top-base-val) * 100%);
  left: calc(577 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_serena] {
  top: calc(241 / var(--_top-base-val) * 100%);
  left: calc(860 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_aura] {
  top: calc(385 / var(--_top-base-val) * 100%);
  left: calc(761 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_caravan] {
  top: calc(132 / var(--_top-base-val) * 100%);
  left: calc(1065 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_x_trail_t33] {
  top: calc(308 / var(--_top-base-val) * 100%);
  left: calc(1132 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn[data-remodal-target=booth_map_x_trail_t32] {
  top: calc(369 / var(--_top-base-val) * 100%);
  left: calc(974 / var(--_left-base-val) * 100%);
}
#booth-map .box_img_btn:focus-visible .box_img_btn_icn_circle {
  fill: #000;
}
@media (any-hover: hover) {
  #booth-map .box_img_btn:hover .box_img_btn_icn_circle {
    fill: #000;
  }
}
#booth-map .box_img_btn_icn {
  width: 100%;
  vertical-align: bottom;
}
#booth-map .box_img_btn_icn_circle {
  fill: #bf0000;
  transition: fill 0.4s;
}
#booth-map .box_img_btn_icn_path {
  fill: #fff;
}

.booth-map-remodal {
  line-height: 1;
  color: #fff;
  text-align: left;
  position: relative;
  margin: 0;
  padding: 40px 85px;
  width: 100%;
  max-width: 720px;
  background: transparent;
  box-sizing: border-box;
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  .booth-map-remodal {
    padding-inline: 0;
  }
}
.booth-map-remodal .remodal-cancel {
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  width: 40px;
  min-width: auto;
  pointer-events: all;
}
@media screen and (max-width: 767px) {
  .booth-map-remodal .remodal-cancel {
    width: 30px;
  }
}
.booth-map-remodal .remodal-cancel svg {
  vertical-align: bottom;
  width: 100%;
}
.booth-map-remodal .box {
  pointer-events: all;
}
.booth-map-remodal .box_cap {
  margin-top: 30px;
}
.booth-map-remodal .box_cap_name {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 2.8rem;
  line-height: 1.3928571429;
  letter-spacing: -0.04em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .booth-map-remodal .box_cap_name {
    font-size: min(1.8rem, 4.6153846154vw);
    line-height: 1.4444444444;
    white-space: nowrap;
  }
}
.booth-map-remodal .box_cap_txt {
  font-size: 1.6rem;
  line-height: 1.625;
  margin-top: 20px;
}
@media screen and (max-width: 767px) {
  .booth-map-remodal .box_cap_txt {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
}

/* -----------------
EVENT SCHEDULE
-------------------- */
#event {
  margin: 160px auto 0;
  width: calc(100% - 30px);
  max-width: 1200px;
}
@media screen and (max-width: 960px) {
  #event {
    margin-top: 120px;
  }
}
#event .tab {
  margin-top: 29px;
}
@media screen and (max-width: 960px) {
  #event .tab {
    margin-top: 35px;
  }
}
#event .tab_btn-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  position: sticky;
  top: var(--sticky-top);
  z-index: 2;
  padding-inline: 69px;
  transition: top 0.4s;
}
@media screen and (max-width: 960px) {
  #event .tab_btn-list {
    padding-inline: 46px 0;
  }
}
#event .tab_btn-list_btn {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 3rem;
  line-height: 1.3666666667;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  column-gap: 10px;
  color: #fff;
  padding-block: 8px;
  background: #000;
  pointer-events: none;
}
@media screen and (max-width: 960px) {
  #event .tab_btn-list_btn {
    font-size: 2.5rem;
    line-height: 1.4;
    column-gap: 6px;
    position: relative;
    padding-block: 2px 3px;
    pointer-events: all;
  }
  #event .tab_btn-list_btn::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -1.5px;
    width: 100%;
    height: 3px;
    background: #86101C;
    opacity: 0;
    pointer-events: none;
  }
  #event .tab_btn-list_btn.is-checked {
    background: #555;
  }
  #event .tab_btn-list_btn.is-checked::after {
    opacity: 1;
  }
}
#event .tab_btn-list_btn_en {
  font-size: 1.5rem;
  line-height: 1.4;
  padding-bottom: 4px;
}
@media screen and (max-width: 960px) {
  #event .tab_btn-list_btn_en {
    font-size: 1.2rem;
    line-height: 1.4166666667;
  }
}
#event .tab_cont {
  display: grid;
  grid-template-columns: 69px repeat(3, 1fr) 69px;
}
@media screen and (max-width: 960px) {
  #event .tab_cont {
    grid-template-columns: 46px 1fr;
  }
}
#event .tab_cont_time-list {
  display: grid;
  grid-row: span 22;
  grid-template-rows: subgrid;
  padding-block: 25px 0;
}
@media screen and (max-width: 960px) {
  #event .tab_cont_time-list {
    grid-column: 1;
    padding-block: 23px 0;
  }
  #event .tab_cont_time-list:last-child {
    display: none;
  }
}
#event .tab_cont_time-list_item {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: 1.8rem;
  line-height: 1.5;
  margin-top: -13.5px;
}
@media screen and (max-width: 960px) {
  #event .tab_cont_time-list_item {
    font-size: 1.3rem;
    line-height: 1.6923076923;
    white-space: nowrap;
    text-align: right;
    margin-top: -11px;
    padding-right: 9px;
  }
}
#event .tab_cont_time-list_item:nth-child(even) {
  opacity: 0;
}
#event .tab_cont_time-list:last-of-type .tab_cont_time-list_item {
  text-align: right;
}
#event .tab_cont_list {
  display: grid;
  grid-row: span 21;
  grid-template-rows: subgrid;
  padding-block: 25px;
  background: #1D2839;
}
@media screen and (max-width: 960px) {
  #event .tab_cont_list {
    display: none;
    grid-column: 2;
    grid-row: 1/22;
    padding-block: 23px;
  }
  #event .tab_cont_list.is-show {
    display: grid;
  }
}
#event .tab_cont_list._gray {
  background: #292A2C;
}
#event .tab_cont_list_item {
  display: contents;
}
#event .tab_cont_list_item:last-child {
  display: block;
  border-top: 1px solid #fff;
}
#event .tab_cont_list_detail {
  display: grid;
  grid-row: span 2;
  grid-template-rows: subgrid;
}
#event .tab_cont_list_detail_item {
  padding: 5px 15px;
  border-top: 1px solid #fff;
  box-sizing: border-box;
}
@media screen and (max-width: 960px) {
  #event .tab_cont_list_detail_item {
    padding: 3px 8px;
  }
}
#event .tab_cont_list_detail_item:nth-child(n+2) {
  border-top: 1px solid #777;
}
#event .tab_cont_list_detail_item:empty {
  min-height: 57px;
}
@media screen and (max-width: 960px) {
  #event .tab_cont_list_detail_item:empty {
    min-height: 51px;
  }
}
#event .tab_cont_list_detail_time {
  font-size: 1.6rem;
  line-height: 1.375;
  display: inline-block;
}
#event .tab_cont_list_detail_time._live .tab_cont_list_detail_time_link {
  font: inherit !important;
  color: #fff;
  text-decoration: none;
  display: inherit;
  position: relative;
  padding-right: 63px;
}
#event .tab_cont_list_detail_time._live .tab_cont_list_detail_time_link:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #event .tab_cont_list_detail_time._live .tab_cont_list_detail_time_link {
    transition: opacity 0.4s;
  }
  #event .tab_cont_list_detail_time._live .tab_cont_list_detail_time_link:hover {
    opacity: 0.6;
  }
}
#event .tab_cont_list_detail_time._live .tab_cont_list_detail_time_link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  translate: 0 -50%;
  width: 50px;
  height: 100%;
  background: url('data:image/svg+xml;utf8,<svg role="img" aria-label="LIVE" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 17"><g transform="translate(-305 -818)"><rect width="50" height="17" rx="5" transform="translate(305 818)" fill="%23ce0028"/><path d="M2.436,13.8V5.9H1.12V15H7.658V13.8Zm7.8,1.2V5.9H8.918V15Zm9.1-9.1a50.722,50.722,0,0,1-3.318,7.91A63.811,63.811,0,0,1,12.7,5.9H11.284A55.71,55.71,0,0,0,15.218,15h1.554a52.353,52.353,0,0,0,3.934-9.1Zm8.848,1.2V5.9H21.756V15h6.426V13.8h-5.11V10.912h4.7V9.722h-4.7V7.1Z" transform="translate(321 816)" fill="%23fff"/><circle cx="3" cy="3" r="3" transform="translate(310 823.714)" fill="%23fff"/></g></svg>') center/contain no-repeat;
}
#event .tab_cont_list_detail_txt {
  font-size: 1.6rem;
  line-height: 1.375;
  position: relative;
  padding-left: 18px;
}
#event .tab_cont_list_detail_txt::before {
  content: "";
  position: absolute;
  top: 6px;
  left: 0;
  width: 10px;
  height: 10px;
  background: var(--_square-color);
}
#event .tab_cont_list_detail_txt._blue {
  --_square-color: #007FFF;
}
#event .tab_cont_list_detail_txt._red {
  --_square-color: #FF013D;
}
#event .tab_cont_list_detail_txt._green {
  --_square-color: #1AA800;
}
#event .tab_cont_list_detail_txt._yellow {
  --_square-color: #FFC501;
}
#event .tab_cont_list_detail_txt + .tab_cont_list_detail_time {
  margin-top: 6px;
}

/* -----------------
NISSAN/NISMO Collection
-------------------- */
#collection {
  margin-top: 160px;
  padding-inline: 15px;
}
@media screen and (max-width: 767px) {
  #collection {
    margin-top: 100px;
  }
}
#collection .txt {
  font-size: 1.8rem;
  line-height: 1.8888888889;
  text-align: center;
  margin-top: 37px;
}
@media screen and (max-width: 767px) {
  #collection .txt {
    font-size: min(1.4rem, 3.5897435897vw);
    line-height: 1.7142857143;
    margin-top: min(23px, 5.8974358974vw);
  }
}
#collection .txt_note {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  display: inline-block;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  #collection .txt_note {
    font-size: 0.9rem;
    line-height: 2.2222222222;
    margin-top: 18px;
  }
}
#collection .list {
  display: grid;
  align-items: flex-start;
  grid-template-columns: repeat(3, 1fr);
  gap: min(30px, 2.4390243902vw);
  margin: 50px auto 0;
  max-width: 1200px;
}
@media screen and (max-width: 767px) {
  #collection .list {
    grid-template-columns: repeat(2, 1fr);
    gap: 5.1282051282vw 4.8717948718vw;
  }
}
#collection .list img {
  width: 100%;
}
#collection .list_item {
  padding-block: min(19px, 1.5447154472vw);
  border: min(1px, 0.081300813vw) solid #fff;
  border-radius: min(10px, 0.8130081301vw);
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #collection .list_item {
    padding-block: 3.0769230769vw;
    border-width: 0.2564102564vw;
    border-radius: 2.5641025641vw;
  }
}
#collection .list_item._metal-key-ring .list_img {
  margin-block: min(21px, 1.7073170732vw) min(28px, 2.2764227642vw);
  width: min(196px, 15.9349593496vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._metal-key-ring .list_img {
    margin-block: 6.6666666667vw 5.8974358974vw;
    width: 33.0769230769vw;
  }
}
#collection .list_item._fairlady-z .list_img {
  margin-block: min(40px, 3.2520325203vw) min(31px, 2.5203252033vw);
  width: min(290px, 23.5772357724vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._fairlady-z .list_img {
    margin-block: 6.6666666667vw;
    width: 37.4358974359vw;
  }
}
#collection .list_item._gt-motul-autech-z .list_img {
  margin-block: min(39px, 3.1707317073vw) min(24px, 1.9512195122vw);
  width: min(336px, 27.3170731707vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._gt-motul-autech-z .list_img {
    margin-block: 8.2051282051vw 5.3846153846vw;
    width: 40vw;
  }
}
@media screen and (max-width: 767px) {
  #collection .list_item._moutul-autech-z-spark {
    margin-top: -18.2051282051vw;
  }
}
#collection .list_item._moutul-autech-z-spark .list_img {
  margin-block: min(43px, 3.4959349593vw) min(35px, 2.8455284553vw);
  width: min(286px, 23.2520325203vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._moutul-autech-z-spark .list_img {
    margin-block: 8.7179487179vw 6.1538461538vw;
    width: 37.4358974359vw;
  }
}
#collection .list_item._mechanic-cat {
  margin-top: max(-79px, -6.4227642276vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._mechanic-cat {
    margin-top: 0;
  }
}
#collection .list_item._mechanic-cat .list_img {
  margin-block: min(35px, 2.8455284553vw) min(44px, 3.5772357724vw);
  width: min(246px, 20vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._mechanic-cat .list_img {
    margin-block: 5.3846153846vw 7.6923076923vw;
    width: 37.1794871795vw;
  }
}
#collection .list_item._xanavi-nismo-gtr-spark {
  margin-top: max(-79px, -6.4227642276vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._xanavi-nismo-gtr-spark {
    margin-top: -15.8974358974vw;
  }
}
#collection .list_item._xanavi-nismo-gtr-spark .list_img {
  margin-block: min(58px, 4.7154471545vw) min(41px, 3.3333333333vw);
  width: min(352px, 28.6178861789vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._xanavi-nismo-gtr-spark .list_img {
    margin-block: 8.4615384615vw 5.8974358974vw;
    width: 41.0256410256vw;
  }
}
#collection .list_item._container-box {
  margin-top: max(-35px, -2.8455284553vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._container-box {
    margin-top: 0;
  }
}
#collection .list_item._container-box .list_img {
  margin-block: min(58px, 4.7154471545vw) min(57px, 4.6341463415vw);
  width: min(266px, 21.6260162602vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._container-box .list_img {
    margin-block: 8.4615384615vw 5.1282051282vw;
    width: 35.3846153846vw;
  }
}
@media screen and (max-width: 767px) {
  #collection .list_item._tomica-town-nismo-shop {
    margin-top: -30vw;
  }
}
#collection .list_item._tomica-town-nismo-shop .list_img {
  margin-block: min(51px, 4.1463414634vw) min(48px, 3.9024390244vw);
  width: min(350px, 28.4552845528vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._tomica-town-nismo-shop .list_img {
    margin-block: 8.9743589744vw 7.4358974359vw;
    width: 40vw;
  }
}
#collection .list_item._bear-mascot {
  margin-top: max(-75px, -6.0975609756vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._bear-mascot {
    grid-column: 2;
    margin-top: -35.8974358974vw;
  }
}
#collection .list_item._bear-mascot .list_img {
  margin-block: min(5px, 0.406504065vw) min(15px, 1.2195121951vw);
  width: min(158px, 12.8455284553vw);
}
@media screen and (max-width: 767px) {
  #collection .list_item._bear-mascot .list_img {
    margin-block: 2.0512820513vw 3.8461538462vw;
    width: 24.1025641026vw;
  }
}
#collection .list_label {
  padding-inline: min(19px, 1.5447154472vw);
  box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #collection .list_label {
    padding-inline: 3.0769230769vw;
  }
}
#collection .list_label_txt {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(1.6rem, 1.3008130081vw);
  line-height: 1.625;
  display: inline-block;
  padding: min(2px, 0.162601626vw) min(18px, 1.4634146341vw);
  background: #CE0028;
}
@media screen and (max-width: 767px) {
  #collection .list_label_txt {
    font-size: 3.0769230769vw;
    line-height: 1;
    padding: 1.0256410256vw 2.1794871795vw;
  }
}
#collection .list_img {
  margin-inline: auto;
}
#collection .list_cap_name {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(1.6rem, 1.3008130081vw);
  line-height: 1.375;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #collection .list_cap_name {
    font-size: 3.0769230769vw;
    line-height: 1.3333333333;
    letter-spacing: -0.03em;
  }
}
#collection .list_cap_name_sml {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(1.3rem, 1.0569105691vw);
  line-height: 1.3846153846;
  display: block;
}
@media screen and (max-width: 767px) {
  #collection .list_cap_name_sml {
    font-size: 2.3076923077vw;
    line-height: 1.4444444444;
  }
}
#collection .list_cap_price {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(2rem, 1.6260162602vw);
  line-height: 1.3;
  letter-spacing: 0.1em;
  text-align: center;
  margin-top: min(7px, 0.5691056911vw);
}
@media screen and (max-width: 767px) {
  #collection .list_cap_price {
    font-size: 3.5897435897vw;
    line-height: 1.3571428571;
    margin-top: 1.2820512821vw;
  }
}
#collection .list_cap_price_tax {
  font-family: ShinGoPro-Light, sans-serif !important;
  font-size: min(1.2rem, 0.9756097561vw);
  line-height: 2.1666666667;
  letter-spacing: 0.1em;
  display: inline-block;
}
@media screen and (max-width: 767px) {
  #collection .list_cap_price_tax {
    font-size: 2.0512820513vw;
    line-height: 3.25;
  }
}
#collection .note {
  font-size: 1.8rem;
  line-height: 1.6666666667;
  text-align: center;
  margin-top: 66px;
}
@media screen and (max-width: 960px) {
  #collection .note {
    font-size: 1.4rem;
    line-height: 1.7142857143;
    margin-top: 45px;
  }
}
#collection .btn {
  margin-top: 29px;
}
@media screen and (max-width: 960px) {
  #collection .btn {
    margin-top: 45px;
  }
}
#collection .btn_link {
  font-size: 1.6rem;
  line-height: 1;
  color: #fff;
  text-decoration: none;
  text-align: center;
  display: grid;
  place-content: center;
  margin-inline: auto;
  width: 100%;
  max-width: 300px;
  height: 40px;
  border: 1px solid #fff;
  border-radius: calc(infinity * 1px);
}
#collection .btn_link:focus-visible {
  opacity: 0.6;
}
@media (any-hover: hover) {
  #collection .btn_link {
    transition: opacity 0.4s;
  }
  #collection .btn_link:hover {
    opacity: 0.6;
  }
}

/* -----------------
NISSAN SOCIAL
-------------------- */
#social {
  margin-top: 160px;
  padding-bottom: 140px;
}
@media screen and (max-width: 767px) {
  #social {
    margin-top: 100px;
  }
}
#social .twitter {
  margin: 27px auto 0;
  width: calc(100% - 30px);
  max-width: 500px;
  height: 480px;
}
@media screen and (max-width: 767px) {
  #social .twitter {
    margin-top: 30px;
  }
}

.footer.nissan_gn {
  background-color: #1a1a1a;
}

.remodal-overlay {
  background: rgba(29, 29, 31, 0.9);
}

.remodal-wrapper {
  padding: 10px 15px;
}
.remodal-wrapper.remodal-is-opened .splide {
  visibility: visible;
  opacity: 1;
}

.show_pc,
.show_pc_767,
.show_pc_1024 {
  display: block;
}

.show_sp,
.show_sp_767,
.show_sp_1024 {
  display: none;
}

.show_inline_pc,
.show_inline_pc_767,
.show_inline_pc_1024 {
  display: inline;
}

.show_inline_sp,
.show_inline_sp_767,
.show_inline_sp_1024 {
  display: none;
}

@media screen and (max-width: 1024px) {
  .show_pc_1024 {
    display: none;
  }
  .show_sp_1024 {
    display: block;
  }
  .show_inline_pc_1024 {
    display: none;
  }
  .show_inline_sp_1024 {
    display: inline;
  }
}
@media screen and (max-width: 959px) {
  .show_pc {
    display: none;
  }
  .show_sp {
    display: block;
  }
  .show_inline_pc {
    display: none;
  }
  .show_inline_sp {
    display: inline;
  }
}
@media screen and (max-width: 767px) {
  .show_pc_767 {
    display: none;
  }
  .show_sp_767 {
    display: block;
  }
  .show_inline_pc_767 {
    display: none;
  }
  .show_inline_sp_767 {
    display: inline;
  }
}
.slide-in {
  overflow: hidden;
  display: inline-block;
}

.slide-in_inner {
  display: inline-block;
}

.leftAnime {
  opacity: 0;
}

.slideAnimeLeftRight {
  animation-name: slideTextX100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX100 {
  from {
    transform: translateX(-100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.slideAnimeRightLeft {
  animation-name: slideTextX-100;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

@keyframes slideTextX-100 {
  from {
    transform: translateX(100%);
    opacity: 0;
  }
  to {
    transform: translateX(0);
    opacity: 1;
  }
}
.animation-fadein {
  opacity: 0;
}

.animation-fadein.active {
  animation-name: key-animation-fadein;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes key-animation-fadein {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.animation-fadeup {
  opacity: 0;
}

.animation-fadeup.active {
  animation-name: key-animation-fadeup;
  animation-duration: 0.5s;
  animation-fill-mode: forwards;
}

@keyframes key-animation-fadeup {
  from {
    opacity: 0;
    transform: translateY(100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.animation-fadeleft {
  opacity: 0;
}

.animation-fadeleft.active {
  animation-name: key-animation-fadeleft;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}

@keyframes key-animation-fadeleft {
  from {
    opacity: 0;
    transform: translateX(100px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.animation-blur.active {
  animation-name: key-animation-blur;
  animation-duration: 1s;
  animation-fill-mode: forwards;
}

@keyframes key-animation-blur {
  from {
    filter: blur(10px);
    transform: scale(1.02);
  }
  to {
    filter: blur(0);
    transform: scale(1);
  }
}
.animation-line-beside {
  position: relative;
}

.animation-line-beside::before,
.animation-line-beside::after {
  position: absolute;
  content: "";
  width: 0;
  height: 1px;
  background: #fff;
}

.animation-line-vertical::before,
.animation-line-vertical::after {
  position: absolute;
  content: "";
  width: 1px;
  height: 0;
  background: #fff;
}

.animation-line-beside.active::before {
  top: 0;
  left: 0;
  animation: key-line-animation-beside 0.2s linear 0s forwards;
}

.active .animation-line-vertical::before {
  top: 0;
  right: 0;
  animation: key-line-animation-vertical 0.2s linear 0.2s forwards;
}

.animation-line-beside.active::after {
  bottom: 0;
  right: 0;
  animation: key-line-animation-beside 0.2s linear 0.4s forwards;
}

.active .animation-line-vertical::after {
  bottom: 0;
  left: 0;
  animation: key-line-animation-vertical 0.2s linear 0.6s forwards;
}

@keyframes key-line-animation-beside {
  0% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes key-line-animation-vertical {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.animation-line-beside .animation-line-inner {
  animation: key-line-animation-line-inner 0.2s linear 0.8s forwards;
  opacity: 0;
}

@keyframes key-line-animation-line-inner {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

/*# sourceMappingURL=style.css.map */