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


/************************************
** 焚火会 武骨デザイン
************************************/
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700;900&display=swap');
:root{
  --tk-ink:#1d1a17;      /* 墨 */
  --tk-ink2:#2b2724;
  --tk-paper:#efe8dc;    /* 生成り */
  --tk-card:#fbf8f2;
  --tk-brass:#b08d57;    /* 真鍮 */
  --tk-ember:#c0582b;    /* 熾火 */
  --tk-text:#2a2622;
  --tk-line:#d8cdbb;
  --tk-serif:"Noto Serif JP","Yu Mincho","Hiragino Mincho ProN",serif;
}
body{background:var(--tk-paper);color:var(--tk-text);}
.main,.sidebar{background:var(--tk-card);border:1px solid var(--tk-line);border-radius:2px;}
a{color:#9a4520;}
a:hover{color:var(--tk-ember);}

/* ヘッダー */
.header-container,.header{background:var(--tk-ink);}
.header-container{border-bottom:4px solid var(--tk-brass);}
.site-name-text{font-family:var(--tk-serif);font-weight:900;color:#efe2c8;letter-spacing:.18em;}
.logo-header .site-name-text-link,.logo-text .site-name-text-link{display:inline-flex;align-items:center;gap:14px;}
.logo-text .site-name-text-link::before{content:"";width:64px;height:64px;flex:none;background:url(images/takibikai-emblem.png) center/contain no-repeat;}
.header-in{padding:6px 0;}
.tagline{color:var(--tk-brass);letter-spacing:.12em;}
/* グローバルメニュー */
.navi,.navi-in>ul>li>a,.navi-in .sub-menu{background:var(--tk-ink2);}
.navi-in a{color:#e8dcc6;letter-spacing:.08em;}
.navi-in a:hover{background:var(--tk-ember);color:#fff;}
.navi{border-bottom:1px solid #000;}

/* 見出し */
.entry-title,.article h1{font-family:var(--tk-serif);font-weight:900;line-height:1.5;color:var(--tk-ink);}
.article h2{font-family:var(--tk-serif);font-weight:700;background:var(--tk-ink);color:#f3ead8;border:none;border-left:8px solid var(--tk-brass);border-radius:0;padding:14px 18px;letter-spacing:.04em;}
.article h3{font-family:var(--tk-serif);font-weight:700;background:none;border:none;border-bottom:3px solid var(--tk-ink);padding:6px 0 6px 30px;position:relative;color:var(--tk-ink);}
.article h3::before{content:"";position:absolute;left:2px;top:50%;width:18px;height:22px;transform:translateY(-55%);
  background:var(--tk-ember);clip-path:path("M9 0 C12 6 18 9 18 15 A9 7 0 0 1 0 15 C0 10 5 8 6 3 C7 6 8 7 9 9 Z");}
.article h4{border:none;border-left:4px solid var(--tk-brass);padding:4px 12px;background:#f1eadf;}
.article h5,.article h6{border-bottom:1px dashed var(--tk-brass);}

/* 本文まわり */
.article p,.article li{line-height:1.95;}
.article strong{background:linear-gradient(transparent 62%,rgba(192,88,43,.22) 62%);}
.article table th{background:var(--tk-ink2);color:#f3ead8;}
.article table td,.article table th{border-color:var(--tk-line);}
.article blockquote{background:#f1eadf;border-left:6px solid var(--tk-ink);}
.article .has-small-font-size{border:1px solid var(--tk-line);background:#f6f1e8;padding:8px 12px;color:#6b6258;}

/* 目次 */
.toc,#toc_container{background:#f6f1e8;border:2px solid var(--tk-ink)!important;border-radius:0;}
.toc-title,#toc_container .toc_title{font-family:var(--tk-serif);font-weight:700;letter-spacing:.2em;}

/* 記事一覧カード */
.entry-card-wrap{background:var(--tk-card);border:1px solid var(--tk-line);border-radius:2px;transition:border-color .2s;}
.entry-card-wrap:hover{border-color:var(--tk-brass);background:#fff;}
.entry-card-title{font-family:var(--tk-serif);font-weight:700;color:var(--tk-ink);}
.cat-label{background:var(--tk-ink);border:1px solid var(--tk-brass);color:#efe2c8;border-radius:0;letter-spacing:.06em;}
.cat-link{background:var(--tk-ink);border-radius:0;}
.tag-link{border:1px solid var(--tk-ink);color:var(--tk-ink);border-radius:0;}

/* サイドバー */
.sidebar h2,.sidebar h3,.widget-sidebar-title{font-family:var(--tk-serif);background:var(--tk-ink);color:#efe2c8;border:none;border-bottom:3px solid var(--tk-brass);border-radius:0;padding:10px 14px;letter-spacing:.1em;}
.author-box{border:2px solid var(--tk-ink);border-radius:0;background:#f6f1e8;}
.author-box .author-name{font-family:var(--tk-serif);font-weight:700;}

/* ボタン・ページ送り */
.btn,.wp-block-button__link,.ranking-item-link-buttons a{border-radius:2px;}
.page-numbers{border:1px solid var(--tk-ink);border-radius:0;color:var(--tk-ink);}
.page-numbers.current,.page-numbers:hover{background:var(--tk-ink);color:#efe2c8;}
.go-to-top-button{background:var(--tk-ink);color:#efe2c8;border-radius:0;}

/* 吹き出し（Cocoon標準） */
.speech-icon-image{border:3px solid var(--tk-brass);}
.speech-balloon{border-radius:6px;border:2px solid var(--tk-ink2);background:#fff;}
.speech-name{font-weight:700;color:var(--tk-ink2);font-size:12px;}


/* 吹き出し（Word Balloonプラグイン：既存記事用） */
.w_b_bal p{margin:0!important;}
.w_b_bal p:not(:last-child){margin-bottom:.6em!important;}
.w_b_bal{border-width:2px!important;border-color:var(--tk-ink2)!important;border-radius:6px!important;}
.w_b_ava_effect{box-shadow:0 0 0 3px var(--tk-brass);}
.w_b_name{font-weight:700;color:var(--tk-ink2);}

/* ブログカード */
.blogcard-wrap{border:1px solid var(--tk-line);border-radius:0;}
.blogcard-wrap:hover{border-color:var(--tk-brass);}

/* フッター */
.footer{background:var(--tk-ink);color:#cfc4b0;border-top:4px solid var(--tk-brass);}
.footer a,.footer .widget a,.footer .wp-block-categories a,.footer .wp-block-list a,.footer .navi-footer-in a{color:#e8dcc6!important;}
.footer a:hover{color:var(--tk-brass)!important;}
.footer .widget h2,.footer .widget-footer-title{font-family:var(--tk-serif);color:#efe2c8;border-bottom:2px solid var(--tk-brass);padding-bottom:6px;font-size:17px;}
.footer .widget-title,.footer h3{font-family:var(--tk-serif);color:#efe2c8;}
.copyright{color:#9d927f;letter-spacing:.1em;}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
@media screen and (max-width: 834px){
  .main,.sidebar{border-left:none;border-right:none;}
  .article h2{padding:12px 14px;font-size:20px;}
  .site-name-text{letter-spacing:.1em;}
}
@media screen and (max-width: 480px){
  .logo-text .site-name-text-link::before{width:44px;height:44px;}
  .article h2{font-size:18px;}
  .article h3{font-size:17px;}
}