/*
Theme Name: リーブル新刊ページ
Author: 
Author URI: 
Version: 1.0
*/

/* =Reset
-------------------------------------------------------------- */
@charset "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside,
canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}


html{}

body{
	line-height: 1.4;
	font-size: 0.9em;
	font-family:arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	color: #000;
}

h1{
	font-size: 1.8em;
	padding: 0;
	margin: 0;
	float: left;
	max-width:100%;
}
h2{
	font-size:1.5em;
	margin:0 0 20px 0;
}
h3{
	font-size: 1.2em;
	margin: 0 0 10px;
	padding-bottom: 5px;
	border-bottom: 1px solid #888888;
}
h3 a{
	color: #000;
	text-decoration: none;
	display: block;
}
h4{
	margin:0 0 10px 0;

}

a{ color: #666; }
a:visited{}
a:hover{
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}


ol,
ul {
	list-style: none;
}

table{}
th{}
td{}

p{
	line-height:1.8em;
}


img{
	max-width:100%;
}

#entry-content .search{
	width: 1000px;
	float: right;
	padding-bottom: 20px;
}



/* PC SP
----------------------------------------------------------- */
.pc {
	display: block!important;
}
.pc a {
	text-decoration: none;
}
.sp {
	display: none!important;
}
.sp a {
	text-decoration: none;
}

@media (max-width: 768px) {
	
    .pc {
        display: none!important;
    }
    .sp {
        display: block!important;
    }
}


/* Header -------------------------*/
header{
	max-width: 1100px;
	margin: 0 auto;
	padding: 0px 10px;
}

header .link{
	margin: 10px 0px 0px;
	float: right;
}


/* Navigation -------------------------*/
nav ul:after{
    content: '';
    display: block;
    clear: both;
}
nav#navre{
	padding: 0;
	margin: 0px;
	zoom: 1; /* for IE6/7 */
	border-top: 1px solid #000;
	border-bottom: 1px solid #EEE;
}

nav#navre ul{
	margin: 0 auto;
	padding: 0;
	max-width: 1100px;
	border-left: 1px solid #EEE;
}

nav#navre li{
	text-align: center;
	float: left;
	margin: 0;
	padding: 0;
	width: 16.55%;
	border-right: 1px solid #EEE;
}

nav#navre li a{
	display: block;
	padding: 15px 0px;
	color: #000;
	text-decoration: none;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+60,f2f2f2+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 60%, #f2f2f2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(60%,#ffffff), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 60%,#f2f2f2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 60%,#f2f2f2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 60%,#f2f2f2 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 60%,#f2f2f2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}


/* Footer -------------------------*/
footer{
	padding: 20px 15px;
	font-size: 12px;
	text-align: right;
	border-top: 1px solid #000;
}
footer p{
	max-width:1000px;
	margin:0 auto;
}


/* Layout -------------------------*/

#wrap{
	max-width:1100px;
	margin:0 auto;
	padding: 0px 15px;
}

#main{
	padding: 40px 0px;
}


#content{
	/* float:right;*/
	width:100%;
	margin-bottom:20px;
}

#sidebar{
	float:left;
	width:20%;
	margin-bottom:20px;
}
h2.widget-title{
	font-size: 16px;
	margin:0 0 5px 0;
}

/* Contents -------------------------*/

header.page-header{ padding: 0px; }

header.entry-header{
	margin-bottom: 20px;
	padding: 0px;
}

article+article{
	margin-top: 30px;
}
section.entry-content+section.entry-content{
	margin-top: 60px;
}

nav.page-navi li.prev{
	float: left;
	width: 45%;
	text-align: left;
}
nav.page-navi li.next{
	float: right;
	width: 45%;
	text-align: right;
}


/* Sidebar -------------------------*/
#sidebar aside+aside{
	margin-top:20px;
}
.widget-container{
	padding: 10px;
	background: #EFEFEF;
	border-radius: 10px;        /* CSS3草案 */
	-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 10px;   /* Firefox用 */
}
.widget-container li a,.textwidget p a{
	line-height: 1.5;
	text-decoration: none;
	color: #000;
}
.widget-container li li li{ font-weight: normal; }
.widget-container li li{ font-weight: bold; }
.widget-container li li li:before,.textwidget p:before{
	content: '●';
	color: #01A9E4;
	margin-right: 5px;
}
.widget-container li li:before{
	content: '●';
	color: #01A9B1;
}
.widget-container li:before{
	content: '■';
	color: #000;
	margin-right: 5px;
}

