@charset "utf-8";

html,body{margin:0;
	padding:0;}
	
body{width:100%;
	font-family:
		'Lucida Grande',
		'Hiragino Kaku Gothic ProN',
		 Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;}

img{border:none;
	max-width:100%;}

a{text-decoration:none;}

ul{margin:0;
	padding:0;}

li{text-decoration:none;
	list-style:none;}

/* header */	
header{width:100%;
	height:70px;
	background:rgba(174,32,35,1.00);
	overflow:hidden;}

#btn_back{width:200px;
	height:40px;
	line-height:40px;
	margin:15px auto;
	text-align:center;
	color:rgba(255,255,255,1.00);
	background:rgba(0,0,0,0.80);
	border-radius:5px;
	cursor:pointer;}
	
#btn_back a{display:block;
	color:rgba(255,255,255,1.00);}

#btn_back a:hover{opacity:0.7;}

#container{background:rgba(255,255,255,1.00);}

/* main */
.main{width:90%;
	max-width:900px;
	min-height:940px;
	margin:0px auto;
	padding:10px 5%;}

.title{font-size:20px;
	line-height:30px;
	font-weight:bold;}

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

.main_img img{width:100%;}

.sns_btn{width:100%;
	padding:5px 0;
	overflow:hidden;}

.fb{height:40px;
	margin-right:5px;
	float:left;}

.tw{height:40px;
	float:left;}

.fb img,.tw img{height:40px;}

.fb img:hover,.tw img:hover{opacity:0.7;}

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

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

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

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

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

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

.main_text img{max-width:100%;}

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

.item1:hover{opacity:0.7;}

/* foooter */
footer{width:100%;
	padding:20px 0;
	background:rgba(174,32,35,1.00);
	overflow:hidden;}


@media screen and ( max-width:736px )
{
.main{max-width:360px;}

#btn_back{width:200px;
	height:50px;
	line-height:50px;
	margin:10px auto;}

#btn_back a:hover{opacity:1.0;}

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

.title_sub{font-size:12px;
	line-height:24px;}

.novels_information{font-size:12px;}

.date{float:none;}

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

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

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

.novels_id{float:none;
	padding-left:0;}
	
.main_text{font-size:14px;}
}

/* gotop */
.gotop{width:60px;
	height:60px;
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:12px;
	background:rgba(100,100,100,1.00);
	border-radius:30px;
	position:fixed; bottom:10px; right:10px;
	z-index:3;}

.gotop:hover{opacity:0.7;}

.gotop_bar_left{width:21px;
	height:2px;
	position:absolute; top:27px; left:12px;
	-webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
	background:rgba(255,255,255,1.00);}
	
.gotop_bar_right{width:21px;
	height:2px;
	position:absolute; top:27px; right:12px;
	-webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
	background:rgba(255,255,255,1.00);}

.gotop_text{width:60px;
	position:absolute; top:40px;
	text-align:center;}

.pageback{width:60px;
	height:60px;
	color:rgba(255,255,255,1.00);
	text-align:center;
	font-size:10px;
	background:rgba(100,100,100,1.00);
	border-radius:30px;
	position:fixed; bottom:90px; right:10px;
	z-index:3;}
	
.pageback_inner{line-height:12px;
	padding-top:18px;}