@charset "utf-8";

/* @group common */

body{
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", 'ＭＳ Ｐゴシック', 'MS PGothic',"MS PGothic", "MS Pゴシック",Osaka,Arial,Helvetica,sans-serif;
	font-size: 14px;
	line-height: 1.6;
	background: #edeae3;
}

a{
	color:#000;
	text-decoration:underline;
}

a:hover{
	color:#000;
	text-decoration:none;
}

a.nounderline {
	text-decoration: none;
}

.sponly{
	display: none;
}

#sp_menu{
	display: none;
}

#sp_footer{
	display: none;
}

.display-none{
	display: none;
}

.display_block{
	display: block;
}

.inner{
	width: 980px;
	margin: 0 auto;
}

a img:hover{
	opacity:0.8;
}

/* @end */

/* @group header */

header {
	background: url("../img/header/header_back.jpg") repeat-x;
}

#header_container{
	width: 980px;
	margin: 0 auto;
}

#logo{
	width: 160px;
	float: left;
	padding: 33px 0 0 0;
}

#header_right{
	width: 680px;
	float: right;
}

#sitelink{
	background: #cc0000;
	border-radius: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	padding: 10px 0;
}

.sitelink_box img{
	vertical-align: top;
}

.sitelink_box{
	width: 150px;
	padding: 0 9px;
	float: left;
	border-right: 1px solid #e36667;
	text-align: center;
}

.sitelink_box:last-child{
	border-right: 0;
}

#header_subarea{
	margin-top: 15px;
	height: 33px;
}

#search_block{
	float: left;
}

#search_input{
	border: 1px solid #cccccc;
	width: 220px;
	height: 20px;
	padding: 2px 0 3px 7px;
}

#search_submit{
	padding: 3px 15px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2));
	background: -moz-linear-gradient(top,  #ffffff,  #F2F2F2);
}

.search_total{
	color: #000;
	text-decoration: none;
	font-size: 13.3333px;
	font-family: Arial;
	padding: 3px 15px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
	background: #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#F2F2F2));
	background: -moz-linear-gradient(top,  #ffffff,  #F2F2F2);
}

#sns_block{
	width: 120px;
	float: left;
	margin-right: 20px;
}

#sns_block ul li{
	display: inline-block;
}

#head_nav_block{
	width: 255px;
	height: 32px;
	margin-top: -4px;
	float: right;
	text-align: right;
}
#head_nav_block .hj_enq{
	display: inline-block;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 8px;
}
#head_nav_block .hj_10th_aniv{
	display: inline-block;
	vertical-align: top;
	height: 32px;
}
#head_nav_block .hj_logo{
	display: inline-block;
	vertical-align: top;
	height: 32px;
}

#hj_block{
	width: 61px;
	float: right;
}

#header_container a img:hover{
	opacity:1.0;
}

#sns_block a:hover,
#hj_block a:hover{
	opacity:0.8;
}

/* @end */

/* @group nav */

nav{
	clear: both;
	padding: 8px 0 0 0;
	background: url("../img/header/nav_line.png") repeat-x 0 8px;
}

nav img{
	vertical-align: top;
}

nav ul{
	padding: 0 0 0 1px;
}

nav ul li{
	float: left;
	padding: 0 1px 0 0;
}

nav ul li a{
	display: inline-block;
	height: 48px;
}

nav ul li a:hover img {
	visibility: hidden;
}

nav ul li.home a {
	width: 137px;
	background:url(../img/header/nav_home_over.png) no-repeat;
}

nav ul li.newbooks a {
	width: 138px;
	background:url(../img/header/nav_newbooks_over.png) no-repeat;
}

nav ul li.lineup a {
	width: 138px;
	background:url(../img/header/nav_lineup_over.png) no-repeat;
}

nav ul li.series a {
	width: 139px;
	background:url(../img/header/nav_series_over.png) no-repeat;
}

nav ul li.ebooks a {
	width: 138px;
	background:url(../img/header/nav_ebooks_over.png) no-repeat;
}

nav ul li.novelawards a {
	width: 138px;
	background:url(../img/header/nav_awards_over.png) no-repeat;
}

nav ul li.bunkoblog a {
	width: 144px;
	background:url(../img/header/nav_blog_over.png) no-repeat;
}

#home nav ul li.home a img,
#newbooks-index nav ul li.newbooks a img,
#lineup-index nav ul li.lineup a img,
#lineup-detail nav ul li.lineup a img,
#series-index nav ul li.series a img,
#series-detail nav ul li.series a img,
#novelawards-index nav ul li.novelawards a img,
#novelawards-history nav ul li.novelawards a img,
#ebooks-index nav ul li.ebooks a img{
	visibility: hidden;
}

/* @end */




/* @group index */

.index_contents{
	width: 760px;
	float: left;
	margin: 30px 0 0 0;
}

.index_side{
	width: 200px;
	float: right;
	margin: 30px 0 0 0;
}
.index_side .banner_category {
	margin-bottom: 20px;
}
.index_side .banner_category a {
	display: block;
	text-align: center;
	line-height: 1px;
	margin-bottom: 10px;
}

.whitebox{
	background: #ffffff;
	position: relative;
	margin-bottom: 30px;
}

.column_container{
	position: relative;
	margin-bottom: 30px;
}

.column_three{
	width: 240px;
	float: left;
	margin: 0 20px 0 0;
}
.column_twitter{
	background-color: #FFF;
	line-height: 1px;
	width: 230px;
	height: 400px;
	padding: 0 0 0 5px;
	text-align: center;
}
.column_twitter > iframe {
	max-height: 400px;
}

.index_news{
	background: #ffffff;
	padding: 20px 0 5px;
}

.index_news ul{
	overflow: auto;
	height: 375px;
	padding: 0 10px;
	font-size: 12px;
	color: #333333;
}

.index_news ul li{
	padding: 3px 0;
	border-bottom: 1px dotted #cccccc;
}

.index_news ul li a{
	color: #333333;
	text-decoration: none;
}

.index_news_list{
	text-align: center;
}

.index_news_list a{
	display: inline-block;
	background: url("../img/index/index_news_icon.png") no-repeat center right;
	padding: 0 20px 0 0;
	color: #333333;
	font-size: 13px;
	text-decoration: none;
}

.column_container .column_three:last-child{
	margin: 0;
}

.title_img{
	position: absolute;
	top: -20px;
	left: -10px;
}

.title_text{
	position: absolute;
	top: -20px;
	left: -10px;
	width: 140px;
	height: 33px;
	color: #ffffff;
	background: url("../img/index/title_back.png") no-repeat;
	font-weight: normal;
	padding: 7px 0 0 10px;
	font-size: 13px;
}


.flex-direction-nav li.flex-nav-prev{
	position: absolute;
	top: 80px;
	left: -22px;
	list-style: none;
}

.flex-direction-nav li.flex-nav-next{
	position: absolute;
	top: 80px;
	right: -22px;
	list-style: none;
}

.flex-direction-nav li.flex-nav-prev a{
	display: block;
	width: 19px;
	height: 24px;
	background: url("../img/index/prev.png") no-repeat;
	text-indent: -9999px;
}

.flex-direction-nav li.flex-nav-next a{
	display: block;
	width: 19px;
	height: 24px;
	background: url("../img/index/next.png") no-repeat;
	text-indent: -9999px;
}

