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

/* 本文内のH2見出しを雑誌風にカスタマイズ */
.article .entry-content h2 {
    position: relative;
    background: none !important; /* 背景色を消す */
    border: none !important;     /* 既存の枠線を消す */
    padding: 0.4em 0 0.4em 0.8em !important; /* 内側の余白（左側に線を置くスペース） */
    font-size: 1.6em;            /* 文字を大きく */
    font-weight: 700;            /* 文字を太く */
    color: #333;                 /* 深みのあるグレー */
    line-height: 1.4;
    margin-top: 2.5em !important;   /* 上の文章との広い間隔 */
    margin-bottom: 1.2em !important; /* 下の文章との適度な間隔 */
    letter-spacing: 0.05em;      /* 文字間隔を少し広げて読みやすく */
}

/* 左側のアクセント線（雑誌特有の細い二重線風） */
.article .entry-content h2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 6px;                  /* 線の太さ */
    height: 100%;
    background-color: #F15A22;   /* アクセントカラー（以前の緑） */
    border-radius: 2px;
}

/* 雑誌のようなさりげない下線（薄いグレー） */
.article .entry-content h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #eee;            /* 非常に薄い線 */
}