/* Breadcrumb -------------------------*/
#breadcrumb li{
	float:left;
	margin-right:5px;
}

/* Pagetop -------------------------*/
#pagetop {
	position: fixed;
	bottom: 100px;
	right: -50px;
}

/* Clearfix -------------------------*/
.clearfix:after{
	content: '';
	display: block;
	clear: both;
}
.clearfix{
	zoom: 1; /* for IE6/7 */
}

/*item -------------------------*/
.item .list{
	float: left;
	width: 22.5%;
	margin: 0px 3.3% 25px 0px;
}
.item .list:nth-child(4n){
	margin: 0 0 25px 0;
}
.item .list div{
}
.item .list p{
	font-size: 12px;
	margin-top: 5px;
}
.item .list img{
	width: 100%;
}
.item .list a{
	text-decoration: none;
}
.item .list a:hover{ text-decoration: underline; }

/*book -------------------------*/
.book_box {
	padding: 0;
	width: 100%;
	background: #EEE;
	margin-bottom: 30px;
}
.book_box .b_list {
	padding: 0;
	margin: 10px 1% 8px;
	width: 18%;
	float: left;
}
.book_box .b_list ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.book_box .b_list li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.book_box .b_list li.b_photo p {
	cursor: pointer;
}
.book_box .b_list li.b_photo img {
	width: 100%;
    height: 10vh;
    object-fit: contain;
}
#bookphoto {
	width: 100%;
	margin: 0 0 10px;
	text-align: center;
}
#bookphoto img {
    width: auto;
    height: 40vh;
    object-fit: contain;
}

.standard {
	font-size: 16px;
	font-weight: bold;
	border-top: 1px dotted #630;
	border-bottom: 1px dotted #630;
	margin-bottom: 20px;
	padding: 10px 0px;
}


/* Other -------------------------*/
.day{
	font-size: 12px;
	margin: 5px 0;
}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.aligncenter {
    display: block;
    margin: 0 auto;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}

img[class*="wp-image-"],
img[class*="attachment-"] {
    max-width: 100%;
    height: auto;
}

table#wp-calendar{ width: 100%; }
table#wp-calendar caption{
	color: #FFF;
	background: #333;
	padding: 5px 0px;
	margin-bottom: 10px;
}
table#wp-calendar td{
	text-align: center;
	padding: 2px;
}


/*コメント*/
.nocomments {
    display: none;
}
#commentform p{
	margin: 0px 0px 10px;
}
#commentform input[type="text"]{
	width: 98%;
}
#commentform textarea{
	width: 98%;
}
#commentform .form-submit{ text-align: center; }
#commentform input[type="submit"]{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	padding: 15px 0;
	background: #666666;
	border: 0;
	color: #fff;
	text-align: center;
	width: 240px;
}
#commentform input[type="submit"]:hover{
	cursor: pointer;
	opacity:0.7;
	filter:alpha(opacity=70); /* For IE8 and earlier */
}

/*コメントphp追加css*/
#comping h3{
    clear: both;
    margin-top:40px;
    }
#comping p{margin-bottom:15px;}
#comping p.wait{margin:5px; color:#F00;}
#comping .comment-meta,
#comping .comment-meta a{
    margin-bottom:10px;
    color: #999;
    font-size:85%;
    }
#comping .comment-meta a:hover{color: #ccc;}
 
