@charset "UTF-8";
/* CSS Document */


section h1 {
   text-align: center;
   margin-bottom: 30px;
}

/*    novels     */

#novels  {
   margin-bottom: 60px;
   position: relative;
}

#novel-list li {
   width: 198px;
   height: 287px;
   float: left;
   text-align: center;
   margin-left: 25px;
   margin-bottom: 30px;
}
#novel-list li a,
#novels .novel_l a {
   display: block;
   width: 198px;
   height: 287px;
   margin: 0 ;
   padding: 0;
   
}
#novels figure {
	position: relative;
	overflow: hidden;
	width: 198px;
   height: 287px;
   margin: 0 ;
   padding: 0;
}

#novels figcaption {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
   height: 287px;
	background: rgba(0,0,0,.6);
	-webkit-transition: .3s;
	transition: .3s;
	opacity: 0;
	color: #e4e0e0;
}
#novels figcaption p {
   display: table-cell;
   vertical-align: middle;
   width: 198px;
   height: 287px;
   text-align: center;
   font-size: 12px;
   line-height: 1.7em;
}
#novels figure:hover figcaption {
	opacity: 1;
}


#novels .novel_l,
#novels .novel_l a,
#novels .novel_l figure,
#novels .novel_l figcaption,
#novels .novel_l figcaption p {
   width: 180px;
   height: 253px;
}

.novel_num {
   font-size: 1.4em;
}

.logo_kado {
   display: block;
   height: 63px;
   width: 199px;
   position: absolute;
   bottom: -50px;
   right:60px;
}



/*    comic     */

#comic {
   text-align: center;
}