@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){
  /*必要ならばここにコードを書く*/
}
/* 本文冒頭の余白調整 */
.article-header {
    margin-bottom: 40px; /* タイトル下の余白を広げる */
}

/* タイトル下の線や装飾（お好みで） */
.entry-title {
    padding-bottom: 20px;
    border-bottom: 1px solid #eee; /* 薄い線を入れて区切りを明確に */
}

/* モバイルでの調整 */
@media screen and (max-width: 480px) {
    .article-header {
        margin-bottom: 25px;
    }
}
/* 投稿ページ（blog）の本文アイキャッチだけを非表示にする */
.single .eye-catch {
    display: none;
}

/* 固定ページのアイキャッチはそのまま表示される（何もしない） */

/* 先ほど調整したタイトル下の余白も投稿ページだけに適用 */
.single .article-header {
    margin-bottom: 40px;
}
/* --- 日付表示のコントロール --- */

/* 1. 一旦、すべてのページ（投稿・固定）で日付を非表示にする */
.post-date, .post-update {
    display: none;
}

/* 2. 投稿ページ（blog）の時だけ、日付を再表示させる */
.single .post-date, 
.single .post-update {
    display: inline; /* または block */
    font-size: 0.8em;
    color: #999; /* nagiに合う薄めのグレー */
}

/* 投稿日をタイトルの下に少し余裕を持って配置 */
.single .date-tags {
    margin-top: 10px;
    display: block;
}
/* 公開画面だけでふわっとさせる（編集画面には影響させない） */
body:not(.wp-admin) .nagi-fadeup {
    opacity: 0;
    transform: translateY(40px);
    transition: all 1.2s ease-out;
}

/* 画面内に入った時に表示 */
body:not(.wp-admin) .nagi-fadeup.is-visible {
    opacity: 1;
    transform: translateY(0);
}