/*   
Theme Name: booklike-Theme
Theme URI: http://digwp.com
Description: This is just a BLANK starter WordPress Theme template -- WordPress v2.9.1
Author: Chris Coyier
Author URI: http://chriscoyier.net
Version: 1
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

* { margin: 0; padding: 0; }
body{font-family: 'Noto Sans Japanese', sans-serif;font-size: 15px; color: #000000; line-height: 1.6;}
.screen-reader-text { position: absolute; left: -9999px; top: -9999px; }
.clear { clear: both; }
.group:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
* html .group, *:first-child+html .group { zoom: 1; } /* First selector = IE6, Second Selector = IE 7 */

#page-wrap { width: 960px; margin: 20px auto; }

.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;    
    clear: both; 
    visibility:hidden;
}
.cf{
    display: inline-block;
} 

h1, h2, h3 { font-weight: normal; margin: 0 0 10px 0; }
h1 { }
h2 { }
h3 { }

img{ max-width:100%;vertical-align: bottom;}

p { margin: 0 0 5px 0; }
a {color: #2B2B2B;text-decoration: none;}
a:hover { } 

blockquote {
	 position: relative;
    /* margin: 2em 0; */
    padding: 3.5em 2em 2em 2em;
    font-size: .9em;
    background: #f0f1ee;
    border-radius: 6px;
	}
blockquote:before{
    position: absolute;
    top: 0px;
    left: 20px;
    content: '“';
    font-size: 4em;
    color: #FFF;
}
	
blockquote p { }

ul, ol { margin: 0 0 0 0; list-style: none}

.post { }

.entry { }
.entry a {color: #3691c7;}
.entry a:hover { }

pre { }
code, tt { }

#meta { }
.postmetadata { }

#sidebar { }

.navgation { }
   .next-posts { }
   .prev-posts { }

#searchform { }
	#s { }
	#searchsubmt { }
	

form { }
input[type=text] { }
textarea { }


.categoryid-1 .bookinfolock,.categoryid-6 .bookinfolock{display:none!important;}
.search-results{
width: 90%;
    margin: 0 auto;
    max-width: 960px;
}

/*----------------------------------------------------------------------------------------------------------------------------------
#common
----------------------------------------------------------------------------------------------------------------------------------*/

#container{padding: 0px;padding-top: 187px; }
.single #container{padding: 12px;padding-top: 156px; }
#contents{}
.col2Area{padding: 40px 0 0;width: 90%;max-width: 1366px;margin: 0 auto ;}

.stand{background-size: contain!important;background-repeat: no-repeat;background-color: #f9f9f9}

.breadcrumb{padding: 6px;text-align: center ;background: #ebebe1;border-radius: 3px;font-size: 12px;}
.breadcrumb .breadcrumbs{padding: 0px;margin: 0px;}
.breadcrumb a{padding:0 5px; }
.breadcrumb span span{padding:0 5px; }


.wp-pagenavi{display: block;width: 100%;text-align: center ;margin: 40px 0;font-size: 22px;font-weight: 600;}
.wp-pagenavi .pages{display: none}
.wp-pagenavi .current{color: #c7c7aa;border-bottom: 1px solid #000;display: inline-block;width: 35px;margin: 0 4px;}
.wp-pagenavi a.page{display: inline-block;width: 35px;margin: 0 4px;border-bottom: 1px solid #fff;}
.wp-pagenavi a.page:hover{border-bottom: 1px solid #000;}
.wp-pagenavi a.first{display: inline-block;width: 35px;margin: 0 4px;border-bottom: 1px solid #fff;}
.wp-pagenavi a.last{display: inline-block;width: 35px;margin: 0 4px;border-bottom: 1px solid #fff;}
.wp-pagenavi a.nextpostslink{margin: 0 0 0 10px;display:none;}
.wp-pagenavi a i{font-family: FontAwesome;font-style: normal;}
.wp-pagenavi a.previouspostslink{margin: 0 10px 0 0;display:none}
.wp-pagenavi a.nextpostslink i{padding-left:4px;}
.wp-pagenavi a.previouspostslink i{padding-right:4px;}
.page-id-2088 .entry{
    width: 90%;
    max-width: 960px;
    margin: 25px auto;
    font-size: 12px;}
.page-id-2088 .entry h2{margin-top: 30px;}
.page-id-2088 .entry h3{margin-top: 30px;}

.page-id-2090 .entry{
    width: 90%;
    max-width: 960px;
    margin: 25px auto;
    font-size: 12px;}
.page-id-2090 .entry h2{margin-top: 30px;}
.page-id-2090 .entry h3{margin-top: 30px;}
.page-id-2090 .entry a{text-decoration: underline;}

.page-id-5910 .entry {
    width: 90%;
    max-width: 960px;
    margin: 25px auto;
}

.page-id-11752 .entry {
    width: 90%;
    max-width: 960px;
    margin: 25px auto;
}

@media screen and (max-width: 980px) {
/* #container {padding: 0px;} */
.breadcrumb{display:none;}
}
@media screen and (max-width: 480px) {
  #container {padding-top: 50px;}
.single #container {
    padding: 0px;
    padding-top: 80px;
}
.wp-pagenavi{font-size: 16px;}
.wp-pagenavi a.nextpostslink span{display:none}
.wp-pagenavi a.previouspostslink span{display:none}





}
/*----------------------------------------------------------------------------------------------------------------------------------
#header
----------------------------------------------------------------------------------------------------------------------------------*/


#header {
    position: absolute;
    width: 100%;
    top: 0;
left:0;
    z-index: 9999;
}
#header #h-all{height:90px; padding-top:50px;background-color: #fff;}
#header h1{width: 188px;margin: 0px auto 30px;}
#header h1 a{}
#header h1 a img{}
#header #h-left{position: absolute ;top: 0;left: 0;}
#header #h-left .sicin{width: 24px;position: absolute ;border-bottom: 1px solid #000;padding-bottom: 7px;text-align: center;padding: 7px;}
#header #h-left .sicin img{width: 20px;}
#header #h-left #searchform{position: relative}
#header #h-left #searchform input{border: 0 solid #000;font-size: 15px;line-height: 31px;padding-left: 24px;}
#header #h-left #searchform input:focus{outline: 0;border-bottom: 1px solid #ddd}
#header #h-left .googlecustoms{border: 0 solid #000;font-size: 15px;line-height: 31px;padding-left: 38px;width: 280px;}
#header #h-left .googlecustoms .cse .gsc-control-cse, .gsc-control-cse {padding: 0em!important;width: auto;}
#header #h-left .googlecustoms .gsc-search-button{display:none!important;}
#header #h-right{position: absolute ;top: 0;right: 0;}
#header #h-right ul{}
#header #h-right li{display: inline-block;width: 28px; }
#header #h-right li a{ display:block}
#header #h-right li a img{width: 18px;}

#gnavi ul{text-align: center ;background-color: #fff;}
#gnavi ul li{display: inline-block ;margin: 0 13px;}
#gnavi ul li a{display: block ;font-size: 14px;font-weight: 700;color: #000;text-decoration: none;padding: 9px 12px;
border-radius: 6px 6px 0 0 / 6px 6px 0 0;
-webkit-border-radius: 6px 6px 0 0 / 6px 6px 0 0;
-moz-border-radius: 6px 6px 0 0 / 6px 6px 0 0;}
#gnavi ul li a:hover{background-color: #ebebe1;}
#gnavi ul li.current a{background-color: #ebebe1;}

#header.fixed #gnavi {
  position: fixed!important;
  top: 0px;left:0;width: 100%;box-shadow: 0 0 10px #bbb;
}


li.pull{
    position: relative;
}
li.pull .over{
	font-size: 14px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
    padding: 9px 12px;
    display: block;
}

li.pull ul.inmenu{
    position: absolute;
    top: 30px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	 visibility: hidden;
    opacity: 0;
}

li.pull:hover ul.inmenu {
    top: 40px;
    visibility: visible;
    opacity: 1;
}
#gnavi ul li.pull ul.inmenu li{
    display: block;
    margin: 0 0px;
}
#gnavi ul li.pull ul.inmenu a {
padding: 9px 0px;
    display: block;
    background-color: #fff;
    border-radius: 0;
    font-size: 13px;
    font-weight: 500;
    border-top: 1px solid #ddd;
}
#gnavi ul li.pull ul.inmenu a:hover{
font-weight: 700;
}

#gnavi ul li.sp{
display:none;
}



@media screen and (max-width: 980px) {
#gnavi ul li.sp{
    display: inline-block;
}
#header {

    padding-top: 10px;
}

