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


/*===================================
  農機具屋さんの・よはく  HPロゴ準拠 v3
  明朝×テラコッタ×余白
===================================*/
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@500;600;700&family=Noto+Sans+JP:wght@300;400;500&display=swap');

:root{
  --bg: #F7F4EE;
  --ink: #544E4A;
  --ink-soft: #8A827A;
  --terra: #B8602A;
  --terra-d: #95491C;
  --darker: #3D3835;
  --line: #E6DFD2;
  --card: #FFFFFF;
}

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

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

h1,h2,h3,h4,.site-name-text,.entry-card-title,.entry-title{
  font-family: 'Shippori Mincho B1',serif;
  color: var(--darker);
  font-weight: 600;
  letter-spacing: .04em;
}

.site-name-text{ color: var(--darker); font-weight: 600; letter-spacing: .12em; }
.tagline,.site-description{ color: var(--ink-soft); font-family:"Noto Sans JP",sans-serif; font-weight:300; letter-spacing:.18em; }

.article h2{
  font-size: 1.5em;
  background: transparent;
  border: none;
  border-bottom: 1px solid var(--terra);
  padding: 4px 2px 12px;
  margin-top: 2.6em;
}
.article h3{
  font-size: 1.25em;
  border: none;
  padding-left: 16px;
  position: relative;
}
.article h3::before{
  content:""; position:absolute; left:0; top:.3em;
  width:6px; height:1.05em; background:var(--terra); border-radius:0;
}
.article p{ margin: 1.15em 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; }
.navi-in{ background: transparent; }
.navi-in > ul li{ border:none; }
.navi-in a{ color: var(--ink); font-family:"Shippori Mincho B1",serif; letter-spacing:.06em; }
.navi-in > ul li:hover,.navi-in > ul .current-menu-item{ background: rgba(184,96,42,.08); }

#content{ padding-top: 30px; }
.article{ padding: 8px 4px; }

.entry-card,.related-entry-card-wrap,article.article,.widget{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(84,78,74,.04);
}
.entry-card{ padding: 6px; }
.entry-card-title{ color: var(--darker); font-weight: 600; }
.cat-label{ background: var(--terra); border-radius: 4px; font-family:"Noto Sans JP",sans-serif; font-weight:400; letter-spacing:.05em; }

.btn,.btn-wrap a,input[type=submit],.wp-block-button__link{
  background: var(--terra); color:#fff; border-radius: 4px;
  font-family:"Shippori Mincho B1",serif; letter-spacing:.06em;
}
.btn:hover,input[type=submit]:hover{ background: var(--terra-d); }

#sidebar .wp-block-heading,#sidebar .widget-sidebar h2,#sidebar h3,.widget-title{
  background: transparent !important;
  color: var(--darker) !important;
  border:none !important;
  border-bottom:1px solid var(--terra) !important;
  padding: 4px 2px 8px !important;
  font-family:"Shippori Mincho B1",serif !important;
  font-size: 1.05em !important;
  font-weight:600 !important;
}

.footer{ background: var(--darker); color:#F4EFE6; }
.footer a{ color:#EDE6D9; }

.pagination .current .page-numbers{ background: var(--terra); border-radius:4px; }

@media screen and (max-width:834px){
  body{ font-size:16.5px; line-height:1.9; }
  .article h2{ font-size:1.32em; }
}