@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

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


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

/*コメント欄　非表示に*/
.comment-respond{

	display:none;

}


/*本文h2の装飾*/
.content h2 {
	font-size: 24px;
	padding: 0.4em 0.2em;/*文字の上下 左右の余白*/
	color: #494949;/*文字色*/
	background: #faf0e6;/*背景色*/
	border-left: solid 0px #ffffff !important;/*左線*/
	border-top: solid 3px #bdb76b;/*上線*/
	border-bottom: solid 3px #bdb76b;/*下線*/
}


/*本文の幅を変更*/
.theContentWrap-ccc{
	padding:10px;
}


/*本文の最初の場所・杯数の枠*/
.boxti01 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #62c1ce;
}
.boxti01 .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -1px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #62c1ce;
    color: #ffffff;
    /*font-weight: bold;*/
    /*border-radius: 5px 5px 0 0;*/
}
.boxti01 p {
    margin: 0; 
    padding: 0;
}


/*お店のデータの枠*/
.boxti02 {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 1px #c0c0c0;
}
.boxti02 .box-title {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -1px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #c0c0c0;
    color: #ffffff;
    /*font-weight: bold;*/
    /*border-radius: 5px 5px 0 0;*/
}
.boxti02 p {
    margin: 0; 
    padding: 0;
}


/*topページ情報記録RSS枠*/
.boxti03 {
    position: relative;
    margin: 10px 0;
    padding: 0.5em 1em;
    border-bottom: solid 1px #1e50a2;
    margin-bottom: 30px;
}
.boxti03 .box-title03 {
    position: absolute;
    display: inline-block;
    top: -25px;
    left: -1px;
    padding: 0 10px;
    height: 25px;
    line-height: 25px;
    vertical-align: middle;
    font-size: 17px;
    background: #1e50a2;
    color: #ffffff;
    /*font-weight: bold;*/
}
.boxti03 p {
    margin: 0; 
    padding: 0;
}
.newMark{
	/*color: #ff0000;*/
	font-weight: bold;
	animation: blinkAnime .5s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: #ffffff}
 100% { color: #ff0000}
}


/*ブログタイトル文字サイズ変更*/
.siteTitle__big {
	font-size: 2.2rem;
	margin-bottom: 5px;
}


/* Popular Postsのレイアウト調整*/
.wpp-list {
list-style-type: none;
counter-reset:number;
position:relative;
padding-top: 0px;
}
.wpp-list li{
margin-top: 10px;
margin-bottom: 2em;
}
.wpp-list li:before{
position:absolute;
counter-increment: number;
content: counter(number);
display:block;
width:30px;
height:30px;
line-height:30px;
text-align:center;
background:#bfbfbf;
color:#FFF;
}
.wpp-list li:nth-child(1):before{background:#ecd357 ;}
.wpp-list li:nth-child(2):before{background:#a9c6d5 ;}
.wpp-list li:nth-child(3):before{background:#c58459 ;}
.wpp-list li img{
margin-bottom:8px;
}
.wpp-post-title{
display: inline-block;
font-size:1.3rem;
font-weight:700;
line-height:1.1;
overflow:hidden;
}
.wpp-meta, .post-stats {
display: block;
font-size: 1.2rem ;
font-weight: 500;
color:#696969;
margin-top:8px;
}


/*TOPへ戻るボタン表示*/
#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: #bdb76b;/*丸の色*/
    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;
}


/*masaの情報記録RSS*/
.rsstitle{
	font-weight:bold;
	font-size: 14px;
	margin: 0.5em 0;

}
.rsstitle a:hover{
	color:#63acb7;
}

.inforss{
	margin: 1em 0;
	font-size: 12px;	
	color:#0000ff;

}
.inforss a:hover{
	color:#ff0000;
}

.date{
	padding-bottom: 0.5em;
	color:#000000;
}

.title{
	padding: 0 10px;
}


/*お気に入り度・伏見区データ部分装飾*/
.soshoku01 {
    padding: 0 15px;
    margin: 3em 0em;
    color: #474747;
	border-left: solid 10px #e6b422;
	/*background: #fffffc;*/
}

/*サイトの背景を白に統一*/
body {
	font-family: "ヒラギノ角ゴ pro w3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", sans-serif;
	/*font-family: "游ゴシック Medium", "Yu Gothic Medium", "メイリオ", "Meiryo, osaka", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	background:#FFFFFF;
	color: #383838;
}


/*ドロップダウンリスト・検索背景色変更*/
#cat{
	background: #f5f5f5;
}
#archives-dropdown-2{
	background: #f5f5f5;
}
.searchBox__input{
	background: #f5f5f5;
}


/*ヘッダー検索枠　背景色変更*/
.searchBox__input{

	background: #ffffff;
	border: solid 1px #f5f5f5;
}