#header h1 {width: 118px;margin: 0px 0 15px 12px;}
#header #h-right{position: absolute ;top: 22px;right: 60px;}
#header #h-right li{display: inline-block;width: 36px; }
#header #h-right li a img{width: 26px;}
#gnavi{
height: 40px;
overflow: hidden;
overflow-x: scroll;
-webkit-overflow-scrolling: touch
}

#gnavi ul li a{
border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;}
}

@media screen and (max-width: 980px) {
#header {
    position: absolute;
    padding-top: 0px;
    top: 0;
    width: 100%;
    background-color: #fff;
    z-index: 9999;
    padding-bottom: 0px;
}
#header #h-all{height:56px;padding-top: 5px;}
#header #h-left{display:none}
#gnavi{}
#gnavi ul {
    text-align: left;
    width: 1160px;
    padding:0 7px;
}
#gnavi ul li{display: inline-block ;margin: 0 8px;}
#header.fixed #gnavi{height:50px}
#header.fixed #gnavi ul {
  padding:5px 0;
}






}

/*----------------------------------------------------------------------------------------------------------------------------------
#header END
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
#footer
----------------------------------------------------------------------------------------------------------------------------------*/
#rank{background: #f0f1ee;margin: 40px -12px 0;padding-bottom: 50px;}
#rankBox{width: 90%;max-width: 1366px;margin: 0 auto;}
#rank h2{font-size: 30px;font-weight: 900;text-align: center ;padding-top: 50px;line-height: 1.3}
#rank h2 span{display: block ;font-size: 16px;font-weight: 300;}
#rankBox .inner{width: 100%;
display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
#rankBox .rankli{width: 18%;margin: 1%;box-sizing: border-box;position: relative }
#rankBox .image{display: block;width: 100%;position: relative;margin-bottom: 6px;}
#rankBox .rankli .thumb{

background-size: cover;
background-position: center;
    position: relative;
    width: 100%; }
#rankBox .rankli .cover{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 78%, rgba(0,0,0,0.62) 80%, rgba(0,0,0,0.62) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=0 ); /* IE6-9 */
}
#rankBox .rankli .rankno{width: 42px;height: 42px;background: #ffe800;position: absolute;left: 0;top: 0;text-align: center;font-size: 18px;font-weight: 700;line-height: 42px;}
#rankBox .rankli .cover{position: absolute ;width: 100%;height: 100%;bottom: 0; }
#rankBox .rankli .conts{position: absolute ;bottom: 0;padding: 8px;font-size: 12px;font-weight: 600;color: #fff;}
#rankBox .rankli .conts a{display: block ;text-decoration: none ;font-size: 12px;color: #fff;}
#rankBox .rankli .tit{font-size: 15px;line-height: 1.4;font-weight: 600;letter-spacing: 1px;}
#rankBox .rankli:hover{text-decoration: underline}
#rankBox .rankli .thumb:before {
    content:"";
    display: block;
    padding-top: 70%; /* 高さを幅の75%に固定 */
}
#content {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
}

#footer {
	clear:both;
	margin:0 auto;
}
.fSection {
	border-top:1px solid #C2C2C2;
	border-bottom:1px solid #C2C2C2;
}
.fSectionInner {
	margin:0 auto;
	padding:16px 0 36px;
	max-width:982px;
	width:100%;
}
.fSection .snsList {
	/*float:right;*/
	margin-top:14px;
	text-align: right;
}
.fSection .snsList li {
	display:inline-block;
	vertical-align:top;
	margin:0 3px;
}
.fLink {
	float:left;
	margin-right:45px;
	width:45%;
}
.fLink li {
	display:inline-block;
	vertical-align:middle;
	margin:0 18px 13px 0;
}
.fLink li a {
	color:#000;
	font-size:10px;
}
.fLinkCaption {
	border-bottom:1px solid #3E3939;
	margin-bottom:6px;
	padding-bottom:7px;
}
.fInfo {
	background:#333;
	color:#FFF;
	padding:21px 0 25px;
	text-align:center;
}
.fNav {
	display:inline-block;
	vertical-align:middle;
	width:560px;
	text-align:left;
}
.fNav li {
	display:inline-block;
	vertical-align:middle;
	margin-right:10px;
}
.fNav li:first-child {
	margin:3px 12px 0 0;
}
.fNav li a {
	color:#FFF;
	text-decoration:none;
}
.fNav li a:hover {
	text-decoration:underline;
}
#copyright {
	display:inline-block;
	vertical-align:middle;
	font-size:12px;
	width:450px;
	text-align:right;
}
#copyright span {
	margin-right:11px;
}

.linksBox {
	background:#EEE;
}
.linksBox .innerBlock {
	display:table;
	width:1010px;
	margin:0 auto;
}
.linksBox .innerBlock .cellBlock {
	display:table-cell;
	padding:15px 0;
	vertical-align:middle;
}
.linksBox .innerBlock .btn_official {
	color:#FFF;
	display:inline-block;
	width:125px;
	padding:10px 0;
	text-align:center;
	border-radius:3px;
	background:#A2A2A2;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	transition:background 0.3s ease;
}
.linksBox .innerBlock ul {
	width:870px;
	margin-left:15px;
	padding:15px 0;
	letter-spacing:-1em;
	border-top:1px solid #D0D0D0;
}
.linksBox .innerBlock ul:first-child {
	display:table;
	border-top:none;
}
.linksBox .innerBlock ul li {
	display:inline-block;
	width:16%;
	font-size:11px;
	letter-spacing:normal;
	text-align: center;
	border-left:1px solid #D0D0D0;
}
.linksBox .innerBlock ul:first-child li {
	display:table-cell;
	width:14%;
}
.linksBox .innerBlock ul li:first-child {
	border-left:none;
}

@media screen and (max-width: 980px) {
#rank{background: #f0f1ee;margin: 20px 0px 0;padding-bottom: 30px;}
#rank h2{font-size: 20px;font-weight: 900;text-align: center ;padding-top: 20px;line-height: 1.3}
#rank h2 span {display: block ;font-size: 14px;}
#rankBox {
    width: 94%;
}
#rankBox .rankli {
    width: 47%;
    margin: 1.5%;
    box-sizing: border-box;
    position: relative;
}
#rankBox .image {}
#rankBox .rankli .tit {
    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
    letter-spacing: 1px;
    display: block;
}
#rankBox .rankli .rankno {
    width: 32px;
    height: 32px;
    font-size: 16px;
    line-height: 32px;
}
.fGroup{background-color: #000}
.fGroup h2 {
    text-align: center;
    padding: 0 0 10px 0;
}
.fGroup h2 img {
    width: 86px;
}
.shareList {
    text-align: center;
}
.shareList li {
    display: inline-block;
    padding: 0 10px;
    margin-bottom: 10px;
}
.fGroup .shareList img {
    height: 23px;width: auto
}
.fSection{background-color: #000;
border-top: 1px solid #000;}
.fSection .fNav {
    padding: 0 0 20px 0;
}
.fSection .fNav{text-align: center}
.fSection .fNav li {
    display: inline-block;
    vertical-align: middle;
        background: none;
    padding: 0 7px;
    margin: 0;
    width: auto;
    float: none ;
}
#footer .fNav a {
    font-size: 11px;
    color: #FFF;
}

.linksBox .innerBlock ul:first-child{display: block;width: 100%;}
.linksBox .innerBlock {
    display:table;
    width:100%;
    margin:0 auto;
}
.linksBox .innerBlock ul li {
		display:block !important;
		float:left;
		width:calc(100% / 3) !important;
		padding:0;
		font-size:10px;
		letter-spacing:-0.05em;
		line-height:28px;
		text-align:center;
		border-right:1px solid #D0D0D0;
		border-bottom:1px solid #D0D0D0;
		border-left:none;
        box-sizing: border-box ;
	}
	.linksBox .innerBlock ul li:nth-of-type(3n) {
		border-right:none;
	}
.linksBox .innerBlock .cellBlock {
    display: block;
    padding: 0px 0;
    vertical-align: middle;
}
.linksBox .innerBlock .btn_official {
    width: 100%;
    padding: 7px 0;
    border-radius: 0px;
}
.linksBox .innerBlock ul {
    width: 100%;
    margin-left: 0px;
    padding: 0px 0;
    display: block;
}
.linksBox .innerBlock ul li {
    display: inline-block;
    width: 33.3%;
}
.fNav {
    display: block;
    width: 90%;
margin: 10px auto ;
}
.fNav li:first-child {
    margin: 3px auto 10px;
    float: none ;
}
.fNav li {
    display: block;
    vertical-align: middle;
    margin-right: 0px;
    width: 33.3333333%;
    font-size: 10px;
    float: left;
    text-align: center ;
}
#copyright {
    display: block;
    vertical-align: middle;
    font-size: 12px;
    width: 90%;
    text-align: center;
    margin: 10px auto ;
}
#copyright span{display: block;}
}
/*----------------------------------------------------------------------------------------------------------------------------------
#footer END
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
#front
----------------------------------------------------------------------------------------------------------------------------------*/

