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


/* === 例文ブロックの色分け（2026-09-23 追加） ===
   もったいない例＝ふせん色（黄）、直した例＝ミント。
   引用ブロックに ex-bad / ex-good のクラスを付けると色がつく。 */

.article blockquote.ex-bad {
  background: #fdf5e6;
  border-left: 10px solid #d9a441;
  border-radius: 0 4px 4px 0;
}

.article blockquote.ex-good {
  background: #e8f5f3;
  border-left: 10px solid #2a8079;
  border-radius: 0 4px 4px 0;
}

.article blockquote.ex-bad strong:first-child { color: #9a6b12; }

.article blockquote.ex-good strong:first-child { color: #1f6b63; }


/* === 見出しの背景をグレーに（2026-09-24 変更） ===
   ミント色は「直した例」だけに使うため、見出しは薄いグレーにする。
   追加CSS側の指定を上書きしている。 */

body .article h2 {
  background: #1f6b63;
  color: #ffffff;
  border-left: none;
  border-radius: 4px;
}