@charset "utf-8";
/* CSS Document */

/* video Control */
/*video::-webkit-media-controls-enclosure {
    overflow:hidden;
}
video::-webkit-media-controls-panel {
    width: calc(100% + 30px);
}*/



#content .mv ul.slider li:nth-child(1) .img {
  background-image: url("../../img/mv/top_mv_ambassador.jpg");
}

#content .mv ul.slider li:nth-child(2) .img {
  background-image: url("../../img/mv/top_mv_a_08.png");
}

#content .mv ul.slider li:nth-child(3) .img {
  background-image: url("../../img/mv/top_mv_a_12.jpg");
}

#content .mv ul.slider li:nth-child(4) .img {
  background-image: url("../../img/mv/top_mv_a_02.jpg");
}
/* #content .mv ul.slider li:nth-child(3) .img {
  background-image: url("../../img/mv/top_mv_a_03.png");
}*/
#content .mv ul.slider li:nth-child(5) .img {
  background-image: url("../../img/mv/top_mv_a_04.jpg");
}
#content .mv ul.slider li:nth-child(6) .img {
  background-image: url("../../img/mv/top_mv_a_02.jpg");
}
@media only screen and (max-width: 767px) {
  #content .mv ul.slider li:nth-child(1) .img {
    background-image: url("../../img/mv/top_mv_ambassador_sp.jpg");
  }

  #content .mv ul.slider li:nth-child(2) .img {
    background-image: url("../../img/mv/top_mv_a_08_sp.png");
  }

  #content .mv ul.slider li:nth-child(3) .img {
    background-image: url("../../img/mv/top_mv_a_12_sp.jpg");
  }

  #content .mv ul.slider li:nth-child(4) .img {
    background-image: url("../../img/mv/top_mv_a_02.jpg");
  }
/*  #content .mv ul.slider li:nth-child(3) .img {
    background-image: url("../../img/mv/top_mv_a_03_sp.png");
  }*/
  #content .mv ul.slider li:nth-child(5) .img {
    background-image: url("../../img/mv/top_mv_a_04_sp.jpg");
  }
  #content .mv ul.slider li:nth-child(6) .img {
    background-image: url("../../img/mv/top_mv_a_02.jpg");
  }
}

#content .mv ul.slider li:nth-child(2) .title {
  position:absolute;
  top: 5.5%;
  left: calc(50% - 585px);
}

#content .mv ul.slider li:nth-child(2) .title img {
  width: 60%;
}

/* banner */
#content .mv ul.slider li:nth-child(2) .banner {
  position:absolute;
  top: 34.5%;
  left: calc(50% - 578px);
  width: 342px;
  height: auto;
}

#content .mv ul.slider li:nth-child(2) .banner img {
  width: 82%;
}


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

  #content .mv ul.slider li:nth-child(2) .title {
    left: 30px;
    top: 5.5%;
  }

  #content .mv ul.slider li:nth-child(2) .banner {
    left: 30px;
  }
}

@media only screen and (max-width: 1080px) {
  #content .mv ul.slider li:nth-child(2) .title img {
    width: 33vw;
  }
  #content .mv ul.slider li:nth-child(2) .banner {
    top: 30%;
    left: 7vw;
    width: 55vw;
  }
  #content .mv ul.slider li:nth-child(2) .banner img {
    width: 26vw;
  }
}

@media only screen and (max-width: 767px) {
  #content .mv ul.slider li:nth-child(2) .banner {
    top: 35%;
    left: 11%;
  }

  #content .mv ul.slider li:nth-child(2) .banner img {
    width: 120%;
  }

  #content .mv ul.slider li:nth-child(2) .title img {
    width: 70vw;
  }

}

@media only screen and (max-width: 500px) {
  #content .mv ul.slider li:nth-child(2) .banner {
    top: 35%;
    left: 14vw;
  }

  #content .mv ul.slider li:nth-child(2) .banner img {
    width: 72vw;
  }

  #content .mv ul.slider li:nth-child(2) .title {
    top: 2vw;
    left: 5vw;
    width: 100%;
  }

  #content .mv ul.slider li:nth-child(2) .title img {
    width: 90vw;
    /*text-align: center;*/
  }

}

/* android4 */
body.android4 #content .mv ul.slider li:nth-child(2) .banner {
  top: 25%;
  left: 14%;
}

body.android4 #content .mv ul.slider li:nth-child(2) .banner img {
  width: 72%;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  body.android4 #content .mv ul.slider li:nth-child(2) .banner {
    top: 36%;
    left: 14%;
    width: 100%;
  }
}

body.android4 #content .mv ul.slider li:nth-child(2) .title {
  top: 5%;
  left: 5%;
  width: 100%;
}

body.android4 #content .mv ul.slider li:nth-child(2) .title img {
  width: 90%;
}