@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

/* フロントページ（ホームページ）の本文上アイキャッチを強制非表示 */
.home.page .entry-eye-catch {
    display: none !important;
}

/* 万が一、別の要素名で出力されている場合も考慮した広域指定 */
.home.page .eye-catch,
.home.page .eyecatch-column {
    display: none !important;
}
/* 1. ヘッダー内のロゴとタグラインを左寄せに固定 */
.header-in, .header-container-in {
    align-items: flex-start !important; /* 子要素を左揃えにする */
    text-align: left !important;

}

/* 3. タグライン（黒い帯）の位置調整 */
.tagline {
    margin-left: 0 !important;
    margin-right: auto !important;
}
/* 1. Google Fontsから明朝体（Noto Serif JP）を読み込む */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@300;600&display=swap');

/* 2. サイト全体の基本フォントを明朝体ベースに変更 */
body {
    font-family: "Noto Serif JP", serif !important;
    -webkit-font-smoothing: antialiased; /* 文字を滑らかにする */
}

/* 3. ヘッダーロゴのフォントを細身の明朝体にして高級感を出す */
.logo-text, .site-name-text-link {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 300 !important; /* 細身にすることで知的な印象に */
    letter-spacing: 0.25em !important; /* 文字間隔を広げてラグジュアリーに */
    font-size: 28px !important;
}

/* 4. タグライン（黒い帯）の中の文字も整える */
.tagline {
    font-family: 'Noto Serif JP', serif !important;
    letter-spacing: 0.1em !important;
    font-weight: 300 !important;
}

/* 5. 記事の見出し（H2）もシャープな明朝体に */
.article h2 {
    font-family: 'Noto Serif JP', serif !important;
    font-weight: 600 !important;
}