/*===============================================
●base.css 画面の横幅が641px以上
===============================================*/
@media print, screen and (min-width: 641px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  書籍一覧ページのレイアウト　*/
/*--------------------------------------------------------*/

.list_booksBox{
	border:1px solid #DDD;
	width:920px;
	padding:40px 29px;
}

.list_booksBox h1.page_title{
	text-align:center;
	margin-bottom:25px;
}

.list_booksBox .page_gaiyou{
	width:600px;
	margin-left:auto;
	margin-right:auto;
}

.list_booksBox .page_gaiyou p{
	font-size:110%;
	color:#333;
	line-height:1.6em;
}

/*  書籍一覧　*/

.list_booksBox .inner{
	overflow:hidden;
	margin-top:25px;
	border-top:1px solid #DDD;
}

.list_booksBox .inner ul{
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
}

.list_booksBox .inner ul li{
	letter-spacing: normal; /* 文字間を元に戻す */
	display:inline-block; 
	/zoom:1;
	width:435px;
	padding-right:25px;
	overflow:hidden;
	vertical-align:top;
	margin-top:35px;
}

.list_booksBox .inner ul li .list_book_img{
	float:left;
	width:120px;
	margin-right:20px;
	box-shadow: 0px 3px 14px rgba(0,0,0,0.3);
}

.list_booksBox .inner ul li .list_book_img a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.list_booksBox .inner ul li .list_book_info{
	float:left;
	width:295px;
	padding-top:3px;
}

.list_booksBox .inner ul li .list_book_info h2.book_title{
	font-size:120%;
	font-weight:bold;
	color:#333;
	line-height:1.3em;
	margin-bottom:10px;
}

.list_booksBox .inner ul li .list_book_info p.koumoku{
	font-size:90%;
	color:#333;
	line-height:1.5em;
}

.list_booksBox .inner ul li .list_book_info p.gaiyou{
	padding-top:12px;
	font-size:90%;
	color:#666;
	line-height:1.6em;
}

.list_booksBox .inner ul li .list_book_info .books_form_bt{
	margin-top:12px;
	width:150px;
}

.list_booksBox .inner ul li .list_book_info .books_form_bt a{
	display:block;
	background:#A49F99;
	font-size:12px;
	font-weight:nomal;
	letter-spacing:1px;
	color: #FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:124px;
	padding: 4px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.list_booksBox .inner ul li .list_book_info .books_form_bt a:hover{
	text-decoration:none;
	background:#757068;
}


/*  書籍詳細ページのレイアウト　*/
/*--------------------------------------------------------*/

.single_booksBox{
	border:1px solid #DDD;
	width:640px;
	padding:40px 169px;
}

.single_booksBox .inner{
	overflow:hidden;
}

.single_booksBox .inner .books_img{
	float:left;
	width:200px;
	margin-right:35px;
}

.single_booksBox .inner .books_img img{
	box-shadow: 0px 3px 14px rgba(0,0,0,0.3);
}

.single_booksBox .inner .books_infoBox{
	float:left;
	width:405px;
}

.single_booksBox .inner .books_infoBox h2.book_title{
	font-size:200%;
	color:#333;
	line-height:1.3em;
	margin-bottom:15px;
}

.single_booksBox .inner .books_infoBox p.chosha{
	font-size:100%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.hakkou{
	font-size:100%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.pagenum{
	font-size:100%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.price{
	font-size:100%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.gaiyou{
	padding-top:15px;
	font-size:100%;
	color:#666;
	line-height:1.7em;
	margin-bottom:5px;
}

.books_list_formbtBox{
	width:200px;
	margin-left:auto;
	margin-right:auto;
}

.books_form_bt{
	margin-top:22px;
	width:200px;
}

.books_form_bt a{
	display:block;
	background:#E8F0F5;
	font-size:14px;
	font-weight:bold;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width: 200px;
	padding: 10px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.books_form_bt a:hover{
	text-decoration:none;
	background:#AAC9DB;
}

.single_booksBox .books_detail{
	margin-top:50px;
}

.single_booksBox .books_detail p{
	font-size:110%;
	line-height:1.7em;
	color:#333;
	padding-bottom:30px;
}

.single_booksBox .back_booklist{
	margin-top:40px;
	margin-left:auto;
	margin-right:auto;
	width:160px;
}

.single_booksBox .back_booklist a{
	display:block;
	background:#FFF;
	border:1px solid #DDD;
	font-size:13px;
	font-weight:nomal;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:160px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.single_booksBox .back_booklist a:hover{
	text-decoration:none;
	background:#DFDCD1;
}

}









/*===============================================
●smartphone.css 画面の横幅が640px以下
===============================================*/
@media screen and (max-width:640px){

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

/*  書籍一覧ページのレイアウト　*/
/*--------------------------------------------------------*/

.list_booksBox{
	border-top:1px solid #DDD;
	padding:20px 10px 0;
}

.list_booksBox h1.page_title{
	text-align:center;
	margin-bottom:20px;
}

.list_booksBox .page_gaiyou{
}

.list_booksBox .page_gaiyou p{
	font-size:100%;
	color:#333;
	line-height:1.6em;
}

/*  書籍一覧　*/

.list_booksBox .inner{
	border-top:1px solid #DDD;
	margin-top:20px;
}

.list_booksBox .inner ul{
}

.list_booksBox .inner ul li{
	overflow:hidden;
	margin-top:15px;
	border-bottom:1px solid #DDD;
	padding-bottom:15px;
}

.list_booksBox .inner ul li .list_book_img{
	float:left;
	width:26%;
	margin-right:4%;
	box-shadow: 0px 3px 14px rgba(0,0,0,0.3);
}

.list_booksBox .inner ul li .list_book_img a:hover img{
	opacity: 0.6;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.list_booksBox .inner ul li .list_book_info{
	float:left;
	width:70%;
}

.list_booksBox .inner ul li .list_book_info h2.book_title{
	font-size:110%;
	font-weight:bold;
	color:#333;
	line-height:1.3em;
	margin-bottom:10px;
}

.list_booksBox .inner ul li .list_book_info p.koumoku{
	font-size:90%;
	color:#333;
	line-height:1.5em;
}

.list_booksBox .inner ul li .list_book_info p.gaiyou{
	padding-top:10px;
	font-size:85%;
	color:#666;
	line-height:1.5em;
}

.list_booksBox .inner ul li .list_book_info .books_form_bt{
	margin-top:12px;
	width:150px;
}

.list_booksBox .inner ul li .list_book_info .books_form_bt a{
	display:block;
	background:#A49F99;
	font-size:12px;
	font-weight:nomal;
	letter-spacing:1px;
	color: #FFF;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:124px;
	padding: 4px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.list_booksBox .inner ul li .list_book_info .books_form_bt a:hover{
	text-decoration:none;
	background:#757068;
}


/*  書籍詳細ページのレイアウト　*/
/*--------------------------------------------------------*/

.single_booksBox{
	border-top:1px solid #DDD;
	padding:15px 10px 0;
}

.single_booksBox .inner{
	overflow:hidden;
}

.single_booksBox .inner .books_img{
	margin-bottom:28px;
}

.single_booksBox .inner .books_img img{
	width:50%;
	box-shadow: 0px 3px 14px rgba(0,0,0,0.3);
}

.single_booksBox .inner .books_infoBox{
}

.single_booksBox .inner .books_infoBox h2.book_title{
	font-size:135%;
	font-weight:bold;
	color:#333;
	line-height:1.3em;
	margin-bottom:12px;
}

.single_booksBox .inner .books_infoBox p.chosha{
	font-size:90%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.hakkou{
	font-size:90%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.pagenum{
	font-size:90%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.price{
	font-size:90%;
	color:#333;
	line-height:1.6em;
}

.single_booksBox .inner .books_infoBox p.gaiyou{
	padding-top:12px;
	font-size:90%;
	color:#666;
	line-height:1.7em;
	margin-bottom:5px;
}

.books_list_formbtBox{
	width:180px;
	margin-left:auto;
	margin-right:auto;
}

.books_form_bt{
	margin-top:20px;
	margin-left:auto;
	margin-right:auto;
	width:180px;
}

.books_form_bt a{
	display:block;
	background:#E8F0F5;
	font-size:13px;
	font-weight:bold;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width: 180px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
}

.books_form_bt a:hover{
	text-decoration:none;
	background:#AAC9DB;
}

.single_booksBox .books_detail{
	margin-top:30px;
}

.single_booksBox .books_detail p{
	font-size:100%;
	line-height:1.7em;
	color:#333;
	padding-bottom:30px;
}

.single_booksBox .back_booklist{
	margin-top:35px;
	margin-left:auto;
	margin-right:auto;
	width:150px;
}

.single_booksBox .back_booklist a{
	display:block;
	background:#FFF;
	border:1px solid #DDD;
	font-size:13px;
	font-weight:nomal;
	letter-spacing:1px;
	color: #333;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all  0.5s ease;
	width:150px;
	padding: 8px 0;
	text-align:center;
	text-decoration:none;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.single_booksBox .back_booklist a:hover{
	text-decoration:none;
	background:#DFDCD1;
}

}