#pickup{
	padding: 20px;
	margin-right: -15px;
}

#pickup li{
	width: 230px;
	float: left;
	margin: 0px 15px 15px 0;
}

/* @end */

/* @group page common */

#breadcrumbs{
	padding: 20px 0;
}

#breadcrumbs ul{
	font-size: 12px;
	color: #333333;
}

#breadcrumbs ul li{
	display: inline;
	font-weight: bold;
}

#breadcrumbs a{
	display: inline-block;
	color: #333333;
	font-weight: normal;
}

#breadcrumbs a:after{
	content: ">";
	display: inline-block;
	padding: 0 2px 0 7px;
	color: #333333;
	font-weight: normal;
}

.page_container{
	padding: 20px 25px;
	color: #333333;
}

.page_title{
	font-size: 20px;
	color: #ffffff;
	background: #dd0001;
	padding: 10px 10px 8px 15px;
	border-bottom: 3px solid #8f0102;
	margin: 0 0 20px 0;
}
.page_title span{
	display: block;
	font-size: 75%;
}

.section_title{
	background: #dcd9d2;
	font-size: 18px;
	margin-bottom: 20px;
	padding: 10px 10px 8px 15px;
}

/* @end */




/* @group newbooks */
.update {
	color: #FFFFFF;
	margin: -63px 0 0 0;
	padding: 0 20px 0 0;
	text-align: right;
	height: 63px;
	font-size: 22px;
}

p.body{
	clear:both;
	margin:10px 0 0;
	font-size:12px;
	line-height:1.95;
}

#newbooks-index .book_box {
	width: 430px;
	float: left;
	margin: 0 40px 30px 0;
	padding:0 0 10px;
	border-bottom: 4px solid #8f0102;
}

#newbooks-index .cover {
	width: 220px;
	float: left;
}

#newbooks-index .cover a img {
	width: 220px;
	height: auto;
}

#newbooks-index .book_box h3{
	color: #333333;
	font-size: 16px;
	margin-bottom: 5px;
}

#newbooks-index .book_box h3 a{
	color: #333333;
	font-size: 16px;
}

#newbooks-index .property {
	width: 195px;
	font-size: 14px;
}

/* @end */




/* @group lineup */

#oldlist{
	float: left;
	margin-bottom: 20px;
}

#oldlist dt,#oldlist dd{
	display: inline-block;
	padding-right: 10px;
	font-size: 12px;
	vertical-align: middle;
}

#yearsBtn{
	display: inline-block;
	background: #a7a7a7;
	color: #ffffff;
	border: 0;
	border-radius: 5px;
	padding: 3px 10px;
	margin: 0 0 0 10px;
	font-size: 12px;
	text-decoration: none;
	-webkit-appearance: none;
	-webkit-border-radius: 5px;
}

#iconList{
	float: right;
	font-size: 12px;
	margin-bottom: 20px;
}

#iconList ul li{
	display: inline-block;
	padding: 5px 0 10px 30px;
	margin-left: 15px;
}

#iconAward{
	background: url("../img/lineup/icon01min.png") no-repeat;
}

#iconGlabel{
	background: url("../img/lineup/icon02min.png") no-repeat;
}

#iconEbook{
	background: url("../img/lineup/icon03min.png") no-repeat;
}

#iconComic{
	background: url("../img/lineup/icon04min.png") no-repeat;
}

.book_container{
	margin-right: -30px;
}

.book_box{
	width: 290px;
	float: left;
	margin: 0 30px 30px 0;
}

.book_box h3{
	color: #333333;
	font-size: 12px;
	margin-bottom: 5px;
}
.book_box h3 span{
	display: block;
	font-size: 90%;
}

.book_box h3 a{
	color: #333333;
	font-size: 12px;
}

.cover{
	width: 132px;
	float: left;
}

.cover ul{
	margin: 5px 0 0 0;
}

.cover ul li{
	display: inline-block;
	margin-right: 10px;
}

.property{
	width: 150px;
	float: right;
	font-size: 12px;
}

.property a{
	color: #333333;
}

.cover a img{
	width: 130px;
	height: auto;
}

.spec{
	border-top: 1px dotted #666666;
	border-bottom: 1px dotted #666666;
	margin: 5px 0;
	padding: 5px 0;
}

.link{
	text-align: center;
}

a.btn_bookdetail{
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	background: #604530 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

a.btn_novelsdetail{
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	background: #0150B5 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

a.btn_comicdetail{
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	background: #3EAE3E url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

a.btn_seriesinfo{
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	background: #70a800 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

a.btn_tachiyomi{
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0px;
	background: #d73600 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

a.btn_ebookdetail {
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto 0;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 1px;
	background: #604530 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

a.btn_comicalize{
	width: 100%;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 4px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 12px;
	letter-spacing: 0px;
	background: #dd0001 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

/* @end */

/* @group lineup detail */

.page_container_left{
	width: 720px;
	float: left;
}

.page_container_right{
	width: 180px;
	float: right;
}

.book_container_detail{
	margin-bottom: 30px;
}

.book_container_detail .book_box{
	width: auto;
	float: none;
	margin: 0;
}

.book_container_detail .cover{
	width: 250px;
	float: left;
	margin-right: 20px;
}

.book_container_detail .property{
	width: 450px;
	float: right;
	font-size: 14px;
}

.book_container_detail h2{
	font-size: 16px;
}

.book_description{
	margin: 10px 0;
	font-size: 14px;
	line-height: 1.8;
}

.book_container_detail .spec{
	font-size: 12px;
	margin-bottom: 10px;
	padding: 10px 0;
}

.book_container_detail a.btn_seriesinfo{
	width: 340px;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 8px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 3px;
	background: #70a800 url("../img/common/arrow_white.png") no-repeat 325px 16px;
	background-size: 6px 8px;
}

.book_container_detail 	a.btn_tachiyomi{
	width: 340px;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 8px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 3px;
	background: #d73600 url("../img/common/arrow_white.png") no-repeat 325px 16px;
	background-size: 6px 8px;
}

.book_container_detail a.btn_buy{
	width: 340px;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 8px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 3px;
	background: #ff7b00 url("../img/common/arrow_white.png") no-repeat 325px 16px;
	background-size: 6px 8px;
}

.book_container_detail a.btn_ebook {
	width: 340px;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 8px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 3px;
	background: #614730 url("../img/common/arrow_white.png") no-repeat 325px 16px;
	background-size: 6px 8px;
}

.book_container_detail 	a.btn_comicalize{
	width: 340px;
	display: inline-block;
	border-radius: 3px;
	margin: 5px auto;
	padding: 8px 0;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 3px;
	background: #dd0001 url("../img/common/arrow_white.png") no-repeat 325px 16px;
	background-size: 6px 8px;
}

.book_container_detail .size_s{
	font-size: 12px;
}

.ninja_onebutton{
	margin-top: 20px;
}

.already{
	margin-right: -36px;
}

.already li{
	width: 90px;
	float: left;
	margin: 0 36px 20px 0;
}

.already li img{
	display: block;
	margin: 0 auto 5px;
}

.already a{
	color: #333333;
	font-size: 12px;
}

.recommend_title{
	font-size: 20px;
	color: #ffffff;
	background: #333333;
	padding: 10px 10px 8px 15px;
	border-bottom: 3px solid #666666;
	margin: 0;
}

.recommend_container{
	background: #f5f5f5;
	padding: 0 15px;
	text-align: center;
}

.recommend_box{
	border-bottom: 1px dotted #666666;
	padding: 20px 0;
}

.recommend_container .recommend_box:last-child{
	border-bottom: 0;
}

.recommend_box a{
	color: #333333;
}

.recommend_box h4{
	font-size: 14px;
}

.recommend_box p{
	font-size: 11px;
}


/* @end */




/* @group series-list */

.seriesList li {
	float: left;
	margin: 7px 10px 7px 0;
	font-size: 12px;
	width: 300px;
}

.seriesList a {
	color:#000;
}

ul#tabBox-nav {
	background: url(../img/series/gray_line.png) bottom left repeat-x;
}

ul#tabBox-nav a {
	float: left;
	display: block;
	padding: 4px 12px;
	border: 1px solid #D4D1CC;
	border-bottom: 0;
	color: #000;
	background: #EDEAE3;
	text-decoration: none;
	font-weight: bold;
	outline: none;
}

ul#tabBox-nav a.active {
	background: #fff;
	padding-bottom: 5px;
	cursor: default;
	color: #CC0000;
}

.tab{
	border-left:1px solid #D4D1CC;
	border-bottom:1px solid #D4D1CC;
	border-right:1px solid #D4D1CC;
	padding:13px 7px 0;
}

.tab #indexNavi li {
    float: left;
    margin: 2px 15px 15px 10px;
    font-size: 18px;
    font-weight: bold;
}

.tab #seriesList {
	width:930px;
	overflow:hidden;
}

.tab #seriesList li {
    float: left;
    margin: 7px 7px 7px 0;
    font-size:12px;
    width: 300px;
}

#seriesList li dl dd {
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}


