@charset "UTF-8";

/* ==========================================================================
   Reset
========================================================================== */

#create .create_lnav_sp{
  width: 3.13%;
  display: inline-block;
  vertical-align: top;
}
#create .create_lnav_top_btn{
  display: inline-block;
  width: 23.43%;
  vertical-align: top;
}
#create .create_lnav_bottom a{
  display: inline-block;
  width:93.74%;
  vertical-align: top;
}
.create_note a{
  display: inline-block;
  width: 65.63%;
  vertical-align: top;
}
.create_note_sp{
  display: inline-block;
  width: 34.37%;
  vertical-align: top;
}


.page_lnav{
  background: #e6aa00;
  padding: 4.5% 0 10% 0;
}
.page_lnav_top,
.page_lnav_bottom{
  margin: 0 3.13%;
}
.talk{
  padding-bottom: 9%;
  background: url(../img/common/bg_chara_gray.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
.page_lnav_top_btn{
  display: inline-block;
  width: 25%;
  vertical-align: top;
}
.talk_btn{
  width: 62.5%;
  margin: 0 auto;
}

#combi{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
#combi .combi_movie_btn a{
  width: 33.3333%;
  display: inline-block;
  vertical-align: bottom;
}


#stage{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
#stage .stage_slide{
  background: #15c7a3;
}
#stage .stage_slide_img{
  width: 100%;
  padding-top: 56.25%;
  position: relative;
}

#stage .stage_slide_img li{
  position: absolute;
  left: 0;
  top: 0;
  display: none;
}
#stage .stage_slide_img .stage_slide_img01{
  display: block;
}

#stage .stage_slide_btn_sp{
  width: 3.12%;
  display: inline-block;
  vertical-align: bottom;
}
.stage_slide_btn a{
  width: 15.62%;
  display: inline-block;
  vertical-align: bottom;
}


#series{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
#series .series_slide{
  background: #000;
  width: 100%;
  padding-top: 85.63%;
  position: relative;
  overflow: hidden;
}
.series_slide_body{
  width: 400%;
  position: absolute;
  left: 0;
  top: 0;
}
.series_slide_body:after{
  content: "";
  display: block;
  clear: both;
}
#series .series_slide_img_item{
  width: 25%;
  float: left;
}

#series .series_slide_prev,
#series .series_slide_next{
  width: 35px;
  position: absolute;
  top: 50%;
  margin-top: -18px;
}

#series .series_slide_prev{
  left: 15px;
}
#series .series_slide_next{
  right: 15px;
}

#sound{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}
#sound .sound_sp{
  width: 14.37%;
  display: inline-block;
  vertical-align: bottom;
}
#sound .sound_btn a{
  width: 17.81%;
  display: inline-block;
  vertical-align: bottom;
}

#lesson{
  background: url(../img/common/bg_chara_yerrow.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}

#profile{
  background: url(../img/common/bg_chara_gray.png) 0 0;
  -webkit-background-size: 322px auto;
          background-size: 322px auto;
}

#profile .profile_btn{
  width: 37.5%;
  margin: 0 auto;
}

#profile .profile_btn{
  margin-bottom: 15%;
}