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

/* ===================================================
   半アンダーライン（そらまめテーマ用）
   =================================================== */

/* 重要ポイント（黄色） */
.marker-under {
  background-image: linear-gradient(#e5e4e6, #e5e4e6); /* 目立つ黄色 */
  background-repeat: no-repeat;
  background-size: 100% 0.4em;  /* 線の厚さ */
  background-position: 0 0.8em; /* 文字下の位置 */
}

/* 注意ポイント（赤→コーラルピンク） */
.marker-under-red {
  background-image: linear-gradient(#F2A0A1, #F2A0A1);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0 0.8em;
}

/* デメリット・補足（青→淡いブルー） */
.marker-under-blue {
  background-image: linear-gradient(#89c3eb, #89c3eb);
  background-repeat: no-repeat;
  background-size: 100% 0.4em;
  background-position: 0 0.8em;
}