@charset "UTF-8";

/*!
Theme Name: Simplicity2 child
Template:   simplicity2
Version:    20161002
*/

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


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





#navi {
 border-top:solid 2px #5FB3F5;
 border-bottom:solid 2px #5FB3F5;
}

#navi ul li a:hover{
  color: #5FB3F5 !important;
}
#navi ul li a:before{
  background:#5FB3F5 !important;
}
#navi ul,#navi{
  background-color:white;
}


#header-in, #navi-in, #body-in, #footer-in{
  width: 1500px;
}


#main {
  width: 1200px;
  
}

/*トップの固定ページのタイトルと日付を消す*/
#post-2 .entry-title {
 display:none;
}
#post-2 .post-meta {
 display: none;
}


/* h2 見出しのカスタマイズ */
.article h2 {
  background: #5FB3F5;/*背景色*/
  color:#ffffff;/*文字の色*/
  margin:0;
  padding: 0.5em;/*文字まわり（上下左右）の余白*/
  border-radius: 4px;
  font-size:22px;/*文字のサイズ*/
}


/* h3 見出しのカスタマイズ */
.article h3 {
  font-size:20px;/*文字のサイズ*/
  position: relative;
  padding: 0.5em 0.5em 0.5em 1.5em;
  line-height: 1.4;
  color: #ff6a6a;/*文字の色*/
  border-bottom: 3px solid #5FB3F5;/*下線の太さ、色*/
  background: #ffffff;/*背景の色*/
}

.article h3:before{ font-family: FontAwesome;
  content: "\f138";/*アイコンのユニコード*/
  position: absolute;
  font-size: 1.1em;/*アイコンのサイズ*/
  left: 0.05em;
  top: 0.4em;
  color: #5FB3F5; /*アイコンの色*/
}



/* h4 見出しのカスタマイズ */
.article h4 {
  padding: 0.25em 0.5em;
  font-size:17px;/*文字のサイズ*/
  color: #494949;/*文字の色*/
  background: transparent;
  border-left: 5px solid #5FB3F5;/*左の線の太さ、色*/
}