@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* サイトキーカラーとアクセントカラーなどの設定 */
:root {
    --cocoon-main-color: #CC0000; /* やや深めの赤 */
    --cocoon-accent-color: #FFCC00; /* 明るめの黄色 */
    --cocoon-background-color: #FFFFFF; /* 白 */
    --cocoon-text-color: #333333; /* 濃いグレー */
}

/* 背景色と文字色 */
body {
    background-color: var(--cocoon-background-color);
    color: var(--cocoon-text-color);
}

/* リンクやボタンの色 */
a, .button {
    color: var(--cocoon-main-color);
}

/* ホバー時のアクセントカラー */
a:hover, .button:hover {
    color: var(--cocoon-accent-color);
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

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

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