@charset "UTF-8";

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

/*---------------------------------
グローバルナビの上下にラインを入れる
--------------------------------*/
#navi {
 border-top:solid 1px #5FB3F5;
 border-bottom:solid 1px #5FB3F5;
}

/*---------------------------------
ポインタを乗せた時の下のラインと文字色を変更
--------------------------------*/
#navi ul li a:hover{
  color: #5FB3F5 !important;
}
#navi ul li a:before{
  background:#FF8080 !important;
}
#navi ul,#navi{
  background-color:white;
}

/* h2 見出しのリセット */
.article h2,
.article h2::before,
.article h2::after {
   content: none;
   background: none;
   border: none;
   border-radius: 0;
}

/* 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;/*左の線の太さ、色*/
}

/* メイン部分の枠を消す */
#main {
 border: none;
}

/*---------------------------------
固定ページの日付を非表示にする
--------------------------------*/
#post-2 .post-meta,#post-8 .post-meta,#post-2 .post-meta{ 
 display: none; 
} /* ●●には記事IDを入れます */

/*---------------------------------
トップ記事一覧の間に線を入れる
--------------------------------*/
#main .entry {
border-bottom: 1px dotted #ccc;
padding-bottom: 15px;
}

/*---------------------------------
タグクラウドのデザイン
--------------------------------*/
.tagcloud a {
 font-size: 14px !important; /* 文字のサイズ */
 line-height: 1em;
 background: #5FB3F5; /* 背景色 */
 color: #fff; /* 文字色 */
 display: inline-block;
 white-space: nowrap;
 padding: 8px 8px; /* 文字周りの余白 */
 margin-top: 3px; /* タグ同士の余白 */
 border-radius: 4px; /* 角を少し丸く */
 text-decoration: none;
}
.tagcloud a:hover {
 background: #FF8080; /* マウスホバー時の背景色 */
 color: #fff; /* マウスホバー時の文字色*/
}

.tagcloud a:before {
 font-family: "FontAwesome";
 content: "\f02b"; /* 絵文字のコード */
 padding-right: 4px;
}

/*---------------------------------
記事を読むの装飾
--------------------------------*/
.entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#5FB3F5;
 border:1px solid #5FB3F5;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }

.entry-read a:hover{
 color:#fff;
 background-color:#FF8080;
 border:1px solid #FF8080;
}

.entry-read {
  text-align: right;
  margin-right: 10px; 
}

/*---------------------------------
関連記事の記事を読むの装飾
--------------------------------*/
.related-entry-read a{
 color:#fff;
 font-size:14px;
 background-color:#5FB3F5;
 border:1px solid #5FB3F5;
 border-radius:2px;
 padding:3px 10px 3px 5px;
 text-decoration:none;
 }
 
.related-entry-read a:hover{
 color:#fff;
 background-color:#FF8080;
 border:1px solid #FF8080;
}

.related-entry-read {
  text-align: right;
  margin-right: 10px; 
}

/*---------------------------------
投稿のカテゴリは残して日付を消す：20190426　現在停止中
--------------------------------*/
/*.post-meta .post-date { *//* 新規投稿 */
/*  display: none;*/
/*}*/
/*.post-meta .post-update { *//* 更新投稿 */
/*  display: none;*/
/*}*/

/*---------------------------------
ヘッダーのRSSボタン非表示
--------------------------------*/
#h-top .feedly-page,
#h-top .rss-page {
  display: none;
}

/*---------------------------------
PCでは電話への発信を制御する
--------------------------------*/
@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}