/** @format */

@charset "Shift_JIS";
@import url('./common.css');

/**
 * ---------------------------------------- common ----------------------------------------
 *
 * @format
 */

.container_ {
  color: #000;
  line-height: 1;
  font-size: 3.73vw;
  font-feature-settings: 'palt';
  letter-spacing: 0.04em;

  img {
    width: 100%;
    max-width: 100%;
  }

  .section {
    .section__title {
      font-weight: bold;
      font-size: 21px;
      background-color: transparent;
      text-align: center;
      margin-top: 0;
    }
  }

  a {
    &:hover {
      opacity: 0.5;
    }
  }

  .md {
    display: none;
  }

  .lg {
    display: none;
  }

  .xl {
    display: none;
  }

  .sm {
    display: block;
  }

  .kv {
    background-color: #2b2b2b;

    .kv__body {
      padding-top: 25px;
    }

    .kv__title {
      color: #fff;
      font-weight: bold;
      margin-top: 15px;
      font-weight: bold;
      text-align: center;
    }

    .kv__sub {
      font-size: 3.2vw;
      margin-top: 19px;
    }

    .kv__main {
      font-size: 5.33vw;
      letter-spacing: 0.06em;
      border-bottom: 1px solid #fff;
      padding-bottom: 10px;
      width: 50%;
      margin: auto;
    }

    .kv__subscript {
      vertical-align: sub;
    }

    .kv__image {
      margin-top: 28px;
    }

    .kv__description {
      color: #fff;
      font-size: 3.47vw;
      padding: 30px 0 26px;
      line-height: 1.92;
      text-align: center;
      background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/kv_description_bg.png);
      background-size: cover;
    }
  }

  /* introduction */
  .introduction {
    .introduction__inner {
      padding-bottom: 35px;
      background-color: #0d0d0d;
    }

    .introduction__description {
      color: #fff;
      line-height: 2.2;
      text-align: center;
      font-size: 3.47vw;
      margin-top: -42%;
    }

    .introduction__button-wrapper {
      margin-top: 40px;
    }

    .introduction__button-title {
      text-align: center;
      color: #fff;
    }
  }

  .button {
    max-width: 44vw;
    margin: 0 auto;
    padding: 12px 22px 12px;
    display: block;
    font-size: 3.2vw;
    text-align: center;
    border: 1px solid #000;
    box-sizing: border-box;
    position: relative;
    color: #000;

    &:link {
      color: #000;
    }

    &::after {
      content: '';
      width: 7px;
      height: 9px;
      display: block;
      background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow.png);
      background-repeat: no-repeat;
      background-size: contain;
      background-position: center;
      position: absolute;
      top: 50%;
      right: 12px;
      transform: translateY(-50%);
    }

    &.button--introduction {
      margin-top: 16px;
      color: #fff;
      border: 1px solid #fff;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow_white.png);
      }
    }

    &.button--case {
      color: #333;
      margin-top: 23px;
      max-width: 64vw;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow.png);
      }
    }

    &.button--carousel-gallery {
      margin-top: 30px;
      color: #fff;
      border: 1px solid #fff;
      max-width: 64vw;
      line-height: 1.3;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow_white.png);
      }
    }

    &.button--overall {
      color: #fff;
      border: 1px solid #fff;
      margin-top: 23px;
      max-width: 64vw;
      line-height: 1.3;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow_white.png);
      }
    }

    &.button--lineup-normal {
      background-color: #333;
      color: #fff;
      max-width: 100%;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow_white.png);
      }
    }

    &.button--lineup-masaru {
      background-color: #091140;
      color: #fff;
      max-width: 100%;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow_white.png);
      }
    }

    &.button--lineup-black {
      background-color: #000;
      color: #fff;
      max-width: 100%;

      &::after {
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/arrow_white.png);
      }
    }
  }

  /* points */
  .points {
    .points__inner {
      padding-top: 34px;
      background-color: #0d0d0d;
    }

    .points__title {
      font-size: 4.67vw;
      color: #fff;
      font-weight: bold;
      text-align: center;
    }

    .points__list {
      display: grid;
      gap: 42px;
      margin-top: 34px;
    }

    .points__list-item {
      padding: 0 32px;

      &.points__list-item--flash-surface {
        display: flex;
        flex-direction: column-reverse;
        gap: 33px;
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/point_image05_bg.png);
        background-repeat: no-repeat;
        background-position: top;
        background-size: cover;
        padding: 30px 25px;
      }
    }

    .points__item-text-wrapper {
      margin-top: 24px;

      &.points__item-text-wrapper--flash-surface {
        text-align: center;
      }
    }

    .points__item-title {
      font-size: 4.67vw;
      font-weight: bold;
      color: #fff;
    }

    .points__description {
      margin-top: 12px;
      color: #fff;
      line-height: 1.8;
      letter-spacing: 0.08em;
      font-size: 3.2vw;
    }

    .points__image {
      &.points__image--flash-surface {
        width: 72%;
        margin: 0 auto;
        display: block;
      }
    }
  }

  /* carousel-gallery */
  .carousel-gallery {
    background-color: #0d0d0d;

    .carousel-gallery__inner {
      padding: 28px 0 68px;
    }

    .carousel-gallery__title {
      font-size: 5.33vw;
      font-weight: bold;
      text-align: center;
    }

    .carousel-gallery__slider-wrapper {
      margin-top: 30px;
    }

    .carousel-gallery__item {
      &.slick-center {
        .carousel-gallery__item-image,
        iframe {
          transform: scale(1);
        }
      }
    }

    .carousel-gallery__item-image,
    iframe {
      transform: scale(0.6);
      transition: transform 0.3s;
    }

    .carousel-gallery__slide-dots {
      display: flex;
      justify-content: center;
      margin-top: 30px;
      gap: 14px;

      li {
        width: 5px;
        height: 5px;
        background: #d8d4d0;
        border-radius: 50%;
        cursor: pointer;

        &:hover {
          background-color: #333;
        }
      }

      li.slick-active {
        background-color: #d81520;
      }

      li button {
        display: none;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        outline: none;
        padding: 0;
        border: none;
        background-color: transparent;
      }
    }

    .carousel-gallery__slide-arrow {
      top: 30%;
      left: 0;
      transform: translateY(-50%);
      position: absolute;
      display: block;
      width: 40px;
      height: 40px;
      cursor: pointer;
      transform: rotate(180deg);
      z-index: 1000;
      border-radius: 50%;
      border: 1px solid #fff;

      &::before {
        position: absolute;
        content: '';
        width: 10px;
        height: 10px;
        border-right: 1px solid #fff;
        border-top: 1px solid #fff;
        top: 0;
        bottom: 0;
        left: 20%;
        right: 0;
        margin: auto;
        transform: translateX(-50%) rotate(45deg);
      }

      &.carousel-gallery__slide-arrow--next {
        left: auto;
        right: 0;
        transform: rotate(0);
      }
    }

    .carousel-gallery__movie-wrapper {
      padding: 0 25px;
      margin-top: 65px;
    }
  }

  .case-kodawari-wrapper {
    background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/case_kodawari_bg.png);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
  }

  .case {
    .case__inner {
      padding: 47px 0 43px;
    }

    .case__title {
      text-align: center;
    }

    .case__title-sub {
      display: inline-block;
      font-size: 3.2vw;
      padding: 5px 11px;
      display: flex;
      align-items: center;
      justify-content: center;
      gap: 2.13vw;
      color: #333;

      &::before,
      &::after {
        content: '';
        height: 1px;
        background-color: #333;
        width: 2.67vw;
      }
    }

    .case__title-main {
      font-weight: bold;
      font-size: 4.53vw;
      line-height: 1.25;
      margin-top: 12px;
    }

    .case__content01 {
      margin: 33px 10px 0;
    }

    .case__text-wrapper {
      padding: 0;
      margin-top: 24px;
      flex-shrink: 0;
      text-align: left;

      &.case__text-wrapper--case02 {
        width: 43%;
        padding-right: 16px;
        padding-left: 0;
        margin-top: 32px;
      }
    }

    .case__text {
      font-size: 3.2vw;
      line-height: 2;
      letter-spacing: 0.1em;

      &:nth-of-type(n + 2) {
        margin-top: 7px;
      }

      &.case__text--center {
        text-align: center;
      }
    }

    .case__content02 {
      display: flex;
      align-items: center;
      margin-top: 20px;
      gap: 12px;
    }

    .case__button-title {
      font-size: 3.73vw;
      text-align: center;
    }

    .case__button-wrapper {
      margin-top: 43px;
    }
  }

  .gallery {
    background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/gallery_bg.png);
    background-size: cover;
    background-positon: top;
    background-repeat: no-repeat;

    .gallery__inner {
      padding: 59px 25px 57px;
    }
    .gallery__title {
      font-size: 5.33vw;
      font-weight: bold;
      text-align: center;
    }

    .gallery__list {
      display: grid;
      gap: 15px;
      flex-wrap: wrap;
      grid-template-columns: 1fr 1fr;
      margin-top: 32px;
    }

    .gallery__note {
      font-size: 1.87vw;
      margin-top: 12px;
    }
  }

  /* kodawari */
  .kodawari {
    .kodawari__text-wrapper {
      padding: 27px 9px 39px;
      background-image: url(https://store.vaio.com/ec/img/accessary/spark/leathercase/sp/bg-kodawari.jpg);
      background-repeat: no-repeat;
      background-size: cover;
      color: #fff;
    }

    .kodawari__inner {
      padding: 0 15px 50px;
    }

    .kodawari__mv {
      display: flex;
      flex-direction: column-reverse;
    }

    .kodawari__mv-image-wrapper {
      max-height: 57.33vw;
      overflow: hidden;
    }

    .kodawari__logo-wrapper {
      max-width: 222px;
      margin: 0 auto;
    }
    .kodawari__title {
      font-weight: bold;
      font-size: 5.33vw;
      margin-top: 12px;
      background-color: transparent;
      text-align: center;
      color: #fff;
      line-height: 1.75;
    }

    .kodawari__description {
      font-size: 3.2vw;
      padding: 0 13px;
      line-height: 2;
      margin-top: 21px;
      letter-spacing: 0.13em;
    }

    .kodawari__mv-image {
      height: 100%;
      object-fit: cover;
    }

    .kodawari__detail-list {
      margin-top: 12px;
      display: flex;
      flex-direction: column;
      gap: 13px;
    }

    .kodawari__detail-list-item {
      gap: 17px;
      background-color: #f1f1f1;
    }

    .kodawari__detail-list-title {
      font-size: 4.27vw;
      font-weight: bold;
      line-height: 1.2;
    }

    .kodawari__detail-list-text-wrapper {
      padding: 27px 20px 20px;
    }

    .kodawari__detail-list-image-wrapper {
      width: 172px;
      flex-shrink: 0;
    }

    .kodawari__detail-list-description {
      font-size: 3.33vw;
      margin-top: 10px;
      line-height: 1.8;
    }
  }

  .overall {
    background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/sp/overall_bg.png);
    background-size: cover;
    background-positon: top;
    background-repeat: no-repeat;

    .overall__inner {
      padding: 46px 25px 60px;
    }

    .overall__title {
      font-size: 4vw;
      font-weight: bold;
      line-height: 2;
      text-align: center;
      color: #fff;
    }

    .overall__image {
      width: 80%;
      margin: 44px auto;
      display: block;
    }
  }

  /* lineup-link */
  .lineup-link {
    .lineup-link__inner {
      padding: 30px 25px;
    }

    .lineup-link__list {
      display: flex;
      flex-direction: column;
      gap: 10px;
    }
  }

  .contact-container {
    .title {
      line-height: 1.4;
      font-size: 24px;
    }

    .intro {
      line-height: 1.6;
    }

    .contact-area {
      .contact-box {
        .title {
          font-size: 18px;
          height: 48px;
        }

        .tel {
          font-size: 24px;
        }

        .mail {
          font-size: 24px;
        }

        .date {
          font-size: 12px;
        }
      }
    }

    .contact-box-inner {
      line-height: 1.4;
    }
  }

  @media (min-width: 768px) {
    .sm {
      display: none;
    }

    .lg {
      display: none;
    }

    .md {
      display: block;
    }

    /* kv */
    .kv {
      background-color: #121212;

      .kv__body {
        position: relative;
        overflow: hidden;
        max-height: 690px;
        padding-top: 0;
      }

      .kv__inner {
        padding: 0 12%;
        height: 100%;
      }

      .kv__image {
        display: block;
        margin: 0 auto;
        width: auto;
        max-width: 100%;
        max-height: 732px;
      }

      .kv__title {
        position: absolute;
        top: 5%;
        left: 5%;
        padding: 0;
        color: #fff;
        text-align: left;
        margin-top: 0;
        z-index: 1000;
      }

      .kv__catch {
        border: none;
        font-size: 18px;
      }

      .kv__main {
        font-size: 32px;
        width: 100%;
        text-align: right;
      }

      .kv__sub {
        font-size: 18px;
      }
      .kv__image {
        margin-top: 0;
        transform: translateY(30px);
      }

      .kv__description {
        font-size: 1.69vw;
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/kv_description_bg.png);
        padding: 65px 0 61px;
       background-size: cover;
      }
    }

    /* introduction */
    .introduction {
      background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/introduction_bg.png);

      .introduction__inner {
        /* padding: 72px 12%; */
      }

      .introduction__description {
        font-size: 1.69vw;
        margin-top: -22%;
      }

      .introduction__item-wrapper {
        margin-top: 66px;
        background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/introduction_content_bg.png);
        padding: 40px 13% 70px;
      }

      .introduction__item-text {
        font-size: 18px;
      }

      .introduction__button-title {
        font-size: 22px;
      }

      .introduction__button-wrapper {
        margin-top: 44px;
      }
    }

    .button {
      font-size: 1.43vw;
      max-width: 300px;

      &::after {
        right: 24px;
      }

      &.button--introduction {
        padding: 20px 0;
        margin-top: 22px;
      }

      &.button--carousel-gallery {
        max-width: 380px;
        margin-top: 68px;
        line-height: 1.45;
        padding: 20px 0;

        &::after {
          background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/arrow_white.png);
          width: 10px;
          height: 14px;
        }
      }

      &.button--case {
        font-size: 1.3vw;
        max-width: 300px;
        margin-top: 25px;
        padding: 20px 0;

        &::after {
          background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/arrow.png);
          width: 10px;
          height: 14px;
        }
      }

      &.button--overall {
        margin-top: 88px;
        max-width: 300px;
        font-size: 1.3vw;

        &::after {
          background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/arrow_white.png);
          width: 10px;
          height: 14px;
        }
      }

      &.button--lineup-normal {
        max-width: 300px;
        &::after {
          background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/arrow_white.png);
          width: 10px;
          height: 14px;
        }
      }

      &.button--lineup-black {
        max-width: 300px;
        &::after {
          background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/arrow_white.png);
          width: 10px;
          height: 14px;
        }
      }
    }

    /* points */
    .points {
      background-image: url(https://store.vaio.com/ec/img/usr/freepage/red_sx14r1/lp/img/pc/points_bg.png);
      background-position: top;
      background-size: cover;
      background-repeat: no-repeat;

      .points__inner {
        padding: 136px 0 0;
      }

      .points__title {
        font-size: 30px;
      }

      .points__list {
        margin-top: 90px;
        gap: 0;
      }

      .points__list-item {
        padding: 0;
        display: flex;
        align-items: center;

        &:nth-of-type(even) {
          flex-direction: row-reverse;

          .points__item-text-wrapper {
            text-align: right;
          }
        }

        &.points__list-item--flash-surface {
          flex-direction: row;
          justify-content: center;
          padding: 58px 4%;
        }
      }

      .points__image-wrapper {
        flex-basis: 50%;
      }

      .points__image {
        &.points__image--flash-surface {
          width: 100%;
        }
      }

      .points__item-title {
        font-size: 2.34vw;
      }

      .points__item-text-wrapper {
        &.points__item-text-wrapper--flash-surface {
          text-align: left;
          padding: 0;
          margin-top: -6%;
        }
      }

      .points__description {
        font-size: 1.56vw;
        margin-top: 35px;

        &.points__description--flash-surface {
          line-height: 2.2;
        }
      }

      .points__item-text-wrapper {
        flex-basis: 50%;
        margin-top: 0;
        padding: 0 4.6%;
        box-sizing: border-box;
      }
    }

    /* carousel-gallery */
    .carousel-gallery {
      .carousel-gallery__inner {
        padding: 130px 0 115px;
      }

      .carousel-gallery__title {
        font-size: 40px;
      }

      .carousel-gallery__slider-wrapper {
        margin-top: 0;
      }

      .carousel-gallery__slide-dots {
        gap: 28px;

        li {
          width: 10px;
          height: 10px;
        }
      }

      .carousel-gallery__item {
        iframe {
          width: 521px;
          height: 315px;
        }
      }

      .carousel-gallery__item-image {
        transform: scale(0.6);
        margin: 0;

        &.slick-center {
          transform: scale(1);
          /* width: 515px;
        height: 311px; */
        }
      }

      .carousel-gallery__slide-dots {
        margin-top: 42px;
      }

      .carousel-gallery__slide-arrow {
        left: 30%;

        &.carousel-gallery__slide-arrow--next {
          right: 30%;
        }
      }
    }

    .case {
      .case__inner {
        padding: 104px 0 127px;
      }
      .case__title-sub {
        font-size: 2.34vw;
        gap: 0;

        &::after,
        &::before {
          width: 15px;
        }
      }

      .case__title-main {
        font-size: 3.91vw;
        margin-top: 25px;
      }

      .case__content01 {
        display: flex;
        flex-direction: row-reverse;
        margin: 78px 0 0;
        padding-left: 2%;
        gap: 20px;
      }

      .case__text-wrapper {
        margin-top: -5px;
        &.case__text-wrapper--case02 {
          width: auto;
        }
      }

      .case__text {
        font-size: 1.56vw;
        text-align: left;

        &.case__text--center {
          text-align: left;
        }

        &:nth-of-type(n + 2) {
          margin-top: 24px;
        }

        &.case__text--content02 {
          margin-top: 80px;
        }
      }

      .case__content02 {
        align-items: center;
        margin-top: 44px;
        gap: 2px;
        padding-right: 2%;
      }

      .case__button-wrapper {
        margin-top: 80px;
      }

      .case__button-title {
        font-size: 2.6vw;
      }
    }

    /* kodawari */
    .kodawari {
      .kodawari__inner {
        max-width: 1200px;
        margin: 0 auto;
      }

      .kodawari__mv {
        box-sizing: border-box;
        display: flex;
        flex-direction: row;
      }

      .kodawari__logo-wrapper {
        width: 80%;
        max-width: 468px;
      }

      .kodawari__title {
        font-size: 2.34vw;
        margin-top: 60px;
      }

      .kodawari__text-wrapper {
        padding: 74px 0;
        width: 53%;
      }

      .kodawari__description {
        font-size: 1.56vw;
        padding: 0 68px 0 60px;
        margin-top: 5px;
      }

      .kodawari__mv-image-wrapper {
        width: 49%;
        max-height: 100%;
      }

      .kodawari__detail-list {
        display: flex;
        flex-direction: row;
        gap: 30px;
        margin-top: 35px;
      }

      .kodawari__detail-list-item {
        width: calc(100% / 3 - 30px * 2 / 3);
        background-color: transparent;
      }

      .kodawari__detail-list-title {
        font-size: 20px;
      }

      .kodawari__detail-list-text-wrapper {
        padding: 27px 0 20px;
      }

      .kodawari__detail-list-description {
        font-size: 16px;
        letter-spacing: 0.082em;
      }
    }

    /* overall */
    .overall {
      .overall__inner {
        padding: 94px 12%;
      }

      .overall__title {
        font-size: 3.92vw;
        line-height: 1.3;
      }

      .overall__image {
        display: block;
        max-width: 600px;
        margin: 68px auto 0;
      }
    }

    /* lineup-link */
    .lineup-link {
      .lineup-link__list {
        flex-direction: row;
        justify-content: center;
        width: 634px;
        margin: 0 auto;
      }

      .lineup-link__list-item {
        width: 50%;
      }
    }
  }

  @media (min-width: 992px) {
    .kv {
      .kv__title {
        left: 15%;
      }
    }
  }

  @media (min-width: 1200px) {
    .md {
      display: none;
    }

    .lg {
      display: block;
    }

    /* kv */
    .kv {
      .kv__image {
        transform: translateY(33px);
      }

      .kv__description {
        font-size: 20px;
      }
    }

    /* introduction */
    .introduction {
      .introduction__description {
        font-size: 20px;
      }
    }

    /* case */
    .case {
      .case__text-wrapper {
        margin: 39px 20px 0 0;

        &.case__text-wrapper--case02 {
          margin: 71px 0 0 32px;
        }
      }
      .case__text {
        font-size: 18px;

        &:nth-of-type(n + 2) {
          margin-top: 56px;
        }

        &.case__text--content02 {
          margin-top: 0;
        }
      }

      .case__title-main {
        font-size: 35px;
      }

      .case__title-sub {
        font-size: 20px;
      }

      .case__button-title {
        font-size: 20px;
      }
    }

    /* button */
    .button {
      font-size: 20px;

      &.button--carousel-gallery {
        font-size: 20px;
      }

      &.button--case {
        font-size: 18px;
      }

      &.button--overall {
        font-size: 18px;
      }

      &.button--lineup-normal {
        padding: 20px;
      }

      &.button--lineup-black {
        padding: 20px;
      }
    }

    /* points */
    .points {
      .points__item-title {
        font-size: 30px;
      }

      .points__description {
        font-size: 18px;
      }

      .points__list-item {
        &.points__list-item--flash-surface {
          padding: 58px 9%;
        }
      }

      .points__item-text-wrapper {
        &.points__item-text-wrapper--flash-surface {
          padding: 0 7%;
        }
      }
    }

    /* kodawari */
    .kodawari {
      .kodawari__inner {
        padding-bottom: 70px;
      }

      .kodawari__title {
        font-size: 36px;
      }

      .kodawari__mv {
        height: 500px;
      }

      .kodawari__description {
        font-size: 18px;
      }

      .kodawari__detail-list-title {
        font-size: 25px;
        letter-spacing: 0;
      }

      .kodawari__detail-list-description {
        font-size: 17px;
      }
    }

    /* overall */
    .overall {
      .overall__inner {
        padding-top: 86px;
      }
      .overall__title {
        font-size: 30px;
        line-height: 1.4;
      }
    }

    /* lineup-link */
    .lineup-link {
      .lineup-link__inner {
        padding: 80px 25px;
      }

      .lineup-link__list {
        gap: 22px;
      }
    }
  }
}