@charset "utf-8";
/*------------------------------------------
emotionarhythm sora he Block Stylesheet
Author: M - http://kyousou-gakudan.com/
------------------------------------------*/
/*body div{
  border: 1px solid #f00;
}*/
.wrapper{
  background-image: url("../img/bg/body.png");
  background-size: cover;
  background-repeat: no-repeat;
}
.back2{
  background-image: url("../img/bg/body2.png");
  background-size: contain;;
  background-repeat: no-repeat;
  background-position: right bottom;;
}
.back3,.back4,.back5{
  height: 250px;
  width: 10%;
  background-size: contain;;
  background-repeat: no-repeat;
}
.back3{
  background-image: url("../img/bg/balloon-green.png");
  top:50%;
  left: 15%;
}
.back4{
  background-image: url("../img/bg/balloon-red.png");
  top:10%;
  left: 30%;
}
.back5{
  background-image: url("../img/bg/balloon-yellow.png");
  top:35%;
  left: 50%;
}
/*------------------------------------------
navigation
------------------------------------------*/
.block-navi{
  padding: 20px 0;
}
/*------------------------------------------
contents
------------------------------------------*/
.contents-wrapper{
  height: 500%;
  position: absolute;
  top: 0%;
}
/*----------selectContent----------*/
.contents-wrapper.selectedTop{
  top: 0%;
}
.contents-wrapper.selectedIndex{
  top: -100%;
}
.contents-wrapper.selectedTrackList{
  top: -200%;
}
.contents-wrapper.selectedMemory{
  top: -300%;
}
.contents-wrapper.selectedCast{
  top: -400%;
}

/*----------content----------*/
.content{
  height: 20%;
  opacity: 0;
}

.content-title{
  width: 30%;
  height: 10%;
  top: 3%;
  left: 20px;
  background-position: 0 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.content-main{
  top:13%;
  height: 87%;
  padding-bottom: 50px;
}

.selectedTop .content-top,
.selectedIndex .content-index,
.selectedTrackList .content-track-list,
.selectedMemory .content-memory,
.selectedCast .content-cast{
  opacity: 1;
}

/*------------------------------------------
footer
------------------------------------------*/
.footer{
  height: 50px;
  background-color: rgba(255,255,255,0.5);
}