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

/* ===== 結びの木：色と余白（10/5 追加。ここから下を消せば元に戻る） ===== */
:root { --musubi-brown: #3e2c1c; --musubi-green: #5b8148; --musubi-orange: #e5802f; --musubi-cream: #f7f1de; }
body { color: var(--musubi-brown); background: #fffdf8; }
.header, .header-container { background: var(--musubi-cream); }
.site-name-text, .site-name-text-link { color: var(--musubi-brown); font-weight: bold; }
.navi, .navi-in > ul { background: var(--musubi-green); }
.navi-in a { color: #fff; }
.navi-in a:hover { background: #4a6b3a; }
.article h2 { background: none; border-left: 6px solid var(--musubi-green); padding: .2em .6em; }
.article h3 { border: 0; border-bottom: 2px solid #e5dccb; padding: .2em 0; }
a { color: #2f6b3a; }
.footer { background: var(--musubi-brown); color: #f7f1de; }
.footer a { color: #f7f1de; }
@media (max-width: 600px) {
	.entry-content { font-size: 16px; line-height: 1.8; }
	.main, .content-in { padding-left: 12px; padding-right: 12px; }
}

/* 結びの木：固定ページの飾りを減らす（10/5） */
.page .sns-share, .page .sns-follow { display: none; }   /* 固定ページのSNSボタン */
.page .toc { display: none; }                          /* 固定ページの目次 */
.page .date-tags { display: none; }                    /* 固定ページの日付 */
.home .entry-title { text-align: center; font-size: 1.6em; margin-bottom: .6em; }
.single-musubi_recipe .sns-share.ss-top, .single-musubi_trunk .sns-share.ss-top { display: none; } /* 料理ページは下のボタンだけ */

/* 結びの木：スマホでは上のメニューを出さない（下の「メニュー」ボタンから開く）（10/5） */
@media screen and (max-width: 834px) { #navi { display: none; } .header-container-in { padding: 10px 0; } }

/* 結びの木：トップの見出しは「、」のあとで折り返す（言葉の途中で折らない）（10/5） */
.home .entry-title { word-break: keep-all; overflow-wrap: anywhere; }


/* ロゴ・結先生・バナー（10/6） */
.site-name-text::before{content:"";display:inline-block;width:1.7em;height:1.7em;margin-right:.35em;vertical-align:middle;background:url(/wp-content/uploads/2026/10/musubi-logo.webp) center/contain no-repeat;}
.musubi-yui img{width:220px;max-width:60%;height:auto;border-radius:50%;display:block;margin:0 auto;}
.musubi-banner{margin:0 0 1.5em;}
.musubi-banner img{width:100%;height:auto;border-radius:8px;display:block;}

/* musubi-h1-hide：トップの見出しは画面に出さない（バナーと重なるため。検索向けには残す）・スマホのヘッダーの余白を詰める（10/6） */
.home .entry-title{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.header .tagline:empty{display:none;}
@media screen and (max-width:834px){
.header-container-in{padding:0;}
.header,.header-in{min-height:0;height:auto;}
.header .tagline{display:none;}
.logo-header{padding:8px 0;margin:0;}
}