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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ==== sage-design: セージグリーン×生成り ==== */
:root{
  --sg-main:#7E9F86;      /* セージグリーン */
  --sg-dark:#3F5E48;      /* 濃いグリーン（文字・見出し） */
  --sg-light:#EEF4EC;     /* 淡いグリーン */
  --sg-base:#F7F6F0;      /* 生成り（背景） */
  --sg-beige:#D9C7B2;     /* ベージュ差し色 */
  --sg-text:#3A3F3B;      /* 本文（チャコール） */
  --sg-line:#DCE3D8;
}
body{background-color:var(--sg-base);color:var(--sg-text);}
a{color:#4F7A5C;}
a:hover{color:var(--sg-dark);}

/* ヘッダー */
#header-container,.header-container,#header{background-color:var(--sg-base);}
.site-name-text,.site-name-text-link{color:var(--sg-dark);letter-spacing:.04em;}
.tagline{color:#6B7A6E;}

/* グローバルメニュー */
#navi,.navi,#navi .navi-in>ul{background-color:var(--sg-main);}
#navi .navi-in a{color:#fff;}
#navi .navi-in a:hover{background-color:var(--sg-dark);color:#fff;}

/* メイン・サイドバー */
.main,.sidebar{background-color:#fff;border-radius:10px;border:1px solid var(--sg-line);}
.content{margin-top:24px;}

/* 見出し */
.article h2{background:var(--sg-light);color:var(--sg-dark);border:none;border-left:6px solid var(--sg-main);border-radius:0 6px 6px 0;padding:14px 18px;font-size:22px;line-height:1.5;}
.article h3{background:none;color:var(--sg-dark);border:none;border-bottom:2px solid var(--sg-main);border-left:none;padding:6px 4px;font-size:20px;}
.article h4{background:none;border:none;color:var(--sg-dark);border-left:3px solid var(--sg-beige);padding:2px 10px;}
.sidebar h2,.sidebar h3{background:var(--sg-main);color:#fff;border-radius:6px;padding:10px 14px;font-size:17px;}
.entry-title,.archive-title{color:var(--sg-dark);line-height:1.5;}

/* 本文の読みやすさ */
.entry-content p,.entry-content li{line-height:1.95;}
.article strong{background:linear-gradient(transparent 62%,#E6EEE1 62%);}

/* 表 */
.article table{border-color:var(--sg-line);}
.article table th{background:var(--sg-light);color:var(--sg-dark);border-color:var(--sg-line);}
.article table td{border-color:var(--sg-line);}
.article table tr:nth-of-type(2n+1){background:#FBFBF8;}

/* 目次 */
.toc{background:#FBFBF8;border:1px solid var(--sg-line);border-radius:8px;}
.toc-title{color:var(--sg-dark);}

/* カード・カテゴリラベル */
.cat-label{background-color:var(--sg-main);border-radius:4px;}
.entry-card-wrap,.related-entry-card-wrap{border-radius:8px;}
.entry-card-wrap:hover{background-color:var(--sg-light);}
.blogcard{border-color:var(--sg-line);border-radius:8px;}

/* 監修者ボックス（緑枠）を少しなじませる */
.blank-box.bb-green{border-color:var(--sg-main);background:#FAFCF8;border-radius:8px;}

/* ボタン・ページ送り・トップへ戻る */
.pagination .current,.page-numbers.current{background-color:var(--sg-main);border-color:var(--sg-main);}
.go-to-top-button{background-color:var(--sg-main);color:#fff;border-radius:50%;}
.search-submit,.wp-block-search__button{background-color:var(--sg-main);color:#fff;border:none;border-radius:6px;}

/* フッター */
#footer,.footer{background-color:#E7ECE3;color:var(--sg-text);}
#footer a,.footer a{color:var(--sg-dark);}
.copyright{color:#5F6B62;}

@media screen and (max-width:834px){
  .main,.sidebar{border-radius:0;border-left:none;border-right:none;}
  .article h2{font-size:20px;padding:12px 14px;}
  .article h3{font-size:18px;}
}
/* ==== /sage-design ==== */


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}