@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20150717
*/

/* Simplicity子テーマ用のスタイルを書く */

.article h2 { 
 background-color: #4682B4;
    border-left: 0 none;
    color: #ffffff ;
    padding: 15px 30px;
}

.article h3,
#comment-area h3,
#related-entries h3{
  font-size:23px;
  border-bottom:3px solid #4682B4;
  padding:10px 0;
}

.article h4,
#comment-area h4,
#related-entries h4{
  font-size:20px;
  border-bottom:3px solid #000000;
  padding:10px 0;
}

.article h5,
#comment-area h5,
#related-entries h5{
  font-size:18px;
  border-bottom:3px solid .article h4,
#comment-area h4,
#related-entries h4{
  font-size:20px;
  border-bottom:3px solid #ccc;
  padding:10px 0;
}

/* サイドバーの見出し背景を修正 */
#sidebar h4{
  height: 50px;
  line-height: 50px;
  padding: 0 20px;
  border-radius: 5px;
  background: #f3f3f3;
  font-weight: bold;
  color: #4D4D4D;
}

/* サイドバーカテゴリーを修正 */
.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;
 font-family:"FontAwesome";
 content:"\f0ca";
}


/* サムネイル画像にエフェクト */
.entry-thumb,.wpp-thumbnail{
  overflow: hidden;
}
.entry-thumb img,.wpp-thumbnail img{
  transition: 0.6s ;
}
 
.entry-thumb img:hover,.wpp-thumbnail:hover {
   opacity: 0.6;
   -moz-transform: scale(1.1,1.1);
  -webkit-transform: scale(1.1,1.1);
  -o-transform: scale(1.1,1.1);
  -ms-transform: scale(1.1,1.1);
}

/*カテゴリータイトルのカスタマイズ内容*/
.widget_categories .widget_title:before{
content:” “; /*空の空間を挿入*/
border-left:5px solid #DCDCDC; /*左の縦バーのサイズ・線の種類・色の指定*/
border-top:0px; /*要素の上の間隔*/
border-bottom:0px; /*要素の下の間隔*/
margin-right:5px; /*縦線と文字との間隔*/
}
.widget_categories .widget_title{
padding:10px; /*間隔を調整*/
color:white; /*文字色の変更*/
background:#1E90FF; /*背景色の変更*/
font-size:16px !important; /*フォントサイズの変更*/
margin-bottom:0px;
-webkit-border-top-right-radius: 20px; /*右上に丸みを付ける*/
-webkit-border-bottom-right-radius: 20px; /*下右に丸みを付ける*/
-moz-border-radius-topright: 20px; /*各ブラウザに対応*/
-moz-border-radius-bottomright: 20px; /*各ブラウザに対応*/
}