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

/* サイト全体の行間を調整 */
body {
    line-height: 1.8;
}

/* 記事本文の行間をより最適化（お好みで） */
.entry-content {
    line-height: 1.9;
}

/* スキンのメインカラーを強制的に柔らかい色へ変更 */
:root {
    --cocoon-main-color: #a89585 !important;
    --cocoon-key-color: #a89585 !important;
}

/* ヘッダーやナビゲーションの色も個別に指定 */
#header, .navi-in, .footer {
    background-color: #a89585 !important; /* ここでヘッダー等の色が決まります */
}

/* サイト全体の背景色（柔らかいベージュ） */
body {
    background-color: #fcfaf8 !important;
}

/* 文字の色も柔らかい黒（濃い茶色）へ */
body, .article {
    color: #4a4038 !important;
}

/* Veilnuiスキンの制御を上書きして大きく・白くする */
.skin-veilnui-simplog-brown .site-description,
body.skin-veilnui-simplog-brown #header .site-description {
    font-size: 26px !important; /* 文字を大きく */
    color: #ffffff !important;  /* ホワイトに固定 */
    opacity: 1 !important;      /* スキンによる透明化を解除 */
    display: block !important;
    font-weight: bold !important;
    text-shadow: 1px 1px 3px rgba(0,0,0,0.2) !important; /* 読みやすく少し影付け */
    line-height: 1.4 !important;
}

/* モバイル（スマホ）での調整 */
@media screen and (max-width: 480px) {
    .skin-veilnui-simplog-brown .site-description,
    body.skin-veilnui-simplog-brown #header .site-description {
        font-size: 16px !important;
    }
}