@charset "utf-8";
/* CSS Document */
html{font-size: 62.5%;}

body {font-size: 1.4rem;
	background:url(../images/body_back.jpg);
}
footer {
	text-align:center;
}
.copy {
	width:160px;
	height:auto;
	margin:10px auto 20px;
}
.copy img {
	width:100%;
	height:auto;
}
/* 個別対応枠打消し */
.original_iframe {
	display:none;
	clear:both;
}
/**/


header {
	text-align:center;
	padding-top:30px;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 20px;
}
header img {
	width:70%;
	height:auto;
}
.main_img {
	padding-top:10px;
	text-align:center;
}
.main_img img {
	width:100%;
}
.cate_ttl_img {
	width:360px;
	margin:15px auto;
}
.cate_ttl_img img {
	width:100%;
	height:auto;
}
.top_category_cbtn {
	width:80%;
	margin:0 0 0 10%;
}
.top_category_cbtn div {
	width:32%;
	display:inline-block;
}
.top_category_cbtn div img {
	width:100%;
}
.top_category_sbtn {
	width:80%;
	margin:0 0 0 12%;
}
.top_category_sbtn div {
	width:42%;
	display:inline-block;
}
.top_category_sbtn div:nth-child(2n) {
	margin-left:6%;
}
.top_category_sbtn div img {
	width:100%;
}
.menseki {
	font-size:126%;
	text-align:center;
	padding:30px 0 15px;
	clear:both;
}
.menseki a {
	text-decoration:none;
	color:#333333;
}
/* 下層 */
.fix_btn {
	position:fixed;
	left:0; bottom:0;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 75px;
	height:75px;
	width:100%;
}

.fix_btn div {	width:420px;	margin:10px auto;}
.fix_btn p {	width:31%;	float:left;	margin:0; padding:0;}
.fix_btn p:nth-child(2){ margin:0 3%;}
.fix_btn div img {	width:100%;}
.fix_btn:after {content:"."; visibility:hidden; clear:both;}

.top_ttl {width:76%; margin:0px auto 6px;}
.top_ttl img{width:100%;}

.kaso_ttl {width:80%; margin:10px auto 20px;}
.kaso_ttl img{width:100%;}

.cat_title_box {font-size:136%; line-height:140%;
width:90%;
margin:10px auto 20px;
background-image:url(../images/cat_icon.png);
background-repeat:no-repeat;
background-position:40px 0;
background-size:20%;
}
.cat_title_box p { margin-left:40%; width:60%;}

.genre_title_box {font-size:136%; line-height:140%;
width:90%;
margin:10px auto;
background-image:url(../images/genre_icon.png);
background-repeat:no-repeat;
background-position:40px 0;
background-size:20%;
}


/* 下層内ジャンル部分（重要） */

.genre_wrap {margin:15px auto; width:}

.genre_wrap h1 { font-size:130%; margin:0 11%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:165%;
position:relative;
padding:0px 0 2.8%;}

.genre_wrap h1 span { display:block; width:6%; position:absolute; right:2%; top:0;}
.genre_wrap h1 span img{ width:100%;}

.book_box { display:none;}

.one_book { }
.gyou_box {padding:16px 0 16px; margin-bottom:10px; background:url(../images/book_back.png) repeat-x; background-size:86% auto;}
.gyou_box ul {margin-left:12%;}


.thum {width:26%; height:auto; display:inline-block;}
.thum:nth-child(2){ margin:0 4%;}
.thum img{ width:100%;}



