/* カスタム CSS をここに入力してください */
/* タイトルロゴ */
.header.headercenter #logo img {
max-height: 160px;
}
.carlink-area{
  display: table;
  padding: 25px;
  margin-bottom: 10px;
  border: 3px double #62bfcc;
  margin: 0 auto;
  background: #ffffe7;
}

.carlink-img{
  width: 200px;
  display: table-cell;
  text-align: center;
  vertical-align: top;
}

.carlink-info{
  display: table-cell;
  overflow: hidden;
  vertical-align: top;
  width: 350px;
}

h3.carlink-info-text{
  margin: 0;
  font-size: 22px;
}

.carlink-info-text-sub{
  font-size: 14px;
  margin: 5px 0 15px;
}

.carlink-info-inner{
  text-align: center;
  margin: 0 0 15px;
}

.carlink-info-inner a{
  text-decoration: none;
  display: block;
  color: #fff;
  padding: 7px 10px 5px;
  transition: all 0.2s;
  border-radius: 2px;
  position: relative;
  font-size: 18px;
}

.carlink-info-inner a:active{
  box-shadow: none;
  top: 3px;
}

.carlink-info-estimate a{
  background: #2ba6e1;
  box-shadow: 0 3px 0 #216f94;
}

.carlink-info-estimate a:hover{
  background: #5bbdec;
}

.carlink-info-unused a{
  background: #eeb947;
  box-shadow: 0 3px 0 #a6760f;
}

.carlink-info-unused a:hover{
  background: #f1c568
}

.carlink-info-bestprice a{
  background: #f7594d;
  box-shadow: 0 3px 0 #c41e11;
}

.carlink-info-bestprice a:hover{
  background: #f9796f;
}

/* 合わせて読みたい*/
.entry-content .margin-clear{
margin:0px;
}
.entry-content .relation-head{
display: inline-block;
padding:5px 10px 2px 10px;
margin-bottom: 0px ;
font-size: 18px ;
font-weight:bold;
background-color: #FF8000;
color: #fff;
border-radius: 4px 4px 0px 0px;
}
.entry-content .relation-link{
display: block;
height:auto;
color:#0080FF;
text-decoration: underline;
border:solid 2px #FF8000;
background-color: rgba(255, 254, 242,0.5);
border-radius: 0px 4px 4px 4px;
padding: 20px;
margin: 0px auto 20px auto;
font-size: 18px;
}
.entry-content .relation-link:before{
content:"\f0a9";
padding-right:10px;
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
animation: horizontal 3s ease infinite;
-webkit-animation: horizontal 3s ease infinite;
}

/*
ここに独自の CSS を追加することができます。

詳しくは上のヘルプアイコンをクリックしてください。
*/

/* 文字の大きさ */

body {
font-size: 115%;
line-height: 1.5;
}

