@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    0.0.5
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*---------------------------------
サイドバーのタイトル前にアイコン追加
--------------------------------*/
.widget h3::before { font-family: FontAwesome; font-size: 80%; vertical-align: middle; font-weight: normal; margin-right: 5px; } /* 共通設定 */
.widget_links h3::before { content: '\f0c1'; } /* リンク */
.widget_popular_entries h3::before { content: '\f135'; } /* 人気記事 */
.widget_new_entries h3::before, .widget_recent_entries h3::before { content: '\f005'; } /* 新着記事 */
.widget_categories h3::before { content: '\f115'; } /* カテゴリー */
.widget_rss h3::before { content: '\f143'; } .widget_rss h3 img { display: none; } /* RSSフィード */
.widget_tag_cloud h3::before { content: '\f292'; } /* タグクラウド */
.widget_search h3::before { content: '\f002'; } /* 検索 */
.widget_meta h3::before { content: '\f085'; } /* メタ */
.widget_fb_like_box h3::before { content: '\f082'; } /* Faceboxボックス */
.widget_facebook_page_like h3::before { content: '\f082'; } /* Faceboxバルーン */
.widget_item_ranking h3::before { content: '\f091'; } /* ランキング */
.widget_calendar h3::before { content: '\f073'; } /* カレンダー */
.widget_recent_comments h3::before { content: '\f0e6'; } /* 新着コメント */
.widget_text h3::before { content: '\f099'; } /* テキスト（Twitter利用） */

/*---------------------------------
サイドバー部分のカスタマイズ（文字サイズ調整など）
--------------------------------*/
.sidebar h3 {
    background: none; /*背景色を解除*/
    padding: 0; /*余白をなしに*/
    font-size: 14px; /*文字サイズを小さく*/
}

/*---------------------------------
エントリーカード部分のカスタマイズ（文字サイズ調整など）
--------------------------------*/
.entry-card-wrap {
  color: #696969; /*フォントカラー*/
}
.entry-card-wrap:hover {
  color: #696969; /*フォントカラー*/
}

.entry-card-snippet, .related-entry-card-snippet {
  font-size: 1em;
  max-height: 7.8em;
  line-height: 1.3;
  overflow: hidden;
}

/*---------------------------------
本文タイトル部分のカスタマイズ(ボーダー追加)
--------------------------------*/
.entry-title {
  border-bottom: solid 2px #eeeef1;
  position: relative;
  margin-bottom: 40px;
}
 
.entry-title:after {
  content: "";
  display: block;
  line-height: 0;
  overflow: hidden;
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 30%;
  border-bottom: 2px solid #d1d1db;
}

/*---------------------------------
新着記事の行間とフォントを小さくする
--------------------------------*/
.widget-entry-card {
    font-size: 11px;
}

/*---------------------------------
グローバルメニューに影
--------------------------------*/
nav#navi, .menu-header .sub-menu{
	box-shadow:0 5px 15px -5px rgba(80,80,80,.8);
}

/*---------------------------------
リンク設定（ホバーなど）
--------------------------------*/
a{ /*リンクテキスト装飾無し*/
  text-decoration: none;
}

a:hover {
  transition: all 0.8s ease; /*アニメーション*/
  color: #84b9cb; /*フォントカラー*/
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

/*1030px以下*/
@media screen and (max-width: 1030px){
  /*必要ならばここにコードを書く*/
}

/*768px以下*/
@media screen and (max-width: 768px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}