ul#tabBox-nav li {
	margin-right: 10px;
	float: left;
	font-size:17px;
}

.pagetop {
	padding: 15px 0 25px;
	text-align: right;
}

.pagetop a{
	display: inline-block;
	text-decoration: none;
	background: url(../img/series/icon_page_top.png) no-repeat top right;
	margin:0 5px 0 0;
	padding: 0 20px 0 0;
	font-size: 12px;
	color: #000;
}

/* @end */



/* @group series-detail */

#series-detail .page_container {
	padding: 0 0 0;
	color: #333333;
}
#leftArea {
	margin: 0;
	padding:0 1px 10px;
	width: 180px;
	float: left;
	text-align:center;
	color:#fff;
}

#leftArea .leftArea_title{
	font-size:20px;
	color:#fff;
	padding:5px 0 0 0;
	text-align:center;
}

.book_title a{
	color:#fff;
	font-size:12px;
	padding:0 5px;
}

#leftArea ul{
	padding:0 5px;
	font-size:12px;
}

#series-detail .cover {
	width: 180px;
	float: none;
}

.series_onsale{
	margin-bottom:10px;
}
.series_onsale h4 a{
	display: block;
}
.series_onsale h4 span{
	display: block;
}

.cover li {
	float: left;
	margin: 10px 13px 0 3px;
}

#mainArea {
	position:relative;
	float: left;
	width: 650px;
	margin: 0;
}

#mainArea img {
	vertical-align: top;
}

#series-detail .page_container_right{
	width: 135px;
	float: right;
}

#series-detail .recommend_title {
	font-size: 14px;
	color: #ffffff;
	background: #333333;
	padding: 10px 10px 8px 15px;
	border-bottom: 3px solid #666666;
	margin: 0;
}

#series-detail .recommend_container {
	background: #f5f5f5;
	padding: 0 15px;
	text-align: center;
	border-left:2px solid #CCC;
	border-right:2px solid #CCC;
	border-bottom:2px solid #CCC;
}

#series-detail .recommend_box h4{
	font-size: 12px;
}

@media only screen and (max-width: 767px) {

	#series-detail .page_container{
		padding: 10px;
	}
	#series-detail .page_body {
		margin-bottom: 30px;
	}
	#series-detail #leftArea{
		display: none;
	}
	#series-detail #mainArea{
		width: 100%;
	}
	#series-detail #mainArea img{
		width: 100%;
		height: auto;
	}
	#series-detail .page_container_right {
		display: none;
	}

}
/* @end */




/* @group ebooks */

#ebooks-index .property .link li {
	font-size: 11px;
	text-align:center;
}

/* @end */




/* @group novelawards */

dl#successive {
	width: 350px;
	float: left;
	margin: 10px 0 15px 0;
}

dl#successive dt {
	padding: 0;
	background: #FFF;
	text-align: center;
	width: 140px;
	height: 20px;
	float: left;
	clear: both;
}

dl#successive dd {
	margin: 0 0 10px 150px;
	padding: 0;
	background: #FFF;
	width: 160px;
	height: 20px;
}

#novelawards-index .ninja_onebutton ,
#novelawards-history .ninja_onebutton {
	width: 425px;
	float: right;
	margin: -45px 0 20px 0;
}

.mainbox {
	font-size:13px;
	line-height:1.8;
}

.mainImg{
	margin:0 0 30px;
}

.announcement_date {
	text-align:right;
}

.mainbox table {
	margin:10px 0 20px;
	width: 100%;
	border:0;
	border-collapse: separate;
	border-spacing: 2px;
	font-size: 100%;
}

.mainbox table caption {
	margin-top: 5px;
	text-align: right;
}

.mainbox table th,
.mainbox table td {
	padding: 4px 10px 4px 20px;
}

.mainbox table th {
	background: #8E6346;
	white-space: nowrap;
	color: #FFF;
	text-align:left;
}

.mainbox table td {
	background: #E2D1C7;
	text-align:left;
	white-space: nowrap;
}
.mainbox table caption {
	caption-side: bottom;
	text-align: right;
}
.mainbox table.fix-table td {
	white-space: normal;
}

.mainbox .leftBox {
	float: left;
	margin: 0;
	width: 445px;
}

.mainbox .rightBox {
	float: right;
	margin: 0;
	width: 445px;
}

.applicationBox{
	margin:0 0 15px;
}

.mainbox .sub_section_title{
	margin:0 0 10px 0;
	padding:6px 10px 4px 10px;
	font-size:14px;
	color:#fff;
	background:#694B37;
	border-bottom:1px solid #DD7D02;
}

.big_webform_btn {
	margin-bottom: 30px;
	text-align: center;
}

.big_webform_btn img {
	max-width: 373px;
	width: 100%;
	height: auto;
}

.small_webform_btn {
	margin-bottom: 10px;
	text-align: center;
}

.small_webform_btn img {
	max-width: 250px;
	width: 100%;
	height: auto;
}

.mainbox .strong {
	font-weight: bold;
}
.mainbox .txt {
	line-height: 1.9;
	margin: 0 10px 10px 10px;
}
.mainbox .note {
	font-size: 90%;
	padding-left: 15px;
}
.mainbox .note::before {
	content: "※";
	display: inline-block;
	margin-left: -15px;
	width: 15px;
	text-align: center;
}
.mainbox .mb-15 {
	margin-bottom: 15px;
}
.mainbox .waku-link {
	border: 1px dotted #DD7D02;
	text-align: center;
	padding: 15px 0;
}
.mainbox .waku-link a {
	font-size: 120%;
	font-weight: bold;
	text-decoration: none;
}
.mainbox .waku-link > * {
	display: block;
}

