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

/* ============================================================
   TEPEST Netflix風ダーク化 START (2026-09-01 Claude追記)
   消したいときはこのSTART〜ENDの間を削除するだけで元に戻ります。
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Decol:wght@700&display=swap');

:root{
  --tp-bg:#0c0e16;
  --tp-bg-raised:#1b1e2c;
  --tp-line:#2c3046;
  --tp-text:#eceef5;
  --tp-text-soft:#9297ac;
  --tp-coral:#ff5a48;
  --tp-coral-ink:#ffb3a6;
}

html, body{background:var(--tp-bg) !important;color:var(--tp-text) !important;}
#container, #content, #content-in, #main, .article{background:transparent !important;}

/* ヘッダー・ナビ */
#header-container, #header, #header-in{background:var(--tp-bg) !important;border:none !important;box-shadow:none !important;}
.site-name, .site-name-text, .site-name-text-link{color:var(--tp-coral) !important;font-family:'Kaisei Decol', 'Hiragino Mincho ProN', serif !important;}
#navi, #navi-in{background:var(--tp-bg-raised) !important;border-top:1px solid var(--tp-line) !important;border-bottom:1px solid var(--tp-line) !important;}
#navi .menu-item > a{color:var(--tp-text-soft) !important;}
#navi .menu-item.current-menu-item > a, #navi .menu-item > a:hover{color:var(--tp-text) !important;}

