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


/* ===== やさしいピンク系デザイン ===== */

/* ナビゲーションバー */
#navi,
.navi-in > ul,
.navi-in > ul > li > a {
  background-color: #f9a8c0 !important;
  color: #fff !important;
}
.navi-in > ul > li > a:hover {
  background-color: #f07090 !important;
  color: #fff !important;
}
.navi-in > ul > li > ul,
.navi-in > ul > li > ul > li > a {
  background-color: #fce4ec !important;
  color: #880e4f !important;
}
.navi-in > ul > li > ul > li > a:hover {
  background-color: #f48fb1 !important;
  color: #fff !important;
}

/* ヘッダーエリア */
#header {
  background-color: #fff0f5 !important;
}

/* 記事本文テキスト：黒・紺色 */
body, .entry-content, .entry-content p,
.entry-content li, .entry-content td, .entry-content th {
  color: #1a1a2e !important;
}

/* 記事内リンク：紺色 */
.entry-content a { color: #1565c0 !important; }
.entry-content a:hover { color: #0d47a1 !important; text-decoration: underline; }

/* 見出しh2 */
.entry-content h2 {
  background-color: #fce4ec !important;
  border-left: 5px solid #e91e8c !important;
  color: #1a1a2e !important;
  padding: 10px 15px !important;
}

/* 見出しh3 */
.entry-content h3 {
  border-left: 4px solid #f06292 !important;
  border-bottom: 1px dashed #f48fb1 !important;
  color: #1a1a2e !important;
  padding: 6px 12px !important;
}

/* 見出しh4 */
.entry-content h4 {
  border-left: 3px solid #f48fb1 !important;
  color: #1a1a2e !important;
  padding: 4px 10px !important;
}

/* ボタン */
.btn, .cocoon-block-button__link {
  background-color: #f06292 !important;
  border-color: #e91e8c !important;
  color: #fff !important;
}
.btn:hover, .cocoon-block-button__link:hover {
  background-color: #e91e8c !important;
  color: #fff !important;
}

/* ウィジェットタイトル */
.widget_title, .widget-title {
  border-bottom: 3px solid #f06292 !important;
  color: #c2185b !important;
}
.sidebar .widget_title {
  background-color: #fce4ec !important;
  border-left: 4px solid #e91e8c !important;
  padding: 8px 12px !important;
}

/* カテゴリーラベル */
.cat-label, .post-cat-label {
  background-color: #f06292 !important;
  color: #fff !important;
}

/* パンくずリスト */
#breadcrumb {
  background-color: #fff0f5 !important;
  border-bottom: 1px solid #fce4ec !important;
}

/* フッター */
#footer { background-color: #f48fb1 !important; color: #fff !important; }
#footer a { color: #fff0f5 !important; }

/* スクロールトップ */
#go-to-top { background-color: #f06292 !important; }

/* ページネーション */
.page-numbers.current {
  background-color: #f06292 !important;
  border-color: #e91e8c !important;
  color: #fff !important;
}
.page-numbers:hover { background-color: #fce4ec !important; color: #e91e8c !important; }
/* ===== ピンク系デザイン ここまで ===== */