.mainbox .leftBox ul li ,
.mainbox .rightBox ul li {
	list-style: disc;
	margin:0 10px 10px 25px;
}

.mainbox .leftBox dl dt,
.mainbox .rightBox dl dt{
	margin: 10px 10px 0 20px;
	font-weight: bold;
}

.mainbox .leftBox dl dd,
.mainbox .rightBox dl dd {
	margin: 0 10px 0 20px;
}

.downloadBtn {
	margin: 10px 0 20px 0;
}
.downloadBtn img {
	margin-right: 8px;
}

.draft{
	text-align:center;
}

/* @end */




/* @group novelawards-history */

.page_container {
	padding: 20px 25px 25px;
}

#novelawards-history .mainbox{
	margin:0 0 0;
	padding:35px 0 20px;
	background:#F5F4D8;
	clear:both;
}

#novelawards-history .mainbox .awardsBox{
	margin:0 0 35px;
}

#novelawards-history .mainbox .general {
	margin: 10px 30px 20px 30px;
	line-height: 1.8em;
	font-size: 14px;
}

#novelawards-history .mainbox .generalSign {
	margin-right: 30px;
	text-align: right;
}

#novelawards-history .mainbox table caption {
	caption-side: bottom;
	text-align: right;
	margin:0 10px 0 0;
}

#novelawards-history .title_comment{
	text-align:center;
}

#novelawards-history .announcement_date {
	text-align:right;
	margin:0 5px 5px 0;
}

#novelawards-history .mainbox .judge {
	background: url(../img/novelawards/title_judge_back.jpg) no-repeat;
	width: 904px;
	height: 40px;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	padding: 4px 0 6px 15px;
	margin: 0 0 10px 25px;
}

/* @end */




/* @group search */

#search #searchBox {
	margin:0 0 30px;
	padding: 10px;
	border:2px solid #dcd9d2;
}

#searchBox #search-accordion{
	background:url(../img/search/icon_search.gif) no-repeat left center;
	margin:0 0 0 3px;
	padding:3px 0 0 22px;
	font-size:15px;
	font-weight:bold;
	color:#444;
}

#search #searchBox .leftBox {
	float: left;
	margin: 5px 0 10px 30px;
	width: 350px;
}

#search #searchBox .rightBox {
	float: right;
	margin: 5px 0 10px 10px;
	width: 505px;
}

#search #searchBox .leftBox li, #search #searchBox .rightBox li {
	margin: 10px 0 0 0;
}

#search #searchBox .searchBtn .searchBtn_inner {
	width: 495px;
	height: 29px;
	margin: 20px auto 20px;
	background: #EBEAE4;
	padding: 5px 10px;
	text-align: center;
}

#search #searchBox .searchBtn li {
	display: inline-block;
	margin: 0 15px 0 0;
	padding: 2px 0 0 0;
}

#search #searchBox input[type="text"] {
	width:300px;
}


#search #searchBox .rightBox select {
	margin: 0 5px 0 0;
}

#search #searchBox  li.refine{
	margin:20px 0 0;
}

#search #searchBox .searchBtn .btn{
	text-align: center;
	margin-top: 10px;
}
#search #searchBox .searchBtn .btn button {
	width: 100px;
	display: inline-block;
	padding:3px 0 3px 0px;
	border-radius: 3px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 15px;
	letter-spacing: 3px;
	background: #4D3626;
	background-size: 6px 8px;
	border-style: none;
	box-shadow: 1px 1px 1px 0px #888;
}


#search .search_book .book_box {
	width: 210px;
	float: left;
	margin: 0 20px 30px 0;
	font-size:11px;
}

#search .search_book .cover {
	width: 98px;
	float: left;
}

#search .search_book .cover a img {
	width: 98px;
	height: auto;
}

#search .search_book .cover ul li {
	margin-right: 0px;
}

#search .search_book .property {
	width: 105px;
	float: right;
	font-size: 11px;
}

#search .search_book a.btn_bookdetail {
	width: 100%;
	max-width:160px;
}

#search .search_book a.btn_bookdetail {
	background: #604530 url("../img/common/arrow_white.png") no-repeat 95% 9px;
	background-size: 6px 8px;
}

#search .sub_section_title{
	width: 920px;
	padding: 0px 0px 5px 10px;
	border-bottom: 1px dotted #000;
	background: none;
	color: #000000;
	height: auto;
	margin: 15px 0px 20px 0;
	clear:both;
	font-size:16px;
}

#search .hitCount {
	text-align: right;
	margin: 0 30px 10px 0;
}

#search .more_results {
	float: right;
	margin:0 35px 15px 0;
	padding-left: 18px;
	background: url(../img/search/icon_arrow.png) no-repeat 0 45%;
	font-size: 15px;
	text-align: right;
	clear:both;
}

#search .btn_novelsdetail{
	width: 100%;
	max-width:160px;
}

#search a.btn_comicdetail{
	width: 100%;
	max-width:160px;
}

#search .search_series .more_results {
	margin:15px 35px 15px 0;
}

#search .more_results a{
	color:#000;
}

#search .search_series {
	margin:0 0 80px 0;
}

#search .search_yomeru .cover {
	width: 88px;
	float: left;
}

#search .search_yomeru .cover a img{
	width: 88px;
	height: auto;
}

#search .search_yomeru .property {
	width: 190px;
	margin:0 0 5px;
	float: right;
}

#search .search_yomeru a.btn_bookdetail {
	width: 100%;
}

#search .search_yomeru a.btn_bookdetail {
	background: #8C580B  url("../img/common/arrow_white.png") no-repeat 95% 8px;
	background-size: 6px 8px;
}

.archive_tag {
	background: #EEEEEE;
	padding: 10px;
	clear:both;
}

.archive_tag ul {
	background: url("../img/search/icon_tag.png") no-repeat left 1px;
	padding: 0 0 0 25px;
}

.archive_tag ul li {
	float: left;
	margin-right: 1em;
}

.archive_tag ul li a {
	font-size: 12px;
	color: #333;
	line-height: 1.6;
}

#search .pageNavi {
	text-align: center;
	margin: 0 auto 10px;
	width: 600px;
	border: solid 2px #DD0001;
	background: #FFF;
	font-size: 14px;
	padding: 8px 0;
	clear:both;
}

#search .pageNavi a{
	color:#000;
}

#search .pageNavi a:hover{
	text-decoration:none;
}

#search .pageNavi .active {
	font-weight: bold;
	font-size: 130%;
}

/* @end */




/* @group contact */

.contact_box {
	margin: 0 20px 20px;
	padding: 20px 20px 20px 70px;
	background: url(../img/contact/contact_back.png) repeat-y;
}

.contact_box p{
	margin:0 0 25px;
	font-size:17px;
}

.contact_box p.contact_address {
	margin: 0px 0 30px 20px;;
	font-size: 26px;
	color: #463324;
	font-weight: bold;
	line-height: 1.3;
}

.contact_box p.contact_address .mail{
	font-size:32px;
}

