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

/* =============================
   Iceberg color scheme
   ============================= */

/* ヘッダー背景 */
#header {
  background-color: #1e2132 !important;
  color: #c6c8d1 !important;
}

/* ヘッダータイトル・キャッチフレーズ */
#header .site-name-text,
#header .catch {
  color: #c6c8d1 !important;
}

/* フッター背景 */
#footer {
  background-color: #1e2132 !important;
  color: #c6c8d1 !important;
}
#footer a {
  color: #84a0c6 !important;
}

/* ページ全体の背景（薄いグレー） */
body {
  background-color: #e8eaf0;
}

/* コンテンツエリア背景（白） */
#content {
  background-color: #ffffff;
}

/* サイドバー */
#sidebar .widget-title {
  background-color: #1e2132 !important;
  color: #c6c8d1 !important;
}

/* リンク色 */
a {
  color: #84a0c6;
}
a:hover {
  color: #89b8c2;
}

/* コードブロック */
pre, code {
  background-color: #1e2132 !important;
  color: #b4be82 !important;
}