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

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


.entry-content h4 {
position: relative;
padding-left: 1.8em;/*アイコン分のスペース*/
line-height: 1.4;
}

.entry-content h4:before{ font-family: FontAwesome;/*忘れずに*/
content: "\f206";/*アイコンのユニコード*/
position: absolute;/*絶対位置*/
font-size: 1em;/*サイズ*/
left: 0;/*アイコンの位置*/
top: 0;/*アイコンの位置*/
color: #5ab9ff; /*アイコン色*/
}

.entry-content h5 { 
font-size: 19px; 
font-weight: bold; 
color: #000;
}

.pen { background: linear-gradient(transparent 65%, #FBB 0%); }

/* カエレバ用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;
}
}

/* フォローボタン7*/
.flw_btn7 {
display: inline-block;
text-decoration: none;
color: #fff !important;
width: 50px;
height: 50px;
line-height: 50px;
font-size: 23px !important;
margin:2px;
padding: 0px 0px 0px 3px;
border-radius: 12px;
text-align: center;
vertical-align: middle;
overflow: hidden;
font-weight: bold;
transition: .4s;
}
.flw_btn7:hover {
color: #fff !important;
opacity: 0.5;
}
.flw_btn7.fb { background: #6680d8 !important; }
.flw_btn7.htb { background: #49a8fb !important; }
.flw_btn7.tw { background: #22b8ff !important; }
.flw_btn7.pkt { background: #ff6d82 !important; }
.flw_btn7.fdly { background: #6cc655 !important; }
.flw_btn7.gp { background: #fd6969 !important; }
.flw_btn7.ist { background: #e84cb6 !important; }
.flw_btn7.cnt { background: #878484 !important; }

/*目次カスタマイズ*/
@media only screen and (min-width: 767px){

/* 目次の枠線 */
#toc_container{
border-top: solid 8px 
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次タイトルのフォント設定 */
p.toc_title {
font-size:24px;
color:#6bb6ff;
position:relative;
left:-39% !important;
top:10px;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
color:#777;
}

ul.toc_list li a:hover{
color:#f05689;
text-decoration:none;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:16px;
font-weight:normal;
color:#888;
}

.toc_list ul li a:hover {
color:#f05689;
text-decoration:none;
}

span.toc_toggle{
font-size: 14px !important;
}

span.toc_toggle a{
font-size: 14px;
color:#6bb6ff;
}

#toc_container .toc_title::before {
display: inline-block;
color: #fff;
font-family: FontAwesome;
font-size: 20px;
line-height: 50px;
content: "\f0ca";
}

#toc_container .toc_title:before {
display:inline-block; width: 50px;
height: 50px;
border-radius: 50%;
background:#6bb6ff;
margin-right:8px;
}

#toc_container li a{
border-top-width:0px;
line-height:30px;
}
}

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

/* 目次の枠線 */
#toc_container{
border-top: solid 8px 
#6bb6ff;
background:#f9f9f9 !important;
}

/* 目次のアイコン */
#toc_container .toc_title:before{
content: "\f0f6";/*アイコンの種類*/
font-family: FontAwesome;
display: inline-block;
margin-right:5px;
width: 1.2em;
color:#6bb6ff;
}

/* 目次のタイトル設定 */
p.toc_title {
text-align: center;
font-size:17px;
color:#6bb6ff;
}

/* 目次のh2フォント設定 */
ul.toc_list li a {
font-size:16px;
font-weight:bold;
line-height: 2em;
color:#777;
text-decoration:none;
}

ul.toc_list li a:hover{
color:#6bb6ff;
}

/* 目次のh3フォント設定 */
.toc_list ul li a {
font-size:14px;
font-weight:normal;
color:#888;
text-decoration:none;
}
}