@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){
  /*必要ならばここにコードを書く*/
}
現在の構造を把握しました。子テーマの `style.css` に貼り付けるCSSを作成します。

```css
/* ==========================================
   配当100万円への道 - カスタムデザイン
   カラーテーマ: ネイビー × ゴールド
   ========================================== */

:root {
  --primary:     #1e3a5f;   /* ディープネイビー */
  --primary-mid: #2d5282;   /* ミッドネイビー */
  --accent:      #c9973a;   /* ゴールド */
  --accent-light:#f0c060;   /* ライトゴールド */
  --bg:          #f5f7fa;   /* ページ背景 */
  --card-bg:     #ffffff;
  --text:        #2c3e50;
  --text-light:  #64748b;
  --border:      #dce4ef;
  --shadow:      0 2px 12px rgba(30,58,95,.10);
}

/* ==========================================
   全体
   ========================================== */
body {
  background-color: var(--bg);
  color: var(--text);
}

/* ==========================================
   ヘッダー
   ========================================== */
#header-container,
#header-container .navi {
  background: linear-gradient(135deg, var(--primary) 0%, var(--primary-mid) 100%) !important;
  border-bottom: 3px solid var(--accent);
}

.header .site-name-text,
.header .site-name-text a {
  color: #fff !important;
  letter-spacing: .05em;
}

.header .site-description {
  color: rgba(255,255,255,.7) !important;
}

/* ==========================================
   グローバルナビ
   ========================================== */
#navi .navi-in a {
  color: #fff !important;
  font-weight: 500;
  letter-spacing: .03em;
  transition: background .2s, color .2s;
}

#navi .navi-in a:hover,
#navi .navi-in>.menu-header>li>a:hover {
  background-color: var(--accent) !important;
  color: #fff !important;
}

#navi .navi-in>.menu-header .sub-menu {
  background-color: var(--primary-mid) !important;
  border-top: 2px solid var(--accent);
}

/* ==========================================
   記事見出し
   ========================================== */
.article h2 {
  background: linear-gradient(90deg, var(--primary) 0%, var(--primary-mid) 100%) !important;
  color: #fff !important;
  border-left: 5px solid var(--accent) !important;
  border-radius: 4px;
  padding: 10px 16px !important;
}

.article h3 {
  border-left: 4px solid var(--accent) !important;
  border-bottom: 1px solid var(--border) !important;
  color: var(--primary) !important;
  padding: 6px 12px !important;
}

.article h4 {
  border-left: 3px solid var(--primary-mid) !important;
  color: var(--primary) !important;
  padding-left: 10px !important;
}

/* ==========================================
   記事カード
   ========================================== */
.a-wrap,
.entry-card-wrap {
  background: var(--card-bg);
  border: 1px solid var(--border) !important;
  border-radius: 8px !important;
  box-shadow: var(--shadow);
  transition: transform .2s, box-shadow .2s;
}

.a-wrap:hover,
.entry-card-wrap:hover {
  transform: translateY(-3px);
  box-shadow: 0 6px 20px rgba(30,58,95,.15) !important;
  background-color: var(--card-bg) !important;
}

/* カテゴリラベル */
.cat-link,
.cat-label {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-radius: 3px;
  font-size: .75em;
  letter-spacing: .05em;
}

.cat-link:hover {
  background-color: var(--accent) !important;
}

.tag-link {
  border-color: var(--primary-mid) !important;
  color: var(--primary-mid) !important;
  border-radius: 3px;
}

.tag-link:hover {
  background-color: var(--primary) !important;
  color: #fff !important;
}

/* ==========================================
   テーブル
   ========================================== */
table:not(.has-border-color) th,
.scrollable-table table th,
table th,
.pagination .current {
  background-color: var(--primary) !important;
  color: #fff !important;
  border-color: var(--primary-mid) !important;
}

table tr:nth-of-type(2n+1) {
  background-color: rgba(30,58,95,.04) !important;
}

/* ==========================================
   目次
   ========================================== */
.article .toc {
  background: linear-gradient(135deg, rgba(30,58,95,.04), rgba(201,151,58,.06));
  border: 1px solid var(--border) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 6px;
}

.toc-title {
  color: var(--primary) !important;
}

/* ==========================================
   引用・コールアウト
   ========================================== */
blockquote {
  background-color: rgba(30,58,95,.04) !important;
  border-color: var(--primary-mid) !important;
}

blockquote::before,
blockquote::after {
  color: rgba(30,58,95,.3) !important;
}

/* ==========================================
   ページネーション
   ========================================== */
.page-numbers {
  border-color: var(--border) !important;
  color: var(--primary-mid);
}

.pagination a:hover,
.pagination-next-link:hover,
.pager-links a:hover span {
  background-color: rgba(30,58,95,.08) !important;
}

.pagination .current {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff;
}

/* ==========================================
   サイドバー
   ========================================== */
.sidebar {
  background: transparent;
}

.sidebar h2,
.sidebar h3 {
  background: linear-gradient(90deg, var(--primary), var(--primary-mid)) !important;
  color: #fff !important;
  border-radius: 4px;
  border-left: 4px solid var(--accent) !important;
  padding: 8px 14px !important;
}

.widget_recent_entries ul li a:hover,
.widget_categories ul li a:hover,
.widget_archive ul li a:hover,
.widget_pages ul li a:hover,
.widget_nav_menu ul li a:hover {
  background-color: rgba(30,58,95,.06) !important;
  color: var(--primary);
}

/* ==========================================
   フッター
   ========================================== */
#footer {
  background: linear-gradient(135deg, var(--primary) 0%, #0f2340 100%) !important;
  border-top: 3px solid var(--accent);
  color: rgba(255,255,255,.85) !important;
}

#footer a:not(.sns-button) {
  color: rgba(255,255,255,.75) !important;
}

#footer a:not(.sns-button):hover {
  background-color: var(--accent) !important;
  color: #fff !important;
}

/* ==========================================
   ブログカード
   ========================================== */
.a-wrap .blogcard {
  border-color: var(--border) !important;
  border-radius: 8px;
}

.blogcard-type .blogcard-label {
  background-color: var(--primary) !important;
}

/* ==========================================
   著者ボックス・コメント
   ========================================== */
.author-box {
  border-color: var(--border) !important;
  border-left: 4px solid var(--accent) !important;
  border-radius: 6px;
  background: rgba(30,58,95,.03);
}

.comment-reply-link {
  border-color: var(--primary-mid) !important;
  color: var(--primary-mid) !important;
  border-radius: 4px;
}

.comment-reply-link:hover {
  background: var(--primary);
  color: #fff !important;
}

/* ==========================================
   リンク
   ========================================== */
.article a {
  color: var(--primary-mid);
  text-decoration-color: rgba(45,82,130,.3);
  transition: color .15s;
}

.article a:hover {
  color: var(--accent);
}

/* ==========================================
   タグクラウド
   ========================================== */
.tagcloud a {
  border-color: var(--border) !important;
  color: var(--text-light);
  border-radius: 3px;
  transition: all .15s;
}

.tagcloud a:hover {
  background-color: var(--primary) !important;
  border-color: var(--primary) !important;
  color: #fff !important;
}
```

---

**適用方法（WordPress管理画面から）:**

1. 「外観」→「テーマファイルエディター」を開く
2. 右側のファイル一覧で **「Cocoon Child: スタイルシート (style.css)」** を選択
3. 既存の内容の末尾に上記CSSを貼り付け
4. 「ファイルを更新」をクリック

---

**デザインのポイント:**
- ヘッダー・フッター: ネイビーのグラデーション + ゴールドのアクセントライン
- 見出し: h2はネイビー塗り、h3はゴールドの左ボーダー
- カードにホバーで浮き上がるアニメーション
- 全体的に余白・角丸で上品に整理

適用後にスクリーンショットを見せていただければ、追加調整もできます。