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


/* ============================================
   トップページ「知りたいことから探す」カード
   2026-08-01 追加（インデックスリストトップに設置）
   ============================================ */
.gj-nav{margin:4px 0 26px}
.gj-nav h2{text-align:center;font-size:1.25em;margin:0 0 4px;border:none;background:none;padding:0;color:#2f6b3a}
.gj-nav .gj-note{text-align:center;color:#6c7178;font-size:.86em;margin:0 0 16px}
.gj-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
@media(max-width:640px){.gj-cards{grid-template-columns:repeat(2,1fr);gap:10px}}
.gj-card{display:block;background:#fff;border:1px solid #e2e2dc;border-top:3px solid #4c9a5a;border-radius:12px;padding:14px 10px 12px;text-align:center;text-decoration:none;color:inherit}
.gj-card .ic{font-size:1.7em;line-height:1.1;display:block;margin-bottom:4px}
.gj-card .nm{display:block;font-weight:700;color:#2f6b3a;font-size:1em;line-height:1.4}
.gj-card .ct{display:block;font-size:.8em;color:#6c7178;margin-top:2px}
.gj-card:hover{background:#f6fbf6}