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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

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

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

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

/* ===== 登山グッズコム デザイン刷新 2026-10-08（renew20261008\design\tozangoods.css が原本） =====
   世界観: 夜明けの稜線と等高線。色は :root の変数だけを変えれば差し替えられる。
   記事本文・広告・計測には触れない。山記事（.mt-article）の中の見た目は変えない。 */
:root{
  --tz-ridge:#173A33; --tz-ridge2:#22493F; --tz-moss:#2E6A50; --tz-moss-tint:#E4EFE8;
  --tz-glacier:#9FD3D0; --tz-sun:#F2C46D; --tz-mist:#F2F5F1; --tz-card:#FFFFFF;
  --tz-text:#1B2420; --tz-muted:#4C5A52; --tz-line:#D3DCD5; --tz-link:#1B5E86; --tz-soft:#CFE0D8;
  --tz-radius:10px; --tz-shadow:0 2px 10px rgba(23,58,51,.08);
  --tz-hero:url(/wp-content/uploads/2026/10/tozan-hero.jpg); --tz-hero-sp:url(/wp-content/uploads/2026/10/tozan-hero-sp.jpg);
}
body{background:var(--tz-mist)!important;color:var(--tz-text)}
a{color:var(--tz-link)}

/* --- ヘッダー（上端に朝日色の細い帯＋稜線の暗い緑） --- */
.header-container{background:var(--tz-ridge)!important;border-top:4px solid var(--tz-sun)}
.header{background:transparent!important}
.header-in{min-height:0!important}
.header .tagline{color:var(--tz-soft)!important;font-size:12px;letter-spacing:.04em;padding-top:8px}
.header .site-name-text,.header .site-name-text-link{color:#fff!important}
.logo-header img.header-site-logo-image{height:56px!important;max-height:none!important;width:257px!important;max-width:80vw!important;object-fit:contain}
@media (max-width:834px){.logo-header img.header-site-logo-image{height:44px!important;width:202px!important}}
.logo-header{padding:10px 0!important}
/* グローバルナビ */
#navi,.navi{background:var(--tz-ridge2)!important}
#navi .navi-in>ul>li>a,#navi .navi-in a{color:#fff!important}
#navi .navi-in>ul>li>a:hover,#navi .navi-in ul li a:hover{background:var(--tz-ridge)!important}
#navi .navi-in>ul>li{border-bottom:3px solid transparent}
#navi .navi-in>ul>li:hover{border-bottom-color:var(--tz-sun)}
#navi .navi-in .sub-menu{background:var(--tz-ridge2)!important;box-shadow:var(--tz-shadow)}
#navi .navi-in .sub-menu a{font-size:14px}

/* --- 上部の検索窓（全ページ共通のウィジェット） --- */
.content-top{background:transparent}
.content-top .widget_search{max-width:760px;margin:14px auto 0!important;padding:0 12px;box-sizing:border-box}
.content-top .wp-block-search__label{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.content-top .wp-block-search__input{border:1px solid var(--tz-line);border-radius:999px 0 0 999px;padding:10px 16px;background:#fff}
.content-top .wp-block-search__button{background:var(--tz-moss)!important;color:#fff!important;border:0;border-radius:0 999px 999px 0;padding:0 22px;margin-left:0}

/* --- 本文の土台 --- */
.main,.sidebar{background:var(--tz-card)!important;border:1px solid var(--tz-line);border-radius:var(--tz-radius)}
.breadcrumb{color:var(--tz-muted)}
.sidebar h3,.sidebar .widget-sidebar-title{background:var(--tz-ridge)!important;color:#fff!important;border-radius:6px;padding:8px 12px}
.archive-title{color:var(--tz-ridge);border-bottom:3px solid var(--tz-moss);padding-bottom:6px}
.archive-title .fa{color:var(--tz-moss)}
.cat-label,.entry-category{background:var(--tz-moss)!important;color:#fff!important;border:0!important;border-radius:4px}

/* --- 記事一覧のカード（広告枠で並びが崩れないグリッド） --- */
.ect-vertical-card-3{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ect-vertical-card-3>.entry-card-wrap{width:auto!important;margin:0!important;background:#fff;border:1px solid var(--tz-line)!important;border-radius:var(--tz-radius);overflow:hidden;transition:box-shadow .2s,transform .2s}
.ect-vertical-card-3>.entry-card-wrap:hover{box-shadow:0 6px 18px rgba(23,58,51,.14);transform:translateY(-2px);background:#fff}
.ect-vertical-card-3 .entry-card-content{padding:8px 10px 10px}
.ect-vertical-card-3 .entry-card-title{color:var(--tz-text);font-size:15px;line-height:1.55}
.ect-vertical-card-3 .google-auto-placed,.ect-vertical-card-3>ins,.ect-vertical-card-3>.adsbygoogle,.ect-vertical-card-3>div:not(.entry-card-wrap){grid-column:1/-1}
.ect-vertical-card-3>div:has(ins[data-ad-status="unfilled"]),.ect-vertical-card-3>ins[data-ad-status="unfilled"]{display:none!important}
@media (max-width:834px){.ect-vertical-card-3{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media (max-width:480px){.ect-vertical-card-3.sp-entry-card-1-column{grid-template-columns:1fr}}
.pagination .page-numbers.current{background:var(--tz-moss);color:#fff;border-color:var(--tz-moss)}

/* --- 記事の見出し（商品記事の本文直下の見出しだけ。山記事のグループ内は対象外） --- */
.single .article .entry-content>h2{background:var(--tz-moss-tint)!important;color:var(--tz-text)!important;border:0!important;border-left:6px solid var(--tz-moss)!important;border-radius:4px;padding:12px 16px!important}
.single .article .entry-content>h3{background:transparent!important;color:var(--tz-text)!important;border:0!important;border-bottom:2px solid var(--tz-moss)!important;padding:6px 2px!important}
.article h1.entry-title{color:var(--tz-ridge)}
.entry-content>.toc{border:1px solid var(--tz-line);border-radius:var(--tz-radius);background:#fff}
.entry-content>.toc .toc-title{color:var(--tz-ridge)}

/* --- フッター --- */
.footer{background:var(--tz-ridge)!important;color:var(--tz-soft)!important;border-top:4px solid var(--tz-moss)}
.footer a,.footer .site-name-text{color:#fff!important}
.navi-footer-in>.menu-footer li a{color:#fff!important}
.footer .copyright{color:var(--tz-soft)!important}
.logo-footer img{max-height:44px;width:auto}
/* スマホ下部のボタン */
.mobile-menu-buttons{background:var(--tz-ridge)!important;border-top:3px solid var(--tz-sun)}
.mobile-menu-buttons .menu-button>a,.mobile-menu-buttons .menu-button .menu-button-in{color:#fff!important}
.mobile-menu-buttons .menu-icon,.mobile-menu-buttons .menu-caption{color:#fff!important}
.menu-drawer a{color:var(--tz-text)!important}
.navi-menu-content,.search-menu-content{background:#fff}

/* --- トップページ（本文はそのまま。見た目だけ） --- */
.home .top-h1{position:relative;margin:0 0 22px!important;padding:56px 40px 56px 40px!important;min-height:220px;display:flex;align-items:center;
  background:linear-gradient(90deg,rgba(23,58,51,.92) 0%,rgba(23,58,51,.72) 45%,rgba(23,58,51,.10) 75%),var(--tz-hero) center/cover no-repeat!important;
  color:#fff!important;border:0!important;border-radius:var(--tz-radius);font-size:28px!important;padding-right:42%!important;line-height:1.45!important;text-align:left!important;letter-spacing:.02em;text-shadow:0 1px 2px rgba(0,0,0,.35)}
.home .top-h1::after{content:"";position:absolute;left:40px;bottom:30px;width:84px;height:4px;background:var(--tz-sun);border-radius:2px}
.home .top-featured-banner,.home .top-featured-banner a,.home .top-banner-link{background:#fff!important;background-image:none!important;border-radius:var(--tz-radius)!important;box-shadow:none!important}
.home .top-featured-banner{border:1px solid var(--tz-line)!important;border-top:5px solid var(--tz-sun)!important}
.home .top-banner-link h2{color:var(--tz-ridge)!important;background:transparent!important;border:0!important}
.home .top-banner-link p{color:var(--tz-muted)!important;background:transparent!important;border:0!important}
.home .top-banner-link:hover{background:var(--tz-moss-tint)!important}
.home .top-banner-label{background:var(--tz-sun)!important;color:var(--tz-ridge)!important}
.home .top-intro-sec{background:#fff!important;border:1px solid var(--tz-line)!important;border-left:6px solid var(--tz-moss)!important;border-radius:var(--tz-radius)}
.home .top-sec-title{background:transparent!important;color:var(--tz-ridge)!important;border:0!important;border-bottom:2px solid var(--tz-line)!important;padding:4px 0 10px 44px!important;position:relative}
.home .top-sec-title::before{content:"";position:absolute;left:0;top:2px;width:34px;height:28px;
  background:linear-gradient(135deg,transparent 49%,var(--tz-moss) 50%) left/50% 100% no-repeat,linear-gradient(225deg,transparent 49%,var(--tz-moss) 50%) right/50% 100% no-repeat}
.home .top-cat-card,.home .top-purpose-card{background:#fff!important;border:1px solid var(--tz-line)!important;border-top:4px solid var(--tz-moss)!important;border-radius:var(--tz-radius)!important;box-shadow:none!important;transition:box-shadow .2s,transform .2s}
.home .top-cat-card:hover,.home .top-purpose-card:hover{box-shadow:0 6px 18px rgba(23,58,51,.14)!important;transform:translateY(-2px)}
.home .top-cat-card h3,.home .top-purpose-card h3{background:transparent!important;color:var(--tz-ridge)!important;border:0!important;padding:0!important}
.home .top-cat-card p,.home .top-purpose-card p{color:var(--tz-muted)!important}
.home .top-purpose-sub{color:var(--tz-muted)!important}
.home .top-eeat-box{background:var(--tz-moss-tint)!important;border:0!important;border-radius:var(--tz-radius)}
@media (max-width:600px){.home .top-h1{padding:34px 20px 44px!important;padding-right:20px!important;min-height:170px;font-size:21px!important;
  background:linear-gradient(90deg,rgba(23,58,51,.92) 0%,rgba(23,58,51,.70) 60%,rgba(23,58,51,.35) 100%),var(--tz-hero-sp) center/cover no-repeat!important}
  .home .top-h1::after{left:20px;bottom:22px}}

/* --- カテゴリの案内ボックス（追加CSSの hub-* の色を合わせる） --- */
h2.hub-section-title{border-left-color:var(--tz-moss)!important}
.hub-card-title{color:var(--tz-moss)!important}
.hub-card-link:hover,.hub-btn-link-sub:hover{border-color:var(--tz-moss)!important}
.hub-btn-link-sub:hover{background:var(--tz-moss)!important;color:#fff!important}
.hub-btn-link{background:var(--tz-sun)!important;color:var(--tz-ridge)!important;box-shadow:none!important}
.hub-btn-link:hover{background:#E8B34F!important}

/* --- サイドバーの入口（ウィジェット block-3） --- */
.tz-side-hub{border:1px solid var(--tz-line);border-radius:var(--tz-radius);overflow:hidden;background:#fff}
.tz-side-hub__t{margin:0!important;background:var(--tz-ridge);color:#fff;font-weight:700;padding:10px 14px;border-bottom:3px solid var(--tz-sun)}
.tz-side-hub ul{list-style:none;margin:0!important;padding:6px 0!important}
.tz-side-hub li{border-bottom:1px solid var(--tz-line);margin:0}
.tz-side-hub li:last-child{border-bottom:0}
.sidebar .tz-side-hub li a,.tz-side-hub a{display:block;padding:10px 14px 10px 32px!important;position:relative;color:var(--tz-text)!important;text-decoration:none;font-size:15px}
.tz-side-hub a::before{content:"";position:absolute;left:12px;top:50%;margin-top:-5px;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid var(--tz-moss)}
.tz-side-hub a:hover{background:var(--tz-moss-tint)}