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


/*===================================
  大場農機ブログ ナチュラルミニマル v2
  「農機具屋の事務員が綴る、農家さんの暮らし」
===================================*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;500;700&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');

:root{
  --bg: #FAF8F3;
  --ink: #4A4239;
  --ink-soft: #6E665B;
  --terra: #B0764E;
  --terra-d: #95603C;
  --moss: #8A9A6B;
  --line: #E6DFD2;
  --card: #FFFFFF;
}

body{
  background-color: var(--bg);
  color: var(--ink);
  font-family: 'Zen Kaku Gothic New','Noto Sans JP',sans-serif;
  font-size: 17px;
  line-height: 1.95;
  letter-spacing: .02em;
}

#main, .main, .content{ background-color: transparent; }

h1,h2,h3,h4,.site-name-text,.entry-card-title,.entry-title,.a-wrap .entry-card-title{
  font-family: 'Zen Maru Gothic',sans-serif;
  color: var(--ink);
  letter-spacing: .03em;
}

.article h2{
  font-size: 1.45em;
  background: transparent;
  border: none;
  border-bottom: 2px solid var(--terra);
  padding: 4px 2px 10px;
  margin-top: 2.4em;
}

.article h3{
  font-size: 1.22em;
  border: none;
  padding-left: 16px;
  position: relative;
}
.article h3::before{
  content: "";
  position: absolute; left:0; top:.35em;
  width: 7px; height: 1em;
  background: var(--moss);
  border-radius: 4px;
}

.article p{ margin: 1.1em 0; }

a{ color: var(--terra); text-decoration: none; }
a:hover{ color: var(--terra-d); text-decoration: underline; }

/* ヘッダー */
#header, .header-container, .header{ background: var(--bg); box-shadow: none; }
.site-name-text{ color: var(--ink); font-weight: 700; letter-spacing: .06em; }
.tagline, .site-description{ color: var(--ink-soft); font-family: "Zen Kaku Gothic New",sans-serif; }

/* ナビ */
.navi-in{ background: transparent; }
.navi-in > ul li{ border: none; }
.navi-in a{ color: var(--ink-soft); font-family: "Zen Maru Gothic",sans-serif; }
.navi-in > ul li:hover, .navi-in > ul .current-menu-item{ background: rgba(176,118,78,.10); }

/* コンテンツ幅をやや狭く・余白多め */
#content{ padding-top: 30px; }
.article{ padding: 8px 4px; }

/* カード */
.entry-card, .related-entry-card-wrap, .card-thumb, article.article, .widget{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 14px;
  box-shadow: 0 2px 10px rgba(74,66,57,.04);
}
.entry-card{ padding: 6px; }
.entry-card-title{ color: var(--ink); font-weight: 500; }
.cat-label{ background: var(--moss); border-radius: 6px; font-family:"Zen Maru Gothic",sans-serif; }

/* ボタン */
.btn, .btn-wrap a, input[type=submit], .wp-block-button__link{
  background: var(--terra);
  color: #fff;
  border-radius: 26px;
  font-family: "Zen Maru Gothic",sans-serif;
  letter-spacing: .04em;
}
.btn:hover, input[type=submit]:hover{ background: var(--terra-d); }

/* 吹き出し（事務員の語り用）*/
.speech-wrap .speech-balloon{
  border: 1px solid var(--line);
  border-radius: 14px;
  background: #fffdf8;
}

/* ウィジェット見出し */
.widget-title, .sidebar h3{
  font-family: "Zen Maru Gothic",sans-serif;
  color: var(--ink);
  background: transparent;
  border-bottom: 1px dashed var(--line);
}

/* フッター */
.footer{ background: #5B5347; color: #F4EFE6; }
.footer a{ color: #EDE6D9; }

/* ページャー */
.pagination .current .page-numbers{ background: var(--terra); border-radius: 8px; }

/* スマホ最優先：文字サイズ確保・余白 */
@media screen and (max-width: 834px){
  body{ font-size: 16.5px; line-height: 1.9; }
  .article h2{ font-size: 1.3em; }
  .entry-card, .widget{ border-radius: 12px; }
}

/* サイドバー見出し（落ち着かせる）*/
#sidebar .wp-block-heading, #sidebar .widget-sidebar h2, #sidebar h3{
  background: transparent !important;
  color: var(--ink) !important;
  border: none !important;
  border-bottom: 1px dashed var(--line) !important;
  padding: 4px 2px 8px !important;
  font-family: "Zen Maru Gothic",sans-serif !important;
  font-size: 1.05em !important;
}

/* フッターを落ち着いたブラウンに */
#footer, #footer.footer{ background:#5B5347 !important; }
#footer, #footer.footer, #footer a, #footer .footer-bottom, #footer .copyright{ color:#F4EFE6 !important; }