.contact_box .attention li{
	margin:0 0 10px 20px;
	font-size:14px;
	list-style-type: disc;
	list-style-position:outside;
}

/* @end */




/* @group recruitment */

.lead_txt {
	margin: 0px 30px 15px;
	font-size: 36px;
	font-weight: bold;
	line-height: 1.4;
	color: #473324;
}

.contact_box .red_txt{
	color:#FF0000;
	font-weight:bold;
}

/* @end */




/* @group footer */

#pagetop{
	background: #dd0001;
	padding: 15px 0;
}

#pagetop .inner{
	text-align: right;
}

#pagetop a{
	display: inline-block;
	color: #ffffff;
	text-decoration: none;
	background: url("../img/footer/pagetop.png") no-repeat top right;
	padding: 0 20px 0 0;
	font-size: 12px;
}

footer a:hover{
	color:#FFF;
}

#footer_search{
	background: #000000;
	margin-bottom: 30px;
	padding: 8px 0 7px;
}

.footer_search_left{
	width: 698px;
	float: left;
	margin: 0 50px 0 28px;
}

#footer_totalsearch_btn2{
	float: left;
	display: block;
}

#footer_totalsearch_btn {
	height: 33px;
	margin: 0;
	padding: 6px 10px 6px 30px;
	border: 0;
	border-radius: 0px;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	color: #ffffff;
	background: #333333 url("../img/footer/icon_search.png") no-repeat 9px 9px;
	font-size: 14px;
}

#footer_totalsearch{
	float: left;
	display: inline-block;
	border: 0;
	background: #ffffff;
	width: 600px;
	height: 31px;
	font-size: 16px;
}

.footer_search_right{
	float: left;
}

.btn_footer_cal{
	display: inline-block;
	background: #333333;
	padding: 6px 15px;
	text-align: center;
	font-size: 14px;
}

footer{
	background: #3e3e3e;
	padding-bottom: 30px;
}

footer a{
	color: #ffffff;
	text-decoration: none;
	font-size: 12px;
}

.footer_left{
	width: 698px;
	float: left;
	border-right: 1px solid #ffffff;
	margin-left: 28px;
}

.footer_right{
	width: 180px;
	float: left;
	margin-left: 50px;
}

.footer_link{
	width: 150px;
	float: left;
	margin: 0 24px 0 0;
}

.footer_link p{
	margin-bottom: 10px;
}

.footer_link ul li{
	background: url("../img/footer/arrow.png") no-repeat center left;
	padding: 0 0 0 13px;
	margin-bottom: 8px;
}

.footer_link ul.li_dot{
	margin: 0 0 0 40px;
}

.footer_link ul.li_dot li{
	width: 50%;
	float: left;
	list-style: disc;
	padding: 0;
	margin: 0 0 3px 0;
	background: none;
	color: #ffffff;
}

#footer_banner_sp{
	display: none;
}

.copyright{
	margin-top: 20px;
	padding: 30px 0 0 0;
	text-align: center;
	color: #ffffff;
	font-size: 12px;
}

#footer_banner {
	width: 142px;
	float: left;
	margin:0 75px 0 0;
}

/* @end */




/* @group clear */

#header_container:after,
#sitelink:after,
#header_subarea:after,
nav:after,
.inner:after,
.whitebox:after,
.column_container:after,
.cover_thumb:after,
.book_container:after,
.book_box:after,
.page_container:after,
.already:after{
	visibility: hidden;
	display: block;
	font-size:0;
	content: " ";
	clear: both;
	height: 0;
}
/* @end */




