@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){
  /*必要ならばここにコードを書く*/
}
/* 赤背景＋太字：反省点などに */
.highlight-red {
  background-color: #ffe5e5;
  color: #d32f2f;
  font-weight: bold;
  padding: 3px 6px;
  border-radius: 4px;
}

/* 緑文字＋太字：成功や改善ポイントに */
.check-green {
  color: #2d7d32;
  font-weight: bold;
}

/* 青下線：補足や気づき用 */
.underline-blue {
  text-decoration: underline;
  text-decoration-color: #1976d2;
  text-underline-offset: 3px;
}

/* 吹き出し風ボックス */
.speech-box {
  background-color: #f0f8ff;
  border-left: 5px solid #64b5f6;
  padding: 10px;
  margin: 10px 0;
  border-radius: 5px;
  font-style: italic;
}