@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){
  /*必要ならばここにコードを書く*/
}



/************************************
** カスタムデザイン（Cocoon子テーマ）
************************************/

/* 全体背景をクリーム */
html, body { background:#faf7f2; }
#container, #content-in, #main, #sidebar { background:transparent; }

/* グローバルナビ（白ベース×赤ライン） */
#navi {
  background:#fff !important;
  border-top:1px solid #eaeaea;
  border-bottom:1px solid #eaeaea;
  padding:0;
}
#navi ul li a {
  display:block;
  padding:10px 14px;
  font-size:14px;
  font-weight:600;
  color:#222 !important;
  background:transparent !important;
}
#navi ul li a:hover { color:#c62828 !important; }
#navi .current-menu-item > a,
#navi .current-menu-parent > a {
  color:#c62828 !important;
  border-bottom:2px solid #c62828;
}

/* 子メニュー */
#navi .sub-menu,
#header .sub-menu {
  background:#fff !important;
  border-top:1px solid #eee;
}
#navi .sub-menu a { color:#222 !important; padding:8px 12px; }
#navi .sub-menu a:hover { color:#c62828 !important; }

/* 本文見出しデザイン（H2/H3） */
.article h2, .entry-content h2 {
  background:transparent !important;
  color:#222 !important;
  border:none !important;
  border-left:6px solid #b82a2a !important;
  padding:.4em .2em .4em .8em !important;
  margin:2em 0 1em !important;
}
.article h3, .entry-content h3 {
  background:transparent !important;
  color:#222 !important;
  border:0 !important;
  border-bottom:2px solid #ddd !important;
  padding:.2em 0 .4em !important;
  margin:1.5em 0 .8em !important;
}

/* カテゴリラベルを枠線赤へ */
.cat-label, .cat-label a,
.entry-card .cat-label, .entry-card .cat-label a,
.eye-catch .cat-label, .eye-catch .cat-label a,
.card-meta .category a, .entry-card-meta .category a {
  background:transparent !important;
  color:#c62828 !important;
  border:1px solid #c62828 !important;
  border-radius:3px !important;
  padding:2px 6px !important;
  line-height:1.2 !important;
  box-shadow:none !important;
}

/* アーカイブタイトル */
.archive-title, .category-title, .cat-title {
  background:transparent !important;
  color:#222 !important;
  border:0 !important;
  border-left:6px solid #c62828 !important;
  padding:.4em .2em .4em .8em !important;
}

/* サイドバー見出し */
.sidebar .widget .widget-title,
.sidebar .widget .widgettitle,
.sidebar .widget .widget_title,
.sidebar .widget h2,
.sidebar .widget h3,
#sidebar .widget-title,
#sidebar .widgettitle {
  background:transparent !important;
  color:#222 !important;
  border:none !important;
  border-left:4px solid #c62828 !important;
  padding:6px 10px !important;
  margin:0 0 10px !important;
  box-shadow:none !important;
}

/* サイドバー内 box をフラットに */
.sidebar .widget,
.sidebar .widget > div,
.sidebar .widget ul,
.sidebar .widget li {
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
}

/* サイドバーリンク */
.sidebar a { color:#222 !important; }
.sidebar a:hover { color:#c62828 !important; }

/* フッターをクリームに */
#footer, #footer-in, .footer, .footer-bottom, #site-footer {
  background:#faf7f2 !important;
  color:#222 !important;
  border-top:1px solid #eaeaea !important;
}
#footer a, .footer a { color:#222 !important; }
#footer a:hover, .footer a:hover { color:#c62828 !important; }