@media only screen and (max-width: 767px) {

	body{
		background: #edeae3;
	}

	.inner{
		width: auto;
	}

	.sponly{
		display: block;
	}

	.pconly{
		display: none;
	}

	/* @group header */

	header{
		position: relative;
		border-top: 3px solid #dd0001;
		border-bottom: 3px solid #D4D1CC;
	}

	#header_container{
		width: auto;
		margin: 0 auto;
		background:#fff;
	}

	#logo{
		width: 160px;
		float: none;
		padding: 10px 0 5px 10px;
	}

	#header_right{
		display: none;
	}

	nav{
		display: none;
	}

	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	.menu-trigger {
		position: relative;
		width: 30px;
		height: 25px;
	}
	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
		background-color: #DC0000;
		border-radius: 4px;
	}
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	.menu-trigger span:nth-of-type(2) {
		top: 10px;
	}
	.menu-trigger span:nth-of-type(3) {
		bottom: 0;
	}
	/* @end */

	/* @group sp_menu */

	#sp_menu{
		display: block;
		position: absolute;
		top: 14px;
		right: 20px;
		z-index: 1000;
	}

	.sp_side_bn{
		border-top: 1px solid #9F0000;
		border-bottom: 1px solid #ffffff;
		padding: 0 0 0 10px;
	}

	.sp_side_bn a{
		display: block;
		padding: 10px 10px 10px 60px;
		color: #ffffff;
		text-decoration: none;
	}

	.sp_hjnovels{
		background: url("../img/header/sp_hjnovels.png") no-repeat center left;
		background-size: 45px 28px;
	}

	.sp_hjbunko{
		background: url("../img/header/sp_hjbunko.png") no-repeat center left;
		background-size: 45px 28px;
	}

	.sp_hjcomic{
		background: url("../img/header/sp_hjcomic.png") no-repeat center left;
		background-size: 45px 28px;
	}

	.sp_hjcal{
		background: url("../img/header/sp_hjcal.png") no-repeat center left;
		background-size: 45px 28px;
	}

	.sp_10thaniver{
		background: url("../img/header/sp_10thaniver.png") no-repeat center left;
		background-size: 45px 28px;
	}

	#sp_search{
		padding: 20px 0;
	}

	#search_input_sp{
		border: 1px solid #cccccc;
		padding: 5px 0 5px 7px;
		background: #ffffff;
	}

	#search_submit_sp{
		padding: 3px 15px;
		border: 1px solid #666666;
		border-radius: 5px;
		-webkit-appearance: none;
		-webkit-border-radius: 5px;
		background: #ffffff;
		color: #666666;
	}

	/* @end */



	/* @group index */

	.index_contents{
		width: auto;
		float: none;
		margin: 30px 15px 0;
	}

	.index_side{
		display: none;
	}

	.column_three{
		width: auto;
		float: none;
		margin: 0 0 20px 0;
	}

	.bn_movie{
		text-align: center;
	}
	.index_news ul{
		height: 200px;
	}


	#pickup{
		padding: 0;
		margin: 0;
	}

	#pickup ul{
		padding: 20px 0 0 0;
	}

	#pickup li:nth-child(even){
		width: 50%;
		float: left;
		margin: 0;
		padding: 0px 20px 20px 10px;
		box-sizing: border-box;
	}

	#pickup li:nth-child(odd){
		width: 50%;
		float: left;
		margin: 0;
		padding: 0px 10px 20px 20px;
		box-sizing: border-box;
	}

	#pickup li img{
		width: 100%;
		height: auto;
	}

	.index_foot_bn{
		text-align: center;
	}

	.index_foot_bn img{
		width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}

	/* @end */



	/* @group page common */

	#breadcrumbs{
		padding: 10px;
	}

	.page_container{
		padding: 10px;
	}

	.page_title{
		font-size: 18px;
	}

	.section_title{
		font-size: 16px;
	}

	/* @end */




	/* @group newbooks */

	.update {
		margin: -59px 0 0 0;
		padding: 0 15px 0 0;
		height: 59px;
		font-size: 18px;
	}

	#newbooks-index .book_box{
		width: 100%;
		float: none;
		margin: 0 0 30px 0;
	}

	#newbooks-index .book_box h3{
		color: #333333;
		margin-bottom: 5px;
	}

	#newbooks-index .book_box h3 a{
		color: #333333;
		font-size: 14px;
	}

	#newbooks-index .cover{
		width: 40%;
		float: left;
	}

	#newbooks-index .cover a img{
		width:100%;
	}

	#newbooks-index .cover ul{
		margin: 5px 0 0 0;
	}

	#newbooks-index .cover ul li{
		display: inline-block;
		margin-right: 10px;
	}

	#newbooks-index .property{
		width: 58%;
		float: none;
		font-size: 12px;
		margin-left: 42%;
	}

	/* @end */




	/* @group lineup */

	#oldlist{
		float: none;
		margin-bottom: 20px;
		text-align: center;
	}

	#iconList{
		float: none;
		font-size: 12px;
		margin-bottom: 20px;
	}

	#iconList ul li{
		width: 50%;
		float: left;
		display: block;
		padding: 5px 0 10px 30px;
		margin: 0;
		box-sizing: border-box;
	}

	#iconList ul:after{

		visibility: hidden;
		display: block;
		font-size:0;
		content: " ";
		clear: both;
		height: 0;
	}


	.book_container{
		margin-right: 0px;
	}

	.book_box{
		width: 100%;
		float: none;
		margin: 0 0 30px 0;
	}

	.book_box h3{
		color: #333333;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.book_box h3 a{
		color: #333333;
		font-size: 12px;
	}

	.cover{
		width: 132px;
		float: left;
	}

	.cover ul{
		margin: 5px 0 0 0;
	}

	.cover ul li{
		display: inline-block;
		margin-right: 10px;
	}

	.property{
		width: auto;
		float: none;
		font-size: 12px;
		margin-left: 140px;
	}

	/* @end */




	/* @group lineup detail */

	.page_container_left{
		width: auto;
		float: none;
	}

	.page_container_right{
		width: auto;
		float: none;
	}

	.book_container_detail{
		margin-bottom: 30px;
	}

	.book_container_detail .book_box{
		width: auto;
		float: none;
	}

	.book_container_detail .cover{
		width: auto;
		float: none;
		margin: 0 0 10px 0;
		text-align: center;
	}

	.book_container_detail .property{
		width: auto;
		float: none;
		font-size: 14px;
		margin: 0;
	}

	.book_container_detail h2{
		font-size: 16px;
	}

	.book_description{
		margin: 10px 0;
		font-size: 14px;
		line-height: 1.8;
	}

	.book_container_detail .spec{
		font-size: 12px;
		margin-bottom: 10px;
		padding: 10px 0;
	}

	.book_container_detail a.btn_seriesinfo{
		width: 280px;
		display: inline-block;
		border-radius: 3px;
		margin: 5px auto;
		padding: 8px 0;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 3px;
		background: #70a800 url("../img/common/arrow_white.png") no-repeat 265px 16px;
		background-size: 6px 8px;
	}

	.book_container_detail 	a.btn_tachiyomi{
		width: 280px;
		display: inline-block;
		border-radius: 3px;
		margin: 5px auto;
		padding: 8px 0;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 3px;
		background: #d73600 url("../img/common/arrow_white.png") no-repeat 265px 16px;
		background-size: 6px 8px;
	}

	.book_container_detail a.btn_buy{
		width: 280px;
		display: inline-block;
		border-radius: 3px;
		margin: 5px auto;
		padding: 8px 0;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 3px;
		background: #ff7b00 url("../img/common/arrow_white.png") no-repeat 265px 16px;
		background-size: 6px 8px;
	}

	.book_container_detail a.btn_ebook {
		width: 280px;
		display: inline-block;
		border-radius: 3px;
		margin: 5px auto;
		padding: 8px 0;
		color: #ffffff;
		text-align: center;
		text-decoration: none;
		font-size: 15px;
		letter-spacing: 3px;
		background: #614730 url("../img/common/arrow_white.png") no-repeat 265px 16px;
		background-size: 6px 8px;
	}

	.book_container_detail span.size_s{
		font-size: 12px;
	}

	.ninja_onebutton{
		width:300px;
		max-width:100%;
		height:auto;
		float:left;
		margin: 30px 0 0;
	}

	#lineup-detail .ninja_onebutton_output_horizontal_right > div {
		float: left;
		padding:0 10px 15px 0;
	}

	.already{
		margin: 0 0 30px 0;
	}

	.already li{
		width: 31.33%;
		float: left;
		margin: 0 1% 15px;
	}

	.recommend_title{
		font-size: 16px;
		color: #ffffff;
		background: #333333;
		padding: 10px 10px 8px 15px;
		border-bottom: 3px solid #666666;
		margin: 0;
	}

	.recommend_container{
		background: #f5f5f5;
		padding: 0 15px;
		text-align: center;
	}

	.recommend_container:after{
		visibility: hidden;
		display: block;
		font-size:0;
		content: " ";
		clear: both;
		height: 0;
	}

	.recommend_box{
		width: 27.33%;
		float: left;
		margin: 0 3%;
		border-bottom: 0px;
		padding: 20px 0 0;
	}

	.recommend_box:nth-child(3n+1){
		clear: both;
	}

	.recommend_box a{
		color: #333333;
	}

	.recommend_box h4{
		font-size: 12px;
	}

	.recommend_box p{
		font-size: 11px;
	}

	/* @end */




	/* @group seriesList */

	.seriesList li{
		float:none;
		margin:0 auto 15px;
	}

	ul#tabBox-nav {
		width:99%;
		background: url(../img/series/gray_line.png) bottom left repeat-x;
	}

	ul#tabBox-nav li {
		width:20%;
		margin-right: 0;
		float: left;
		font-size: 17px;
	}

	ul#tabBox-nav a {
		width:100%;
		float: left;
		padding: 4px 0;
		border: 1px solid #D4D1CC;
		text-align:center;
		background: #EDEAE3	;
	}

	ul#tabBox-nav a.active {
		background: #BAAE94;
		padding: 4px 0;
		border: 1px solid #D4D1CC;
		cursor: default;
		color: #fff;
	}

	.tab #seriesList {
		width: auto;
		overflow: auto;
		margin:0 auto;
	}

	.tab #seriesList li {
		float:none;
		max-width:100%;
		margin:5px auto 20px;
		font-size:15px;
	}

	.tab #seriesList li img{
		width:auto;
		max-width:100%;
	}

	ul#tabBox-nav a.pconly{
		display: none;
	}

	.tab{
		border:none;
		padding:0;
	}

	.tab #indexNavi {
		width:90%;
		margin:30px auto 20px;
	}

	.tab #indexNavi li {
		width:20%;
		float: left;
		margin: 2px 0 15px 0;
		font-size: 20px;
		font-weight: bold;
		text-align:center;
	}

	.tab #indexNavi li a{
		background:#DD0001;
		color:#fff;
		padding:10px 13px;
		text-decoration:none;
	}

	.pagetop a {
		background: url(../img/series/sp_icon_page_top.png) no-repeat top right;
		background-size: 15px 15px;
		font-size:14px;
	}

	/* @end */




	/* @group novelawards */

	dl#successive {
		width: auto;
		float: none;
		margin: 10px 0 25px 0;
	}

	dl#successive dt {
		padding: 0;
		background: #FFF;
		text-align: center;
		width: 140px;
		height: 20px;
		float: none;
		clear: both;
	}

	dl#successive dd {
		margin: 0 0 0 0;
		padding: 0;
		background: #FFF;
		width: auto;
		height: 20px;
	}

	dl#successive dd select{
		height:2em;
	}

	#novelawards-index .ninja_onebutton{
		width:250px;
		max-width:100%;
		height:auto;
		float:right;
		margin: 0 0 5px;
	}

	.scroll {
		overflow:auto;
		margin:0 0 35px;
	}

	.mainbox table caption {
		caption-side: bottom;
		text-align: left;
	}

	.mainbox table th,
	.mainbox table td {
		padding: 4px 10px 4px 10px;
	}

	.mainImg img{
		width:auto;
		max-width:100%;
		height:auto;
	}

	.mainbox {
		font-size:14px;
	}

	.mainbox .leftBox {
		float: none;
		margin: 0 0 10px 0;
		width: auto;
	}

	.mainbox .rightBox {
		float: none;
		margin: 0 0px 10px 0;
		width: auto;
	}

	.applicationBox{
		margin:0 0 30px;
	}

	.mainbox .txt {
		line-height: 1.8;
		margin: 0 0 10px 0;
	}

	.mainbox .leftBox ul li ,
	.mainbox .rightBox ul li {
		list-style: disc;
		margin:0 0 10px 20px;
	}

	.mainbox .leftBox dl dt,
	.mainbox .rightBox dl dt{
		margin: 10px 0 0 0;
		font-weight: bold;
	}

	.mainbox .leftBox dl dd,
	.mainbox .rightBox dl dd {
		margin: 0 0 0 0;
	}

	.draft a{
		display:block;
	}

	.draft img{
		width:auto;
		max-width:100%;
		height:auto;
	}

	.downloadBtn{
		text-align:center;
	}

	.downloadBtn img{
		width:auto;
		max-width:42%;
		height:auto;
		margin:0 2%;
	}

	/* @end */




	/* @group novelawards-history */

	#novelawards-history .ninja_onebutton{
		width:250px;
		max-width:100%;
		height:auto;
		float:right;
		margin: 10px 13px 20px 0;
	}

	#novelawards-history .title_comment{
		overflow:hidden;
	}

	#novelawards-history .mainbox table {
		margin: 10px 0 20px 0;
		width: 100%;
		border: 0;
		border-collapse: separate;
		border-spacing: 2px;
		font-size: 100%;
	}

	#novelawards-history .section_title {
		background: #dcd9d2;
		font-size: 18px;
		margin: 0 0 20px;
		padding: 10px 10px 8px 15px;
	}

	#novelawards-history .mainbox .judge {
		background: url(../img/novelawards/title_judge_back.jpg) repeat;
		width:auto;
		height: auto;
		color: #FFF;
		font-size: 16px;
		font-weight: bold;
		padding: 5px 15px 5px 15px;
		margin: 10px 0 10px 0;
	}

	#novelawards-history .mainbox .general {
		margin: 20px 10px 20px 10px;
		line-height: 1.8em;
		font-size: 14px;
	}

	#novelawards-history .mainbox .generalSign {
		margin-right: 10px;
		text-align: right;
	}

	#novelawards-history .mainbox .literary img{
		width:auto;
		max-width:100%;
		height:auto;
	}


	/* @end */




	/* @group search */

	#search #searchBox{
		margin:0 0 30px;
	}

	#search #searchBox .leftBox {
		float: none;
		margin: 0 0 0 0;
		width: auto;
	}

	#search #searchBox .rightBox {
		float: none;
		margin: 0 0 0 0;
		width: auto;
	}

	#search #searchBox .rightBox select{
		width:35%;
		height:2em;
		margin:0 5px 5px 0;
	}

	#search .sub_section_title{
		width:auto;
	}

	#search #searchBox input[type="text"] {
		width:100%;
		height:2em;
	}

	#search #searchBox li.refine input{
		margin:5px 5px 10px 5px;
	}

	#search #searchBox .searchBtn .searchBtn_inner {
		width: auto;
		height: 60px;
		margin: 20px auto 25px;
		background: #EBEAE4;
		padding: 5px 0;
		text-align: center;
	}

	#search #searchBox .searchBtn .searchBtn_inner ul{
		width:auto;
		margin:0 0 30px 10px;
		text-align: left;
	}

	#search input[type="checkbox"] {
		width: 1.5em;
		height: 1.5em;
		margin: 2px 5px 0 0;
		vertical-align: -6px;
	}

	#search #searchBox .searchBtn li{
		float:none;
		margin:0 5px 10px 0;
		display:inline-block;
		text-align:left;
	}

	#search #searchBox .searchBtn li.btn{
		margin:10px 5px 10px 0;
		text-align:center;
		display:block;
	}

	#search #searchBox .searchBtn li.btn button{
		width:150px;
		height:35px;
		text-align:center;
	}

	#search .search_book .book_box{
		width: 100%;
		float: none;
		margin: 0 0 50px 0;
	}

	#search .search_book .cover{
		width: 132px;
		float: left;
	}

	#search .search_book .cover a img {
		width: 130px;
		height: auto;
	}

	#search .search_book .cover ul li {
		margin-right: 10px;
	}

	#search .search_book .property{
		width: auto;
		font-size: 12px;
		margin-left: 140px;
		float: none;
	}

	#search .search_yomeru .property {
		width: auto;
		font-size: 12px;
		margin-left: 103px;
		float: none;
	}

	#search .search_yomeru a.btn_bookdetail {
		max-width: 160px;
	}

	#search .search_yomeru .book_box {
		margin: 0 0 45px 0;
	}

	#search .more_results {
		margin: 0 0px 15px 0;
	}

	#search .search_series .more_results {
		margin:15px 0px 15px 0;
	}

	#search .pageNavi {
		text-align: center;
		margin: 0 auto;
		width: 96%;
		background: #FFF;
		font-size: 18px;
		padding: 8px 2%;
		clear:both;
	}

	/* @end */




	/* @group contact */

	.contact_box {
		margin: 0 0 20px;
		padding: 10px 10px 20px 10px;
		background: url(../img/contact/contact_sp_back.png) repeat-y;
	}

	.contact_box p{
		margin:0 0 30px;
		font-size:16px;
	}

	.contact_box p.contact_address {
		margin:0 0 30px 0;
		font-size: 19px;
		color: #463324;
		font-weight: bold;
		line-height: 1.3;
	}

	.contact_box p.contact_address img{
		width:auto;
		max-width:100%;
		height:auto;
	}

	.contact_box p.contact_address .mail{
		font-size:18px;
	}

	.contact_box .attention li{
		margin:0 0 10px 20px;
		font-size:14px;
	}

	/* @end */




	/* @group recruitment */

	.lead_txt {
		margin: 0 10px 15px;
		font-size: 20px;
		font-weight: bold;
		line-height: 1.4;
		color: #473324;
	}

	/* @end */




	/* @group footer */

	.footer_link{
		display: none;
	}

	#sp_footer{
		display: block;
	}

	#footer_search{
		display: none;
	}

	#pagetop{
		background: #dd0001;
		padding: 15px 0;
		margin-bottom: 0px;
		position: relative;
	}

	#pagetop .inner{
		text-align: center;
		border-top: 0;
	}

	#pagetop a{
		text-indent: -9999px;
		width: 42px;
		height: 42px;
		display: inline-block;
		text-decoration: none;
		background: url("../img/footer/sp_pagetop.png") no-repeat ;
		background-size: 42px 42px;
		padding: 0;
		position: absolute;
		top: -10px;
		left: 50%;
		margin-left: -21px;
	}

	#sp_footer{
		background: #dd0001;
	}

	#sp_sns{
		text-align: center;
		padding: 20px 0 20px 0;
	}

	#sp_sns li{
		display: inline-block;
		margin: 0 5px;
	}

	#sp_sns li img{
		border: 1px solid #ffffff;
		border-radius: 5px;
	}

	.sp_link{
		border-top: 1px solid #ffffff;
		padding: 0 10px;
	}

	.sp_link_bn{
		width: 50%;
		float: left;
		box-sizing: border-box;
		text-align: center;
	}

	.sp_link_bn a{
		display: inline-block;
		padding: 15px 10px 15px 50px;
		color: #ffffff;
		text-decoration: none;
		font-size: 12px;
	}

	.sp_link_bn:nth-child(even){
		border-right: 1px solid #ffffff;
		border-left: 1px solid #ffffff;
	}

	.sp_link_bn:nth-child(odd){
		border-left: 1px solid #ffffff;
	}

	.sp_link:after{
		visibility: hidden;
		display: block;
		font-size:0;
		content: " ";
		clear: both;
		height: 0;
	}

	#footer_banner_sp{
		border-top: 1px solid #ffffff;
		display: block;
		width: auto;
		float: none;
		margin: 0;
		padding: 20px 0;
		text-align: center;
	}

	#footer_banner_sp p{
		display: inline-block;
		margin: 0 10px;
	}

	#footer_banner_sp img{
		width: 120px;
		height: auto;
	}

	.copyright {
		border-top: 1px dotted #ffffff;
		margin-top: 0px;
		padding: 30px 0 0 0;
	}

}
/* @end */


