/*
Theme Name: eブックス
Template URI: https://www.ishikawa-ebooks.jp
Description: ebooksの検索・表示専用のテーマ
Author: 前田印刷株式会社
Author URL: http://maeda-print.co.jp/
Version: 4.0
tags:このスタイルシートは、ブック詳細ページ用に制作されたものです。
*/

/* ブック詳細ページ基本レイアウト
------------------------------ */

.single_box:after {
clear: both;
float: none;
content: ".";
display: block;
height: 0px;
visibility: hidden;
}

.single_box{
clear:both;
display: block;
width: 100%;
padding: 0;
margin:0 0 15px 0;
}

.single_box .book_data{
float: right;
display: block;
padding: 0;
width: 70%;
margin-left: 2%;
}

.single_box .sb_img {
float:left;
display: block;
height: auto;
padding: 0;
margin: 0 0 15px 0;
width: 28%;
font-size:85%;
line-height:140%;
}
	
.single_box .sb_img img{
display: block;
padding: 0;
width: 100%;
height: auto;
max-width: 180px;
max-height:260px;
}

.sb_img #icon3 img{
margin:0 0 0 0;
padding:0;
width:auto;
display:inline;
}

.sb_img #icon3{
margin:0 0 0 15px;
padding:0;
max-width: 180px;
width: 100%;
}

/* 本文・タグ content
------------------------------ */
.single_box .book_data h1{
color: #066;
font-weight: bold;
padding: 0 0 10px 0;
margin:0 0 10px 0;
font-size: 130%;
border-bottom: 1px #ccc dotted;
line-height: 130%;
width: 100%;
}

li.data_comment, li.data_web{
font-size: 80%;
color: #333;
line-height: 130%;
border-bottom: 1px #ccc dotted;
padding: 0 0 5px 0;
margin:0 0 5px 0;
list-style:none;
width: 100%;
}

.single_box .blog_data_info{
display: block;
padding: 0;
margin: 0;
}

.single_box .blog_data_info #bookopen,
.single_box .blog_data_info #bookopen a{
display: block;
width: 183px;
height: 50px;
padding: 0;
}

.single_box .blog_data_info #bookopen{
margin: 0 0 15px 0;
}

/* ダイジェスト digest
------------------------------ */
#digest {
display: block;
width: 100%;
max-height: 156px;
padding: 0;
margin: 0 0 15px 0;
}

#digest:after {
content: ".";
display: block;
height: 0px;
clear: both;
float:none;
visibility: hidden;
}

#digest li{
float:left;
display: block;
margin: 0 5px 0 0;
width: 23%;
}	

#digest li img{
width: 100%;
margin: 0;
}