@charset "UTF-8";
@media screen and (min-width: 1080px) {
    /* #floatingMenuSns li svg * {
        fill: #fff;
    } */
         #floatingMenuSns li img {
        width: 1.27vw;
        height: auto;
        filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7452%) hue-rotate(111deg) brightness(106%) contrast(101%);
    }
  #FVslider {
    margin-top: 0;
    height: 100vh;
    z-index: 16;
  }

  #FVslider li img {
    height: 100vh;
  }

  #FVslider::after {
    top: 13.18vw;
    left: 16.61vw;
    width: 37.03vw;
    height: 13.82vw;
  }

  #FVslider::before {
    width: 24.81vw;
    height: 11.73vw;
    top: 31.35vw;
    left: 16.61vw;
    right: 0;
  }

  #FVslider .cover {
    position: absolute;
    top: 0;
    left: 0;
    width: 65%;
    height: 100%;
    z-index: 17;
  }
  #FVslider .cover img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .controllScrollWrap {
    position: relative;
    z-index: 16;
  }

  #intro {
    padding: 7.86vw 0 0;
    background-image: url(../img/e_mtb_dual_stage/pcTopBg.png);

  }

  #intro h1 {
    font-size: 2.08vw;
    line-height: 3.13vw;
    letter-spacing: 0;
  }

  #intro>img.mainImage {
    margin: 1vw 0 4vw;
  }

  #iconThunder {
    margin: 3.13vw auto 2.13vw;
    width: 1.76vw;
  }

  #intro>p {
    padding: 0 28.91vw 0;
    font-size: 1.12vw;
    line-height: 2.6vw;
  }


  #intro #dual {
    width: 27.35vw;
    font-size: 4.1vw;
    line-height: 3.67vw;
    letter-spacing: .25vw;
    text-shadow: 5px 5px 15px rgba(0, 0, 0, 0.4);
  }

  #intro #dual span {
    width: 7.92vw;
    font-size: 16.56vw;
    font-weight: 400;
  }

  #intro #dual div {
    width: 18.71vw;
    font-size: 4.43vw;
    line-height: 4.9vw;
  }

  .stageLv {
    display: none;
  }

  main .tab {
    border-bottom: 4px solid #03FF00;
    gap: 0 1.98vw;
    margin-top: 4vw;
  }

  main .tab li {
    width: 17.83vw;
    height: 7.29vw;
    padding: 1.61vw 0 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    background-color: #9D9D9D;
  }

  main .tab li p:first-of-type {
    font-size: 1.98vw;
    line-height: 2.34vw;
    padding-bottom: 0.47vw;
    padding-bottom: 1.2vw;
  }

  main .tab li p:last-of-type {
    font-size: 1.25vw;
  }

  #downhillStage,
  #powerStage {
    background-image: url(/2026/top/assets/img/e_mtb_dual_stage/pcBottomBg.png);
    background-position: top -46.05vw center;
    padding: 0 0 7.13vw;
    background-size: 100% auto;
  }

  #downhillStage h1,
  #powerStage h1 {
    font-size: 4.69vw;
    line-height: 5.12vw;
    padding: 8.91vw 0 2.19vw 0;
    width: 26.85vw;
    margin: auto auto 3.54vw 34.11vw;
  }

  #downhillStage h1 span,
  #powerStage h1 span {
    font-size: 2.86vw;
  }

  main .tabContent h2 {
    font-size: 2.08vw;
    line-height: 3.13vw;
    padding: 0 34.11vw 1.87vw;
    font-weight: 600;
  }

  #downhillStage>p,
  #powerStage>p {
    padding: 0 34.11vw 0;
    font-size: 1.25vw;
    line-height: 2.6vw;
    font-weight: 500;
  }
  
  #powerStage>p.bold {
    line-height: 2.2;
    font-size: 1.2vw;
  }

  #downhillStage::before {

    width: 4.15vw;
    height: 20.81vw;
    right: 29.95vw;
    top: 8.91vw;
  }

  #powerStage::before {

    width: 4.15vw;
    height: 20.81vw;
    right: 29.95vw;
    top: 8.91vw;
  }

  .stageImage {
    width: 71.15vw;
    margin: 3.28vw 0 6.3vw;
  }

  #downhillStage .controllScrollButtonNext,
  #powerStage .controllScrollButtonNext {
    left: 69vw;
    width: 4.32vw;
    height: 4.32vw;
    background-color: #fff;

  }

  #downhillStage .controllScrollButtonNext b img,
  #powerStage .controllScrollButtonNext b img {
    fill: #000;
    width: .6vw;
  }

  .controllScrollButtonWrap {
    z-index: 18;
  }

  .controllScrollButtonWrap {
    top: 37%;
  }

  .controllScrollOver::before {
    content: "";
    display: block;
    width: 1vw;
    height: 100%;
    z-index: 17;
    position: absolute;
    top: 0;
    right: -.5px;
    /* box-shadow: inset -22px -1px 9px 5px rgba(0, 0, 0, 0.3); */
    background: linear-gradient(to right, rgba(0,0,0,0),rgba(128,128,128,1));
    mix-blend-mode: multiply;
  }

  .stageImage{
    height: 16.72vw;
  }
  .stageImage li,
  .stageImage li img {
    width: 24.9vw;
    height: 100%;
  }

  .stageImage li {
    margin-right: 1.3vw;
  }

  /* .stageImage li:first-child {
    margin-left: 34.11vw;
    margin-right: 1.3vw;
  } */
  .stageImage .controllScrollWrap{
    padding-left: 34.11vw;
  }

  #downhillStage p.brownTtl,
  #powerStage p.brownTtl {
    height: 3.59vw;
    width: 12.03vw;
    margin: 0 auto 3.13vw;
  }

  #downhillStage iframe {
    width: 42.19vw;
    height: 35vw;
  }

  .overviewWrap {
    width: 42.19vw;
    margin: 4.93vw auto 0;
    padding: 3.13vw 5.21vw;
    background-color: rgba(255, 255, 255, .70)
  }

  .overviewWrap h3 {
    width: 12vw;
    margin: 0 auto 3.13vw;
    padding: 0 0 1.72vw;
    font-size: 2.86vw;
  }

  .overviewWrap dl {
    font-size: 1.25vw;
    line-height: 2.6vw;
  }

  .overviewWrap dl dt {
    width: 5.82vw;
    padding-right: .8vw;
    margin-right: .8vw;
  }
  .overviewWrap dl dt.cost {
    width: 9vw;
  }

  .overviewWrap dl dd {
    width: 24.1vw;
  }
  .overviewWrap dl dd.cost {
    width: 20vw;
  }

  .overviewWrap dl dd span {
    display: block;
    font-size: 0.94vw;
    line-height: 1.56vw;
  }
  
  .overviewWrap dl .overviewClass {
    width: 4.5vw;
  }

  .hight {
    line-height: 2.6vw;
  }

  .overviewWrap dl dd.indent {
    padding-left: 2vw;
  }

  .blackBtn {
    width: 31.77vw;
    font-size: 1.25vw;
    height: 4.17vw;
    margin: 1.04vw auto 0;
    background-size: 1.36vw 1.36vw;
    background-position: center right 1.04vw;
    border-radius: 10px;
    padding-left: 1.2vw;
    letter-spacing: 0;
  }

  .readMe {
    font-size: 1.25vw;
    width: 31.77vw;
    height: 4.17vw;
    margin: 2.08vw auto;
  }
  .readMe p::before {
    content: "";
    display: inline-block;
    background-image: url(/2026/top/assets/img/e_mtb_dual_stage/icon_coution.svg);
    background-repeat: no-repeat;
    padding-left: 0vw;
    padding-right: 1.5vw;
    background-size: contain;
    width: 1.21vw;
    height: 1.07vw;
    margin-right: .2vw;
  }

  .readMe p {
    font-size: 1.25vw;
    line-height: 1.6vw;
  }

  .readMe span {
    font-size: .94vw;
    margin-top: .4vw;
  }
}