@charset "utf-8";


/*
*/
.container-contents{
	overflow: hidden;/*prevent horizon scroll bar */
	position: relative;
	background-repeat: no-repeat;
	background-position: top center;
	min-width: 1000px;
}
.container-contents--hinako{background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/hinako/images/bg_01.jpg);background-color: #da5890;}
.container-contents--totomaru{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/totomaru/images/bg_01.jpg);background-color: #d46424;}
.container-contents--sakaguchi{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/sakaguchi/images/bg_01.jpg);background-color: #efe457;}
.container-contents--mirako{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/mirako/images/bg_01.jpg);background-color: #904e9b;}
.container-contents--konparu{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/konparu/images/bg_01.jpg);background-color: #16a7a2;}
.container-contents--kira{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/kira/images/bg_01.jpg); background-color: #3f5ba9;}
.container-contents--houou{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/houou/images/bg_01.jpg); background-color: #eb6253;}
.container-contents--hikaru{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/hikaru/images/bg_01.jpg); background-color: #499fea;}

/**/
.contents{
	position: relative;
	width: 1000px;
	margin: auto;
	height: 895px;
}

/**/
.container-lnav{
	position: absolute;
	top: 378px;
	left: 0;
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav.png);
	background-repeat: no-repeat;
	background-position: top center;
	width: 100%;
	height: 121px;
	-moz-transform: rotate(-2deg);
    -webkit-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
}
.lnav{
	width: 1000px;
	height: 121px;
	margin: auto;
	position: relative;
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters.png);
	background-position: 0 0;
	background-repeat: no-repeat;
}
.lnav .container-characters{
	width: 1000px;
	height: 121px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.lnav--hinako .container-characters{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_01.png);}
.lnav--totomaru .container-characters{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_02.png);}
.lnav--konparu .container-characters{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_03.png);}
.lnav--kira .container-characters{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_04.png);}
.lnav--mirako .container-characters{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_05.png);}
.lnav--houou .container-characters{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_06.png);}
.lnav--hikaru .container-characters{background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_07.png);}
.lnav--sakaguchi .container-characters{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_08.png);}


/*
*/
.lnav .characters{
	width: 1000px;
	height: 121px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.lnav .characters--hinako{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_01.png);}
.lnav .characters--totomaru{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_02.png);}
.lnav .characters--konparu{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_03.png);}
.lnav .characters--kira{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_04.png);}
.lnav .characters--mirako{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_05.png);}
.lnav .characters--houou {	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_06.png);}
.lnav .characters--hikaru{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_07.png);}
.lnav .characters--sakaguchi{	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/lnav_characters_08.png);}

/*
*/
.lnav .characters ul {
	margin: 0 0 0 530px;
}
.lnav .characters ul li{
	list-style: none;
	float: left;
	height: 121px;
}
.lnav .characters ul li.lnav__btn--hinako{ width: 45px; }
.lnav .characters ul li.lnav__btn--totomaru{ width: 55px; }
.lnav .characters ul li.lnav__btn--konparu{ width: 50px; }
.lnav .characters ul li.lnav__btn--kira{ width: 50px; }
.lnav .characters ul li.lnav__btn--mirako{ width: 45px; }
.lnav .characters ul li.lnav__btn--houou{ width: 60px; }
.lnav .characters ul li.lnav__btn--hikaru{ width: 60px; }
.lnav .characters ul li.lnav__btn--sakaguchi{ width: 60px; }

.lnav .characters ul li a{
	display: block;
	height: 100%;
}


/*
*/
.pager{
	position: absolute;
	top: 0;
	left:0;
	width: 1000px;
}
.pager-prev {
	position: absolute;
	width: 80px;
	height: 80px;
	top: 20px;
	left: -100px;
}
.pager-prev a{
	display: block;
	height: 100%;
	background:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/prev.png) no-repeat 0 0;
}
.pager-prev a:hover{
	background:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/prev.png) no-repeat 0 -80px;
}
.pager-next{
	position: absolute;
	width: 80px;
	height: 80px;
	top: 20px;
	right: -80px;
}
.pager-next a{
	display: block;
	height: 100%;
	background:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/next.png) no-repeat 0 0;
}
.pager-next a:hover{
	background:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/next.png) no-repeat 0 -80px;
}


/**/
.btn-costume__new{
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/character/images/btn_costume_new.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 34px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: -8px;
	margin-left: -17px;
}


/**/
.btn-voice{
	width: 220px;
	height: 80px;
	position: absolute;
	left: 143px;
	top: 268px;
}
.btn-voice ul:after{
	display: table;
	content: '';
	clear: both;
}
.btn-voice ul li{
	list-style: none;
	float: left;
	margin-left: 10px;
	margin-top: 40px;
}
.btn-voice ul li a:hover{
	opacity: 0.7;
}