@charset "UTF-8";
/* ==========================================================================
   movie
========================================================================== */
body{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  min-height: 780px;
}
.wrapper{
  min-height: 780px;
}

.wrapper{
  padding: 60px 0;
}
.movie{
  width: 400px;
  margin: 0 auto 40px auto;
}

.back_btn{
  width: 120px;
  margin: 40px auto 0 auto;
}
.combiblock{
  text-align: center;
}
.combiblock li{
  width: 12%;
  display: inline-block;
  -webkit-border-radius: 8px;
          border-radius: 8px;
  margin: 0 3px;
  box-shadow:0px 4px 0px 0px rgba(0,0,0,0.25);
-moz-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.25);
-webkit-box-shadow:0px 4px 0px 0px rgba(0,0,0,0.25);
}
.combiblock li img{
  width: 100%;
}
#combi .item_chara01,
#combi .item_chara03,
#combi .item_chara05,
#combi .item_chara02,
#combi .item_chara04,
#combi .item_chara06{
  background: #FFF;
}
#combi .item_chara01.is-active,
#combi .item_chara03.is-active,
#combi .item_chara05.is-active,
#combi .item_chara02.is-active,
#combi .item_chara04.is-active,
#combi .item_chara06.is-active{
  background: #facd00;
}


.soundselect{
  width: 392px;
  margin: 0 auto;
}
.soundselect_item{
  width:88px;
  height: 92px;
  display: inline-block;
  vertical-align: top;
  margin: 0 5px 6px 5px;
}
.soundselect_item span{
  display: block;
  width:88px;
  height: 92px;
  background-image: url(../img/create/sound_sprite.png);
  background-repeat: no-repeat;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}
.soundselect_btn01 span{ background-position: 0 0;}
.soundselect_btn02 span{ background-position: -88px 0;}
.soundselect_btn03 span{ background-position: -176px 0;}
.soundselect_btn04 span{ background-position: -264px 0;}
.soundselect_btn05 span{ background-position: -352px 0;}
.soundselect_btn06 span{ background-position: -440px 0;}
.soundselect_btn07 span{ background-position: -528px 0;}
.soundselect_btn08 span{ background-position: -616px 0;}

.no-touchevents .soundselect_btn01 a:hover span{ background-position: 0 -92px;}
.no-touchevents .soundselect_btn02 a:hover span{ background-position: -88px -92px;}
.no-touchevents .soundselect_btn03 a:hover span{ background-position: -176px -92px;}
.no-touchevents .soundselect_btn04 a:hover span{ background-position: -264px -92px;}
.no-touchevents .soundselect_btn05 a:hover span{ background-position: -352px -92px;}
.no-touchevents .soundselect_btn06 a:hover span{ background-position: -440px -92px;}
.no-touchevents .soundselect_btn07 a:hover span{ background-position: -528px -92px;}
.no-touchevents .soundselect_btn08 a:hover span{ background-position: -616px -92px;}

.soundselect_btn01.is-active span{ background-position: 0 -184px;}
.soundselect_btn02.is-active span{ background-position: -88px -184px;}
.soundselect_btn03.is-active span{ background-position: -176px -184px;}
.soundselect_btn04.is-active span{ background-position: -264px -184px;}
.soundselect_btn05.is-active span{ background-position: -352px -184px;}
.soundselect_btn06.is-active span{ background-position: -440px -184px;}
.soundselect_btn07.is-active span{ background-position: -528px -184px;}
.soundselect_btn08.is-active span{ background-position: -616px -184px;}

.no-touchevents .soundselect_btn01.is-active a:hover span{ background-position: 0 -276px;}
.no-touchevents .soundselect_btn02.is-active a:hover span{ background-position: -88px -276px;}
.no-touchevents .soundselect_btn03.is-active a:hover span{ background-position: -176px -276px;}
.no-touchevents .soundselect_btn04.is-active a:hover span{ background-position: -264px -276px;}
.no-touchevents .soundselect_btn05.is-active a:hover span{ background-position: -352px -276px;}
.no-touchevents .soundselect_btn06.is-active a:hover span{ background-position: -440px -276px;}
.no-touchevents .soundselect_btn07.is-active a:hover span{ background-position: -528px -276px;}
.no-touchevents .soundselect_btn08.is-active a:hover span{ background-position: -616px -276px;}


#challenge{
  background: url(../img/common/bg_dot_emerald.png) 0 0;
}

.pagerbtn{
  text-align: center;
}
.pagerbtn a{
  display: inline-block;
  margin: 0 10px;
  vertical-align: top;
}