@charset "UTF-8";

/* ==========================================================================
   Reset
========================================================================== */
body{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
#challenge{
  background: url(../../../assets/img/common/bg_dot_emerald.png) 0 0;
}
.wrapper{
  padding: 8.8% 0;
}
.movie{
  margin: 0 3.13% 20px 3.13%;
}
.movie_body{
  width: 100%;
  position: relative;
}
.movie_body video{
  width: 100%;
}
.videoicon{
  position: absolute;
  left: 0;
  top: 0;
  width: 60px;
}

.back_btn{
  width: 37.5%;
  margin: 20px auto 0;
}

.combi_movie_btn a{
  width: 33.3333%;
  display: inline-block;
  vertical-align: bottom;
}
.sound_sp{
  width: 14.37%;
  display: inline-block;
  vertical-align: bottom;
}
.sound_btn a{
  width: 17.81%;
  display: inline-block;
  vertical-align: bottom;
}
.pagerbtn{
  text-align: center;
}
.pagerbtn a{
  display: inline-block;
  width: 10.94%;
  margin: 0 10px;
  vertical-align: top;
}