@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.1.27 更新
  ANCHOR 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%;
      }

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

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

        }
      }

      &.ypj-xc-final {
        width: 43%;
        height: 15%;
        top: 23%;
        left: 38%;

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

      &.crosscore-rv {
        width: 43%;
        height: 15%;
        top: 38%;
        left: 30%;

        @media screen and (max-width: 767px) {
          width: 61%;
          height: 15%;
          top: 41%;
          left: 10%;
        }
      }

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

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

      &.wabash-rt {
        width: 42%;
        height: 15%;
        top: 62%;
        left: 25%;

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

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

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

    }
  }
}