@charset "utf-8";

.con01{width:100%;
	min-width:1200px;
	height:120px;
	line-height:120px;
	margin:30px 0 0;
	background:rgba(25,25,25,1.00);
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:24px;}

/* main */
.main{width:1200px;
	margin:0px auto;
	padding:15px 0;
	background:rgba(255,255,255,1.00);
	overflow:hidden;}

.inner{width:1200px;}

.label_select{text-align:center;
	margin:0 auto 15px;}

.label_select select{padding:5px;}

.main_left{width:290px;
	float:left;
	padding-right:10px;}

.left_list{padding-bottom:10px;}

.left_img img{width:100%;}

.left_img img:hover{opacity:0.7;}

.left_text{font-size:12px;}

.main_center{width:600px;
	float:left;}

.title{font-size:16px;
	line-height:24px;}

.title_sub{font-size:14px;
	line-height:24px;}
	
.main_img{width:100%;}

.main_img img{width:100%;
	max-height:300px;}

.novels_information{width:100%;
	overflow:hidden;
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:rgba(255,158,0,1.00) solid 2px;}
	
.date{float:left;
	padding-right:30px;}

.label{float:left;
	padding-right:30px;}

.staff{clear:both;}

.writer{float:left;
	padding-right:30px;}

.illustrator{float:left;
	padding-right:30px;}

.info_free{clear:both;
	padding-top:10px;}

.main_text{padding-bottom:50px;
	line-height:20px;}

.item1 a{color:rgba(0,0,0,1.00);}

.item1:hover{opacity:0.7;}

.main_right{width:290px;
	float:left;
	padding-left:10px;}

/* paging */
	
.paging{overflow:hidden;
	text-align:center;}

.paging_inner{display:inline-block;}

.number{width:40px;
	height:40px;
	margin:10px 2.5px 0;
	line-height:40px;
	text-align:center;
	background:rgba(0,0,0,0.50);
	border:rgba(167,167,167,1.00) solid 1px;
	border-radius:5px;
	float:left;}
	
.number a{color:rgba(255,255,255,1.00);
	display:block;}

.number a:hover{background:rgba(255,255,255,0.50);
	color:rgba(0,0,0,1.00);}

.p_active{background:rgba(0,0,0,0.20);
	color:rgba(255,255,255,1.00);}	
	
@media screen and ( max-width:736px )
{
.con01{width:100%;
	min-width:320px;
	height:120px;
	line-height:120px;
	margin:0;
	background:rgba(25,25,25,1.00);
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:24px;}

/* main */
.main{width:100%;
	min-height:0;
	margin:0px auto;
	padding:15px 0;
	overflow:hidden;}

.inner{width:95%;
	margin:0 auto;}

.label_select{text-align:center;
	margin:0 auto 15px;}

.label_select select{padding:5px;}

.main_left{width:100%;
	float:none;
	padding-right:0;}

.sp_left_list{width:100%;
	overflow:hidden;
	padding:30px 0;}

.left_list{width:50%;
	padding-bottom:10px;
	float:left;}

.left_img{width:95%;
	margin:0 auto;}

.left_img img{width:100%;}

.left_img img:hover{opacity:1.0;}

.left_text{width:95%;
	margin:0 auto;
	font-size:12px;}

.main_center{width:100%;
	float:none;}

.title{font-size:16px;
	line-height:24px;}

.title_sub{font-size:14px;
	line-height:24px;}
	
.main_img{width:100%;}

.main_img img{width:100%;
	max-height:300px;}

.novels_information{width:100%;
	overflow:hidden;
	font-size:14px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:rgba(255,158,0,1.00) solid 2px;}
	
.date{float:none;
	padding-right:0;}

.label{float:none;
	padding-right:0;}

.staff{clear:both;}

.writer{float:none;
	padding-right:0;}

.illustrator{float:none;
	padding-right:0;}

.info_free{clear:both;
	padding-top:10px;}

.main_text{padding-bottom:50px;
	line-height:20px;}

.item1 a{color:rgba(0,0,0,1.00);}

.item1:hover{opacity:1.0;}

.main_right{width:100%;
	float:left;
	padding-left:10px;}
	
/* paging */
	
.paging{overflow:hidden;   
	text-align:center;}

.paging_inner{display:inline-block;}

.number{width:40px;
	height:40px;
	margin:10px 2.5px 0;
	line-height:40px;
	text-align:center;
	background:rgba(0,0,0,0.50);
	border:rgba(167,167,167,1.00) solid 1px;
	border-radius:5px;
	float:left;}
	
.number a{color:rgba(255,255,255,1.00);
	display:block;}

.number a:hover{background:rgba(255,255,255,0.50);
	color:rgba(0,0,0,1.00);}

.p_active{background:rgba(0,0,0,0.20);
	color:rgba(255,255,255,1.00);}
}