#bg-chara {
   background-image: url("../img/character/bg-chara-top.png");
   background-repeat: no-repeat;
   background-position: center top;
   
}


h1.title {
   width: 428px;
   height: 54px;
   margin-bottom: 10px;
   background-image: url("../img/character/ttl-character.png");
   background-repeat: no-repeat;
}
/* --------------------------------------------------------------


                      charalist


-----------------------------------------------------------------*/

.charalist {
   width: 1000px;
   height: 661px;
   background-image: url("../img/character/bg-charalist.png");
   background-repeat: no-repeat;
   padding-top: 15px;
   }
   .charalist #charalist-frame{
      width: 986px;
      height: 666px;
      margin-left: 4px;
      position: relative;
      overflow: hidden;
      z-index: 10;
   }
   .charalist #charalist-inner{
      position: absolute;
      top: 0;
      left: 0;
      min-width: 9999px;
   }

   .charalist li {
      width: 180px;
      height: 587px;
      float: left;
      background-repeat: no-repeat;
   }
   .charalist li a{
      display: block;
      width: 100%;
      height: 100%;
      background-repeat: no-repeat;
      background-position: 0 0;
   }
   .charalist li a img {
      display: block;
      width: 180px;
      height: 587px;
      padding-right: 14px;

   }
   .charalist li a:hover img {
      visibility: hidden;
   }

   .charalist li.list-haruko a { background-image: url("../img/character/list-haruko-on.png"); }
   .charalist li.list-inaho a  { background-image: url("../img/character/list-inaho-on.png"); }
   .charalist li.list-takeru a { background-image: url("../img/character/list-takeru-on.png"); }
   .charalist li.list-kodama a  { background-image: url("../img/character/list-kodama-on.png"); }
   .charalist li.list-azuki a { background-image: url("../img/character/list-azuki-on.png"); }
   .charalist li.list-minori a  { background-image: url("../img/character/list-minori-on.png"); }
   .charalist li.list-aki a { background-image: url("../img/character/list-aki-on.png"); }
   .charalist li.list-kengo a  { background-image: url("../img/character/list-kengo-on.png"); }
   .charalist li.list-furan a { background-image: url("../img/character/list-furan-on.png"); }
   .charalist li.list-chacha a  { background-image: url("../img/character/list-chacha-on.png"); }
   .charalist li.list-kimi a { background-image: url("../img/character/list-kimi-on.png"); }
   .charalist li.list-uruchi a  { background-image: url("../img/character/list-uruchi-on.png"); }
   .charalist li.list-yuka a  { background-image: url("../img/character/list-yuka-on.png"); }
   .charalist li.list-tomika a  { background-image: url("../img/character/list-tomika-on.png"); }
#btn-scroll p {
   width: 68px;
   height: 68px;
   float: left;
   position: absolute;
   top:350px;
   z-index: 50;
   }

   #btn-scroll p#btn-back { left:-25px;}
   #btn-scroll p#btn-next {right:-20px;}



#btn-scroll-sp{
   width: 100%;
   padding: 40px 0;
}
#btn-scroll-sp p{
}
#btn-scroll-sp p a{
   display: block;
   width: 300px;
   height: auto;
}
#btn-scroll-sp #btn-back-sp{ padding-left: 150px; float: left;}
#btn-scroll-sp #btn-next-sp{ padding-right: 150px; float: right;}

#btn-scroll-sp *{
  -webkit-touch-callout:none;
  -webkit-user-select:none;
}




/*
#charaOv{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
}
#charaOv #charaOvMask{
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   background: #fff;
   background: rgba(255,255,255,.8);
   z-index: 10000;
}

#charaOv #charaOvClose{
   width: 100px;
   height: 100px;
   position: absolute;
   top: 100px;
   z-index: 10030;
   right: 0px;
}
#charaOv #charaOvClose a{
   width: 100%;
   height: 100%;
   display: block;
   background: red;

}
#charadetail{
   position: absolute;
   top: 120px;
   left: 50%;
   margin-left: -500px;
   width: 1000px;
   height: 671px;
   z-index: 10010;
   background: blue;

}

*/