@charset "utf-8";


.container-contents{
	position: relative;
	min-width: 1000px;
	overflow: hidden;
}
.background{
	position: absolute;
	top: 0;
	left: 0;
	min-width: 1000px;
	width: 100%;
	height: 924px;
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/bg_01.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	z-index: 0;
}
.contents{
	position: relative;
	width: 1000px;
	margin: auto;
	/*height: 924px;
	height: 1175px;
	height: 1230px;
	height: 1280px;*/
	height: 1320px;
	z-index: 1;
}
.contents .game-logo{
	position: absolute;
	/*top: 340px;*/
	top: 270px;
	left: 0;
	width: 642px;
	height: 204px;
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/game_logo.png);
	background-repeat: no-repeat;
	background-position: 0;
	z-index: 1;
}
.contents .characters{
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/characters.png);
	background-position: 0;
	background-repeat: no-repeat;
	width: 1200px;
	height: 924px;
	margin: 0 -100px;
	z-index: 0;
}
.contents .text{
	position: absolute;
	top: 0px;
	left: 563px;
	background:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/text.png);
	background-position: 0;
	background-repeat: no-repeat;
	width: 420px;
	height: 279px;
}
.contents .bnr-01{
	position: absolute;
	/*top: 350px;*/
	/*top: 400px;*/
	top: 430px;
	left: 797px;
}
.contents .bnr-02{
	position: absolute;
	/*top: 490px;*/
	top: 470px;
    left: 0px;
    left: 220px;
}
.contents .bnr-03{
	position: absolute;
	/*top: 490px;*/
	top: 450px;
    left: 0px;
}
.contents .bnr-03 .bnr-03__new{
	position: absolute;
	top: -8px;
    left: 80px;
	width: 36px;
	height: 16px;
	background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/new.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.contents .bnr-04{
	position: absolute;
	top: 480px;
 right: -60px;
}
.contents .bnr-08{
	position: absolute;
	top: 470px;
  left: 0px;
}
.contents .bnr-10{
	position: absolute;
	/* top: 455px;
	left: -20px; */
	top: 460px;
	right: -100px;
}
.contents .bnr-11{
	position: absolute;
	top: 460px;
  left: 280px;
}
.contents .bnr-12{
	position: absolute;
  top: 560px;
 	right: -12px;
}
.contents .bnr-kbo2{
	position: absolute;
  /* top: 460px;
	right: -100px; */
	top: 455px;
  left: -20px;
}


/**/
.container-information{
	position: absolute;
	width: 100%;
	bottom: 0;
	padding-bottom: 130px;
	min-width: 1000px;
	background: rgba(255,255,255,0.5);
	z-index: 2;
}
.container-information:before{
	content: '';
	display: block;
	width: 100%;
	height: 19px;
	position: absolute;
	top: -19px;
	left: 0;
	background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/information_bg.png);
	background-repeat: repeat;
	background-position: top center;
}
.information{
	width: 1000px;
	padding: 5px 0 10px 0;
	margin: 0 auto;
	position: relative;
}
.information-main{
	float: left;	
}
.information-side{
	float: right;	
    width: 300px;
}


.information .info-comic{
	position: relative;
	margin-top: -10px;
	margin-bottom: 30px;
}
.information .info-comic__btn{
	position: absolute;
	display: block;
  bottom: 25px;
	left: 370px;
	width: 215px;
	height: 30px;
	background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/btn_02.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.information .info-event{
	position: relative;
	margin-top: -10px;
	margin-bottom: 30px;
}
.information .info-detail__btn{
	position: absolute;
	display: block;
	top: 55px;
	left: 448px;
	width: 135px;
	height: 30px;
	background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/btn_03.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.information .info-cd{
	position: relative;
	margin-top: -10px;
	margin-bottom: 30px;
}
.information .info-cd__btn{
	position: absolute;
	display: block;
	/*top: 45px;*/
	/*top: 70px;*/
	top: 90px;
	left: 448px;
	width: 135px;
	height: 30px;
	background-image:url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/btn_01.png);
	background-repeat: no-repeat;
	background-position: 0;
}
.information .info-event img,
.information .info-cd img{
	vertical-align: bottom;
}

/**/
.container-spec{
	position: absolute;
	width: 100%;
	bottom: 0;
	min-width: 1000px;
	background: rgba(255,255,255,1);
	z-index: 2;
}
.spec{
	width: 1000px;
	padding: 5px 0 30px 0;
	margin: 0 auto;
	position: relative;
}
.spec__btn{
	position: absolute;
	top: 34px;
    left: 680px;
}
/**/
.container-news{
	position: absolute;
	width: 100%;
	bottom: 0;
	min-width: 1000px;
	background: rgba( 0, 0, 0,0.75);
	z-index: 2;
}
.news{
	width: 1000px;
	background-image: url(https://titleimg.spike-chunsoft.co.jp/www.kenkabancho-otome.com/images/news.png);
	background-position: 0;
	background-repeat: no-repeat;
	margin: 0 auto;
}
.news ul {
	padding: 0 0 0 61px;
}
.news ul li{
	height: 30px;
	list-style: none;
	line-height: 30px;
	padding: 0 0 0 15px;
	color: #FFFFFF;
	font-size: 13px;
}
.news ul li a{
	color: inherit;
}
