@charset "utf-8";

#rwd-content .gdMark {
  max-width: 197.6px;
  margin: auto;
}

@media screen and (max-width: 767px) {
  #rwd-content .swiper-slide .gdMark img {
    margin-top: 12px;
  }
}

/* --------------------------------------------------------------------------------
  2019.11 追加
-----------------------------------------------------------------------------------*/

#rwd-content .rwd-pagelist-cassette.bg-none:after {
  background: none;
}

.rwd-slider-carousel01 .rwd-newmodel-item.swiper-slide {
  position: relative;
}

#rwd-content .swiper-slide img {
  margin-top: 24px;
}

.rwd-slider-carousel01 .rwd-newmodel-item.swiper-slide .rwd-lineup-new02 span {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1.4rem;
  display: inline-block;
  width: 54px;
  height: 24px;
  background: #bb3434;
  color: #fff;
  font-size: 1.6rem;
  text-align: center;
  line-height: 24px;
}

.rwd-slider-carousel01 .rwd-newmodel-item.swiper-slide .rwd-lineup-new_day span {
  position: absolute;
  top: 2px;
  left: 73px;
  font-size: 1.6rem;
  color: #bb3434;
  line-height: 1.2;
}

/* -------------------- min-width: 768px -------------------- */

@media screen and (min-width: 768px) {
  #rwd-content .rwd-news-area-list-label {
    width: 130px;
  }

  #rwd-content .rwd-lineup-area-list-link-title {
    bottom: 16px;
  }
}

/* -------------------- max-width: 767px -------------------- */

@media screen and (max-width: 767px) {
  #rwd-content .rwd-news-area-list-label {
    width: 130px;
  }

  #rwd-content .rwd-lineup-area-list-link-text {
    display: none;
  }

  .rwd-slider-carousel01 .rwd-newmodel-item.swiper-slide .rwd-lineup-new02 span {
    width: 40px;
    height: 16px;
    line-height: 16px;
    font-size: 10px;
  }

  .rwd-slider-carousel01 .rwd-newmodel-item.swiper-slide .rwd-lineup-new_day span {
    top: 0;
    left: 45px;
    font-size: 10px;
  }


}


/* --------------------------------------------------------------------------------
  ANCHOR 2022.3.10 追加
-----------------------------------------------------------------------------------*/

/* 用途不明の仕様を打ち消し */
#rwd-content .swiper-slide img {
  margin-top: 0;
}

/* pc | sp クラス */
@media screen and (max-width: 767px) {
  #rwd-content .pc {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  #rwd-content .sp {
    display: none;
  }
}

/* --------------------------------------------------------------------------------
  ANCHOR 2024.1.13 追加
-----------------------------------------------------------------------------------*/

#rwd-content main {
  background-color: #000;
  color: #fff;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility
}

@media print,
screen and (min-width: 768px) {
  #rwd-content main {
    margin-top: -30px;
    padding-top: 30px
  }
}

@media screen and (min-width: 768px) {
  #rwd-content .rwd-main-content {
    margin-bottom: -115px;
    padding-bottom: 115px
  }
}

@media screen and (max-width: 767px) {
  #rwd-content .rwd-main-content {
    margin-bottom: -60px;
    padding-bottom: 60px
  }
}

#rwd-content main a:link,
#rwd-content main a:visited,
#rwd-content main a:active,
#rwd-content main a:hover {
  color: #fff;

  & figcaption {
    color: #fff !important;
  }
}

.rwd-cassette-grid {
  background-color: #fff;
}

@media screen and (max-width: 767px) {
  #rwd-content .rwd-product-header {
    margin-bottom: -30px;
    background-color: #000;
    color: #fff;
  }
}

#rwd-content .rwd-news-area-list-data {
  color: #fff
}

#rwd-content .rwd-h2-title {
  color: #8e9db8;
}

#rwd-content .rwd-news-area-list-label {
  color: #8e9db8;
}


/** ANCHOR 更新履歴
  2026.7.16 更新
  2026.1.27 更新
  2024.8.28 追加
*/

#rwd-content .lineup-visual {
  position: relative;

  ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;

    li {
      position: absolute;

      a {
        display: block;
        width: 100%;
        height: 100%;
        /* SECTION デバッグ用 */
        /* outline: 1px solid red;
        &::after {
          content: attr(href);
        } */
        /* !SECTION デバッグ用 */
      }

      &.ypj-mt-pro {
        width: 48%;
        height: 16%;
        top: 6%;
        left: 51%;

        @media screen and (max-width: 767px) {
          width: 71%;
          height: 16%;
          top: 9%;
          left: 28%;
        }
      }

      &.crosscore-rv {
        width: 43%;
        height: 16%;
        top: 23%;
        left: 38%;

        @media screen and (max-width: 767px) {
          width: 60%;
          height: 15%;
          top: 28%;
          left: 19%;
        }
      }

      &.wabash-rt {
        width: 42%;
        height: 16%;
        top: 54%;
        left: 25%;

        @media screen and (max-width: 767px) {
          width: 58%;
          height: 16%;
          top: 54%;
          left: 10%;
        }
      }

      &.crosscore-rc {
        width: 22%;
        height: 5%;
        top: 72%;
        left: 1%;

        @media screen and (max-width: 767px) {
          width: 33%;
          height: 5%;
          top: 73%;
          left: 1%;
        }
      }

      &.crosscore-connected {
        width: 22%;
        height: 6%;
        top: 77%;
        left: 1%;

        @media screen and (max-width: 767px) {
          width: 33%;
          height: 6%;
          top: 78%;
          left: 1%;
        }
      }

    }
  }
}