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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*
 Theme Name:   Cocoon Child
 Template:     cocoon-master
*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
	
	
/* =========================
   トップページ専用CSS
   ゴールド×黒・カードレイアウト
========================= */

/* トップページ全体背景・文字色 */
.home {
    background-color: #f7f7f7; /* 明るめグレー */
    color: #222; /* 基本文字色 */
    font-family: "Helvetica Neue", Arial, sans-serif;
}

/* カテゴリカード共通 */
.home .category-card {
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.1);
    padding: 20px;
    margin-bottom: 30px;
    transition: transform 0.3s, box-shadow 0.3s;
}

.home .category-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 8px 25px rgba(0,0,0,0.2);
}

/* カードタイトル */
.home .category-card h2 {
    font-size: 1.8rem;
    font-weight: 700;
    color: #FFD700; /* ゴールド */
    margin-bottom: 15px;
    border-bottom: 2px solid #FFD700;
    padding-bottom: 5px;
}

/* 記事リスト */
.home .category-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.home .category-card ul li {
    margin-bottom: 10px;
}

.home .category-card ul li a {
    color: #222;
    text-decoration: none;
    font-weight: 500;
}

.home .category-card ul li a:hover {
    color: #FFD700; /* ゴールド */
    text-decoration: underline;
}

/* 記事日付 */
.home .category-card .post-date {
    font-size: 0.85em;
    color: #666;
    margin-top: 5px;
}

/* 子カテゴリ・孫カテゴリブロック */
.home .child-block, .home .grand-block {
    background: #fdf6e3; /* 薄いゴールド系 */
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 15px;
}

.home .child-block h3, .home .grand-block a {
    color: #222;
    font-weight: 600;
}

.home .child-block h3 a, .home .grand-block a:hover {
    color: #FFD700;
}

/* 「全記事を見る」リンク */
.home .category-card .list-link {
    display: inline-block;
    margin-top: 10px;
    font-weight: 600;
    color: #FFD700;
    text-decoration: none;
    transition: color 0.3s;
}

.home .category-card .list-link:hover {
    color: #ffcc33;
}

/* グリッドレイアウト調整 */
.home .child-grid, .home .grand-grid, .home .news-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px,1fr));
    gap: 15px;
}