@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
*/

/* 必要事項を以下に記入してください */
/* 2. ヘッダーのレイアウト（PC：左寄せ） */
@media screen and (min-width: 1024px) {
    .header-in, .header-container-in {
        align-items: flex-start !important;
        text-align: left !important;
    }
}
    /* タグライン（コピー）の左寄せを強制 */
    #header .tagline {
        left: 0 !important;
        transform: none !important;
        margin-left: 0 !important;
    }

/* 3. ロゴ（USAGI GIKEN）のフォント指定 */
#header .logo-text, 
#header .site-name-text-link,
.logo-text a,
.site-name-text-link a {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 300 !important;
    letter-spacing: 0.3em !important;
    color: #ffffff !important;
    text-shadow: 2px 2px 15px rgba(0,0,0,0.3) !important;
    text-decoration: none !important;
}

/* 4. タグラインのデザイン（ツノなし・バッジ風） */
#header .tagline {
    position: relative !important;
    display: inline-block !important;
    background-color: rgba(0, 0, 0, 0.7) !important;
    color: #fff !important;
    padding: 6px 20px !important;
    font-family: 'Noto Serif JP', serif !important;
    font-size: 11px !important;
    font-weight: 300 !important;
    letter-spacing: 0.1em !important;
    border-radius: 50px !important; /* 洗練された小判型 */
    margin-top: 15px !important;
    left: auto !important;
    top: auto !important;
    transform: none !important;
    border: none !important;
}

/* 吹き出しのツノ（三角形）を完全に消去 */
.tagline::before, .tagline::after {
    content: none !important;
    display: none !important;
}

/* 6. TOPページのアイキャッチ画像を非表示にする */
.home .entry-eye-catch, 
.home .eye-catch, 
.home .main-entry-eye-catch, 
.home .eyecatch-column {
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}
/* 7. 本文とサイドバーウィジェットの背景色変更 */
/* 本文エリア全体 */
.main, 
.article, 
#main {
    background-color: #f9f7f2 !important; /* 洗練されたオフホワイト */
}

.main {
    padding: 40px !important;
    border-radius: 4px !important;
}
/* サイドバーの各ウィジェット */
.sidebar .widget {
    background-color: #f9f7f2 !important;
    padding: 20px !important;
    border-radius: 4px !important;
    margin-bottom: 20px !important;
    border: none !important; /* 枠線を消してスッキリさせる */
}
/* 見出し（hタグ）の背景色と装飾調整 */
.article h2, .article h3, .article h4, .article h5, .article h6,
.entry-content h1, .entry-content h2, .entry-content h3 {
    background-color: #f9f7f2 !important;
}

/* h2の黒丸（●）や装飾を消去（モバイル含め徹底的に） */
.article h2::before, 
.article h2::after,
.entry-content h2::before,
.entry-content h2::after,
h2.wp-block-heading::before {
    content: none !important;
    display: none !important;
}
/* 8. 検索バーの入力文字をハッキリさせる */
.search-edit, 
.search-field, 
input[type="search"], 
input[name="s"] {
    color: #333 !important; /* 濃いグレーで視認性向上 */
    font-weight: 500 !important;
    background-color: #fff !important; /* 入力欄は白くしてコントラストを出す */
}

/* プレースホルダー（入力前の薄い文字）も少し濃くする */
::placeholder {
    color: #888 !important;
    opacity: 1 !important;
}
/* h2のデザインを洗練されたエディトリアル風に変更 */
.article h2, .entry-content h2, h2.wp-block-heading {
    border-left: 2px solid #333 !important; /* 左側に細いアクセント線 */
    padding: 0.4em 0 0.4em 1.2em !important;
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 600 !important;
    letter-spacing: 0.03em !important;
    line-height: 1.4 !important;
    margin-top: 2.5em !important;
    margin-bottom: 1.2em !important;
    border-bottom: none !important;
}