@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
*/
@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500;700;900&display=swap');


/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/* ===== ホームページ運用ナビ 姉妹サイト共通デザイン（2026-10-26） ===== */
:root{--hn-navy:#172238;--hn-ink:#3b4660;--hn-sub:#55607a;--hn-cream:#fbf8f3;--hn-line:#ece6dc;--hn-orange:#e0571d;--hn-peach:#f2a65a;--hn-link:#2449c9;}
body{background:var(--hn-cream)!important;color:var(--hn-navy);font-family:'Zen Kaku Gothic New',"Hiragino Kaku Gothic ProN",Meiryo,sans-serif!important;}
a{color:var(--hn-link);}a:hover{color:#17318f;}
#header-container,.header-container{background:#fff!important;border-bottom:1px solid var(--hn-line);}
#header,.header{background:#fff!important;}
.header-in{min-height:auto;}
.site-name-text,.logo-text .site-name-text{color:var(--hn-navy)!important;font-weight:900;letter-spacing:.02em;}
.tagline{color:var(--hn-sub)!important;font-size:12px;}
#navi,.navi{background:#fff!important;border-top:1px solid var(--hn-line);}
.navi-in a{color:var(--hn-navy)!important;font-weight:500;}
.navi-in a:hover{background:var(--hn-cream)!important;color:var(--hn-orange)!important;}
.main,.sidebar{background:#fff;border:1px solid var(--hn-line);border-radius:16px;}
.main{padding:28px 32px;}
@media (max-width:834px){.main{padding:20px 16px;border-radius:12px;}}
.entry-title,.archive-title{color:var(--hn-navy);font-weight:900;line-height:1.45;}
.article h2{background:var(--hn-navy)!important;color:#fff!important;border:0!important;border-radius:10px;padding:14px 18px;font-weight:700;}
.article h3{border:0!important;border-left:6px solid var(--hn-orange)!important;background:var(--hn-cream)!important;padding:10px 14px;border-radius:0 8px 8px 0;color:var(--hn-navy);}
.article h4{border-bottom:2px dotted var(--hn-peach);padding-bottom:4px;}
.article p,.article li{color:var(--hn-ink);line-height:1.95;}
.article strong{background:linear-gradient(transparent 62%,#ffd3b3 62%);font-weight:700;color:var(--hn-navy);}
.article table th{background:var(--hn-navy);color:#fff;}
.article table td,.article table th{border-color:var(--hn-line);}
.article table tr:nth-of-type(2n+1){background:var(--hn-cream);}
.ad-notice small{display:inline-block;padding:4px 10px;border-radius:999px;background:#fde7d8;color:#9a3a0a;font-weight:700;}
.entry-card-wrap{background:#fff;border:1px solid var(--hn-line);border-radius:14px;padding:12px;transition:box-shadow .2s;}
.entry-card-wrap:hover{box-shadow:0 6px 20px rgba(23,34,56,.08);background:#fff;}
.entry-card-thumb img{border-radius:10px;}
.entry-card-title{color:var(--hn-navy);font-weight:700;}
.cat-label{background:var(--hn-orange)!important;border:0!important;border-radius:999px;padding:2px 10px;}
.affiliate-box{border-color:var(--hn-navy)!important;background:var(--hn-cream)!important;border-radius:14px!important;}
.affiliate-box a{display:inline-block;margin-top:4px;padding:12px 22px;border-radius:999px;background:var(--hn-orange);color:#fff!important;font-weight:700;text-decoration:none;}
.affiliate-box a:hover{background:#c24510;}
.search-edit,.search-box input{border:2px solid var(--hn-navy)!important;border-radius:10px!important;}
.search-submit{background:var(--hn-orange)!important;color:#fff!important;border-radius:0 10px 10px 0!important;}
.sidebar h3{background:var(--hn-navy)!important;color:#fff!important;border-radius:10px;padding:10px 14px;font-size:16px;}
#footer,.footer{background:var(--hn-navy)!important;color:#c9d2e3;}
.footer a,.navi-footer-in a{color:#c9d2e3!important;}
.footer a:hover{color:#fff!important;}
.copyright{color:#c9d2e3;}
.eye-catch img{border-radius:16px;}
.sidebar .widget-sidebar-title,.sidebar .widgettitle,.widget-sidebar-title{background:var(--hn-navy)!important;color:#fff!important;border-radius:10px;padding:10px 14px;}
.search-submit,.search-box .search-submit{background:var(--hn-orange)!important;color:#fff!important;}
