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

/* =========================================================
   ヘッダー：横いっぱい白背景＋中央ロゴ＋下線1px＋キャッチ表示
========================================================= */
:root{
  --blue:#00ADEF;
  --line:#e5e7eb;
  --text:#222;
}

/* 全体の基本設定 */
html,body{
  overflow-x:hidden;
  font-family:'LINE Seed JP','Hiragino Sans','Noto Sans JP',sans-serif;
  color:var(--text);
  line-height:1.8;
}

/* 横幅いっぱい白いバー */
#header,
#header-container,
#header-in,
.site-header{
  width:100vw !important;
  background:#fff !important;
  border-bottom:1px solid var(--line) !important;
  margin:0 !important;
  padding:0 !important;
}

/* 中身を中央揃え */
#header .wrap,
.site-header .wrap{
  max-width:none !important;
  width:100% !important;
  padding:16px 0 !important;
  box-sizing:border-box;
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
}

/* ロゴ・サイト名・キャッチを縦並び中央配置 */
#header .logo,
#header .site-branding,
#header .logo-header{
  display:flex !important;
  flex-direction:column !important;
  align-items:center !important;
  justify-content:center !important;
  gap:0.3em !important;
  margin:0 auto !important;
  text-align:center !important;
  float:none !important;
}

/* サイト名（ロゴ文字） */
#header .site-title,
#header .site-name,
#header .site-name-text{
  margin:0 0 0.1em 0 !important;
  line-height:0.1 !important;
  font-weight:900 !important;
  letter-spacing:.0;
  color:var(--blue);
  font-size:clamp(24px,3.2vw,38px);
}

/* サイト名の下に少し余白 */
#header .site-title,
#header .site-name{
  margin-bottom:0 !important;
}

/* キャッチコピーを表示 */
#header .site-description{
  display:block !important;
  margin:0 !important;
  color:#666;
  font-size:.95rem;
}

/* 画像ロゴも中央に */
#header .logo img{
  display:block;
  margin:0 auto;
  height:auto;
  max-height:2px;
}

/* 他の不要な装飾をリセット */
#header .site-title::after,
#header .site-name::after,
#header .site-name-text::after{
  content:none !important;
}

/* スマホ対応（高さ調整） */
@media (max-width:767px){
  #header .wrap{
    padding:12px 0 !important;
  }
  #header .site-title,
  #header .site-name{
    font-size:2rem !important;
  }
}

/* ==== ToC（目次）をホーム＆固定ページで非表示 ==== */
/* Cocoon標準, ez-TOC など主要クラスを網羅 */
.home #toc,
.home .toc,
.home #toc_container,
.home .ez-toc-container,
.page #toc,
.page .toc,
.page #toc_container,
.page .ez-toc-container{
  display: none !important;
}

/* ==== 日付の表示制御 ==== */
/* いったん全体は非表示にして… */
.posted-on,
.post-date,
.entry-date,
.date-tags,
.updated,
.published,
.entry-meta time,
.wp-block-post-date{
  display: none !important;
}

/* …個別の投稿ページ（single-post）だけ表示する */
body.single-post .posted-on,
body.single-post .post-date,
body.single-post .entry-date,
body.single-post .entry-meta time,
body.single-post .wp-block-post-date{
  display: inline !important;
}

/* ホーム・固定ページでは日付は引き続き非表示のまま */
body.home .wp-block-post-date,
body.page .wp-block-post-date{
  display: none !important;
}