@charset "UTF-8";

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

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


グローバルメニューの幅を均一化
#navi ul{
  display: -webkit-box; /* Android 2~4 */
  -webkit-box-pack: justify; /* Android 2~4 */
  display: -webkit-flex;
  display: -ms-flex;
  display: flex; /*フレキシブルボックス*/
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; /*子要素の折り返し設定*/
  text-align: center; /*センタリングは好みで*/
}
 
#navi ul li{
  -webkit-box-flex: 1; /* Android 2~4 */
  width: 178px; /*グローバルナビの幅に合わせて調節*/
}

/*グローバルナビ高さ変更
===================================*/
navi ul {
  height: 50px; /*わかりやすいように大きめにしてます*/
}
#navi ul > li {
  height: 100%;
}
#navi ul li a {
  height: 100%;
  box-sizing: border-box; /*はみ出し防止*/
}

#navi ul li a {
  height: 100%;
  box-sizing: border-box; /*はみ出し防止*/
  line-height: 35px;
}

#navi li:hover {
  background-color: #ddd;
}

.itemText{
  display: block;
  top: 50%;
  position: absolute;
  transform: translateY(-50%);
}

#navi ul.sub-menu, #navi ul.children {
  height: 31px;
}
#navi .sub-menu li, #navi .children li {
  height: 100%;
}
#navi .sub-menu li a, #navi .children li a {
  height: 100%;
  line-height: 24px; /*ここも若干少ない方が真ん中っぽい 23pxとか*/
}



/*モバイル用グローバルナビ
===================================*/
#navi ul{
   background-color: #305097;
  display: flex;
  flex-wrap: wrap;
  text-align: center;
}

#navi ul li{
  width: 180px;
}


/*記事の間に線を入れる
===================================*/
#main .entry {
 border-bottom: 1px dotted #333333;
 padding-bottom: 15px;
}


/*記事を読むボタンをピンクに変更
===================================*/
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}
.entry-read {
 text-align: right;
 margin-right: 10px;
}

.related-entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#FF837B;
 border:1px solid #FF837B;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.entry-read a:hover{
 color:#fff;
 background-color:#FFC3BF;
 border:1px solid #FFC3BF;
}
.related-entry-read {
 text-align: right;
 margin-right: 10px; 
}
#main .related-entry {
 border-bottom: 1px dotted #333333;
 padding-bottom: 15px;
}



/*サイドバーの見出し
===================================*/
#sidebar-widget aside h3{
   background-color: #305097;
   color: #fff;
   padding: 10px;
   text-align: center;
   font-size: 16px;
   border-radius: 3px;
}


/*見出し（h2）
===================================*/
.article h2 {
   background-color: #305097;
   color: #fff;
   padding: 15px 30px;
   font-size: 23px;
   letter-spacing: 0.05rem;
   border-left: none;
}


/*見出し（h3）
===================================*/
.article h3 {
 border-bottom: 5px solid #305097;
 padding: 10px 0;
}


/*見出し（h4）
===================================*/
.article h4 {
 border-left: 5px solid #305097;
 border-bottom: 0px;
 padding: 5px 0 5px 10px;
 margin-bottom: 30px;
 }