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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/**
 * 子テーマ(cocoon-child-master)の style.css 末尾に追記してください。
 * (先頭の @charset "UTF-8"; など既存の記述は消さずそのまま残すこと)
 */

:root {
	--tc-bg: #f8f6f2;
	--tc-surface: #ffffff;
	--tc-ink: #1b1916;
	--tc-ink-soft: #6e685f;
	--tc-ink-faint: #a39c8f;
	--tc-red: #a3262c;
	--tc-red-dark: #7c1c21;
	--tc-line: #ddd6c8;
	--tc-font-serif:'Noto Sans JP', sans-serif;
	--tc-font-sans:'Noto Sans JP', sans-serif;
}

/* サイト全体の背景・文字 */
body {
	background: var(--tc-bg);
	color: var(--tc-ink);
	font-family: var(--tc-font-sans);
}

/* 本文を細めのウェイトで柔らかく */
body {
    font-weight: 300;
}

/* サイトタイトル(ロゴ)のフォント・太さ ※色はCocoon設定の「ヘッダー色(ロゴ部)」で設定 */
header .site-name-text {
	font-family: var(--tc-font-serif);
	font-weight: 800;
}

/* 見出し全般を明朝体に */
h1,
h2,
h3 {
	font-family: var(--tc-font-serif);
}

/* リンクホバー色を赤に統一 */
a:hover {
    color: #A3262C !important;
}

/* 検索ウィジェットのラベルを非表示 */
#sidebar .wp-block-search__label {
    display: none;
}

/* ===== 背景色をグレー系に変更 ===== */
body, #wrapper, #container {
    background-color: #F5F0EB !important;
}

h2, .article h2 {
    border-top: 2px solid #A3262C;
    border-bottom: 1px solid #CCCCCC;
    background: #EBEBEB;
    padding: 12px 16px;
    font-size: 1.3em;
    border-radius: 0;
}

/* サイドバーウィジェット見出しを案Bと同じスタイルに */
#sidebar .widget-title {
    border-top: 2px solid #A3262C;
    border-bottom: 1px solid #CCCCCC;
    background: #EBEBEB;
    padding: 12px 16px;
    font-size: 1.1em;
    border-radius: 0;
}

/* H3見出しの左ボーダーを赤に変更 */
h3,
.article h3 {
    border-left: 3px solid #A3262C;
}

/* サイドバー内のH3は赤ボーダーを打ち消す */
#sidebar h3,
#sidebar .widget-title {
    border-left: none;
}

/* トップページのみ投稿日・更新日を非表示 */
.home .entry-date,
.home .post-date,
.home .date-tags {
    display: none !important;
}

/* 執筆者表示を非表示 */
.author-info,
.author-box,
.article-author {
    display: none !important;
}

/* Table of Contents Plus 目次を中央寄せ */
#toc_container {
    margin-left: auto !important;
    margin-right: auto !important;
}

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

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

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