@charset "UTF-8";
/*----------このエリアは削除すると正しく動作しない可能性があります----------

Theme Name:   LION BLOG Child
Theme URI:    http://fit-jp.com/theme/
Description:  FIT(フィット) が制作するブログ用WordPressTHEME「LION BLOG」の子テーマ
Author:       Kota Naito　@FIT(フィット)
Author URI:   http://fit-jp.com/about/
Template:     lionblog
Version:      1.2
License:      GNU GENERAL PUBLIC LICENSE
License URI:  http://www.gnu.org/licenses/gpl.html

----------このエリアは削除すると正しく動作しない可能性があります----------*/


/*/////////////////////////////////////////////////
//下記ユーザーカスタマイズエリア
/////////////////////////////////////////////////*/

@import url("//netdna.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.css");

/* テキスト位置css */

.left{text-align:left;}
.right{	text-align:right;}
.center{text-align:center;}

/* margin調整用css */

.mt0 { margin-top:0; }
.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt50 { margin-top:50px; }

.mb0 { margin-bottom:0; }
.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb15 { margin-bottom:15px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.ml0 { margin-left:0; }
.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml15 { margin-left:15px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.mr0 { margin-right:0; }
.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }

/* font */

.f10{font-size:10px;}
.f11{font-size:11px;}
.f12{font-size:12px;}
.f13{font-size:13px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f17{font-size:17px;}
.f18{font-size:18px;}

/* micro clearfx */
.cf:before, .cf:after {
		content:"";
		display:table
}
.cf:after { clear:both }
.cf { zoom:1 } /* For IE 6/7 */

/* 画像キャプション */
.wp-caption{
	width:auto;
	border:1px dotted #dcdcdc;
	text-align:center;
	padding:5px;
}
.wp-caption-text{
	background:#f5f5f5;
	font-size:90%;
}


/*--------------------------------------
  過去の蛍光ペン下線CSS
--------------------------------------*/

.kasen_yellow{
	background:linear-gradient(transparent 60%, #ffff66 60%);
}

.kasen_pink{
	background:linear-gradient(transparent 60%, #FFE4E1 60%);
}

/*--------------------------------------
  リンク
--------------------------------------*/

.link_arrow:before {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f0a9';
	color:#0000ff;
}

.link_arrow:after {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f08e';
	color:#0000ff;
}

.entrylink_arrow:before {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f0a9';
	color:#ff69b4;
}

.entrylink_arrow:after {
  margin: 0 3px;
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f0c1';
	color:#ff69b4;
}

/*--------------------------------------
  カテゴリのマークをフォルダに変更
--------------------------------------*/

.widget ul li.cat-item:before{
	list-style:none;
	font-family: FontAwesome;
	content: '\f07c'; /* アイコンのunicode */
}


.textwidget ul li:before{
	list-style:none;
	font-family: FontAwesome;
	content: '\f105'; /* アイコンのunicode */
}


/*--------------------------------------
  文章内のリストマーク
--------------------------------------*/
.content ul li:before{
	list-style:none;
	font-family: FontAwesome;
  	vertical-align: middle;
  	content: '\f14a';
	color:#6495ed;
}

/*--------------------------------------
  トップへ戻る
--------------------------------------*/
#top_btn{
    position: fixed;
    bottom:20px;
    right:10px;
    width:45px;
    z-index:1;
}
#jump_top {
    display: block;
    text-decoration: none;
    width: 45px;/*幅*/
    height: 45px;/*高さ*/
    background: #B92C2C;/*丸の色*/
    text-align: center;/*中央寄せ*/
    vertical-align: middle;/*←不要かもしれません*/
    border-radius: 50%;/*角丸く*/
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
    transition: .3s;/*ゆるやかに変化*/
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.12), 0 2px 2px 0 rgba(0,0,0,.24);/*シャドウ*/
}
#jump_top:hover {
    filter:alpha(opacity=100);
    -moz-opacity: 1;
    opacity: 1;
    box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
}
#jump_top i{
    color: white;
    line-height: 45px;/*円の高さと同じ*/
    font-size: 28px;
}

/*--------------------------------------
  ページトップランキング
--------------------------------------*/

.cat_pop{
	width:auto;
	display:block;
	position:relative;
	padding:10px;
	margin:25px auto 0 auto;
	border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 10px;	/* Firefox用 */
}
.cat_pop h3{
	background: url(images/line.png) no-repeat bottom;
	padding-bottom:2px;
	margin-bottom:10px;
	font-size:120%;
	color:#696969;
	border-bottom:1px dotted #ccc;
	}

.cat_pop h3:before{
  font-family: FontAwesome;
  vertical-align: middle;
  content: '\f559';	
}

.cat_pop ol{
	margin:0 auto;
	display:block;
}
.cat_pop ol li{
	width:150px;
	margin:0 6px 10px 6px;
	float:left;
	line-height:15px;
	font-size:85%;
	}
.cat_pop ol li img{
	border-top: 1px #ddd solid; /*画像枠*/
	border-left: 1px #ddd solid;
	border-right: 1px #999 solid;
	border-bottom: 1px #999 solid;
	padding: 3px;
	background: #fff;
	margin:0 0 3px 0;
	}
.cat_pop ol {
	counter-reset:li; /*カウントリセット*/
	}
.cat_pop ol li {
	list-style:none; /*デフォルトナンバリングを消す*/
	position:relative;
	z-index:0;
	margin-top:10px;
	padding:0;
	}
