/* ----------------------- #mv 動画 ----------------------- */

video {
  width: 100%;
}


#mv {
  position: relative;
  line-height: 0;
}

#mv span {
  position: absolute;
  font-size: 0!important;
  opacity: 0;
}


#mvBtn img {
  position: absolute;
  cursor: pointer;
  z-index: 500;
  opacity: 0.5;
  transition: .2s;
}
#mvBtn img:hover {
  opacity: 0.8;
}


#mvBtn img.music_on,
#mvBtn img.music_off {
  bottom:0;
  right: 9vw;
  width: 40px;
}
#mvBtn img.skip,
#mvBtn img.restart {
  bottom:.5vw;
  right: 1vw;/* 20px */
  width: 100px;
}

@media screen and (max-width: 1280px) {

  #mvBtn img.music_on,
  #mvBtn img.music_off {
    bottom:0;
    right: 10vw;
    width: 3.125vw;
  }
  #mvBtn img.skip,
  #mvBtn img.restart {
    bottom:.5vw;
    right: 1.5625vw;
    width: 7.8125vw;
  }

}

/* ================ 950 ================ */
@media screen and (max-width: 950px) {

  #mvBtn img.music_on,
  #mvBtn img.music_off {
    bottom:-.5vw;
    right: 14vw;
    width: 3.5vw;
  }
  #mvBtn img.skip,
  #mvBtn img.restart {
    bottom:0;
    right: 2.105vw;
    width: 10.526vw;
  }

}

/* ================ SP ================ */
@media screen and (max-width: 767px) {
  #mvBtn img.music_on,
  #mvBtn img.music_off {
    bottom:2.667vw;
    left: 2.667vw;
    width: 5.33vw;
  }
  #mvBtn img.skip,
  #mvBtn img.restart {
    bottom:6vw;
    /*right: 2.6666vw;*/
    right:inherit;
    left: 2.667vw;
    width: 13.33vw;
  }

}

/* ----------------------- / #mv 動画 ----------------------- */