/*
Theme Name: eブックス
Theme URI: http://www.oita-ebooks.jp
Description: Actibookの検索・表示専用のテーマ
Author: いづみ印刷株式会社
Author URL: http://www.printing-izumi.co.jp/
Version: 4.0
tags:このスタイルシートは、ブック詳細ページ用に制作されたものです。
*/

/* ブック詳細ページ基本レイアウト
------------------------------ */


.single .box_hide{
	display:none;
}

.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:75%;
line-height:140%;
}

.sb_img .dt_key{
	padding:0 0 5px 15px;
}


	
.single_box .sb_img img{
display: block;
padding: 0;
height: auto;
max-width: 180px;
max-height:260px;
margin:auto;
}

.sb_img .date{
	font-weight:bold;
}

.sb_img .date .dt_txt{
	font-weight:normal;
}

.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;
}





@media screen and (max-width: 640px) {
	.single_box .book_data{
display: block;
padding: 0;
width: 100%;
margin-left: 2%;
}

.single_box .sb_img {
display: block;
height: auto;
padding: 0;
margin: 0 0 15px 5px;
width: 98%;
font-size:100%;
line-height:140%;
}

.single_box .sb_img a.frontpage{
	float: left;
display: block;
height: auto;
padding: 0;
margin: 0 auto;
width: 50%;
max-width: 180px;
}

.single_box .sb_img p.date{
	float: left;
display: block;
height: auto;
padding: 0;
margin:2px 0 2px 15px;
width: 40%;
font-size:85%;
line-height:140%;
}

.single_box .book_data h1{
color: #066;
font-weight: bold;
padding: 0 0 10px 0;
margin:10px auto;
font-size: 130%;
border-bottom: 1px #ccc dotted;
line-height: 130%;
width: 97%;
}

.single_box .blog_data_info #bookopen,
.single_box .blog_data_info #bookopen a{
display: block;
width: 183px;
height: 50px;
padding: 0;
margin: 0 auto;
}

li.data_comment, li.data_web{
font-size: 85%;
color: #333;
line-height: 130%;
border-bottom: 1px #ccc dotted;
padding: 0 0 5px 0;
margin:10px auto;
list-style:none;
width: 97%;
}

.sb_img #icon3 img{
margin:0 0 10px 0;
padding:0;
width:auto;
display:inline;
}

.sb_img #icon3{
margin:0 0 0 15px;
padding:0;
max-width: 180px;
width: 40%;
float: left;
}

.single h2{
	overflow:hidden;
}
}

/* ダイジェスト 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;
}





/* スマホ用　アプリ誘導部分
------------------------------ */
.single #content p.app_ttl{
	display:block;
	background:#c90000;
	padding:6px 0 6px 15px;
	margin:0 0 5px 0;
	color:#FFF;
	font-weight:bold;
}


.single #content .ap_ttl img{
		width:92%;
}



.single #content .ap_l img{
	width:90%;
	padding:0 0 10px 0;
}


.single #content .s_txt06{
	padding:0 0 0 15px;
	font-size:80%;
	line-height:1.5em;
}


.single #content .ap_button{
	text-align:center;
	padding:5px 0 15px 0;
}



@media screen and (max-width: 360px) {
.single_box .sb_img{
	margin-bottom:0px;
	margin-top:15px;
}


.single_box .sb_img a{
	margin:auto;
	display:block;
	text-align:center;
}

.single_box .sb_img img{
	margin:auto;
}

.single_box .book_data h1 {
    margin: 0 auto;
    padding: 0 0 0;
}



}