@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20151225
/***********************************
　Simplicity子テーマ用のスタイルを書く
************************************/ 
@import url('../Simplicity2/style.css');


/***********************************
　フォントと文字の大きさ、色
************************************/ 
body {
font-family: "メイリオ", Meiryo, 
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", 
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
text-rendering: optimizeLegibility;
color: #333;  /* 文字色 */
font-size: 14px; /* 文字の大きさ */
}
 
body.custom-font-enabled {
font-family: "メイリオ", Meiryo,
"Hiragino Kaku Gothic Pro",
"ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande",
"Lucida Sans Unicode", Arial, Verdana, sans-serif;
}


/***********************************
　本文中の行間
************************************/ 
.entry-content p {line-height: 28px;}


/***********************************
　サイドバーの行間と文字の大きさ
************************************/ 
.widget-area .widget li {
line-height: 28px; /* 行間 */
font-size: 14px; /* 文字の大きさ */
}


/***********************************
　ブログタイトル部分
************************************/ 
.site-header h1 {
font-size: 28px; /* 文字の大きさ */
font-family:"FontAwesome";
line-height: 1.846153846; /* タイトル部分の高さ */
}


/***********************************
　記事タイトル
************************************/ 
.entry-header .entry-title {
font-size: 20px; /* 文字の大きさ */
font-family:"FontAwesome";
line-height: 1.2; /* 高さ */
padding-left: 10px; /* ちょっと左に余白 */
}
.entry-header .entry-title a {
color: #000000;/* 文字の色 */
}


/***********************************
　ウィジェットタイトル部分
  サイドバーカテゴリー
************************************/ 
.widget_text h3  {
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f219";
}

.widget_categories h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f115";
}

/* サイドバー人気記事ランキングを修正 */
.popular-entries h3:before{
 margin-right:5px;
 font-family:"FontAwesome";
 content:"\f219";
}

/* サイドバー新着記事ランキングを修正 */
.new-entries h3:before{
 margin-right:5px;
 content:"\f0ca";
}


/***********************************
　h2 ヘッダー部分
.article h2 {
 font-size: 22px;
 line-height: 28px;
 padding: 15px 10px 12px 20px;
 background: #65A7D6;
 color: #FFF;
 margin: 25px 0;
 font-weight: 550;
 position: relative;
 border:none;
}
.article h2:before{
 content: "";
 position: absolute;
 top: 0;
 left: 0;
 border-width: 0px 0px 16px 16px;
 border-style: solid;
 border-color: #FFF ##c9ebed ##c9ebed #FFF;
 background: #65A7D6;
 display: block;
 width: 0;
}
 
.entry h2 a{
 font-weight: 700;
 font-size: 1.2rem;
 line-height: 1.4;
}

************************************/ 
.article h2 {
    background-color: #65A7D6;
    border-left: 0 none;
    color: #fff;
    margin:35px 0px 30px;
    padding: 15px 30px;
}


/***********************************
　h3 ヘッダー部分
************************************/ 
.article h3{
 font-size: 1.3rem;
 font-weight: 600;
 line-height: 1.3;
 padding: 5px 15px;
 border-left: 6px solid #65A7D6;
 border-bottom: none !important;
 color: #000;
 margin:35px 0px 30px;
}

/***********************************
　h4 ヘッダー部分
************************************/ 
.article h4{
 border-bottom:5px dashed #65A7D6;
}

/***********************************
　ソーシャルボタン
************************************/ 
/*数字部分を消す*/
.social-count {
    display: none !important;
}
 
/*バルーンを消す*/
.arrow-box {
    display: none;
}
 
#sns-group-top .balloon-btn-set {
    width: auto;
}

/*グローバルナビ、中央寄せ*/
#navi-in{
    display: flex;
    justify-content: center;
}