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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* 1. フォントと全体の色味：日本の美学を反映 */
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    background-color: #f9f8f6;
    color: #4a4a4a;
    -webkit-font-smoothing: antialiased; /* 文字を滑らかに */
}

/* 2. ヘッダー：ブランドの気品 */
#header {
    background-color: transparent;
    padding: 60px 0; /* 贅沢な余白 */
}

.logo-header {
    font-weight: 300;
    letter-spacing: 0.15em;
    font-size: 2.2rem;
}

/* 3. ナビゲーション：ミニマリズム */
#navi-in {
    border: none;
    background-color: transparent;
}

.menu-item a {
    font-size: 0.85rem;
    letter-spacing: 0.1em;
    color: #888 !important;
    text-decoration: none;
    transition: color 0.3s;
}

.menu-item a:hover {
    color: #a89f91 !important;
}

/* 4. コンテンツエリアの余白 */
.entry-content {
    line-height: 2.0; /* 読みやすさを追求 */
    letter-spacing: 0.05em;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}