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

/* ==========================================================================
   まとめ機能スタイル(02_SITE_SPEC §6.1 / 03 Step 6.1)
   ========================================================================== */
/* ===== レス表示 ===== */
.res{margin:1.2em 0;padding:.8em 1em;background:#171c22;border-left:3px solid #3a4450;border-radius:4px;color:#e8e6e1}
.res-header{font-size:.82em;color:#8b949e;margin-bottom:.4em}
.res-header .res-id{margin-left:.5em}
.res-body{line-height:1.85;overflow-wrap:anywhere}
.res-anchor{color:#7FB4D9;text-decoration:none}
.res-anchor:hover{color:#E0A458}
.res-op .res-body{color:#98C379}
.res-hot .res-body{color:#E06C75;font-weight:700;font-size:1.05em}
/* ===== 管理人コメント ===== */
.admin-comment{position:relative;margin:1.6em 0;padding:1em 1.2em;background:#1d2733;border:1px solid #E0A458;border-radius:8px;color:#e8e6e1}
.admin-comment::before{content:"管理人";position:absolute;top:-.8em;left:1em;background:#E0A458;color:#101418;font-size:.75em;font-weight:700;padding:.1em .6em;border-radius:4px}
/* ===== 出典 ===== */
.source-link{font-size:.85em;color:#8b949e;margin:.6em 0 1.2em}
.source-link a{color:#7FB4D9}
.source-link a:hover{color:#E0A458}
/* ===== 公演テーブル ===== */
.event-table{width:100%;border-collapse:collapse}
.event-table th,.event-table td{border:1px solid #3a4450;padding:.5em .8em}
.event-table th{white-space:nowrap;background:#1d2733;color:#e8e6e1}
/* ===== PR表記 ===== */
.pr-label{display:inline-block;background:#3a4450;color:#e8e6e1;font-size:.72em;padding:.05em .5em;border-radius:3px;margin-right:.4em}


/* ============================================================
   MAGAZINE EDITORIAL REDESIGN (2026-07)
   トークン定義 → 全体 → ヘッダー → カード → 記事 → パーツ
   ============================================================ */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@600;700;800&family=Zen+Kaku+Gothic+New:wght@400;500;700&display=swap');

:root{
  --mag-paper:#f5f1e8;
  --mag-paper-dark:#ebe5d8;
  --mag-ink:#1a1816;
  --mag-ink-soft:#4a453f;
  --mag-accent:#c0392b;
  --mag-serif:"Shippori Mincho B1","Hiragino Mincho ProN","Yu Mincho",serif;
  --mag-sans:"Zen Kaku Gothic New","Hiragino Sans","Noto Sans JP",sans-serif;
}

/* --- 全体 --- */
body{background:var(--mag-paper);font-family:var(--mag-sans);color:var(--mag-ink);}
#container,.main,.sidebar{background:transparent;}
.main,.sidebar{border:none;box-shadow:none;}
a{color:var(--mag-ink);}
a:hover{color:var(--mag-accent);}

/* --- ヘッダー(マストヘッド) --- */
.header{background:var(--mag-paper);border-bottom:4px double var(--mag-ink);}
.header-container{background:var(--mag-paper);}
.site-name-text{font-family:var(--mag-serif);font-weight:800;letter-spacing:.14em;color:var(--mag-ink);}
.tagline{font-family:var(--mag-serif);letter-spacing:.2em;color:var(--mag-ink-soft);}
#navi{background:var(--mag-paper);border-bottom:1px solid var(--mag-ink);}
#navi .navi-in>ul li a{color:var(--mag-ink);font-family:var(--mag-serif);font-weight:700;letter-spacing:.12em;}
#navi .navi-in>ul li a:hover{background:var(--mag-ink);color:var(--mag-paper);}

/* --- エントリーカード(表紙の目次風) --- */
.entry-card-wrap,.related-entry-card-wrap{background:var(--mag-paper);border:1px solid var(--mag-ink);border-radius:0;box-shadow:none;margin-bottom:1.6em;transition:background .2s;}
.entry-card-wrap:hover{background:#fff;box-shadow:6px 6px 0 var(--mag-ink);}
.entry-card-title,.related-entry-card-title{font-family:var(--mag-serif);font-weight:700;font-size:1.25em;line-height:1.45;}
.entry-card-snippet,.related-entry-card-snippet{color:var(--mag-ink-soft);font-size:.88em;line-height:1.7;}
.cat-label{background:var(--mag-ink);color:var(--mag-paper);border:none;border-radius:0;font-family:var(--mag-sans);letter-spacing:.1em;font-size:.68em;padding:2px 8px;}
.entry-card-thumb{border:none;}

/* --- 記事本文(エディトリアル) --- */
.article{font-size:16px;}
.article .entry-title,.entry-title{font-family:var(--mag-serif);font-weight:800;font-size:1.9em;line-height:1.4;letter-spacing:.02em;}
.article p{line-height:1.95;margin-bottom:1.7em;}
.article h2{background:none;border-radius:0;padding:.55em 0 0 0;margin-top:3.2em;border-top:3px solid var(--mag-ink);border-bottom:none;font-family:var(--mag-serif);font-weight:800;font-size:1.5em;line-height:1.4;letter-spacing:.03em;}
.article h3{border:none;border-left:6px solid var(--mag-accent);padding:.2em 0 .2em .6em;margin-top:2.4em;font-family:var(--mag-serif);font-weight:700;font-size:1.2em;background:none;}
.article h4{font-family:var(--mag-serif);border-bottom:1px solid var(--mag-ink);}
.article ul li,.article ol li{line-height:1.85;}
.article blockquote{background:var(--mag-paper-dark);border-left:3px solid var(--mag-ink);font-family:var(--mag-serif);}
.eye-catch{border:1px solid var(--mag-ink);}

/* リード文(最初の段落)を雑誌の導入部風に */
.article>p:first-of-type{font-family:var(--mag-serif);font-size:1.06em;line-height:2.05;border-bottom:1px solid var(--mag-ink);padding-bottom:1.6em;}

/* --- 表 --- */
.article table,.event-table{border-collapse:collapse;}
.article table th,.event-table th{background:var(--mag-ink);color:var(--mag-paper);border:1px solid var(--mag-ink);font-family:var(--mag-serif);font-weight:700;}
.article table td,.event-table td{border:1px solid var(--mag-ink);background:#fff;}

/* --- 独自パーツの調和 --- */
.related-items{border:1px solid var(--mag-ink);background:var(--mag-paper-dark);border-radius:0;}
.related-items h3{border-left:none;border-bottom:1px solid var(--mag-ink);}
.pr-label{background:var(--mag-accent);border-radius:0;}
.admin-comment{border:1px solid var(--mag-ink);background:#fff;border-radius:0;font-family:var(--mag-serif);}
.admin-comment::before{background:var(--mag-ink);color:var(--mag-paper);font-family:var(--mag-sans);letter-spacing:.15em;}

/* --- サイドバー --- */
.sidebar h3{background:none;border:none;border-top:3px solid var(--mag-ink);border-bottom:1px solid var(--mag-ink);padding:.5em 0;font-family:var(--mag-serif);font-weight:800;letter-spacing:.1em;}
.sidebar{font-size:.92em;}
.sidebar .widget{margin-bottom:2.4em;}

/* --- ページネーション・ボタン --- */
.pagination .current{background:var(--mag-ink);color:var(--mag-paper);}
.pagination a{border:1px solid var(--mag-ink);border-radius:0;color:var(--mag-ink);}
.go-to-top-button{background:var(--mag-ink);color:var(--mag-paper);border-radius:0;}

/* --- フッター(奥付) --- */
.footer{background:var(--mag-ink);color:var(--mag-paper);border-top:4px double var(--mag-ink);}
.footer a,.footer .powered-by{color:var(--mag-paper);}
.footer-widgets h3{color:var(--mag-paper);border-color:var(--mag-paper);}

/* --- モバイル --- */
@media screen and (max-width: 834px){
  .article .entry-title,.entry-title{font-size:1.5em;}
  .article h2{font-size:1.3em;margin-top:2.4em;}
  .entry-card-title{font-size:1.05em;}
}

/* サイドバー ブロック見出し対応 */
.sidebar h2,.sidebar .wp-block-heading{background:none;border:none;border-top:3px solid var(--mag-ink);border-bottom:1px solid var(--mag-ink);padding:.5em 0;font-family:var(--mag-serif);font-weight:800;letter-spacing:.1em;font-size:1.05em;color:var(--mag-ink);}


/* ===== UI改修 2026-07 (シェアボタン/ヘッダー/フッター/聴くリンク) ===== */
/* シェアボタン: X・Facebook・コピーのみ、エディトリアル調 */
.sns-buttons a.hatebu-button,.sns-buttons a.line-button,.sns-buttons a.pinterest-button,
.sns-buttons a.pocket-button,.sns-buttons a.linkedin-button,.sns-buttons a.comment-button{display:none!important;}
.sns-buttons a.sns-button{background:var(--mag-paper)!important;color:var(--mag-ink)!important;border:1px solid var(--mag-ink)!important;border-radius:0!important;box-shadow:none!important;transition:background .2s,color .2s;}
.sns-buttons a.sns-button:hover{background:var(--mag-ink)!important;color:var(--mag-paper)!important;}
.sns-buttons a.sns-button .button-caption{font-family:var(--mag-serif);letter-spacing:.08em;}

/* ヘッダー: 余白圧縮 */
.header{padding:0;}
.header-in{padding:12px 0 10px;min-height:0;}
#header-container .site-name,#header-in .site-name{margin:0;}
.site-name-text{font-size:1.7em;padding:6px 0;}
.tagline{margin:0 0 4px;font-size:.8em;}
#navi .navi-in>ul li a{height:44px;line-height:44px;}

/* フッター: 固定ページリンクを左寄せ */
.footer-in{padding:24px 4% 20px;}
.navi-footer-in{text-align:left;}
.navi-footer-in>ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:0 1.6em;}
.navi-footer-in>ul li{margin:0;}
.navi-footer-in>ul li a{color:var(--mag-paper);font-family:var(--mag-serif);font-size:.85em;letter-spacing:.06em;padding:4px 0;}
.navi-footer-in>ul li a:hover{color:#c9b98e;}
.footer .copyright{text-align:left;margin-top:10px;font-size:.75em;opacity:.7;}

/* 記事内「聴く」リンク */
.listen-links{font-size:.85em;letter-spacing:.04em;margin:-0.8em 0 1.2em;color:var(--mag-ink-soft);}
.listen-links a{border:1px solid var(--mag-ink);padding:2px 10px;margin-right:6px;text-decoration:none;font-family:var(--mag-serif);}
.listen-links a:hover{background:var(--mag-ink);color:var(--mag-paper);}

/* フッター左寄せ最終調整 */
.footer-bottom{display:block!important;}
.footer-bottom-logo,.footer-bottom .logo-footer{text-align:left;margin:0 0 8px;}
.footer-bottom .navi-footer-in>ul{justify-content:flex-start!important;}
.footer-bottom-content{display:block;}