@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

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

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

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

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


/* ===== 薄毛改善ラボ カスタムデザイン ===== */

/* ヘッダー：ダークネイビー */
#header { background-color: #1a3a5c !important; }
#header .site-name-text a,
#header .tagline { color: #fff !important; }
.site-name-text a { color: #fff !important; }

/* グローバルナビ */
#navi .navi-in > ul > li > a { color: #fff !important; }
#navi { background-color: #15304f !important; }
#navi .navi-in > ul > li > a:hover,
#navi .navi-in > ul > li.current-menu-item > a {
  background-color: #1a56db !important;
}

/* サイドバーウィジェットタイトル */
.widget .widget-title {
  background: #1a3a5c !important;
  color: #fff !important;
  padding: 10px 14px !important;
  border-radius: 4px 4px 0 0 !important;
  margin-bottom: 0 !important;
}
.widget_categories ul li,
.widget_recent_entries ul li,
.widget ul li { border-bottom: 1px solid #eee; padding: 7px 2px; }
.widget ul li a { color: #1a3a5c !important; font-size: 14px; }

/* カテゴリーラベル（記事カード上） */
.cat-label, .post-cat-label { background: #1a3a5c !important; }

/* 記事カード */
.a-wrap {
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,.07);
  overflow: hidden;
  transition: box-shadow .2s;
}
.a-wrap:hover { box-shadow: 0 4px 18px rgba(0,0,0,.14); }
.a-title { color: #1a3a5c !important; font-weight: 700; }

/* 本文見出し */
.entry-content h2 {
  border-left: 4px solid #1a3a5c;
  padding-left: 12px;
  color: #1a3a5c;
  margin-top: 2em;
}
.entry-content h3 {
  border-bottom: 2px solid #3a7bd5;
  padding-bottom: 5px;
  color: #1a3a5c;
  margin-top: 1.5em;
}

/* フッター */
#footer { background: #222 !important; color: #bbb !important; }
#footer a { color: #bbb !important; }
#footer a:hover { color: #fff !important; text-decoration: underline; }
.footer-widget .widget-title {
  color: #fff !important;
  background: none !important;
  border-bottom: 1px solid #555 !important;
  border-radius: 0 !important;
  padding: 0 0 8px 0 !important;
  margin-bottom: 12px !important;
}
.copyright { background: #111 !important; color: #888 !important; font-size: 13px; }

/* 目次 */
.toc-box { background: #eef3fb !important; border: 1px solid #b8cfeb !important; }
.toc-title { color: #1a3a5c !important; }

/* ページネーション */
.pagination .current, .pagination a:hover { background: #1a3a5c !important; color: #fff !important; }

/* パンくずリスト */
.breadcrumb a { color: #1a56db !important; }

/* タグ */
.tag a, .post-tag a {
  background: #eef3fb !important;
  color: #1a3a5c !important;
  border: 1px solid #b8cfeb !important;
  border-radius: 3px;
  padding: 2px 8px;
  font-size: 12px;
}

/* スマホ対応 */
@media (max-width:767px){
  #header { padding: 10px 0 !important; }
  .a-title { font-size: 15px !important; }
}