/*コメント用*/
.commentlist{margin-bottom:30px;}
    .commentlist li {
	padding: 15px 0 0 55px;
	position: relative;
	border-bottom: 1px dotted #D6D6D6;
        }
    .commentlist li li {
	border-bottom: none;
        }
    .commentlist li ul.children li {
	border-top: 1px dotted #D6D6D6;
        }
    .commentlist .avatar {
        background:#fff;
        border:1px solid #ddd;
        left:0;
        margin:0 16px 0 0;
        padding:3px;
        position:absolute;
        top:15px;
        }
    .commentlist .reply a{
	position: absolute;
	top: 12px;
	right: 0;
	padding: 2px 20px;
	font-size: 80%;
	color: #fff;
	text-decoration: none;
	background: #D6D6D6;
        }
        .commentlist .reply a:hover {color: #999;}
 
/*トラックバック用*/
.pinglist{margin-bottom:30px;}
    .pinglist li {
        padding:15px 0 0 10px;
        position:relative;
        }



/* 1000px -------------------------*/
@media screen and (max-width: 999px) {

header .link{ display: none; }
nav#navre{
	margin: 0;
	float: none;
}
nav#navre ul{
	width: 100%;
}
nav#navre li{
	width: 100%;
	float: none;
	display: block;
}
nav#navre li a{
	width: 100%;
}
#main{
	padding: 40px 0px 0px;
}
#content{
	float:none;
	width:100%;
}
#sidebar{ display: none; }
#pagetop {
	position: static;
	bottom: 0;
	right: 0;
	text-align: right;
}
.GrpEffectImg{ display: none; }
}


/* 480px -------------------------*/
@media screen and (max-width: 480px) {

.item .list{
	float: left;
	width: 48%;
	margin: 0px 4% 20px 0px;
}
.item .list:nth-child(2n){
	margin: 0 0 10px 0;
}
}

/* 個別ページ購入矢印 --------------*/
.arrow-r {
	background: url(http://www.livre.jp/books/wp-content/uploads/2016/01/arrow-r.jpg) no-repeat right center;
	margin: 0px 0px 40px 0px;
        padding-right: 25px;
        float: left;
	font-size: 18px;
	height: 20px;
}
/* 池田ページ --------------*/

#ikeda-body1{
        background-image: url(http://www.livre.jp/books/wp-content/uploads/2016/07/ikeda01.jpg);
	max-width: 100%;
	height: auto;
        padding: 10px 10px 10px 10px;
}

.ibox1 {
      background-color: #F08F56; /* 背景色の指定 */
      color:white;
      max-width: 100%;
      height: auto;
      padding: 10px;
      line-height:2;
      text-align:left;
      border-radius:10px; /* 角丸の指定 */
}

.text-20{
	font-size: 20px;
	color: #f08f56;
	text-align: left;
	line-height: 180%;
}
.text-22{
	font-size: 22px;
	color: #f08f56;
	text-align: left;
	line-height: 180%;
}
.pad-70{
	padding-top: 70px;
}
.pad-80{
	padding-top: 80px;
}
.pad-90{
	padding-top: 90px;
}
.pad-100{
	padding-top: 100px;
}
.text-15{
	width: 70%;
	font-size: 15px;
	text-align: left;
	line-height: 180%;
}
.ibox2 {
      border: 10px solid #F08F56;
      max-width: 100%;
      height: auto;
      padding: 10px;
      line-height:2;
      text-align:left;
}
.l-photo{
	float: left;
	width: 22%;
}
.r-text{
	float: right;
	width: 75%;
        font-size: 15px;
	text-align: left;
	line-height: 180%;
}
.l-photo2{
	float: left;
	width: 20%;
}
.r-text2{
	float: right;
	width: 80%;
        font-size: 15px;
	text-align: left;
	line-height: 180%;
}
hr {
	border-top: 2px dashed #F08F56;
}

.stores {
	text-align: center;
}


/* 検索 --------------*/

.searchform {
	width: 100%;
	text-align: right;
	margin: 0 0 20px 0;
	}
.searchform label{
	display: none;
	}


/* 右上バナー --------------*/

#return{
 position:fixed;
 top:0px;
 right:0px;
 z-index:999;
}

#return2{
 position:fixed;
 top:250px;
 right:0px;
 z-index:999;
}


/* クリック展開 --------------*/

/*全体*/
.hidden_box {
    margin: 2em 0;/*前後の余白*/
    padding: 0;
}

/*ボタン装飾*/
.hidden_box label {
	font-size: 18px;
    padding: 10px;
    font-weight: bold;
	background: linear-gradient(transparent 60%, #FFFF66 60%);
    /*border: solid 2px black;*/
    cursor :pointer;
    line-height: 2.0;
}

/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}

