@charset "UTF-8";
/* *** variables model *** */
/* color */
/* *** common variables *** */
/* break point */
/* hover style */
/* color */
/* One-Tone */
/* Two-Tone */
/* *** mixins *** */
/* break point */
/* hover */
/* --- 10px = 1rem --- */
/* yellowedition */
/* common 上書き */
#contents.common {
  padding-top: 0;
}

.section {
  margin-top: 0;
}

/* 試乗ボタン */
.btn-wrap {
  position: relative;
  z-index: 1;
}
.btn-wrap .btn-ttl {
  text-shadow: 1px 1px 6px var(--black);
  color: var(--white);
}

@media (min-width: 769px) {
  .gallery-equip-area .btn-wrap {
    padding-block-end: 10.4rem;
  }
}
@media (max-width: 768px) {
  .gallery-equip-area .btn-wrap {
    padding-block-end: 5.6rem;
  }
}

/* mv */
.mv-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: var(--black);
}
.mv-wrap h1 {
  position: absolute;
  color: var(--color-white);
  text-align: center;
  z-index: 1;
}
@media (min-width: 769px) {
  .mv-wrap h1 {
    width: 15%;
    max-width: 288px;
    left: 21.8%;
    bottom: 5%;
  }
}
@media (max-width: 768px) {
  .mv-wrap h1 {
    width: 36.3%;
    max-width: 400px;
    left: 5.3%;
    bottom: 4.2%;
  }
}

