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



/*サイドバーの行間を詰める*/
.widget {
  margin-bottom: 20px;
}



/* * style.css v1.4
 * Modification: Refined H1 (Double thin lines) and H2 (Left vertical bar)
 * 20260220  Keith Masuda
 */


/* --- H1: 記事タイトル（PC/共通） --- */
.article h1 {
    background: none !important;
    border-top: 1px solid #eee !important;    /* 線をさらに薄く(#eee) */
    border-bottom: 1px solid #eee !important;
    border-left: none !important;
    border-right: none !important;
    padding: 15px 10px !important;            /* 余白をさらにスリムに */
    margin-bottom: 25px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
    color: #333;
    font-size: 1.4em !important;              /* PCでも控えめなサイズ */
}

/* --- H2: 大見出し（PC/共通） --- */
.article h2 {
    background: none !important;
    border: none !important;
    border-left: 5px solid #333 !important;   /* 縦棒を少し細く */
    padding: 6px 0 6px 15px !important;       /* 文字との距離を微調整 */
    margin: 35px 0 15px !important;           /* 前後の余白をスッキリ */
    font-weight: 700 !important;
    line-height: 1.3 !important;
    color: #333;
    font-size: 1.3em !important;              /* H1より一回り小さく */
}

/* --- スマホ調整（画面幅 768px 以下） --- */
@media screen and (max-width: 768px) {
    .article h1 {
        font-size: 1.15em !important;         /* スマホでさらにコンパクトに */
        padding: 12px 5px !important;
    }
    .article h2 {
        font-size: 1.1em !important;          /* スマホでさらにコンパクトに */
        border-left-width: 4px !important;    /* スマホでは棒を少し細く */
    }
}