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

/* ── Google Fonts（WordPress headに届かないためここで読む） ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&family=Noto+Serif+JP:wght@200;300;400&family=Shippori+Mincho:wght@300;400&display=swap');

/* ============================================================
   日常幻想 — Cocoon子テーマ CSS
   役割：Cocoonのデフォルトを消し、暗い宇宙的世界観に統一する
   ============================================================ */

/* ── 全体ベース ── */
html {
  background: #020208 !important;
}

body {
  background: #020208 !important;
  color: #f0ebe0 !important;
  font-family: 'Shippori Mincho', 'Noto Serif JP', serif !important;
  font-weight: 300 !important;
  overflow-x: hidden !important;
  margin: 0 !important;
  padding: 0 !important;
}

/* ── Cocoonの全コンテナ・白背景を完全透明化 ── */
/* これが一番重要。白い箱がCanvasの上に乗るのを防ぐ */
#container,
#content,
.content,
#contents,
#contents-in,
.contents-in,
#main,
.main,
.main-in,
#primary,
.primary,
.wrap,
.site-content,
.content-area,
.hentry,
.entry,
.entry-content,
.entry-inner,
.post-content,
.article,
article,
.article-body,
.singular-article,
.page-content,
#page,
.site,
div#layout,
.layout,
#layout,
.body-container,
div.main,
div.entry,
div.article,
div.content,
div#container,
div#contents {
  background: transparent !important;
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
}

/* ── ヘッダー：完全非表示 ── */
#header,
.header-container,
.header-container-in,
.site-name,
.header-logo-image,
.header-logo,
.header-in,
#header-in {
  display: none !important;
}

/* ── ナビゲーション：完全非表示 ── */
#navi,
.navi,
.navi-in,
.menu-top,
.global-navi,
.mobile-menu-buttons,
.menu-mobile,
.header-mobile-buttons,
.mobile-menu-button,
.mobile-menu-box,
.mobile-menu-wrap,
.slide-menu,
.mobile-footer-menu,
.fixed-mobile-buttons,
.footer-mobile-buttons,
.mobile-bottom-menu,
.sp-menu-box {
  display: none !important;
}

/* ── サイドバー：非表示 ── */
#sidebar,
.sidebar,
.widget-area,
.sidebar-scroll,
#secondary {
  display: none !important;
}

/* ── ページタイトル・パンくず・メタ情報：非表示 ── */
.entry-title,
.page-title,
h1.entry-title,
.breadcrumb,
.breadcrumbs,
.post-date,
.post-categories,
.entry-meta,
.article-meta,
.byline,
.cat-label,
.post-header {
  display: none !important;
}

/* ── 目次：非表示 ── */
.toc-container,
.toc,
.toc_wrap,
#toc_container,
.ez-toc-v2_0_17,
.rtoc-mokuji-wrapper,
.rtoc-mokuji {
  display: none !important;
}

/* ── フッター ── */
#footer,
.footer,
#footer-in,
.footer-in {
  background: #020208 !important;
  background-color: #020208 !important;
  border-top: 1px solid rgba(200, 164, 90, 0.07) !important;
  color: #3a3450 !important;
  padding: 2rem 3rem !important;
  box-shadow: none !important;
}

#footer a,
.footer a {
  color: #3a3450 !important;
  text-decoration: none !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
  transition: color 0.3s !important;
}
#footer a:hover,
.footer a:hover {
  color: #8a8070 !important;
}
.copyright,
.footer-copy {
  font-size: 0.6rem !important;
  color: #3a3450 !important;
  letter-spacing: 0.2em !important;
}

/* ── スクロールバー ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #020208; }
::-webkit-scrollbar-thumb {
  background: rgba(200, 164, 90, 0.2);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 164, 90, 0.4);
}

/* ── 選択テキスト ── */
::selection {
  background: rgba(200, 164, 90, 0.2);
  color: #e8d090;
}