/* キャプション */
.wp-caption {
border: 1px solid #666666;
text-align: center;
background-color: #F8F8F8;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

/* キャプションEND */

/* カエレバ用CSSサンプル */
.kaerebalink-box,
.booklink-box,
.pochireba{
background: #f9f9f9;
margin: 1em 0;
padding: 1em;
min-height: 160px;
border: 5px #eee solid;
border-radius: 0.5em;
-webkit-box-shadow: 0 0 25px #f1f1f1 inset;
-moz-box-shadow: 0 0 25px #ddd inset;
-o-box-shadow: 0 0 25px #f1f1f1 inset;
box-shadow: 0 0 25px #f1f1f1 inset;
}
.kaerebalink-image,
.booklink-image,
.pochireba img{
width:30%;
float:left;
margin:0 1em 0 0;
text-align: center;
}
.kaerebalink-name a,
.booklink-name a,
.pochi_name a{
font-weight:bold;
font-size:1.2em;
}
.pochi_name a{
margin-bottom: 0.8em;
display: block;
}
.kaerebalink-powered-date,
.kaerebalink-detail,
.booklink-powered-date,
.booklink-detail,
.pochi_seller,
.pochi_time,
.pochi_post{
font-size:0.6em;
}
.kaerebalink-link1,
.booklink-link2{
margin-top:0.5em;
}
.kaerebalink-link1 div,
.booklink-link2 div{
display: inline-block!important;
font-size:0.8em!important;
margin-right:0.2em!important;
}
.kaerebalink-link1 div a,
.booklink-link2 div a{
display: block;
width: 12em;
text-align: center;
font-size: 1.3em;
background: #888;
color: #fff;
border-bottom: 5px #777 solid;
border-radius: 0.3em;
padding: 0.2em 0.7em;
text-decoration: none;
margin: 0 0.2em 0.7em 0;
line-height: 1.8;
}
.kaerebalink-link1 div a:hover,
.booklink-link2 div a:hover{
border-bottom-width: 3px;
color:#fff;
text-decoration: none;
position: relative;
bottom: -2px;
opacity: 0.6; 
filter: alpha(opacity=60);
}

.booklink-link2 .shoplinkamazon a,
.booklink-link2 .shoplinkkindle a,
.kaerebalink-link1 .shoplinkamazon a{
background: #E47911;
border-bottom-color: #C26A15;
}
.booklink-link2 .shoplinkrakuten a,
.kaerebalink-link1 .shoplinkrakuten a{
background: #bf0000;
border-bottom-color: #800000;
}
.booklink-link2 .shoplinkyahoo a,
.kaerebalink-link1 .shoplinkyahoo a{
background: #7B6696;
border-bottom-color: #3B3049;
}

.kaerebalink-link1 div a img{
margin:0;
}
.pochireba-footer,.booklink-footer{
clear:left;
}
@media screen and (max-width: 640px){
.kaerebalink-box,.booklink-box,.pochireba{
min-height:100px;
}
}

/*サイドバーSNS*/
.follow {
margin-bottom:24px;
}
.follow ul{
position:relative;
margin:-10px 0 0 -10px;
overflow:hidden;
}
.follow ul li{
float:left;
width:46%;
margin:10px 0 0 10px;
}
.follow ul li a{
padding-top:10px;
padding-bottom:5px;
display:block;
-webkit-transition:	.2s ease-in-out;
transition:	.2s ease-in-out;
color:#fff;
font-family:'Open Sans',sans-serif;
text-align:center;
text-decoration:none;
}
.follow ul li a::before{
position:relative;
display:block;
-webkit-transition:.15s ease-in-out;
transition:.15s ease-in-out;
color:#fff;
font-size:26px;
font-family: "FontAwesome";
}
.follow ul li a:hover{
background-color:#fff;
}
.follow ul .twitter a{
background-color:#00aced;
border:2px solid #00aced;
}
.follow ul .twitter a::before{
content: "\f099";
}
.follow .twitter a:hover,.follow .twitter a:hover::before{
color:#00aced;
}
.follow .facebook a{
background-color:#3c5a98;
border:2px solid #3c5a98;
}
.follow .facebook a::before{
content:"\f09a";
}
.follow .facebook a:hover,.follow .facebook a:hover::before{
color:#3c5a98;
}
.follow ul .googleplus a{
background-color:#db4a39;
border:2px solid #db4a39;
}
.follow ul .googleplus a::before{
content:"\f0d5";
}
.follow ul .googleplus a:hover,.follow ul
.googleplus a:hover::before{
color:#db4a39;
}
.follow ul .rss a{
background-color:#ffb53c;
border:2px solid #ffb53c;
}
.follow ul .rss a::before{
content:"\f09e";
}
.follow ul .rss a:hover,.follow ul .rss a:hover::before{
color:#ffb53c;
}

/*目次*/

#toc_container .toc_title {
text-align: center;
background: #5DAC81;
border-bottom: 2px solid #ddd;
padding: 0.4em 0;
}

#toc_container .toc_list > li > a {
border-bottom: 2px solid #5DAC81;
font-size: 110%;
} 

/*蛍光ペン風の下線*/
.under {
	background: linear-gradient(transparent 80%, #FFF67F 70%);
	}

.underblue {
	background: linear-gradient(transparent 80%, #54C3F1 70%);
	}

/*色付きラベルボックス*/
.box27 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #77DEA6;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #77DEA6;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.box27 p {
    margin: 0; 
    padding: 0;
}

/* テーブル */
@media only screen and (max-width: 480px) {
.tscroll table{
 width:100%;
 margin-bottom: .5em;
}
.tscroll{
 overflow: auto;
 margin-bottom: 2em;
}
.tscroll::-webkit-scrollbar{
 height: 5px;
}
.tscroll::-webkit-scrollbar-track{
 background: #F1F1F1;
}
.tscroll::-webkit-scrollbar-thumb {
 background: #BCBCBC;
}
}