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


/* === Base === */
:root{
  --brand:#2e7d32;      /* 緑系のブランド色 */
  --accent:#2c7be5;     /* アクセント */
  --text:#222; --muted:#6b7280; --bg:#fff; --soft:#f6f7f9;
}
html{scroll-behavior:smooth}
body{color:var(--text);background:var(--bg);line-height:1.9;letter-spacing:.02em}
a{color:var(--accent)} a:hover{opacity:.85}

/* 見出し */
.entry-title{font-weight:700;letter-spacing:.02em}
.entry-content h2{border-left:6px solid var(--brand);padding:.2em .8em;background:#f7fbf7}
.entry-content h3{border-bottom:2px solid #eee;padding-bottom:.2em;margin-top:2.2em}

/* 目次 */
.toc{border:1px solid #e5e7eb;background:#fafafa}
.toc-title{font-weight:700;color:var(--brand)}

/* 記事内要素 */
.notice{padding:.9em 1em;background:#fff8e1;border-left:4px solid #ffb300;border-radius:4px}
.entry-content blockquote{border-left:4px solid var(--accent);background:#f7f9ff}
.entry-content code, .entry-content pre{background:#0f172a10}

/* 一覧カード */
.list-card .entry-card-wrap{border:1px solid #eef1f4;border-radius:10px;overflow:hidden;background:#fff}
.list-card .entry-card-title{font-weight:700}
.list-card .entry-card-snippet{color:var(--muted)}

/* ヘッダー＆フッター軽めに */
.header{border-top:4px solid var(--brand)}
.footer{border-top:4px solid #e5e7eb}

/* サイドバーの見出し */
.widget-title{border-left:6px solid var(--brand);padding-left:.6em}

/* テーブル整形 */
.entry-content table{border-collapse:collapse}
.entry-content table th,
.entry-content table td{border:1px solid #e5e7eb;padding:.6em}
.entry-content table th{background:#f8fafc}
]
/* test upload */

body {
  background-color: #f9f9f9;
}