/* カード一覧(アーカイブ・トップページ・関連記事) */
.entry-card{background:var(--tp-bg-raised) !important;border:1px solid var(--tp-line) !important;border-radius:10px !important;overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;}
.entry-card:hover{transform:scale(1.035);box-shadow:0 12px 30px rgba(0,0,0,.55);position:relative;z-index:2;}
.entry-card-content{background:var(--tp-bg-raised) !important;}
.entry-card-title, .entry-card-title a{color:var(--tp-text) !important;}
.entry-card-snippet{color:var(--tp-text-soft) !important;}
.entry-card-info, .entry-card-info *{color:var(--tp-text-soft) !important;}
.entry-category, .cat-label{background:var(--tp-coral) !important;color:#1a0d0a !important;border:none !important;font-weight:700 !important;}
.archive-title{color:var(--tp-text) !important;}

/* 記事ページ本文 */
.entry-title{color:var(--tp-text) !important;font-family:'Kaisei Decol', 'Hiragino Mincho ProN', serif !important;}
.entry-content, .entry-content p, .entry-content li{color:var(--tp-text) !important;}
.entry-content a{color:var(--tp-coral-ink) !important;}
#toc, .toc{background:var(--tp-bg-raised) !important;border:1px solid var(--tp-line) !important;color:var(--tp-text) !important;}
#toc a{color:var(--tp-text-soft) !important;}
.date-tags, .entry-categories-tags, .footer-meta{color:var(--tp-text-soft) !important;}
.wp-block-buttons .wp-block-button__link{background:var(--tp-coral) !important;color:#1a0d0a !important;border-radius:6px !important;font-weight:700 !important;}

/* サイドバー・関連記事・ページャー・パンくず */
#sidebar .widget, .related-entries, .sns-share, .sns-follow{background:var(--tp-bg-raised) !important;border:1px solid var(--tp-line) !important;border-radius:8px !important;}
.related-entry-heading{color:var(--tp-text) !important;}
#pager-post-navi a{background:var(--tp-bg-raised) !important;color:var(--tp-text) !important;border:1px solid var(--tp-line) !important;}
#breadcrumb, #breadcrumb a, .breadcrumb-caption{color:var(--tp-text-soft) !important;}

/* フッター */
#footer, #footer-in{background:var(--tp-bg) !important;border-top:1px solid var(--tp-line) !important;color:var(--tp-text-soft) !important;}
#footer a{color:var(--tp-text-soft) !important;}
/* ============================================================
   TEPEST Netflix風ダーク化 END
   ============================================================ */

/* ============================================================
   TEPEST ヒーローバンド・棚(ショートコード用) START (2026-09-01)
   [np_hero] [np_shelf] が出力するHTMLに対応。
   消したいときはこのSTART〜ENDの間を削除するだけで元に戻ります。
   ============================================================ */
.np-hero{
  position:relative;
  border-radius:12px;
  overflow:hidden;
  padding:40px 32px;
  margin:0 0 32px;
  background-size:cover;
  background-position:center;
  background-color:var(--tp-bg-raised);
  border:1px solid var(--tp-line);
}
.np-hero-badges{margin-bottom:10px;}
.np-hero-badge{
  display:inline-block;
  font-size:11px;
  font-weight:700;
  letter-spacing:.03em;
  color:#ffcf7a;
  background:rgba(0,0,0,.4);
  padding:3px 9px;
  border-radius:20px;
  margin-right:6px;
}
.np-hero-title{color:#fff !important;font-size:26px !important;margin:0 0 10px !important;font-family:'Kaisei Decol','Hiragino Mincho ProN',serif !important;}
.np-hero-excerpt{color:rgba(255,255,255,.78) !important;max-width:52ch;line-height:1.8;margin:0 0 18px !important;}
.np-hero-cta{
  display:inline-block;
  background:var(--tp-coral);
  color:#1a0d0a !important;
  font-weight:700;
  padding:9px 20px;
  border-radius:6px;
  text-decoration:none !important;
}

.np-shelf{margin:0 0 32px;}
.np-shelf-title{color:var(--tp-text) !important;font-size:18px !important;margin:0 0 12px !important;}
.np-shelf-row{display:flex;gap:12px;overflow-x:auto;padding-bottom:6px;}
.np-poster{
  flex:0 0 150px;
  border-radius:8px;
  overflow:hidden;
  border:1px solid var(--tp-line);
  background:var(--tp-bg-raised);
  text-decoration:none !important;
  transition:transform .2s ease;
}
.np-poster:hover{transform:scale(1.04);}
.np-poster-art{
  height:150px;
  background-size:cover;
  background-position:center;
  background-color:var(--tp-bg-raised);
  position:relative;
}
.np-badge{
  position:absolute;
  top:6px;
  font-size:10px;
  font-weight:700;
  color:#fff;
  background:rgba(0,0,0,.55);
  padding:2px 6px;
  border-radius:4px;
}
.np-badge-ep{left:6px;}
.np-badge-len{right:6px;}
.np-poster-meta{padding:8px 10px 10px;}
.np-poster-cat{font-size:10px;color:var(--tp-coral-ink) !important;font-weight:700;margin-bottom:2px;}
.np-poster-title{font-size:12px;color:var(--tp-text) !important;line-height:1.4;}
/* ============================================================
   TEPEST ヒーローバンド・棚 END
   ============================================================ */

/* ============================================================
   TEPEST 整理・記事ページ調整 START (2026-09-01 その2)
   消したいときはこのSTART〜ENDの間を削除するだけで元に戻ります。
   ============================================================ */

/* ヘッダーを薄いスティッキーバーに(巨大ロゴ画像を縮小) */
#header-container{position:sticky;top:0;z-index:100;background:rgba(12,14,22,.92) !important;backdrop-filter:blur(6px);}
#header-container-in,#header,#header-in{min-height:auto !important;padding-top:0 !important;padding-bottom:0 !important;}
#header-in{padding:10px 20px !important;}
.site-logo-image,.header-site-logo-image{max-height:28px !important;width:auto !important;}
#navi,#navi-in{min-height:auto !important;}
#navi .navi-in{padding-top:0 !important;padding-bottom:0 !important;}

/* トップの巨大スプラッシュ画像的レイアウトの余白を詰める */
.hlt-center-logo #header-in{text-align:left !important;}

/* サイドバー広告を額縁に入れて浮きを抑える */
#sidebar .widget_common_ad,#sidebar .ad-area{background:#1a1a1a !important;padding:12px !important;border-radius:10px !important;border:1px solid rgba(255,255,255,.08) !important;opacity:.9;transition:opacity .2s ease;}
#sidebar .widget_common_ad:hover,#sidebar .ad-area:hover{opacity:1;}
.ad-label{color:var(--tp-text-soft) !important;font-size:10.5px !important;letter-spacing:.08em;text-transform:uppercase;}

/* 重複しがちなメタ情報を整理(共有ボタン上部・閲覧数・更新日の重複を非表示) */
.sns-share.ss-top{display:none !important;}
.article-header .date-tags .fa-eye,.article-header .date-tags .count-entry{display:none !important;}
.entry-card-meta .entry-card-info .fa-eye{display:none !important;}

/* ============================================================
   記事ページ(entry-content)の文字組み — クールな短編小説サイトへ
   ============================================================ */
.entry-content{
  max-width:680px;
  margin-left:auto;
  margin-right:auto;
  font-size:17px !important;
  line-height:2 !important;
}
.entry-content p{margin-bottom:1.5em !important;color:#e8e8e8 !important;}
.entry-content p:first-of-type{font-size:19px !important;color:var(--tp-text-soft) !important;}
.entry-content h2,.entry-content h3{
  font-family:'Kaisei Decol','Hiragino Mincho ProN',serif !important;
  font-weight:400 !important;
  background:none !important;
  border:none !important;
  border-left:2px solid var(--tp-coral) !important;
  padding:2px 0 2px 14px !important;
  color:var(--tp-text) !important;
}
.entry-content hr.wp-block-separator{
  border:none !important;
  text-align:center;
  margin:3.5em auto !important;
  max-width:680px;
  height:1.4em;
  position:relative;
}
.entry-content hr.wp-block-separator::after{
  content:"◆";
  color:var(--tp-line);
  font-size:13px;
}
.entry-content ::selection{background:var(--tp-coral);color:#1a0d0a;}
/* ============================================================
   TEPEST 整理・記事ページ調整 END
   ============================================================ */