.book_tips { background:#333; padding:9px 0; margin-top:5px;  overflow:hidden; display:none;}

.book_name { color:#FFFFFF; font-size:120%; line-height:150%; float:left; width:62%; margin-left:4%;}

.book_link { float:right; width:30%; margin-right:4%;}
.book_link a{ text-decoration:none;}
.book_link span{ font-weight:bold; text-align:center; border-radius:5px; font-size:92%; display:block; padding:8px 4px; background:#CCCCCC; color:#003366; }

.home_btn { text-align:center; margin:30px 0px 10px;}
.home_btn img{ width:18%;}

/* 汎用タイトル */
.hanyou_title { text-align:center; margin:20px 20px 5px;}
.hanyou_title img{ width:26%;}

/* 一覧リスト　*/
.ichiran_list ul li  { font-size:118%; margin:0 5%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:150%;
position:relative;
padding:4% 0 4% 8%;
list-style:none;
}
.ichiran_list ul li span { display:block; width:6%; position:absolute; left:0; top:0; padding:5% 0 0;}
.ichiran_list ul li img{ width:100%;}



/* Media Queries - Retina Display */
@media (-webkit-min-device-pixel-ratio: 2) {
/* CSS */


  
}

/* Media Queries - Tablet */
@media (min-width: 768px) and (max-width: 1024px) {
/* CSS */
header {
	text-align:center;
	padding-top:30px;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 20px;
}
header img {
	width:70%;
	height:auto;
}
.main_img {
	padding-top:10px;
	text-align:center;
}
.main_img img {
	width:100%;
}
.cate_ttl_img {
	width:360px;
	margin:15px auto;
}
.cate_ttl_img img {
	width:100%;
	height:auto;
}
.top_category_cbtn {
	width:80%;
	margin:0 0 0 10%;
}
.top_category_cbtn div {
	width:32%;
	display:inline-block;
}
.top_category_cbtn div img {
	width:100%;
}
.top_category_sbtn {
	width:80%;
	margin:0 0 0 12%;
}
.top_category_sbtn div {
	width:42%;
	display:inline-block;
}
.top_category_sbtn div:nth-child(2n) {
	margin-left:6%;
}
.top_category_sbtn div img {
	width:100%;
}
.menseki {
	font-size:126%;
	text-align:center;
	padding:30px 0 15px;
	clear:both;
}
.menseki a {
	text-decoration:none;
	color:#333333;
}
/* 下層 */
.fix_btn {
	position:fixed;
	left:0; bottom:0;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 75px;
	height:75px;
	width:100%;
}

.fix_btn div {	width:420px;	margin:10px auto;}
.fix_btn p {	width:31%;	float:left;	margin:0; padding:0;}
.fix_btn p:nth-child(2){ margin:0 3%;}
.fix_btn div img {	width:100%;}
.fix_btn:after {content:"."; visibility:hidden; clear:both;}

.top_ttl {width:76%; margin:0px auto 6px;}
.top_ttl img{width:100%;}

.kaso_ttl {width:80%; margin:10px auto 20px;}
.kaso_ttl img{width:100%;}

.cat_title_box {font-size:136%; line-height:140%;
width:90%;
margin:10px auto 20px;
background-image:url(../images/cat_icon.png);
background-repeat:no-repeat;
background-position:40px 0;
background-size:20%;
}
.cat_title_box p { margin-left:40%; width:60%;}

.genre_title_box {font-size:136%; line-height:140%;
width:90%;
margin:10px auto;
background-image:url(../images/genre_icon.png);
background-repeat:no-repeat;
background-position:40px 0;
background-size:20%;
}


/* 下層内ジャンル部分（重要） */

.genre_wrap {margin:15px auto; width:}

.genre_wrap h1 { font-size:130%; margin:0 11%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:165%;
position:relative;
padding:0px 0 2.8%;}

.genre_wrap h1 span { display:block; width:6%; position:absolute; right:2%; top:0;}
.genre_wrap h1 span img{ width:100%;}

.book_box { display:none;}

.one_book { }
.gyou_box {padding:16px 0 16px; margin-bottom:10px; background:url(../images/book_back.png) repeat-x; background-size:86% auto;}
.gyou_box ul {margin-left:12%;}


.thum {width:26%; height:auto; display:inline-block;}
.thum:nth-child(2){ margin:0 4%;}
.thum img{ width:100%;}



.book_tips { background:#333; padding:9px 0; margin-top:5px;  overflow:hidden; display:none;}

.book_name { color:#FFFFFF; font-size:120%; line-height:150%; float:left; width:62%; margin-left:4%;}

.book_link { float:right; width:30%; margin-right:4%;}
.book_link a{ text-decoration:none;}
.book_link span{ font-weight:bold; text-align:center; border-radius:5px; font-size:92%; display:block; padding:8px 4px; background:#CCCCCC; color:#003366; }

.home_btn { text-align:center; margin:30px 0px 10px;}
.home_btn img{ width:18%;}

/* 汎用タイトル */
.hanyou_title { text-align:center; margin:20px 20px 5px;}
.hanyou_title img{ width:26%;}

/* 一覧リスト　*/
.ichiran_list ul li  { font-size:118%; margin:0 5%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:150%;
position:relative;
padding:4% 0 4% 8%;
list-style:none;
}
.ichiran_list ul li span { display:block; width:6%; position:absolute; left:0; top:0; padding:5% 0 0;}
.ichiran_list ul li img{ width:100%;}

}

/* Media Queries - Small Tablet & Smartphone */
@media (max-width: 767px) {
/* CSS */
/* toppage css */
header {
	text-align:center;
	padding-top:30px;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 20px;
}
header img {
	width:70%;
	height:auto;
}
.main_img {
	padding-top:10px;
	text-align:center;
}
.main_img img {
	width:100%;
}
.cate_ttl_img {
	width:360px;
	margin:15px auto;
}
.cate_ttl_img img {
	width:100%;
	height:auto;
}
.top_category_cbtn {
	width:80%;
	margin:0 0 0 10%;
}
.top_category_cbtn div {
	width:32%;
	display:inline-block;
}
.top_category_cbtn div img {
	width:100%;
}
.top_category_sbtn {
	width:80%;
	margin:0 0 0 12%;
}
.top_category_sbtn div {
	width:42%;
	display:inline-block;
}
.top_category_sbtn div:nth-child(2n) {
	margin-left:6%;
}
.top_category_sbtn div img {
	width:100%;
}
.menseki {
	font-size:126%;
	text-align:center;
	padding:30px 0 15px;
	clear:both;
}
.menseki a {
	text-decoration:none;
	color:#333333;
}
/* 下層 */
.fix_btn {
	position:fixed;
	left:0; bottom:0;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 75px;
	height:75px;
	width:100%;
}

.fix_btn div {	width:420px;	margin:10px auto;}
.fix_btn p {	width:31%;	float:left;	margin:0; padding:0;}
.fix_btn p:nth-child(2){ margin:0 3%;}
.fix_btn div img {	width:100%;}
.fix_btn:after {content:"."; visibility:hidden; clear:both;}

.top_ttl {width:76%; margin:0px auto 6px;}
.top_ttl img{width:100%;}

.kaso_ttl {width:80%; margin:10px auto 20px;}
.kaso_ttl img{width:100%;}

.cat_title_box {font-size:136%; line-height:140%;
width:90%;
margin:10px auto 20px;
background-image:url(../images/cat_icon.png);
background-repeat:no-repeat;
background-position:40px 0;
background-size:20%;
}
.cat_title_box p { margin-left:40%; width:60%;}

.genre_title_box {font-size:136%; line-height:140%;
width:90%;
margin:10px auto;
background-image:url(../images/genre_icon.png);
background-repeat:no-repeat;
background-position:40px 0;
background-size:20%;
}


/* 下層内ジャンル部分（重要） */

.genre_wrap {margin:15px auto; width:}

.genre_wrap h1 { font-size:130%; margin:0 11%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:165%;
position:relative;
padding:0px 0 2.8%;}

.genre_wrap h1 span { display:block; width:6%; position:absolute; right:2%; top:0;}
.genre_wrap h1 span img{ width:100%;}

.book_box { display:none;}

.one_book { }
.gyou_box {padding:16px 0 16px; margin-bottom:10px; background:url(../images/book_back.png) repeat-x; background-size:86% auto;}
.gyou_box ul {margin-left:12%;}


.thum {width:26%; height:auto; display:inline-block;}
.thum:nth-child(2){ margin:0 4%;}
.thum img{ width:100%;}



.book_tips { background:#333; padding:9px 0; margin-top:5px;  overflow:hidden; display:none;}

.book_name { color:#FFFFFF; font-size:120%; line-height:150%; float:left; width:62%; margin-left:4%;}

.book_link { float:right; width:30%; margin-right:4%;}
.book_link a{ text-decoration:none;}
.book_link span{ font-weight:bold; text-align:center; border-radius:5px; font-size:92%; display:block; padding:8px 4px; background:#CCCCCC; color:#003366; }

.home_btn { text-align:center; margin:30px 0px 10px;}
.home_btn img{ width:18%;}

/* 汎用タイトル */
.hanyou_title { text-align:center; margin:20px 20px 5px;}
.hanyou_title img{ width:26%;}

/* 一覧リスト　*/
.ichiran_list ul li  { font-size:118%; margin:0 5%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:150%;
position:relative;
padding:4% 0 4% 8%;
list-style:none;
}
.ichiran_list ul li span { display:block; width:6%; position:absolute; left:0; top:0; padding:5% 0 0;}
.ichiran_list ul li img{ width:100%;}


}

/* Media Queries - Smartphone */
@media (max-width: 480px) {
/* CSS */

/* toppage css */
header {
	text-align:center;
	padding-top:30px;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 20px;
}
header img {
	width:86%;
	height:auto;
}
.main_img {
	padding-top:10px;
	text-align:center;
}
.main_img img {
	width:100%;
}
.cate_ttl_img {
	width:180px;
	margin:10px auto;
}
.cate_ttl_img img {
	width:100%;
	height:auto;
}
.top_category_cbtn {
	width:80%;
	margin:0 0 0 10%;
}
.top_category_cbtn div {
	width:32%;
	display:inline-block;
}
.top_category_cbtn div img {
	width:100%;
}
.top_category_sbtn {
	width:80%;
	margin:0 0 0 10%;
}
.top_category_sbtn div {
	width:47%;
	display:inline-block;
}
.top_category_sbtn div:nth-child(2n) {
	margin-left:4%;
}
.top_category_sbtn div img {
	width:100%;
}
.menseki {
	text-align:center;
	padding:20px 0;
	clear:both;
}
.menseki a {
	text-decoration:none;
	color:#333333;
}

/* 下層 */
.fix_btn {
	position:fixed;
	left:0; bottom:0;
	background:url(../images/mokume.jpg) repeat-x;
	background-size:1600px 60px;
	height:60px;
	width:100%;
}

.fix_btn div {	width:310px;	margin:10px auto;}
.fix_btn p {	width:31%;	float:left;	margin:0; padding:0;}
.fix_btn p:nth-child(2){ margin:0 3%;}
.fix_btn div img {	width:100%;}
.fix_btn:after {content:"."; visibility:hidden; clear:both;}

.top_ttl {width:94%; margin:0px auto;}
.top_ttl img{width:100%;}

.kaso_ttl {width:96%; margin:10px auto;}
.kaso_ttl img{width:100%;}

.cat_title_box {font-size:124%; line-height:130%;
width:90%;
margin:10px auto;
background-image:url(../images/cat_icon.png);
background-repeat:no-repeat;
background-position:1px 0;
background-size:34%;
}
.cat_title_box p { margin-left:40%; width:60%;}

.genre_title_box {font-size:130%; line-height:140%;
width:90%;
margin:10px auto;
background-image:url(../images/genre_icon.png);
background-repeat:no-repeat;
background-position:1px 0;
background-size:34%;
}


/* 下層内ジャンル部分（重要） */

.genre_wrap {margin:15px auto;}

.genre_wrap h1 { font-size:114%; margin:0 5%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:150%;
position:relative;
padding:0px 0 4%;}

.genre_wrap h1 span { display:block; width:6%; position:absolute; right:2%; top:0;}
.genre_wrap h1 span img{ width:100%;}

.book_box { display:none;}

.one_book { }
.gyou_box {padding:10px 0 10px; background:url(../images/book_back.png) repeat-x; background-size:100% auto;}
.gyou_box ul {margin-left:6%;}


.thum {width:28%; height:auto; display:inline-block;}
.thum:nth-child(2){ margin:0 4%;}
.thum img{ width:100%;}



.book_tips { background:#333; padding:9px 0; margin-top:5px;  overflow:hidden; display:none;}

.book_name { color:#FFFFFF; font-size:90%; line-height:150%; float:left; width:64%; margin-left:2%;}

.book_link { float:right; width:30%; margin-right:2%;}
.book_link a{ text-decoration:none;}
.book_link span{ font-weight:bold; text-align:center; border-radius:5px; font-size:92%; display:block; padding:8px 4px; background:#CCCCCC; color:#003366; }

.home_btn { text-align:center; margin:20px 20px 5px;}
.home_btn img{ width:24%;}

/* 汎用タイトル */
.hanyou_title { text-align:center; margin:20px 20px 5px;}
.hanyou_title img{ width:34%;}


/* 一覧リスト　*/
.ichiran_list ul li  { font-size:118%; margin:0 5%;
background:url(../images/book_line.png) bottom center repeat-x;
line-height:150%;
position:relative;
padding:4% 0 4% 8%;
list-style:none;
}
.ichiran_list ul li span { display:block; width:6%; position:absolute; left:0; top:0; padding:5% 0 0;}
.ichiran_list ul li img{ width:100%;}
.ichiran_list ul li a { display:block; text-decoration:none; color:#003399;}

}