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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/* ===== 今日のお金キーワード デザイン ===== */
:root{--mk-navy:#17324d;--mk-blue:#1f5f8b;--mk-green:#2a9d7c;--mk-gold:#e8b04b;--mk-bg:#f5f7fa;--mk-text:#2b3440;--mk-sub:#5f6b7a;--mk-line:#e2e8f0;}
body{background:var(--mk-bg);color:var(--mk-text);font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Noto Sans JP",Meiryo,sans-serif;letter-spacing:.02em;}
a{color:var(--mk-blue);}
#header-container,.header-container{background:#fff;border-top:4px solid var(--mk-navy);}
.header{background:#fff;}
.site-name-text{color:var(--mk-navy);font-weight:800;letter-spacing:.06em;}
.tagline{color:var(--mk-sub);}
.navi,#navi{background:var(--mk-navy);}
.navi-in a{color:#fff;font-size:14px;}
.navi-in a:hover{background:var(--mk-blue);color:#fff;}
.main,.sidebar{background:#fff;border-radius:10px;border:1px solid var(--mk-line);}
.widget-sidebar-title,.sidebar h3{background:var(--mk-navy);color:#fff;border-radius:6px;padding:8px 12px;}
.article h2{background:none;border-left:6px solid var(--mk-green);border-bottom:1px solid var(--mk-line);padding:8px 12px;color:var(--mk-navy);}
.article h3{border-left:none;border-bottom:2px solid var(--mk-gold);padding:6px 2px;}
.cat-label{background:var(--mk-green);border:none;border-radius:4px;}
.entry-card-wrap{border-radius:8px;border:1px solid var(--mk-line);transition:box-shadow .2s;}
.entry-card-wrap:hover{box-shadow:0 4px 14px rgba(23,50,77,.12);}
.footer{background:var(--mk-navy);color:#cfd8e3;}
.footer a,.navi-footer-in a{color:#fff;}
/* トップページ */
.home.page .entry-title,.home.page .date-tags,.home.page .author-info,.home.page .sns-share,.home.page .sns-follow,.home.page .breadcrumb{display:none;}
.mk-hero{background:linear-gradient(135deg,var(--mk-navy),var(--mk-blue));color:#fff;border-radius:12px;padding:40px 32px;margin-bottom:40px;}
.mk-hero-label{display:inline-block;background:var(--mk-gold);color:var(--mk-navy);font-weight:700;font-size:13px;padding:3px 12px;border-radius:20px;margin-bottom:12px;}
.article .mk-hero-title{background:none;border:none;color:#fff;font-size:28px;line-height:1.5;padding:0;margin:0 0 16px;}
.mk-hero-text{color:#e6edf5;line-height:1.9;margin:0;}
.article .mk-sec-title{border:none;border-bottom:3px solid var(--mk-navy);padding:0 0 6px;font-size:20px;margin-top:40px;position:relative;}
.article .mk-sec-title::after{content:"";position:absolute;left:0;bottom:-3px;width:60px;height:3px;background:var(--mk-gold);}
.mk-cats{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;}
.mk-cat{display:block;background:#fff;border:1px solid var(--mk-line);border-left:5px solid var(--mk-green);border-radius:8px;padding:14px 16px;text-decoration:none;transition:.2s;}
.mk-cat:hover{border-left-color:var(--mk-gold);box-shadow:0 4px 14px rgba(23,50,77,.12);transform:translateY(-2px);}
.mk-cat-name{display:block;font-weight:700;color:var(--mk-navy);font-size:16px;}
.mk-cat-desc{display:block;color:var(--mk-sub);font-size:13px;margin-top:4px;}
.mk-features{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;}
.mk-feature{background:var(--mk-bg);border-radius:10px;padding:18px;}
.article .mk-feature h3{border:none;font-size:16px;margin:6px 0;padding:0;color:var(--mk-navy);}
.mk-feature p{font-size:14px;color:var(--mk-sub);margin:0;line-height:1.8;}
.mk-num{font-weight:800;color:var(--mk-gold);font-size:22px;}
.mk-latest{list-style:none;padding:0;margin:0;}
.mk-latest li{border-bottom:1px solid var(--mk-line);padding:14px 0;}
.mk-latest li a{font-weight:700;color:var(--mk-navy);text-decoration:none;}
.mk-latest .wp-block-latest-posts__post-date{display:block;font-size:12px;color:var(--mk-sub);}
.mk-latest .wp-block-latest-posts__post-excerpt{font-size:14px;color:var(--mk-sub);margin-top:4px;}
.mk-note{font-size:12px;color:var(--mk-sub);background:var(--mk-bg);border-radius:8px;padding:12px 14px;margin-top:40px;}
@media screen and (max-width:834px){.mk-hero{padding:28px 20px;}.article .mk-hero-title{font-size:22px;}.mk-cats{grid-template-columns:1fr;}.mk-features{grid-template-columns:1fr;}}
/* メニュー */
#navi,#navi .navi-in>ul>li,#navi .navi-in>ul>li>a{background:var(--mk-navy)!important;}
#navi .navi-in>ul.menu-pc{display:flex;flex-wrap:nowrap;justify-content:center;}
@media screen and (min-width:1024px){#navi .navi-in>ul.menu-mobile{display:none!important;}}
#navi .navi-in>ul>li{width:auto!important;flex:0 0 auto;}
#navi .navi-in>ul>li>a{padding:0 14px;font-size:14px;font-weight:600;color:#fff!important;border-bottom:3px solid transparent;}
#navi .navi-in>ul>li>a:hover{border-bottom-color:var(--mk-gold);}
.header-in .site-name-text{font-size:30px;}
/* ===== /今日のお金キーワード ===== */

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

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

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

/* --- 今日のお金キーワード デザイン：トップ・固定ページの表示整理 (2026-10-18) --- */
/* トップページ：「ホーム」見出し・投稿日・アイキャッチを非表示 */
.front-top-page .entry-title,
.front-top-page .date-tags,
.front-top-page .eye-catch-wrap {
  display: none;
}
/* 固定ページ：OGP画像のアイキャッチを非表示 */
.page .eye-catch-wrap {
  display: none;
}