.home #gnavi ul li a{font-size: 14px;font-weight: 700;color: #000;text-decoration: none;padding: 9px 12px;
border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;
-moz-border-radius: 6px 6px 6px 6px / 6px 6px 6px 6px;}

#top3{}
#top3 ul {
    display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
#top3 ul li {
    margin: 1px;
    flex-grow: 1;
height: 30vh;
position: relative 
}
#top3 ul li a{display: block;height: 100%;}
#top3 ul li a:hover .tit{text-decoration: overline;}
#top3 ul li .thumb{
width: 100%;
height: 100%;
background-size: cover;
background-position: center }
#top3 ul li .cover{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 78%, rgba(0,0,0,0.62) 80%, rgba(0,0,0,0.62) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=0 ); /* IE6-9 */
}
#top3 ul li .cover{position: absolute ;width: 100%;height: 100%; }
#top3 ul li .conts{position: absolute ;bottom: 0;padding: 12px;}
#top3 ul li .conts a{display: block ;text-decoration: none ;font-size: 12px;color: #fff;}
#top3 ul li .conts .tit{font-size: 18px;line-height: 1.4;font-weight: 600;letter-spacing: 1px; color: #fff;}

#top3 ul li .thumb.review {
    width: 100%;
    height: 100%;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

.col2Area{
display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.topblock{padding: 12px;max-width: 48%;}
.topblock.stand{background-color: #fff}
.topblock h2{font-size: 30px;font-weight: 900;}
.topblock h2 span{display: inline-block ;line-height: 36px;float: left }
.topblock h2 span.jan{font-size: 15px;font-weight: 400;padding-left: 10px;}
.topblock ul{}
.topblock li{padding: 14px 0;border-bottom: 1px solid #ddd}
.topblock .left{width: 210px;height: 180px;float: left;margin-right: 12px; }
.topblock .left .thumb{width: 100%;height: 100%;background-size: cover ;background-position: center }
.topblock .left .thumb a{display: block ;width: 100%;height: 100%;}
.topblock .right{ padding-left:227px;}
.topblock .right .date{font-size: 11px;color: #575757;letter-spacing: 2px;}
.topblock .right h3{}
.topblock .right h3 a{font-size: 17px;font-weight: 600;color: #000;text-decoration: none ;line-height: 1.3;line-height: 1.4;display: block;}
.name {font-size: 17px;font-weight: 600;color: #000;text-decoration: none ;line-height: 1.3;line-height: 2.4;display: block;}
.topblock .right h3 a:hover{text-decoration: underline }
.topblock .right .author{font-size: 13px;font-weight: 500;line-height: 1;margin-bottom: 7px;}
.topblock .right .excerpt{font-size: 12px;color: #575757; margin-bottom:0;margin-bottom: 20px;}
.topblock .right .excerpta{font-size: 14px;color: #575757; margin-bottom:0;margin-bottom: 20px;}
.topblock.stand .right .excerpt{font-size: 12px;color: #575757; margin-bottom:0;margin-bottom: 0px;}
.topblock.stand .right .excerpta{font-size: 12px;color: #575757; margin-bottom:0;margin-bottom: 0px;}
.topblock .right .excerpt p{margin-bottom:0;}
.excerpt p {
  overflow: hidden;
  line-height: 1.5;
}
.excerpt p {
  white-space: normal;
  max-height: 4.5em;
  position: relative;
}
.excerpt p::after {
  content: "…";
  position: absolute;
  display: block;
  bottom: 0;
  right: 0;
}

.topblock.stand .left .thumb{background-size: contain;background-repeat: no-repeat ;background-position: center }

.topblock .all{display: block ;margin: 20px auto;width: 180px;font-weight: 700;height: 38px;color: #000;text-decoration: none;border: 1px solid #000;border-right: 3px solid;border-top: 3px solid;text-align: center;line-height: 36px;border-radius: 3px;}
.topblock .all:hover{background: #000;color: #fff;border: 1px solid #000;border-right: 3px solid #000;border-top: 3px solid #000;}

.col4Area{}
.col4Area .head{padding: 25px 0;width: 90%;max-width: 1366px;margin: 0 auto;}
.col4Area h2{font-size: 30px;font-weight: 900;}
.col4Area h2 span{display: inline-block ;line-height: 36px;float: left }
.col4Area h2 span.jan{font-size: 15px;font-weight: 400;padding-left: 10px;}
.col4Area ul {
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.col4Area ul li {
margin: 1px;
flex-grow: 1;
height: 30vh;
position: relative 
}
.col4Area ul li .thumb{
width: 100%;
height: 100%;
background-size: contain;
background-position: center;
background-repeat: no-repeat;
}
.col4Area ul li .cover{
background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.62) 78%, rgba(0,0,0,0.62) 80%, rgba(0,0,0,0.62) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.62) 78%,rgba(0,0,0,0.62) 80%,rgba(0,0,0,0.62) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000',GradientType=0 ); /* IE6-9 */
}
.col4Area ul li .cover{position: absolute ;width: 100%;height: 100%; }
.col4Area ul li .conts{position: absolute ;bottom: 0;padding: 12px;}
.col4Area ul li .conts a{display: block ;text-decoration: none ;font-size: 12px;color: #fff;}
.col4Area ul li .conts .tit{font-size: 18px;line-height: 1.4;font-weight: 600;letter-spacing: 1px;}

.col4Area .all{display: block;width: 140px;height: 32px;color: #000;text-decoration: none;text-align: center;line-height: 32px;border-radius: 20px;background: #fff;float: right ;margin-top: 5px;border: 1px solid #000;}
.col4Area .all:hover{background: #000;color: #fff;font-weight: 700}




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


.col2Area{display:block;width: 100%;padding: 10px 0;}
.topblock {padding: 12px 0px;width:100%;max-width:100%;}
.topblock h2 {font-size: 18px;padding: 12px 0 0 12px;margin-bottom: 0;}
.topblock li {padding: 0px 0;border-bottom: 1px solid #ddd;width: 100%;position: relative;min-height: 88px;}
.topblock .right h3 {line-height: 1.2;margin-bottom: 3px;}
.topblock .left {width:100px;position: absolute;height: 100%;}
.topblock .right {padding: 7px;padding-left: 110px;font-size: 11px;}
.topblock .right h3 a {font-size: 14px;line-height:1.5}
.topblock .right .date {margin: 0 0 0px 0;}
.topblock .right .excerpt {display: none;}
.topblock .right .author {font-size: 11px;}
.topblock .all {width: 160px;height: 30px;line-height: 28px;margin: 20px auto 0;}


.col4Area ul {display:block;width: 100%;}
.col4Area ul li {
    margin: 0px;
    flex-grow: 0;
    width: 50%;
    float: left ;
    box-sizing: border-box ;
}
.col4Area h2 {font-size: 18px;padding: 12px 0 0 0px;margin-bottom: 0;}
.col4Area .head {padding: 5px 0;}
.col4Area .head .all{display:none;}
.col4Area ul li .conts .tit {font-size: 14px;}
}

@media screen and (max-width: 768px) {
#top3 ul {display:block;}
#top3 ul li {width:100%;margin: 1px 0px;}
#top3 ul li .conts .tit {font-size: 15px;}
}

/*----------------------------------------------------------------------------------------------------------------------------------
#front END
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
#list
----------------------------------------------------------------------------------------------------------------------------------*/
.category{}
.category #related-entries{}
.category #related-entries h2{font-weight: 400;font-size: 15px;margin-top: 40px;}
.category #related-entries h2 span{text-align: center;font-weight: 700;font-size: 30px;margin-bottom: 0px;display: block }
.category .thumb {background-size: contain;}


.archive{}
.archive #related-entries{}
.archive #related-entries h2{font-weight: 400;font-size: 15px;    margin-top: 40px;}
.archive #related-entries h2 span{text-align: center;font-weight: 700;font-size: 30px;margin-bottom: 0px;display: block }
.archive .thumb {background-size: contain;}

.page #related-entries h2{font-weight: 400;font-size: 15px;    margin-top: 40px;}
.page #related-entries h2 span{text-align: center;font-weight: 700;font-size: 30px;margin-bottom: 0px;display: block }
.page .thumb {background-size: contain;}

@media screen and (max-width: 480px) {
.archive #related-entries h2 span{margin-top: 0px;font-size: 26px;}
.page #related-entries h2 span{margin-top: 0px;font-size: 26px;}
}




/*----------------------------------------------------------------------------------------------------------------------------------
#list END
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
#single
----------------------------------------------------------------------------------------------------------------------------------*/
.single #header{margin-bottom: -62px;}
.single #header #gnavi{position: relative ;z-index: 100}
.single #header #gnavi .breadcrumb{background: rgba(0,0,0,0.4);color: #fff;margin: 0px -12px;border-radius: 0px;}
.single #header #gnavi .breadcrumb a{color: #fff;}
.single .header{height: 35vh;position: relative;margin: 0 -12px;overflow: hidden  }
.single .header .cover{
position: absolute;
width: 100%;
height: 100%;
background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 78%, rgba(0, 0, 0, 0.62) 80%, rgba(0, 0, 0, 0.62) 100%);
/* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 78%, rgba(0, 0, 0, 0.62) 80%, rgba(0, 0, 0, 0.62) 100%);
/* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.62) 78%, rgba(0, 0, 0, 0.62) 80%, rgba(0, 0, 0, 0.62) 100%);
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#6b000000', GradientType=0 );
/* IE6-9 */
}
.single .header .thumb{position: absolute;width: 100%;height: 100%;background-size: cover;background-position:center;
-webkit-filter: blur(4px);
  -moz-filter: blur(4px);
  -o-filter: blur(4px);
  -ms-filter: blur(4px);
  filter: blur(4px);
top: -10px;
  left: -10px;
  right: -10px;
  bottom: -10px;
}
.single .header h2{position: absolute;text-align: center;width: 680px;left: 50%;bottom: 20px;margin-left: -340px;font-size: 30px;font-weight: 900;color: #fff;}
.single .header h2 .conts{display:none}
.single .header h2 .conts.series{display:block;font-size: 13px;font-weight: 700;}
.single.categoryid-6 .header h2 .conts{display:block;font-size: 13px;font-weight: 700;color: #fff;}
.single .header.stand{margin-bottom: -25vh}

.bookhead{position: relative;z-index: 100;margin: 0 auto;width: 620px;min-height: 25vh;}
.bookhead .inner{width: 100%;}
.bookhead .left{width: 160px;float: left}
.bookhead .right{width: 410px;float: right; color:#fff; padding-top:40px;}
.bookhead .right h2{font-size: 26px;font-weight: 800;}
.bookhead .right .subtit{font-size: 16px;font-weight: 700;}
.bookhead .right .author{font-size: 14px;font-weight: 600;}
.bookhead .right{}


/* Font Awesome hatena bookmark */
.fa-hatena:before {
	content: "B!";
	font-family: Verdana;
	font-weight: bold
}
.s_sbm{float: right;width: 220px;}
.s_sbm .facebook{}
.s_sbm .tweet{}
.s_sbm .hatena{}
.share {
margin-top: 0px;
margin-bottom: 0px;
}
.share ul {
margin: 0;
padding: 0;
list-style: none;
}
.share ul:after {
display: block;
clear: both;
content: '';
}
.share li {
float: left;
width: 33%;
margin: 0;
margin-top: 15px;
list-style: none;
}
.share li a {
font-size: 14px;
display: block;
padding: 10px;
text-align: center;
text-decoration: none;
color: #fff;
}
.share li a:hover {
opacity: .8;
}
.share li a:visited {
color: #fff;
}
.tweet a {
background-color: #55acee;
}
.facebook a {
background-color: #315096;
}
.googleplus a {
background-color: #dd4b39;
}
.hatena a {
background-color: #008fde;
}
.share li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 3px;
}
.share li i {
font-size: 1.3em;
padding-top: 3px;
}
.share li span {
display: none;
}


.single .entry{width: 680px; margin:20px auto 0px; padding: 0px 0px 20px 0px;line-height: 1.8;letter-spacing: 1px;}
.single .entry h2{font-size: 21px;font-weight: 900;line-height: 1.5;padding-bottom: 6px;border-bottom: 1px solid #000;margin:15px 0 10px;}
.single .entry h3,.post .entry h3{font-size: 18px;font-weight: 700;line-height: 1.4;padding-bottom: 6px;padding: 7px 12px;background-color: #f0e9da;border-radius: 6px;margin:15px 0 10px;}
.single .entry h4{font-size: 16px;font-weight: 500;line-height: 1.5;padding: 7px 12px;background-color: #575757;color: #fff;border-radius: 6px;margin:15px 0 10px;}
.single .entry h5{font-size: 15px;font-weight: 900;line-height: 1.5;padding-bottom: 6px;margin:15px 0 10px;}
.single .entry h6,.post .entry h6{font-size: 18px;font-weight: 700;line-height: 1.4;padding-bottom: 6px;padding: 7px 12px;background-color: #f2f2f2;border-radius: 6px;margin:15px 0 10px;}


.single .entry ul{list-style:disc inside;margin:15px 0 10px 15px;}
.single .entry li{}
.single .entry .pagenai{margin: /* 25px 0 10px */0px; position: relative;}
.single .entry .pagenai .count{
    position: absolute;
    margin: 10px;
    width: 50%;
    left: 25%;
    text-align: center;}
    
.single .entry .pagenai a span{font-weight: bold;padding: 6px 14px;border-radius: 4px;display:inline-block;}
.single .entry .pagenai .next-page-link{
}
.single .entry .pagenai .next-page-link a .nex{
    border: 1px solid #ccc;
    }

.single .entry .pagenai .next-page-link a .pre{
    border: 1px solid #3691c7;
    background-color: #3691c7;
    color: #fff;
    float: right;
    margin: 10px;}
.single .entry .page-links{
    padding: 10px;
    background-color: #efefef;
    border-radius: 8px;
    margin-top: 34px;
    font-size: 16px;}

.single .entry .page-links span{padding: 0 6px;border-bottom: 2px solid #000;}
.single .entry .page-links a span{border-bottom: 2px solid #efefef;}
.single .entry .page-links span.page-links-title{border-bottom: 2px solid #efefef;}

.single .belle{width: 100%;}
.single .belle p{ margin-bottom:4px;}
.single .belle .belle-info{float: left;font-size: 12px; }
.single .belle .belle-name{font-size: 14px;line-height: 1; display:none}
.single .belle .date{margin-top: 20px;}
.single .belle .heateor_sss_sharing_container {float: right}
.single .wp-caption-text{font-size: 11px;color: #777;text-align: center; padding-top: 5px;}
.single img{width: 100%;height: auto;}
.single .entry .wp-caption{width: 100%!important;text-align: center;}

#viewcont.smallV{width: 680px; margin:20px auto 35px;line-height: 1.8;letter-spacing: 1px;background-color: #383838;border-radius: 8px;padding: 10px 0;position: relative;
background-image: url(img/stanbook.png);
background-repeat: no-repeat;
background-position: 10px 12px;
background-size: 18px;
}
#viewcont.smallV #view{width: 70%; margin:0px auto 0px;line-height: 1.8;letter-spacing: 1px;}
.swiper-button-next, .swiper-button-prev{}
.swiper-button-next i, .swiper-button-prev i{color: #fff;font-size: 40px;padding: 20px 10px;
-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
.swiper-pagination{text-align: left!important ;padding: 12px 0 0 12px;color: #fff;font-size: 12px;    width: 80px!important;}
.swiper-full{
width: 38px;
height: 38px;
position: absolute;
z-index: 100;
right: 12px;
bottom: 12px;
background-color: #000;
border-radius: 4px;
cursor: pointer ;
background-image: url(img/fullview.png);
background-repeat: no-repeat;
background-position: center;
background-size: 28px;
}
.swiper-full:hover{background-color: #444;}
.swiper-small{
width: 100px;
height: 38px;
position: absolute;
z-index: 100;
right: 12px;
bottom: 12px;
background-color: #000;
border-radius: 4px;
cursor: pointer ;
    color: #fff;
    text-align: center;
    line-height: 38px;
}
.swiper-small:hover{background-color: #444;}


#viewcont.fllV{
margin: 0px auto 0px;
line-height: 1.8;
letter-spacing: 1px;
background-color: #383838;
border-radius: 8px;
padding: 10px 0;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 9999;
box-sizing: border-box;
display:none;
}
#viewcont.fllV #view{
width: 70%;
max-width: 90%;
padding-top: 0px;
height: 100%;
margin: 0px auto;
-webkit-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
#viewcont.fllV .swiper-containerfull {
    width: 100%!important;
    height: 100%;
    margin: 0px auto;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#viewcont.fllV .swiper-slide{width: 50%!important;}
.swiper-button-next2, .swiper-button-prev2{}
.swiper-button-next2 i, .swiper-button-prev2 i{color: #fff;font-size: 40px;padding: 20px 10px;
-moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg);
}
#viewcont.fllV .swiper-slide > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    position: absolute;
    left: 50%;
    top: 50%;
}

.swiper-slide .overa{
background-image: url(/wp-content/themes/booklike-Theme/img/bookover.png);
background-repeat: no-repeat;
background-position: center;
background-size: cover;
display: block ;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.inlist{width: 680px; margin:20px auto 35px;line-height: 1.8;letter-spacing: 1px;}
.inlist h3{text-align: center;font-size: 24px;font-weight: 900;}
.inlist li{list-style: none;border-bottom: 1px solid #ddd;padding: 12px 0;font-weight: 200;}
.inlist li .listtit{
display: inline-block ;
width: 100px;
}
.inlist li .listtxt{}

.othprof{position: relative;z-index: 100;margin: 40px auto;width: 680px;}
.othprof h3{text-align: center;font-size: 24px;font-weight: 900;margin-bottom:30px;}
.othprof .inner{width: 100%;}
.othprof .left{width: 190px;float: left;margin-right:30px}
.othprof .right{width: 450px;float: left; padding-top:0px; }
.othprof .right.noimage{width: 100%;float: none; }
.othprof .right h2{font-size: 20px;font-weight: 700;}
.othprof .right .auttxt{font-size: 14px;font-weight: 300;}

.bookinfo{padding: 40px;background-color: #f2f2f2;margin: 0px 0px 0px 0px!important;}
.bookinfo .inner{width: 680px;margin: 0 auto ;}
.bookinfo h2{text-align: center;font-weight: 700;font-size: 24px;margin-bottom: 30px;}
.bookinfo .left{width: 160px;margin-right: 30px;float: left }
.bookinfo .left img{}
.bookinfo .right{width: 490px;float: right }
.bookinfo .right h3{font-size: 20px;font-weight: 600;}
.bookinfo .right h3 span{font-size: 16px;font-weight: 600;display: block }
.bookinfo .right .buyarea{margin-top: 20px;}
.bookinfo .right h4{color: #0099cc;}
.bookinfo .right ul{}
.bookinfo .right li{display: inline-block ;margin:10px 0 15px;margin-right: 5px;}
.bookinfo .right li a{padding: 7px 12px;background-color: #fff;display: block ;border-radius: 3px;box-shadow: 0 0 2px #ccc;min-width: 60px;text-align: center ;font-size: 14px;}
.bookinfo .right .tostand{
background-color: #ffdb00;
width: 180px;
height: 42px;
display: block;
border-radius: 4px;
}
.categoryid-1 .bookinfo .right .tostand{display:none}

.bookinfo .right li a:hover{background-color: #000;color:#fff}
.bookinfo .right .tostand span{
background-image: url(/wp-content/themes/booklike-Theme/img/icon_book.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
display: inline-block ;
padding-left: 22px;
margin: 8px 0 0 30px;
font-weight: 500;
}
.bookinfo .right .tostand:hover{
background-color: #fff;
box-shadow: 0 0 4px #ccc;
}

.bookinfolock{
position: fixed ;
width: 200px;
padding: 10px;
background: #fff;
right: 15px;
bottom: 15px;
box-shadow: 0 0 8px #ccc;
text-align: center;
font-size: 12px;
z-index: 999;
}
.bookinfolock .inner{width: 100%;margin: 0 auto ;}
.bookinfolock h2{text-align: center;font-weight: 700;font-size: 16px;margin-bottom: 5px;}
.bookinfolock .left{  width: 40%;margin: 0 auto 5px;}
.bookinfolock .left img{}
.bookinfolock .right{width: 100%; }
.bookinfolock .right h3{font-size: 13px;font-weight: 600;margin-bottom: 5px; line-height: 1.4;}
.bookinfolock .right h3 span{font-size: 13px;font-weight: 600;display: block;}
.bookinfolock .right .buyarea{margin-top: 10px;}
.bookinfolock .right h4{color: #0099cc;}
.bookinfolock .right .tostand{
background-color: #ffdb00;
width: 100%;
height: 42px;
display: block;
border-radius: 4px;
margin: 0 auto 8px;
font-size: 15px;
}
.bookinfolock .right .tostand span{
background-image: url(/wp-content/themes/booklike-Theme/img/icon_book.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
display: inline-block ;
padding-left: 22px;
margin: 8px 0 0 10px;
font-weight: 500;
}
.bookinfolock .right .tostand:hover{
background-color: #fff;
box-shadow: 0 0 4px #ccc;
}


.writerinfo{padding: 40px;background-color: #ffffff;margin: 10px 0px -36px 0px!important;}
.writerinfo .inner{width: 680px;margin: 0 auto ;}
.writerinfo h2{text-align: center;font-weight: 700;font-size: 24px;margin-bottom: 30px;}
.writerinfo .left{width: 160px;margin-right: 30px;float: left }
.writerinfo .left img{}
.writerinfo .right{width: 490px;float: right }
.writerinfo .right h3{font-size: 20px;font-weight: 600;}
.writerinfo .right h3 span{font-size: 16px;font-weight: 600;display: block }
.writerinfo .right .buyarea{margin-top: 20px;}
.writerinfo .right h4{color: #0099cc;}
.writerinfo .right ul{}
.writerinfo .right li{display: inline-block ;margin:10px 0 15px;margin-right: 5px;}
.writerinfo .right li a{padding: 7px 12px;background-color: #fff;display: block ;border-radius: 3px;box-shadow: 0 0 2px #ccc;min-width: 60px;text-align: center ;font-size: 14px;}
.writerinfo .right .tostand{
background-color: #ffdb00;
width: 180px;
height: 42px;
display: block;
border-radius: 4px;
}
.categoryid-1 .writerinfo .right .tostand{display:none}

.writerinfo .right li a:hover{background-color: #000;color:#fff}
.writerinfo .right .tostand span{
background-image: url(/wp-content/themes/booklike-Theme/img/icon_book.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
display: inline-block ;
padding-left: 22px;
margin: 8px 0 0 30px;
font-weight: 500;
}
.writerinfo .right .tostand:hover{
background-color: #fff;
box-shadow: 0 0 4px #ccc;
}

.writerinfoolock{
position: fixed ;
width: 200px;
padding: 10px;
background: #fff;
right: 15px;
bottom: 15px;
box-shadow: 0 0 8px #ccc;
text-align: center;
font-size: 12px;
z-index: 999;
}
.writerinfolock .inner{width: 100%;margin: 0 auto ;}
.writerinfolock h2{text-align: center;font-weight: 700;font-size: 16px;margin-bottom: 5px;}
.writerinfolock .left{  width: 40%;margin: 0 auto 5px;}
.writerinfolock .left img{}
.writerinfolock .right{width: 100%; }
.writerinfolock .right h3{font-size: 13px;font-weight: 600;margin-bottom: 5px; line-height: 1.4;}
.writerinfolock .right h3 span{font-size: 13px;font-weight: 600;display: block;}
.writerinfolock .right .buyarea{margin-top: 10px;}
.writerinfolock .right h4{color: #0099cc;}
.writerinfolock .right .tostand{
background-color: #ffdb00;
width: 100%;
height: 42px;
display: block;
border-radius: 4px;
margin: 0 auto 8px;
font-size: 15px;
}
.writerinfolock .right .tostand span{
background-image: url(/wp-content/themes/booklike-Theme/img/icon_book.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
display: inline-block ;
padding-left: 22px;
margin: 8px 0 0 10px;
font-weight: 500;
}
.writerinfolock .right .tostand:hover{
background-color: #fff;
box-shadow: 0 0 4px #ccc;
}

/*レビュー記事の書籍購買リンク ここから*/
.buyinfo{
	width: 100%;
    margin: 0 auto;
    padding: 0 0 20px 0;
}
.buyinfo ul{
	width: 210px;
	margin: 0 auto;
}
.buyinfo ul li{
	display: inline-block;
    margin: 10px 0 15px;
    margin-right: 5px;
}
.buyinfo ul li a{
	padding: 7px 12px;
    background-color: #fff;
    display: block;
    border-radius: 3px;
    box-shadow: 0 0 2px #ccc;
    min-width: 60px;
    text-align: center;
    font-size: 14px;
}
.buyinfo ul li a:hover{background-color: #000;color:#fff}

/*レビュー記事の書籍購買リンク ここまで*/



#pagelink{width: 960px;margin: 50px auto 70px;}
#pagelink .inner{border-top: 1px solid #ddd;border-bottom: 1px solid #ddd;width: 100%}
#pagelink .prev{width: 49.5%;float: left; padding:14px;border-right: 1px solid #ddd;box-sizing: border-box }
#pagelink .prev i{font-size: 16px;font-style: normal ;font-weight: 100;color: #888;display: block ;float: none ;margin-right: 0px;margin-bottom: 5px}
#pagelink .prev a{}
#pagelink .next{width: 49.5%;float: right;padding:14px;box-sizing: border-box ;text-align: right;}
#pagelink .next a{}
#pagelink .next i.fa-chevron-circle-left{font-size: 16px;font-style: normal ;font-weight: 100;color: #888;display: block ;float: left ;margin-right: 15px;}
#pagelink .next i.fa-chevron-circle-right{font-size: 16px;font-style: normal ;font-weight: 100;color: #888;display: block ;float: right ;margin-left: 0px;width: 100%;}
#pagelink .next i.fa-chevron-circle-right:before{float: right;}
#pagelink .backlist{    text-align: center;padding: 15px 0;    border-bottom: 1px solid #ddd;}
#pagelink .backlist a{}
#related-entries{width: 90%;max-width: 1366px;margin: 0 auto;}
#related-entries h2{ text-align: center; font-weight: 700; font-size: 24px; margin-bottom: 30px; margin-top: 40px;}
#related-entries .underblock{
display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
#related-entries .underblock{padding: 12px;}
#related-entries .underblock h2{font-size: 30px;font-weight: 900;}
#related-entries .underblock h2 span{display: inline-block ;line-height: 36px;float: left }
#related-entries .underblock h2 span.jan{font-size: 15px;font-weight: 400;padding-left: 10px;}
#related-entries .underblock ul{}
#related-entries .underblock li{padding: 14px;width: 48%;box-sizing: border-box;    border-bottom: 1px solid #ddd;margin: 1%; }
#related-entries .underblock .left{width: 210px;height: 180px;float: left;margin-right: 12px; }
/*#related-entries .underblock .left .thumb{width: 100%;height: 100%;background-size: cover ;background-position: center }:*/
#related-entries .underblock .left .thumb{width: 100%;height: 100%; background-size: contain;background-position: center;background-repeat: no-repeat;}
#related-entries .underblock .left .thumb a{display: block ;width: 100%;height: 100%;}
#related-entries .underblock .right{ padding-left:227px;}
#related-entries .underblock .right .date{font-size: 11px;color: #575757;letter-spacing: 2px;}
#related-entries .underblock .right h3{}
#related-entries .underblock .right h3 a{font-size: 19px;font-weight: 600;color: #000;text-decoration: none ;line-height: 1.3;}
#related-entries .underblock .right h3 a:hover{text-decoration: underline }
#related-entries .underblock .right .author{font-size: 13px;font-weight: 500;}
#related-entries .underblock .right .excerpt{font-size: 12px;color: #575757;}
#related-entries .underblock .right .excerpta{font-size: 14px;font-weight: 520;color: #575757;}
#related-entries .underblock .right .selink{text-align: right;font-size: 14px;}
#related-entries .underblock .right .selink a{color: #3191b1;padding-right: 5px;}
#related-entries .underblock .right .selink a i{font-family:FontAwesome;}
#related-entries .underblock.stand .left .thumb{background-size: contain;background-repeat: no-repeat ;background-position: center }

.tags{
    background-image: url(img/tag.png);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 13px;
    padding-left: 18px;
    width: 680px;
    margin: 10px auto;
    box-sizing: border-box;
}
.tags li{    display: inline-block;padding-right: 10px;}
.tags a{color: #00b8dc;font-size: 16px;}

@media screen and (max-width: 980px) {
.single #header {margin-bottom: 0px;}
.single .header {
    height: 25vh;
    position: relative;
    margin: 0 0px;
    overflow: hidden;
}
.single .header h2 {
    position: absolute;
    text-align: center;
    width: 84%;
    left: 8%;
    bottom: 20px;
    margin-left: 0px;
    font-size: 18px;
    font-weight: 900;
    color: #fff;
}
.single .header .thumb {
    -webkit-filter: blur(4px);
    -moz-filter: blur(4px);
    -o-filter: blur(4px);
    -ms-filter: blur(4px);
    filter: blur(4px);
    top: -4px;
    left: -4px;
    right: -4px;
    bottom: -4px;
}
.single .header.stand {margin-bottom: -20vh;}
.bookhead{position: relative;z-index: 100;margin: 0 auto;width: 90%; min-height: inherit;}
.bookhead .inner{width: 100%;}
.bookhead .left{width: 120px;float: none;margin: 0 auto }
.bookhead .right{width: 100%;float:none; color:#000; padding-top:10px;text-align: center }
.bookhead .right h2{font-size: 17px;font-weight: 900;margin-bottom: 0;line-height: 1.2}
.bookhead .right .subtit{font-size: 18px;font-weight: 700;margin-bottom: 0;}
.bookhead .right .author{font-size: 15px;font-weight: 400;}


.single .entry {width: 92%;}
.single .belle .belle-info {}
.single .belle .date {margin-top: 0px;}
.single .belle .heateor_sss_sharing_container {float: none;margin: 0 auto ;display: block;}
.single .belle ul {
    list-style: disc inside;
    margin: 0px 0 0px;
}
.single .belle .share li {
    float: left;
    width: 33%;
    margin: 0;
    margin-top: 0px;
    list-style: none;
}
.single .belle .share li a {
    font-size: 14px;
    display: block;
    padding: 3px;
    text-align: center;
    text-decoration: none;
    color: #fff;
}

#viewcont.smallV{width: 100%; margin:20px auto 35px;line-height: 1.8;letter-spacing: 1px;background-color: #383838;border-radius: 0px;padding: 50px 0px 35px;position: relative;
background-image: url(img/stanbook2.png);
background-repeat: no-repeat;
background-position: center 12px;
background-size: 109px;
}
#viewcont.smallV #view{width: 98%; margin:0px auto 0px;line-height: 1.8;letter-spacing: 1px;}
.swiper-full{display:none;}
#viewcont.fllV{width: 100%; margin:0px auto 0px;line-height: 1.8;letter-spacing: 1px;background-color: #383838;border-radius: 0px;padding: 10px 0;
background-image: none;
}
#viewcont.fllV #view{width: 100%; margin:0px auto 0px;line-height: 1.8;letter-spacing: 1px;}
#viewcont.fllV .swiper-slide > img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,5%);
    position: absolute;
    left: 50%;
    top: 0%;
}
#viewcont.fllV .swiper-button-next {
    right: 10%;
    left: auto;
    bottom: 60px;
    top: auto;    z-index: 100;
}
#viewcont.fllV .swiper-button-prev {
    left: 10%;
    bottom: 60px;
    top: auto;    z-index: 100;
}
.swiper-small{
width: 100px;
height: 38px;
position: absolute;
z-index: 100;
right: 50%;
margin-right:-50px;
bottom:48px;
background-color: #000;
border-radius: 4px;
cursor: pointer ;
color: #fff;
    text-align: center;
    line-height: 38px;
}

.inlist{width: 90%; }
.inlist h3{text-align: center;font-size: 20px;font-weight: 900;}
.inlist li{font-size: 13px;}
.inlist li .listtit{
display: inline-block;
width: 25%;
float: left ;
}
.inlist li .listtxt{
width: 95%;
display: inline-block;
line-height: 1.4
}

.othprof{width: 90%;}
.othprof h3{text-align: center;font-size: 20px;}
.othprof .inner{width: 100%;}
.othprof .left{width: 100%;float: none;margin: 0 auto 15px}
.othprof .right{width: 100%;float: none; padding-top:0px;}
.othprof .right h2{font-size: 18px;font-weight: 700;}
.othprof .right .auttxt{font-size: 14px;font-weight: 300;}


.bookinfo{padding: 20px 0;background-color: #f2f2f2;margin: 10px 0px -36px 0px;}
.bookinfo h2 {
        font-size: 20px;
        padding: 0px 0 10px 0px;
        margin-bottom: 0;
    }
.bookinfo .inner{width: 90%;margin: 0 auto ;}
.bookinfo .left {
    width: 140px;
    margin-right: 0px;
    float: none;
    margin: 0 auto ;
}
.bookinfo .right {
    width: 90%;
    float: none;
    margin: 10px auto;
}
.bookinfo .right li {
    display: inline-block;
    margin: 0px 0 5px;
    margin-right: 5px;
}
.bookinfo .right h4 {
    color: #0099cc;
    margin-bottom: 10px;
}
.bookinfo .right li a{padding: 7px 10px;;min-width: 50px;text-align: center ;font-size: 13px;}
.bookinfo .right .tostand {
    margin: 15px auto ;
}



.writerinfo{padding: 20px 0;background-color: #f2f2f2;margin: 10px 0px -36px 0px;}
.writerinfo h2 {
        font-size: 20px;
        padding: 0px 0 10px 0px;
        margin-bottom: 0;
    }
.writerinfo .inner{width: 90%;margin: 0 auto ;}
.writerinfo .left {
    width: 140px;
    margin-right: 0px;
    float: none;
    margin: 0 auto ;
}
.writerinfo .right {
    width: 90%;
    float: none;
    margin: 10px auto;
}
.writerinfo .right li {
    display: inline-block;
    margin: 0px 0 5px;
    margin-right: 5px;
}
.writerinfo .right h4 {
    color: #0099cc;
    margin-bottom: 10px;
}
.writerinfo .right li a{padding: 7px 10px;;min-width: 50px;text-align: center ;font-size: 13px;}
.writerinfo .right .tostand {
    margin: 15px auto ;
}



.bookinfolock{
width: 96%;
height: 42px;
padding: 0px;
right: 2%;
bottom: 8px;
box-shadow: 0 0 4px #ccc;
}
.bookinfolock .inner{width: 100%;margin: 0 auto ;}
.bookinfolock h2{text-align: center;font-weight: 700;font-size: 16px;margin-bottom: 5px;display:none}
.bookinfolock .left{display:none}
.bookinfolock .right{width: 100%; }
.bookinfolock .right h3{font-size: 13px;font-weight: 600;margin-bottom: 5px; line-height: 1.4;display:none}
.bookinfolock .other{display:none}
.bookinfolock .right .buyarea{margin-top: 0px;}
.bookinfolock .right h4{color: #0099cc;display:none}
.bookinfolock .right .tostand{
background-color: #ffdb00;
width: 100%;
height: 42px;
display: block;
border-radius: 4px;
margin: 0 auto 8px;
font-size: 15px;
}
.bookinfolock .right .tostand span{
background-image: url(/wp-content/themes/booklike-Theme/img/icon_book.png);
background-repeat: no-repeat;
background-position: left center;
background-size: 18px;
display: inline-block ;
padding-left: 22px;
margin: 8px 0 0 10px;
font-weight: 500;
}
.bookinfolock .right .tostand:hover{
background-color: #fff;
box-shadow: 0 0 4px #ccc;
}



#pagelink {width: 100%;margin: 20px auto 20px;}
#pagelink .prev {font-size: 12px;}
#pagelink .next {font-size: 12px;}
#pagelink .prev i {font-size: 16px;float: none;}
#pagelink .next i {font-size: 16px;float: none;margin-right: 0px;text-align: right }

#related-entries{display:block;width: 100%;padding: 0px 0;}
#related-entries .underblock {padding: 12px 0px;}
#related-entries h2 {font-size: 20px;padding: 0px 0 0 12px;margin-bottom: 0;margin-top:40px}
#related-entries .underblock li {padding: 0px 0;border-bottom: 1px solid #ddd;width: 100%;position: relative ;min-height: 88px;margin: 0%;}
#related-entries .underblock .right h3 {line-height: 1.4;margin-bottom: 3px;}
#related-entries .underblock .left {width: 100px;position: absolute;height: 100%;}
#related-entries .underblock .right {padding: 7px;padding-left:110px;font-size: 11px;}
#related-entries .underblock .right h3 a {font-size: 14px;line-height: 1.6;}
#related-entries .underblock .right .date {margin: 0 0 0px 0;}
#related-entries .underblock .right .excerpt {display: none;}
#related-entries .underblock .right .excerpta{display: none;}
#related-entries .underblock .right .author {font-size: 11px;}
#related-entries .underblock .all {width: 160px;height: 30px;line-height: 28px;margin: 10px auto;}

.tags{
    background-size: 13px;
    padding-left: 18px;
    width: 90%;
}
.tags li{ display: inline-block;padding-right: 10px;}
.tags a{color: #00b8dc;font-size: 16px;}

}

@media screen and (max-width:768px) {
.single .entry {font-size:14px;}
.single .entry h2{font-size: 18px;font-weight: 900;line-height: 1.5;padding-bottom: 6px;border-bottom: 1px solid #000;margin:12px 5px 5px 5px;}
.single .entry h3{font-size: 16px;font-weight: 700;line-height: 1.4;padding-bottom: 6px;padding: 7px 12px;background-color: #f0e9da;border-radius: 6px;margin:15px 0 10px;}
}
/*----------------------------------------------------------------------------------------------------------------------------------
#single END
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
#SNS
----------------------------------------------------------------------------------------------------------------------------------*/
#p-share{width: 680px;margin: 0 auto;}
/*記事がよかったら、いいねPC*/
.p-entry__push {
margin-bottom: 20px;
display: table;
table-layout: fix;
width: 100%;
background-color: #2b2b2b;
color: #fff;
}
.p-entry__pushThumb {
display: table-cell;
min-width: 237px;
background-position: center;
background-size:cover;
}
.p-entry__pushLike {
display: table-cell;
padding: 20px;
text-align: center;
vertical-align: middle;
line-height: 1.4;
font-size: 20px;
}
.p-entry__pushButton {
margin-top: 15px;
display: inline-block;
width: 200px;
height: 40px;
line-height: 40px;
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
}
.p-entry__pushButtonLike {
line-height: 1;
}
.p-entry__note {
margin-top: 15px;
font-size: 12px;
color: #999;
}
.p-entry__tw-follow {
margin-bottom: 10px;
background: #f4f4f4;
width: 100%;
padding: 15px 0;
}
.p-entry__tw-follow__cont {
text-align: center;
font-size: 15px;
color: #252525;
}
.p-entry__tw-follow__item {
display: inline-block;
vertical-align: middle;
    line-height: 0;
    height: 13px;
}


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

#p-share {width: 90%;margin: 0 auto;}

/*記事がよかったら、いいねスマホ*/
.p-shareButton-bottom {
padding-bottom: 15px;
overflow: hidden;
}
.p-shareButton__buttons {
font-weight: 700;
color: #fff;
font-size: 13px;
text-align: center;
}
.p-shareButton__buttons>li {
padding-left: 3px;
padding-right: 4px;
}
.p-shareButton__buttons .c-btn {
padding: 8px 0;
border-radius: 2px;
}
.p-shareButton__buttons .c-ico {
display: block;
margin: auto auto 5px;
}
.p-shareButton__fb {
-webkit-transform: scale(1.2);
-ms-transform: scale(1.2);
transform: scale(1.2);
width: 115px;
}
.p-shareButton__fb-cont {
position: relative;
width: 108px;
margin: 0 auto;
}
.p-shareButton__fb-unable {
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 20px;
}
.p-shareButton__cont {
margin: 15px 0 0;
}
.p-shareButton__a-cont {
background: #2e2e2e;
display: table;
width: 100%;
}
.p-shareButton__a-cont__img {
display: table-cell;
min-width: 130px;
-webkit-background-size: cover;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.p-shareButton__a-cont__btn {
display: table-cell;
padding: 12px;
text-align: center;
}
.p-shareButton__a-cont__btn p {
font-size: 12px;
color: #fff;
font-weight: 700;
padding: 5px 0 15px;
line-height: 1.4;
margin-bottom: 0px;
}

.p-entry__pushThumb {
display: table-cell;
min-width:40%;
background-position: center;
background-size:cover;
}
.p-entry__pushLike {
font-size:15px
}

.p-asideFollowUs__twitter {
border: 2px solid #e6e6e6;
margin-top: 15px;
padding: 12px 0;
}
.p-asideFollowUs__twitter__cont {
text-align: center;
font-size: 13px;
color: #252525;
font-weight: 700;
}
.p-asideFollowUs__twitter__item {
display: inline-block;
vertical-align: middle;
margin: 0 2px;
}
}

/*YouTubeレスポンシブサイズ*/
.youtube {
    position: relative;
    max-width: 100%;
    padding-top: 56.25%;
}
.youtube iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
/*----------------------------------------------------------------------------------------------------------------------------------
#SNS END
----------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------------------------------
#other
----------------------------------------------------------------------------------------------------------------------------------*/
#reviwer-entries{width: 90%;max-width: 1366px;margin: 0 auto;}
#reviwer-entries h2{text-align: center;font-weight: 700;font-size: 24px;margin-bottom: 30px;}
#reviwer-entries .underblock{
display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-wrap: wrap;
  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
#reviwer-entries .underblock{padding: 12px;}
#reviwer-entries .underblock h2{font-size: 30px;font-weight: 900;}
#reviwer-entries .underblock h2 span{display: inline-block ;line-height: 36px;float: left }
#reviwer-entries .underblock h2 span.jan{font-size: 15px;font-weight: 400;padding-left: 10px;}

#reviwer-entries h2{font-weight: 400;font-size: 12px;}
#reviwer-entries h2 span{text-align: center;font-weight: 700;font-size: 24px;margin-bottom: 0px;display: block }

#reviwer-entries h2.title{text-align: center;font-weight: 700;font-size: 24px;margin-bottom: 30px;}

#reviwer-entries .underblock ul{}
#reviwer-entries .underblock li{padding: 12px;width: 50%;box-sizing: border-box }
#reviwer-entries .underblock .left{width: 150px;height: 150px;float: left;margin-right: 12px;border-radius: 75px;overflow: hidden }
#reviwer-entries .underblock .left .thumb{width: 100%;height: 100%;background-size: cover ;background-position: center }
#reviwer-entries .underblock .left .thumb a{display: block ;width: 100%;height: 100%;}
#reviwer-entries .underblock .right{ padding-left:180px;}
#reviwer-entries .underblock .right .date{font-size: 11px;color: #575757;letter-spacing: 2px;}
#reviwer-entries .underblock .right h3{}
#reviwer-entries .underblock .right h3 a{font-size: 19px;font-weight: 600;color: #000;text-decoration: none ;line-height: 1.3;}
#reviwer-entries .underblock .right h3 a:hover{text-decoration: underline }
#reviwer-entries .underblock .right .author{font-size: 13px;font-weight: 500;}
#reviwer-entries .underblock .right .excerpt{font-size: 12px;color: #575757;}
#reviwer-entries .underblock .right .excerpta{font-size: 14px;color: #575757;font-weight: 520;}
#reviwer-entries .underblock .rvleft .left{width: 210px;height: 180px;float: left;margin-right: 12px;border-radius: 0px;overflow: hidden }
#reviwer-entries .underblock .rvleft .right{ padding-left: 227px;}

#reviwerbox{background: #ebebe1;border-radius: 3px;margin-top: -32px;text-align: center; padding-top:30px;padding-bottom: 5px;margin-bottom: 30px; }
#reviwerbox h2{text-align: center; font-weight: 700; font-size: 24px; margin-bottom: 30px;}
#reviwerbox .imgbox{width: 150px;height: 150px;border-radius: 75px;overflow: hidden;margin: 20px auto 20px ;background-size: cover }
#reviwerbox .title{font-size: 18px;font-weight: 700;letter-spacing: 2px;margin: 0}
#reviwerbox .head{font-weight: 500;font-size: 13px;}
#reviwerbox .description{width: 680px;margin: 0 auto;font-size: 13px;line-height: 1.8;text-align: left;}

@media screen and (max-width:768px) {
#reviwerbox{margin-top: 0px; padding-top:10px;padding-bottom:28px;margin-bottom: 30px; }
#reviwerbox .description {width: 90%;}
#reviwer-entries h2.title{text-align: center;font-weight: 700;font-size: 20px;margin-bottom: 30px;}

#reviwer-entries{display:block;width: 100%;padding: 0px 0;}
#reviwer-entries .underblock {padding: 12px 0px;}
#reviwer-entries h2 {font-size: 14px;padding: 0px 0 0 12px;margin-bottom: 0;}
#reviwer-entries .underblock li {padding: 10px;border-bottom: 1px solid #ddd;width: 100%;position: relative ;min-height: 88px;}
#reviwer-entries .underblock .right h3 {line-height: 1.4;margin-bottom: 3px;}
#reviwer-entries .underblock .left {width: 100px;height: 100px;}
#reviwer-entries .underblock .right {padding: 0 7px;padding-left:110px;font-size: 11px;}
#reviwer-entries .underblock .right h3 a {font-size: 14px;line-height: 1.6;}
#reviwer-entries .underblock .right .date {margin: 0 0 0px 0;}
#reviwer-entries .underblock .right .author{margin: 0 0 5px 0;}
#reviwer-entries .underblock .right .excerpt {}
#reviwer-entries .underblock .right .excerpta{}
#reviwer-entries .underblock .right .author {font-size: 11px;}
#reviwer-entries .underblock .all {width: 160px;height: 30px;line-height: 28px;margin: 10px auto;}
#reviwer-entries .underblock .rvleft {padding: 0px;border-bottom: 1px solid #ddd;width: 100%;position: relative ;min-height: 88px;}
#reviwer-entries .underblock .rvleft .left {width: 100px;position: absolute;height: 100%;}
#reviwer-entries .underblock .rvleft .right {padding: 7px;padding-left:110px;font-size: 11px;}
}


/*----------------------------------------------------------------------------------------------------------------------------------
#other END
----------------------------------------------------------------------------------------------------------------------------------*/


/*----------------------------------------------------------------------------------------------------------------------------------
#光文社LIVE用　追記CSS
----------------------------------------------------------------------------------------------------------------------------------*/
#page-content .entry{width: 830px; margin:20px auto 0px;line-height: 1.8;letter-spacing: 1px;}
.live_sec_wrap{
	margin: 50px 0;
}
.live_sec_wrap .table_01{
	width: 100%;
    border: 1px #E3E3E3 dotted;
}
.live_sec_wrap .table_01 th{
	padding: 10px;
    border-width: 0 3px 0 0;
    background: #fff;
    font-weight: 700;
    border: 1px #E3E3E3 dotted;
}
.live_sec_wrap .table_01 td{
	padding: 10px;
    border: 1px #E3E3E3 dotted;
    text-align: left;
}
.live_sec_wrap .left{
	float: left;
	width: 33%;
	height: auto;
}
.live_sec_wrap .right{
	float: right;
    width: 57%;
    height: auto;
    margin: 0 5%;
}
.live_sec_wrap .live_sec_wrap_koushi:after{
	content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}
.live_sec_wrap .btn{
	display: block;
    margin: 50px auto;
    width: 80%;
    font-weight: 700;
    height: 60px;
    color: #000;
    text-decoration: none;
    border: 1px solid #000;
    border-right: 3px solid;
    border-top: 3px solid;
    text-align: center;
    line-height: 58px;
    border-radius: 3px;
}
.live_sec_wrap .btn:hover{background: #000;color: #fff;border: 1px solid #000;border-right: 3px solid #000;border-top: 3px solid #000;}

.live_sec_wrap .live_report_wrap .right .tit a{
	font-size: 17px;
    font-weight: 600;
    color: #000;
    text-decoration: none;
    line-height: 1.3;
    line-height: 1.4;
    display: block;
}

.live_sec_wrap .live_report_wrap .right .date{
	font-size: 11px;
    color: #575757;
    letter-spacing: 2px;
}
.live_sec_wrap .live_report_wrap .right .excerpt{
	font-size: 12px;
    color: #575757;
    margin-bottom: 0;
    margin-bottom: 0px;
}
@media screen and (max-width: 768px){
	#post-5910 .entry{
		width: 92%;
	}
	.live_sec_wrap{
		margin: 10px 0 0;
	}
	.live_sec_wrap .left{
		width: 100%;
	}
	.live_sec_wrap .right{
		width: 100%;
		margin: 20px 0;
	}
	
}