@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){
  /*必要ならばここにコードを書く*/
}
:root {
  --key-color: #a89bbf;
  --key-color-dark: #8a7ba0;
  --key-color-light: #e8e2f0;
}

/* ヘッダー */
#header { background-color: #a89bbf; }

/* リンク色 */
a { color: #8a7ba0; }
a:hover { color: #6b5d8a; }

/* 見出し */
.entry-title, h1, h2, h3 { color: #6b5d8a; }

/* ボタン */
.btn, .button { background-color: #a89bbf; border-color: #8a7ba0; }

/* カテゴリラベル */
.cat-label { background-color: #a89bbf; }

/* サイドバーウィジェットヘッダー */
.widget-title, .widgettitle { background-color: #a89bbf !important; color: #ffffff !important; }
.sidebar .widget-title { background-color: #a89bbf !important; }
#sidebar .widget-title { background-color: #a89bbf !important; }

.widget-title { background-color: #a89bbf !important; color: #ffffff !important; border-color: #8a7ba0 !important; }

/* ブロックウィジェットタイトル */
.wp-block-heading { background-color: #a89bbf !important; color: #ffffff !important; }

/* ヘッダー・ナビ */
.header-container, .navi { background-color: #a89bbf !important; }
.navi a { color: #ffffff !important; }

/* フッター */
footer#footer, footer.footer-container { background-color: #a89bbf !important; color: #ffffff !important; }
.go-to-top-button { background-color: #8a7ba0 !important; }