@charset "utf-8";
/*------------------------------------------
emotionarhythm sora he Memory Stylesheet
Author: M - http://kyousou-gakudan.com/
------------------------------------------*/
.content-memory .content-title{
background-image: url("../img/menu/memory.png");
}

.block-book{
  width: 880px;
  height: 550px;
}
.block-book p{
  min-height: 18px;
  font-size: 0.9em;
}
/*----------bookmark----------*/
.content-memory .block-bookmark{
  width:63px;
  height: 270px;
  background-image: url("../img/book/bookmark.png");
  background-repeat: no-repeat;
  right: 20%;
  top: -35px;
  padding-top: 70px;
  text-align: center;
  -webkit-transform: rotate(-30deg);
  -moz-transform: rotate(-30deg);
  -o-transform: rotate(-30deg);
  -ms-transform: rotate(-30deg);
  transform: rotate(-30deg);
}
.content-memory .block-bookmark input{
  background: none;
  padding: 5px 0 5px 5px;
  border-radius: 5px;
  border: 2px #999 solid;
}
.content-memory .block-bookmark button{
  margin-top: 10px;
  cursor: pointer;
  border: 2px solid rgba(85,172,238,1);
  border-radius: 5px;
  background: none;
  color: rgba(85,172,238,1);
}
.content-memory .block-bookmark button:hover{
  background: #fff;
}

/*----------front back----------*/
.block-book .book-front{
  background-image: url("../img/book/front1.png");
  cursor: pointer;
}
.block-book .book-front:hover{
  background-image: url("../img/book/front2.png");
}
.block-book .book-back{
  background-image: url("../img/book/back1.png");
  cursor: pointer;
}
.block-book .book-back:hover{
  background-image: url("../img/book/back2.png");
}
/*----------textPage----------*/
.block-book .page-left{
  background-image: url("../img/book/pageleft.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 15px 5px 0px 55px;

}
.block-book .page-right{
  background-image: url("../img/book/pageright.png");
  background-repeat: no-repeat;
  background-size: contain;
  padding: 15px 55px 0px 5px;
}
.block-book .page-btn{
  width: 162px;
  height: 110px;
  cursor: pointer;
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
}
.block-book .page-btn:hover{
  opacity: 1;
}
.block-book .page-left .page-btn{
  background-position: 0 100%;
  background-image: url("../img/book/pageleft-btn.png");
}
.block-book .page-right .page-btn{
  background-position: 100% 100%;
  background-image: url("../img/book/pageright-btn.png");
}
.block-book .centerbottom{
  top:535px;
}