/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}


/* フレックスボックス--------------*/

.fbox {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 0 0;
}
/*5列*/
.fbox .it5 {
	width: 19%;
	padding: 0 0;
	margin: 0 0 3% 0;
	font-size: 0.9em;
}
.fbox .it5 a{
	text-decoration:none;
}

.fbox .it_30 {
	width: 30%;
	margin: 0 auto;
}
.fbox .it_70 {
	width: 70%;
	margin: 0 auto;
}
.fbox .it_20 {
	width: 20%;
	margin: 0 auto;
}
.fbox .it_l70 {
	width: 65%;
	margin: 0 5% 0 0;
}
.fbox .it_r70 {
	width: 65%;
	margin: 0 0 0 5%;
}

.fbox .it5 a{
	text-decoration:none;
}
/*2列*/
.fbox .it2 {
	width: 48%;
	padding: 0 0;
	margin: 0 auto;
}
.fbox .lpl1 {
	width: 75%;
	margin: 0 5% 0 0;
}
.fbox .lpr1 {
	width: 20%;
	margin: 0 auto;
}
.fbox .lpl2 {
	width: 65%;
	margin: 0 5% 0 0;
}
.fbox .lpr2 {
	width: 30%;
	margin: 0 0;
}
.fbox .lpl3 {
	width: 25%;
	margin: 0 5% 0 0;
}
.fbox .lpr3 {
	width: 70%;
	margin: 0 0;
}
.lp {
	width: 90%;
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-feature-settings : "palt" ;
	font-size: 16px;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	margin: 0 auto;
	word-wrap : break-word;
	overflow-wrap : break-word;
}


.l_pad {
	padding: 0 0 0 5%;
}
.r_pad {
	padding: 0 5% 0 0;
}

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

	.fbox {
		width: 100%;
	}
	.fbox .it5 {
		width: 49%;
		margin: 0 0 3% 0;
	}
	.fbox .it_30 {
		width: 100%;
	}
	.fbox .it_70 {
		width: 100%;
	}
	.fbox .it_l70 {
		width: 100%;
		margin: 0 auto;
	}
	.fbox .it_r70 {
		width: 100%;
		margin: 0 auto;
	}
	.fbox .it_20 {
		width: 100%;
	}
	.fbox .it_80 {
		width: 100%;
	}
	.fbox .it2 {
		width: 90%;
		margin: 0 auto;
	}
	.lp {
		width: 100%;
	}
	.fbox .lpl1 {
		width: 100%;
		margin: 0 auto;
	}
	.fbox .lpr1 {
		width: 40%;
		margin: 0 auto;
	}
	.fbox .lpl2 {
		width: 100%;
		margin: 0 auto;
	}
	.fbox .lpr2 {
		width: 50%;
		margin: 10% auto;
	}
	.fbox .lpl3 {
		width: 100%;
		margin: 0 auto;
	}
	.fbox .lpr3 {
		width: 100%;
		margin: 0 auto;
	}
}



.red {
		color: #d7151d;
}
.green {
		color: #6fba2c;
}
.lpmid1 {
	font-family: '游ゴシック体', YuGothic, '游ゴシック Medium', 'Yu Gothic Medium', '游ゴシック', 'Yu Gothic', 'メイリオ', sans-serif;
	font-feature-settings : "palt" ;
	font-size: 2em;
	font-weight: bold;
	line-height: 1.8em;
	letter-spacing: 0.1em;
	margin: 5% auto 2% auto;
}
.w65 {
	width: 65%;
	height: auto;
	margin: 5% auto;
}


.thumbnail-wrapper {
    position: relative;
    width: 100%; /* 親要素の幅に基づく */
    aspect-ratio: 1 / 1; /* 正方形比率を維持 */
    display: flex;
    align-items: center;
    justify-content: center;
    background: transparent; /* 背景を透明に */
}

.thumbnail-wrapper img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%); /* 水平中央に配置 */
    height: 100%; /* 天地を枠にフィット */
    width: auto; /* 縦横比を維持して横幅を自動調整 */
    background: transparent; /* 画像自体の背景を透明 */
	object-fit: contain;
}
}