/* ── WordPress管理バー ── */
#wpadminbar {
  opacity: 0.35 !important;
  transition: opacity 0.3s !important;
}
#wpadminbar:hover {
  opacity: 1 !important;
}

/* ── レスポンシブ ── */
@media screen and (max-width: 834px) {
  #footer, .footer {
    padding: 1.5rem !important;
  }
}


/* ── ヘッダー：完全非表示 ── */
/* HOMEページはフルスクリーンHTMLで作るため
   Cocoonのヘッダーはすべて隠す              */
#header,
.header-container,
.header-container-in,
.site-name,
.header-logo-image,
.header-logo {
  display: none !important;
}

/* ── ナビゲーション（上部メニュー）：完全非表示 ── */
/* ナビはHTMLの中に自前で作るため不要 */
#navi,
.navi,
.navi-in,
.menu-top,
.global-navi,
.mobile-menu-buttons,
.menu-mobile,
.header-mobile-buttons,
.mobile-menu-button,
.mobile-menu-box,
.mobile-menu-wrap,
.slide-menu,
.mobile-footer-menu,
.fixed-mobile-buttons {
  display: none !important;
}

/* ── メインレイアウト：Cocoonの余白・枠を全消し ── */
#container,
#contents,
.contents-in,
#main,
.main,
.wrap,
.entry,
.entry-content,
.post-content,
.article,
article {
  background: transparent !important;
  border: none !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
  max-width: 100% !important;
  width: 100% !important;
  float: none !important;
}

/* ── サイドバー：非表示 ── */
#sidebar,
.sidebar,
.widget-area,
.sidebar-scroll {
  display: none !important;
}

/* ── ページタイトル（「HOME」という文字）：非表示 ── */
.entry-title,
.page-title,
h1.entry-title {
  display: none !important;
}

/* ── パンくずリスト：非表示 ── */
.breadcrumb,
.breadcrumbs {
  display: none !important;
}

/* ── 目次（TOC）：非表示 ── */
.toc-container,
.toc,
.toc_wrap,
#toc_container,
.ez-toc-v2_0_17,
.rtoc-mokuji-wrapper,
.rtoc-mokuji {
  display: none !important;
}

/* ── 投稿メタ情報（日付・カテゴリ等）：非表示 ── */
.post-date,
.post-categories,
.entry-meta,
.article-meta,
.byline {
  display: none !important;
}

/* ── フッター：日常幻想スタイルに上書き ── */
#footer,
.footer {
  background: #020208 !important;
  border-top: 1px solid rgba(200, 164, 90, 0.07) !important;
  color: #3a3450 !important;
  padding: 2rem 3rem !important;
  box-shadow: none !important;
  text-align: left !important;
}

#footer a,
.footer a {
  color: #3a3450 !important;
  text-decoration: none !important;
  font-size: 0.65rem !important;
  letter-spacing: 0.2em !important;
}

#footer a:hover,
.footer a:hover {
  color: #8a8070 !important;
}

/* フッターのコピーライト */
.copyright,
.footer-copy {
  font-size: 0.6rem !important;
  color: #3a3450 !important;
  letter-spacing: 0.2em !important;
}

/* ── スクロールバー ── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: #020208; }
::-webkit-scrollbar-thumb {
  background: rgba(200, 164, 90, 0.2);
  border-radius: 2px;
}
::-webkit-scrollbar-thumb:hover {
  background: rgba(200, 164, 90, 0.4);
}

/* ── 選択テキストの色 ── */
::selection {
  background: rgba(200, 164, 90, 0.2);
  color: #e8d090;
}

/* ── WordPressの管理バー（ログイン時）── */
#wpadminbar {
  opacity: 0.4 !important;
  transition: opacity 0.3s !important;
}
#wpadminbar:hover {
  opacity: 1 !important;
}

/* ── レスポンシブ補完 ── */
@media screen and (max-width: 834px) {
  #footer,
  .footer {
    padding: 1.5rem !important;
  }
}