/** wit-carousel **/
.wit-carousel { display: none; }
.wit-carousel-body .cover_area_body ul li {
	display: none;
}
.wit-carousel-body .cover_area_body ul li.active {
	display: block;
}
.wit-carousel-body .cover_thumb .cover_thumb_body { position: relative; }
.wit-carousel-body .cover_thumb ul { position: static; }
.wit-carousel-body .cover_thumb ul li { position: relative; }
.wit-carousel-body .cover_area{
	width: 390px;
	padding: 20px 20px 10px 20px;
	float: left;
}
.wit-carousel-body .cover_thumb{
	width: 328px;
	height:604px;
	float: right;
	background: #bebbb6;
	padding: 10px 0 0 0;
}
.wit-carousel-body .cover_thumb ul li{
	width: 96px;
	height: 133px;
	overflow: hidden;
	float: left;
	margin: 0 0 10px 4px;
	line-height: 1px;
	border: 4px solid #dfdfdf;
	background-color: #dfdfdf;
}
.wit-carousel-body .cols6 .cover_thumb_body ul li{
	width: 130px;
	height: 180px;
	margin: 0 0 12px 18px;
}
.wit-carousel-body .cover_thumb ul li.active{
	border: 4px solid #dd0001;
}
.wit-carousel-body .cover_thumb ul li img{
	vertical-align: top;
	width: 100%;
	height: auto;
}
.wit-carousel-body .cover_image img{
	width: 100%;
	height: auto;
}
.wit-carousel-body .cover_image{
	border: 1px solid #dfdfdf;
	margin-bottom: 10px;
	overflow: hidden;
	height: 540px;
	line-height: 1px;
}
.wit-carousel-body .cover_text{
	font-size: 10px;
}
.whitebox{
	position:relative;
}
.whitebox .cover_sub_banner{
	position: absolute;
	bottom:0px;
	right:7px;
}
@media only screen and (max-width: 767px) {
	.wit-carousel-body .cover_area{
		width: auto;
		padding: 20px;
		float: none;
	}
	.wit-carousel-body .cover_thumb{
		width: auto;
		height:auto;
		float: none;
		background: #bebbb6;
		padding: 20px 10px !important;
		position: relative;
	}
	.wit-carousel-body .cover_thumb .cover_thumb_body{
		margin: 0 25px;
		overflow: hidden;
	}
	.wit-carousel-body .cover_thumb ul{
		position: relative;
		width: 5000px;
	}
	.wit-carousel-body .cover_thumb_body ul li{
		width: 96px !important;
		height: 134px !important;
		margin: 0 0 10px 5px !important;
	}
	.wit-carousel-body .cover_thumb ul li img{
		width: 100%;
		height: auto;
	}
	.wit-carousel-body .cover_image img{
		height: auto;
	}
	.wit-carousel-body .cover_image{
		height: auto;
	}
	.wit-carousel-body .sp_cover_prev{
		position: absolute;
		top: 50%;
		left: 10px;
		margin-top: -11px;
	}
	.wit-carousel-body .sp_cover_next{
		position: absolute;
		top: 50%;
		right: 10px;
		margin-top: -11px;
	}

	/* thum_9_layout */
	.whitebox.col9 .cover_sub_banner{
		display:none;
	}
	/* end */
}