/* Lead & Price */
.lead-price-area {
  background: var(--black);
  position: relative;
}
@media (min-width: 769px) {
  .lead-price-area img {
    min-height: 1808px;
  }
}
@media screen and (min-width: 769px) and (max-width: 1200px) {
  .lead-price-area {
    overflow: hidden;
  }
  .lead-price-area img {
    aspect-ratio: 1920/2795;
    min-width: 1200px;
    min-height: 1808px;
  }
}
.lead-price-area .lead-price-area-inner {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner {
    padding-block: 172px 0;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner {
    padding-block: 90px 0;
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap {
  margin-inline: auto;
  position: relative;
  height: 100%;
}
.lead-price-area .lead-price-area-inner .inner-s-wrap::before {
  content: "";
  display: block;
  height: 100%;
  background-image: url(/brz/yellowedition/images/yellowedition_vertical.webp);
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap::before {
    width: 19.1%;
    top: 0;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap::before {
    width: 27%;
    top: 1rem;
    left: -2.25%;
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content {
  margin-inline: auto;
  max-width: 1024px;
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area {
  margin-inline: auto;
  max-width: 848px;
  position: relative;
  z-index: 1;
  /* リード文 */
  /* YELLOW EDITION 抽選 */
  /* メーカー希望小売価格 */
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area {
    padding-inline-start: 12%;
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lead-area {
  font-weight: bold;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lead-area {
    padding-block: 64px;
    font-size: 2rem;
    line-height: 2.2;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lead-area {
    font-size: clamp(1.2rem, 1.53vw + 0.63rem, 2.2rem);
    line-height: 2.2;
    padding-block-end: 3.2rem;
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area {
  background: rgba(255, 225, 0, 0.5);
  position: relative;
  z-index: 1;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area {
    margin-block: 50px;
    padding: 42px 38px;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area {
    margin-block: 32px;
    margin-inline-start: 12%;
    padding: 20px 16px;
    font-size: 1.6rem;
    line-height: 1.6;
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .edition-name {
  line-height: 1.3;
  font-weight: bold;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .edition-name {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .edition-name {
    font-size: clamp(1.2rem, 1.53vw + 0.63rem, 1.8rem);
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .edition-name span {
    font-size: 3.4rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .edition-name span {
    font-size: clamp(2.5rem, 1.78vw + 1.83rem, 3.2rem);
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .lottery-info {
  display: flex;
  align-items: center;
  margin-block: 1rem;
  font-weight: bold;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .lottery-info {
    font-size: 2.4rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .lottery-info {
    font-size: clamp(1.2rem, 1.53vw + 0.63rem, 1.8rem);
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .lottery-info .drawings {
  background: var(--black);
  color: #ffe100;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .lottery-info .drawings {
    margin-inline-end: 1.6rem;
    padding: 4px 12px;
    font-size: 2.2rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .lottery-info .drawings {
    margin-inline-end: 1rem;
    padding: 3px 5px;
    font-size: clamp(1rem, 1.53vw + 0.43rem, 1.6rem);
    text-align: center;
    word-break: keep-all;
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .note {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.lottery-area .note {
    font-size: clamp(1rem, 1.53vw + 0.43rem, 1.6rem);
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area {
  position: relative;
  z-index: 1;
  font-weight: bold;
  background-color: rgba(255, 255, 255, 0.7);
  padding: 1rem;
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .retail-price {
  line-height: 1.4;
  color: var(--black);
  border-block-end: 1px solid var(--black);
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .retail-price {
    padding-block-end: 4px;
    margin-block-end: 16px;
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .retail-price {
    margin-block-end: 1rem;
    font-size: clamp(1rem, 1.53vw + 0.43rem, 1.6rem);
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price {
    display: flex;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price {
    display: flex;
    flex-direction: column;
    gap: 1rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-inner {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-inner:first-child {
    padding-inline-end: 3.2rem;
    border-inline-end: 1px solid var(--black);
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-inner:last-child {
    padding-inline-start: 3.2rem;
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-spec {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-spec {
    font-size: clamp(1rem, 1.02vw + 0.52rem, 1.6rem);
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price {
  display: flex;
  align-items: center;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .price {
    font-size: 2rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .price {
    font-size: clamp(1.2rem, 1.53vw + 0.43rem, 2rem);
  }
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .price span {
    font-size: 4rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .price span {
    font-size: clamp(1.8rem, 2.54vw + 0.85rem, 2.8rem);
  }
}
.lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .ex-tax {
  line-height: 1.4;
}
@media (min-width: 769px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .ex-tax {
    margin-inline-start: 3.2rem;
    font-size: 1.4rem;
  }
}
@media (max-width: 768px) {
  .lead-price-area .lead-price-area-inner .inner-s-wrap .lead-price-content .txt-area.price-area .grade-price .grade-price-price .ex-tax {
    padding-inline-start: 1.4rem;
    font-size: clamp(1rem, 1.02vw + 0.52rem, 1.6rem);
  }
}

/* Gallery & Equipment */
.gallery-equip-area {
  background: var(--black);
  position: relative;
  /* SP */
  /* PC */
  /* 特別装備 テキスト */
}
.gallery-equip-area .p-relative {
  position: relative;
}
@media (min-width: 769px) {
  .gallery-equip-area::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 53.2%;
    height: 50rem;
    background-image: url(/brz/yellowedition/images/bg_yellow_splatter1_pc.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }
}
@media (min-width: 769px) {
  .gallery-equip-area .section::before {
    content: "";
    display: block;
    position: absolute;
    bottom: 10%;
    left: 0;
    width: 100%;
    height: 140rem;
    background-image: url(/brz/yellowedition/images/bg_yellow_splatter2_pc.webp);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center bottom;
  }
}
@media (max-width: 768px) {
  .gallery-equip-area .gallery-area-sp {
    padding-block: 6.4rem 0;
    background-image: url(/brz/yellowedition/images/bg_yellow_splatter1_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: -6rem;
  }
  .gallery-equip-area .gallery-area-sp ul li {
    margin-block-end: 1.25%;
  }
  .gallery-equip-area .gallery-area-sp .txt_3ba-zd8 {
    width: 10%;
    position: absolute;
    bottom: 34%;
    right: 2%;
    z-index: 3;
  }
  .gallery-equip-area .gallery-area-sp .txt_fa24 {
    width: 18%;
    position: absolute;
    bottom: -8%;
    left: 2%;
    z-index: 3;
  }
  .gallery-equip-area .equipment-area-sp {
    padding-block: 6.4rem 0;
    background-image: url(/brz/yellowedition/images/bg_yellow_splatter2_sp.webp);
    background-size: contain;
    background-repeat: no-repeat;
    background-position-y: -7.2rem;
  }
  .gallery-equip-area .equipment-area-sp .equipment-area02-inner {
    padding-block: 3.2rem 3.2rem;
    position: relative;
    background-image: url(/brz/yellowedition/images/bg_special_equipment_sp.webp);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
  }
  .gallery-equip-area .equipment-area-sp .equipment-area02-inner ul li {
    margin-block-end: 1.25%;
  }
}
@media (min-width: 769px) {
  .gallery-equip-area .gallery-area-pc {
    padding-block: 6.4rem;
    position: relative;
  }
  .gallery-equip-area .gallery-area-pc::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 32%;
    height: 50rem;
    background-image: url(/brz/yellowedition/images/bg_black_splatter1_pc.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .gallery-equip-area .gallery-area-pc .img-mb {
    margin-block-end: 1.25%;
  }
  .gallery-equip-area .gallery-area-pc .psi-img003_pc {
    position: absolute;
    top: 0;
    left: 68.6%;
    aspect-ratio: 749/514;
    width: 66.6%;
  }
  .gallery-equip-area .gallery-area-pc .psi-img006_pc {
    position: absolute;
    bottom: 14px;
    left: -35.8%;
    aspect-ratio: 771/223;
    width: 69%;
  }
  .gallery-equip-area .gallery-area-pc .txt_3ba-zd8 {
    position: absolute;
    top: -101%;
    right: -8%;
    z-index: 3;
  }
  .gallery-equip-area .gallery-area-pc .txt_fa24 {
    position: absolute;
    bottom: -1%;
    left: -11%;
    z-index: 3;
  }
  .gallery-equip-area .equipment-area-pc {
    padding-block: 8rem 0;
  }
  .gallery-equip-area .equipment-area-pc .img-wrap {
    background-image: url(/brz/yellowedition/images/bg_special_equipment_pc.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .gallery-equip-area .equipment-area-pc .list-01 {
    display: flex;
    justify-content: flex-end;
    column-gap: 6px;
    margin-block-end: 0.4rem;
  }
  .gallery-equip-area .equipment-area-pc .list-01 li {
    flex-basis: 24.5%;
  }
  .gallery-equip-area .equipment-area-pc .list-01 li img {
    height: 100% !important;
    position: relative;
  }
  .gallery-equip-area .equipment-area-pc .list-02 {
    display: flex;
    column-gap: 6px;
  }
  .gallery-equip-area .equipment-area-pc .list-02 li {
    flex-basis: 31%;
  }
  .gallery-equip-area .equipment-area-pc .list-02 li img {
    height: 100% !important;
    position: relative;
  }
}
.gallery-equip-area .equipment-txt-area {
  background: var(--black);
}
@media (min-width: 769px) {
  .gallery-equip-area .equipment-txt-area {
    padding-block: 6.4rem;
  }
}
@media (max-width: 768px) {
  .gallery-equip-area .equipment-txt-area {
    margin-block: 3.2rem 3.2rem;
    padding-block-end: 3.2rem;
  }
}
.gallery-equip-area .equipment-txt-area h3 {
  font-weight: bold;
  color: #ffe100;
}
@media (min-width: 769px) {
  .gallery-equip-area .equipment-txt-area h3 {
    margin-block-end: 1.6rem;
    font-size: 2.2rem;
    line-height: 1.8;
  }
}
@media (max-width: 768px) {
  .gallery-equip-area .equipment-txt-area h3 {
    margin-block-end: 1.2rem;
    font-size: clamp(1.4rem, 1.53vw + 0.63rem, 2rem);
    line-height: 1.4;
  }
}
@media (min-width: 769px) {
  .gallery-equip-area .equipment-txt-area .equipment-txt-area-list {
    display: flex;
    column-gap: 4rem;
  }
}
.gallery-equip-area .equipment-txt-area .equipment-txt-area-list ul {
  color: #ffe100;
}
@media (min-width: 769px) {
  .gallery-equip-area .equipment-txt-area .equipment-txt-area-list ul {
    flex-basis: 50%;
  }
}
.gallery-equip-area .equipment-txt-area .equipment-txt-area-list ul li {
  display: flex;
  margin-block-end: 1rem;
}
@media (min-width: 769px) {
  .gallery-equip-area .equipment-txt-area .equipment-txt-area-list ul li {
    font-size: 1.6rem;
  }
}
@media (max-width: 768px) {
  .gallery-equip-area .equipment-txt-area .equipment-txt-area-list ul li {
    font-size: clamp(1.2rem, 1.53vw + 0.63rem, 1.8rem);
  }
}
.gallery-equip-area .equipment-txt-area .equipment-txt-area-list ul li span:first-child {
  margin-inline-end: 0.5rem;
}

/* 
.grid-test {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-rows: repeat(9, 1fr);
  gap: 8px;
  grid-auto-flow: row;
  grid-template-areas:
    ". . . A A A A A A . . ."
    ". . . A A A A A A . . ."
    ". . B B B B B . C C C C"
    ". . B B B B B . C C C C"
    ". . . D D D D D C C C C"
    ". . . D D D D D C C C C"
    ". . . D D D D D E . . ."
    ". . . F F F F F F . . ."
    ". . . F F F F F F . . .";
  > div {
    padding: 20px;
    background-color: #ccc;
  }
  .A {
    grid-area: A;
  }

  .B {
    grid-area: B;
  }

  .C {
    grid-area: C;
  }

  .D {
    grid-area: D;
  }

  .E {
    grid-area: E;
  }

  .F {
    grid-area: F;
  }
}
 *//*# sourceMappingURL=yellowedition.css.map */