.cat_pop ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	z-index:10;
	top:5px; /*位置*/
	left:5px;
	width:30px; /*幅*/
	height:39px; /*高さ*/
	padding-top:7px;
	color:#fff; /*文字色*/
	background:url(images/cat_pop.png) no-repeat; /*背景画像*/
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:200%;
	text-align:center;
	filter: alpha(opacity=70);
	-moz-opacity:0.70;
	opacity:0.70;
	display:none\9; /*IE8は非表示*/
	}

/*--------------------------------------
  楽天ウィジェット
--------------------------------------*/
.rak_w{
	width:auto;
	margin:0 auto 30px auto;
	
}

/*--------------------------------------
  ヨメレバ・カエレバ（レスポンシブ）
--------------------------------------*/
/*--カエレバ・ヨメレバPC--*/
.cstmreba{
	border: 1px solid #E6E6E6;
	width:90%;
	padding:20px;
	margin:20px auto;
	box-shadow:0 2px 5px #F2F2F2;
}
.kaerebalink-image,
.booklink-image{
	float:left;
}
.kaerebalink-image img,
.booklink-image img{
	max-height:140px;
}
.kaerebalink-info,
.booklink-info{
	overflow:hidden;
	padding-left:10px;
}
.kaerebalink-name{
	margin-bottom:10px;
}

.kaerebalink-powered-date,
.booklink-powered-date,
.kaerebalink-detail,
.booklink-detail{
	font-size:12px;
	margin:10px 0;
}

.shoplinkamazon,
.shoplinkrakuten,
.shoplinkrakukobo,
.shoplinkkindle,
.shoplinkkakakucom,
.shoplinktoshokan,
.shoplinkseven,
.shoplinkkino,
.shoplinkbk1,
.shoplinkehon,
.shoplinkyahoo{
	float:left;
	width:32%;
	margin-left:5px;
	margin-bottom:8px;
	text-align:center;
}

.shoplinkamazon a,
.shoplinkrakuten a,
.shoplinkrakukobo a,
.shoplinkkindle a,
.shoplinkkakakucom a,
.shoplinktoshokan a,
.shoplinkseven a,
.shoplinkkino a,
.shoplinkbk1 a,
.shoplinkehon a,
.shoplinkyahoo a{
	display: block;
	padding:10px 2px;
	font-size:14px;
	color:#fff !important;
	font-weight:bold;
	line-height:15px;
	border-radius: 4px;
	box-shadow:0 2px 5px #999;
	color:#fff;
	text-decoration: none;
}

.shoplinkamazon a{
	background-color:#fe9909;
	border: 2px solid #fe9909 !important;

}
.shoplinkrakuten a,
.shoplinkrakukobo a{
	background-color:#bf0000;
	border: 2px solid #bf0000 !important;

}
.shoplinkkindle a{
	background-color:#2e90cc;
	border: 2px solid #2e90cc !important;

}
.shoplinkkakakucom a{
	background-color:#ff7426;
	border: 2px solid #ff7426 !important;

}
.shoplinktoshokan a{
	background-color:#262626;
	border: 2px solid #262626 !important;

}

.shoplinkseven a{
	background-color:#FF8000;
	border: 2px solid #FF8000 !important;	
}

.shoplinkkino a{
	background-color:#000080;
	border: 2px solid #000080 !important;
}

.shoplinkbk1 a{
	background-color:#4169e1;
	border: 2px solid #4169e1 !important;	
}

.shoplinkehon a{
	background-color:#00008b;
	border: 2px solid #00008b !important;	
}

.shoplinkyahoo a{
	background-color:#FF0000;
	border: 2px solid #FF0000 !important;	
	font-size:13px;
}

.shoplinkamazon a:hover,
.shoplinkrakuten a:hover,
.shoplinkrakukobo a:hover,
.shoplinkkindle a:hover,
.shoplinkkakakucom a:hover,
.shoplinktoshokan a:hover,
.shoplinkseven a:hover,
.shoplinkkino a:hover,
.shoplinkbk1 a:hover,
.shoplinkehon a:hover,
.shoplinkyahoo a:hover{
	background:#fff;
}
.shoplinkamazon a:hover{
	color:#fe9909 !important;
}
.shoplinkkindle a:hover{
	color:#2e90cc !important;
}
.shoplinkrakuten a:hover,
.shoplinkrakukobo a:hover{
	color:#bf0000 !important;
}
.shoplinkkakakucom a:hover{
	color:#ff7426 !important;
}
.shoplinktoshokan a:hover{
	color:#262626 !important;
}
.shoplinkseven a:hover{
	color:#FF8000 !important;
}
.shoplinkkino a:hover{
	color:#000080 !important;
}
.shoplinkbk1 a:hover{
	color:#4169e1 !important;
}
.shoplinkehon a:hover{
	color:#00008b !important;	
}
.shoplinkyahoo a:hover{
	color:#FF0000 !important;
}

/*--カエレバ・ヨメレバヤフオクを表示しない--*/
.shoplinkyahooAuc a { display: none !important; }

/*--カエレバ・ヨメレバスマホ--*/
@media screen and (max-width: 480px) {
.cstmreba{
	width:95%;
	margin:30px auto;
	padding:10px;
}
.booklink-image,
.kaerebalink-image{
          float:none;
          margin:0 auto 10px;
          width:50%;
}
.kaerebalink-powered-date,
.booklink-powered-date{
         text-align:center;
}
.booklink-detail,
.kaerebalink-detail{
         text-align:center;
         margin-bottom:20px;
}
.shoplinkamazon,
.shoplinkrakuten,
.shoplinkrakukobo,
.shoplinkkindle,
.shoplinkkakakucom,
.shoplinktoshokan,
.shoplinkseven,
.shoplinkkino,
.shoplinkbk1,
.shoplinkehon,
.shoplinkyahoo{
         float:none;
         width:90%;
}