/** wjs-slides **/
.wjs-slides-parent {
	margin: 0;
	padding: 20px 10px 20px 10px;
	position: relative;
	height: auto;
	line-height: 1px;
}
.wjs-slides{ display: none; }
.wjs-slides-body{ position: relative; }
.wjs-slides-prev{
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	background: url("../img/index/sp_prev.png") no-repeat;
	background-size: 17px 21px;
	background-position: left center;
}
.wjs-slides-next{
	position: absolute;
	display: none;
	cursor: pointer;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: url("../img/index/sp_next.png") no-repeat;
	background-size: 17px 21px;
	background-position: right center;
}
.wjs-slides-container{
	position: relative;
	overflow: hidden;
}
.wjs-slides-container ul:after{
	visibility: hidden;
	display: block;
	font-size:0;
	content: " ";
	clear: both;
	height: 0;
}
.wjs-slides-container ul {
	position: relative;
	width: 5000px;
	height: auto;
	line-height: 1px;
}
.wjs-slides-container ul li {
	float: left;
	margin-right: 10px;
}


/** alt-img-text **/
.alt-img-text{
	display:none;
	position:absolute;
	margin:0;
	padding:0;
	left:0;
	bottom:0;
	background-color:rgba(0,0,0,0.5);
	color:#FFF;
	line-height:1.3;
	width: 100%;
	font-size: 12px;
	text-align: left;
}
.alt-img-text span{
	display:block;
	margin: 7px;
}