@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 {
  --c-main: #d60000;  /* メインレッド */
  --c-sub: #ff3b3b;   /* サブレッド */
}

/* 目次タイトル */
.toc-title {
  background: var(--c-main);
  color: #fff;
}

/* 見出しH2 （ニュース記事の見出しスタイル） */
.article h2 {
  border-left: 6px solid var(--c-main);
  padding-left: 10px;
  font-weight: bold;
}

/* 見出しH3 */
.article h3 {
  border-bottom: 2px solid var(--c-sub);
  padding-bottom: 3px;
  font-weight: bold;
}

/* ボタン全体 */
.btn,
.button,
.more-link {
  background: var(--c-main) !important;
  color: #fff !important;
  border: none !important;
  border-radius: 3px;
}

.btn:hover,
.button:hover,
.more-link:hover {
  background: var(--c-sub) !important;
}

/* トップページのカテゴリー見出しを赤に */
.cat-label {
  background: var(--c-main) !important;
  color: #fff !important;
}