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

/* FOOTER-LOGO-CENTER-START フッターのサイト名を右側のメニューと上下中央に揃える(この範囲を消せば元に戻る) */
@media screen and (min-width: 835px){
  .footer-bottom.fdt-logo{display:flex;align-items:center;justify-content:space-between}
  .footer-bottom.fdt-logo::after{display:none}
  .footer-bottom.fdt-logo .footer-bottom-logo,
  .footer-bottom.fdt-logo .footer-bottom-content{float:none;margin-top:0;margin-bottom:0}
  .footer-bottom.fdt-logo .footer-bottom-logo{position:static}
  .footer-bottom.fdt-logo .footer-bottom-content{margin-left:auto}
}
/* FOOTER-LOGO-CENTER-END */

/* BALLOON-NAME-START 吹き出しの名前を1行に収める */
.speech-wrap .speech-name{font-size:11px;letter-spacing:-.03em;white-space:nowrap}
/* BALLOON-NAME-END */

/* ==== KG-DESIGN-START:2026-10 デザイン刷新（body.kg-new のときだけ効く） ==== */
.kg-new{--kg-turf:#174a35;--kg-turf2:#2a6b4e;--kg-soft:#e8f1eb;--kg-tag:#e8a33a;--kg-tagink:#3d2600;--kg-ink:#14201a;--kg-sub:#55635a;--kg-line:#dfe5de;--kg-bg:#f3f5f1;--kg-red:#c2412d;--kg-num:"Barlow Condensed","Arial Narrow",sans-serif}
.kg-new{background:var(--kg-bg);color:var(--kg-ink)}
.kg-new #header{background:#fff;border-bottom:1px solid var(--kg-line)}
.kg-new #header .tagline{color:var(--kg-sub);font-size:12px}
.kg-new #header .site-name-text{font-weight:900;letter-spacing:.02em;color:var(--kg-ink)}
.kg-new #header .site-name-text::before{content:"型";display:inline-grid;place-items:center;width:1.6em;height:1.6em;margin-right:.4em;border-radius:50%;background:var(--kg-turf);color:#fff;font-size:.8em;vertical-align:.1em}
.kg-new #navi,.kg-new #navi .navi-in>ul{background:#fff}
.kg-new #navi .navi-in>ul>li>a{color:var(--kg-sub);font-weight:700;font-size:14px}
.kg-new #navi .navi-in>ul>li>a:hover{color:var(--kg-turf);background:var(--kg-soft)}
.kg-new #navi .navi-in>ul>li:last-child>a{color:var(--kg-turf)}
.kg-new .article h2{background:var(--kg-turf);color:#fff;border:0;border-radius:6px;padding:.7em 1em}
.kg-new .article h3{border:0;border-left:5px solid var(--kg-turf);background:none;padding:.2em 0 .2em .7em}
.kg-new .article table th{background:var(--kg-soft);color:var(--kg-ink)}
.kg-new .article table{font-variant-numeric:tabular-nums}
.kg-new .toc{border:1px solid var(--kg-line);border-radius:8px;background:#fff}
.kg-new .main,.kg-new .sidebar{border-radius:10px}
.kg-new .sidebar .widget_recent_entries,.kg-new .sidebar .widget_categories{display:none}
.kg-side{background:#fff;border:1px solid var(--kg-line);border-radius:10px;padding:14px}
.kg-side-souba{display:grid;background:var(--kg-turf);color:#fff!important;border-radius:8px;padding:12px 14px;text-decoration:none!important;margin-bottom:12px}
.kg-side-souba span{font-size:12px;color:#cfe5d8}
.kg-side-h{font-weight:900;margin:0 0 6px;border-bottom:2px solid var(--kg-ink);padding-bottom:4px}
.kg-side ul{list-style:none;margin:0;padding:0}
.kg-side li a{display:block;padding:7px 2px;border-bottom:1px dashed var(--kg-line);color:var(--kg-ink);text-decoration:none;font-size:14px}
.kg-side li a::before{content:"›";color:var(--kg-turf2);font-weight:700;margin-right:6px}
.kg-pricebox{margin:1.2em 0;background:#fff;border:2px solid var(--kg-turf);border-radius:10px;overflow:hidden}
.kg-pricebox-t{margin:0!important;background:var(--kg-turf);color:#fff;font-weight:900;font-size:14px;padding:6px 12px}
.kg-pricebox-g{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--kg-line)}
.kg-pb{display:grid;gap:2px;background:#fff;padding:10px 12px;text-decoration:none!important;color:var(--kg-ink)!important}
.kg-pb-n{font-size:13px;font-weight:700;color:var(--kg-sub)}
.kg-pb .kg-num{font-family:var(--kg-num);font-size:28px;font-weight:700;line-height:1.1}
.kg-pb-l{font-size:12px;color:var(--kg-turf2);font-weight:700}
.kg-sticky{display:none}
@media (max-width:834px){
  .kg-sticky{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:6px;position:fixed;left:0;right:0;bottom:var(--kg-sticky-bottom,50px);z-index:3;background:#fff;border-top:1px solid var(--kg-line);padding:8px;box-shadow:0 -4px 12px rgba(0,0,0,.06)}
  .kg-sticky a{text-align:center;border-radius:6px;padding:9px 4px;font-weight:900;font-size:13px;text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .kg-sticky .a{background:var(--kg-tag);color:var(--kg-tagink)}
  .kg-sticky .b{background:var(--kg-turf);color:#fff}
  .kg-new.single #footer{padding-bottom:70px}
}
.kg-home{display:grid;gap:28px;font-size:15px;line-height:1.7}
.kg-home a{text-decoration:none}
.kg-home p{margin:0}
.kg-hero{background:var(--kg-turf);color:#fff;border-radius:12px;padding:28px 24px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;position:relative;overflow:hidden}
.kg-hero::after{content:"";position:absolute;right:-60px;bottom:-120px;width:340px;height:340px;border-radius:50%;border:44px solid rgba(255,255,255,.05);pointer-events:none}
.kg-kick{font-size:12px;letter-spacing:.14em;color:#bfe0cf;font-weight:700}
.kg-home .kg-hero-h{font-size:clamp(22px,3.2vw,30px);font-weight:900;line-height:1.35;margin:6px 0 10px!important;color:#fff;background:none;border:0;padding:0}
.kg-hero-h em{font-style:normal;background:linear-gradient(transparent 62%,rgba(232,163,58,.55) 62%)}
.kg-hero-p{color:#d6e9df;font-size:14px}
.kg-finder{margin-top:16px;background:rgba(255,255,255,.08);border-radius:10px;padding:12px;display:grid;gap:8px}
.kg-q{font-size:12px;color:#bfe0cf;font-weight:700}
.kg-chips{display:flex;flex-wrap:wrap;gap:6px}
.kg-chip{background:#fff;color:var(--kg-turf)!important;border-radius:999px;padding:5px 13px;font-weight:700;font-size:13px}
.kg-chip.ghost{background:transparent;color:#fff!important;border:1px solid rgba(255,255,255,.45)}
.kg-ticker{background:#fff;color:var(--kg-ink);border-radius:10px;padding:14px;display:grid;gap:2px;align-self:start;position:relative;z-index:1}
.kg-ticker-t{display:flex;justify-content:space-between;font-size:12px;color:var(--kg-sub);font-weight:700}
.kg-ticker-t span{background:var(--kg-tag);color:var(--kg-tagink);border-radius:4px;padding:0 6px;font-size:11px}
.kg-row{display:flex;justify-content:space-between;align-items:baseline;gap:8px;padding:8px 0;border-bottom:1px dashed var(--kg-line);color:var(--kg-ink)!important}
.kg-row b{display:block;font-size:14px}.kg-row small{font-size:11px;color:var(--kg-sub)}
.kg-num{font-family:var(--kg-num);font-size:24px;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}
.kg-btn{margin-top:8px;text-align:center;background:var(--kg-turf);color:#fff!important;border-radius:6px;padding:8px;font-weight:700;font-size:14px}
.kg-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px;border-bottom:2px solid var(--kg-ink);padding-bottom:6px;margin-bottom:12px}
.kg-home .kg-h h2{all:unset;font-size:19px;font-weight:900}
.kg-h span{font-size:12px;color:var(--kg-sub)}
.kg-purpose{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.kg-pt{background:#fff;border:1px solid var(--kg-line);border-radius:8px;padding:14px;display:grid;gap:6px;align-content:start}
.kg-k{font-size:11px;color:var(--kg-turf2);font-weight:700;letter-spacing:.06em}
.kg-pt-h{font-weight:900;font-size:16px}
.kg-pt ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.kg-pt li a{color:var(--kg-sub);font-size:14px}.kg-pt li a:hover{color:var(--kg-turf)}
.kg-pt li::before{content:"›";color:var(--kg-turf2);margin-right:5px;font-weight:700}
.kg-vs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.kg-vc{background:#fff;border:1px solid var(--kg-line);border-radius:8px;overflow:hidden;display:grid;color:var(--kg-ink)!important;transition:transform .15s,box-shadow .15s}
.kg-vc:hover{transform:translateY(-2px);box-shadow:0 6px 16px rgba(20,40,30,.1)}
.kg-vc-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px 10px;background:linear-gradient(135deg,#eef3ee,#e2ebe4)}
.kg-mdl{text-align:center;font-weight:900;font-size:16px;line-height:1.2}
.kg-mdl small{display:block;font-size:11px;color:var(--kg-sub);font-weight:500}
.kg-v{font-family:var(--kg-num);font-weight:700;color:var(--kg-red);font-size:18px}
.kg-vc-b{padding:10px 12px;display:grid;gap:6px}
.kg-ttl{font-weight:700;font-size:14px;line-height:1.55;display:block}
.kg-diff{font-size:12px;color:var(--kg-sub)}.kg-diff b{font-family:var(--kg-num);color:var(--kg-ink);font-size:17px}
.kg-band{background:var(--kg-ink);color:#fff;border-radius:10px;padding:18px 20px;display:flex;gap:14px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.kg-band p{font-size:13px;color:#c9d3cc}.kg-band .kg-band-h{font-size:17px;color:#fff;font-weight:900}
.kg-go{background:var(--kg-tag);color:var(--kg-tagink)!important;font-weight:900;border-radius:6px;padding:9px 16px;font-size:14px;white-space:nowrap}
.kg-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.kg-li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:12px;background:#fff;border-radius:8px;padding:8px;border:1px solid var(--kg-line);color:var(--kg-ink)!important}
.kg-thumb{position:relative;display:block;aspect-ratio:16/9;border-radius:5px;overflow:hidden;background:var(--kg-turf2)}
.kg-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.kg-thumb i{position:absolute;left:4px;top:4px;background:#fff;color:var(--kg-turf);font-size:10px;font-style:normal;font-weight:700;border-radius:3px;padding:0 5px}
.kg-d{display:block;font-size:12px;color:var(--kg-sub)}
.kg-new .article:has(.kg-home) .entry-title,.kg-new .article:has(.kg-home) .sns-share,.kg-new .article:has(.kg-home) .date-tags,.kg-new .article:has(.kg-home) .sns-follow,.kg-new .article:has(.kg-home) .author-info{display:none}
@media (max-width:834px){
  .kg-hero{grid-template-columns:minmax(0,1fr);padding:22px 16px}
  .kg-purpose{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kg-vs{grid-template-columns:minmax(0,1fr)}
  .kg-list{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:480px){.kg-purpose{grid-template-columns:minmax(0,1fr)}.kg-li{grid-template-columns:96px minmax(0,1fr)}}
@media (prefers-reduced-motion:reduce){.kg-vc{transition:none}}
/* ==== KG-DESIGN-END ==== */

.kg-new .sidebar .widget_block:has(.wp-block-latest-posts),.kg-new .sidebar .widget_block:has(.wp-block-categories){display:none}

/* 2026-10-13 追加: 目的から探すのホバーと列の自動調整 */
.kg-purpose{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.kg-pt{transition:border-color .15s,background .15s,box-shadow .15s}
.kg-pt:hover{border-color:var(--kg-turf2);background:var(--kg-soft);box-shadow:0 4px 12px rgba(20,40,30,.08)}
.kg-pt li a{display:inline-block;padding:2px 6px;margin-left:-6px;border-radius:4px;transition:background .15s,color .15s}
.kg-pt li a:hover{background:var(--kg-turf);color:#fff}

.kg-hero-h em{display:inline-block}

/* 2026-10-13 追加: メインビジュアルにゴルファー写真（案A）。相場は写真の下端に4枚のカードで並べる */
.kg-new .kg-hero{--kg-hero-pc:url(/wp-content/uploads/2026/10/hero-golfer-1600.jpg);--kg-hero-sp:url(/wp-content/uploads/2026/10/hero-golfer-960.jpg);
  grid-template-columns:minmax(0,600px) minmax(0,1fr);gap:28px;padding:44px 40px 20px;min-height:440px;border-radius:14px;
  background:linear-gradient(90deg,rgba(23,74,53,.96) 0%,rgba(23,74,53,.88) 34%,rgba(23,74,53,.35) 62%,rgba(23,74,53,0) 82%),var(--kg-hero-pc) right center/cover no-repeat,var(--kg-turf)}
.kg-new .kg-hero::after{display:none}
.kg-new .kg-hero-main{grid-column:1;text-shadow:0 2px 12px rgba(0,0,0,.25)}
.kg-new .kg-hero-p{color:#e3f0e8}
.kg-new .kg-finder{background:rgba(10,40,28,.35);backdrop-filter:blur(4px)}
.kg-new .kg-chip{text-shadow:none}
.kg-new .kg-ticker{grid-column:1/-1;align-self:end;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 16px;border-radius:12px;box-shadow:0 8px 24px rgba(20,40,30,.18);text-shadow:none}
.kg-new .kg-ticker-t{grid-column:1/4;grid-row:1;justify-content:flex-start;align-items:center;gap:8px;font-size:13px;color:var(--kg-ink)}
.kg-new .kg-ticker .kg-btn{grid-column:4;grid-row:1;justify-self:end;margin:0;background:none;color:var(--kg-turf2)!important;padding:0;font-size:12px}
.kg-new .kg-ticker .kg-btn::after{content:" →"}
.kg-new .kg-row{flex-direction:column;align-items:flex-start;gap:0;padding:10px 12px;border:1px solid var(--kg-line);border-radius:10px;transition:border-color .15s,background .15s}
.kg-new .kg-row:hover{border-color:var(--kg-turf2);background:var(--kg-soft)}
.kg-new .kg-row b{font-size:15px}
.kg-new .kg-row>span:first-child{display:flex;flex-direction:column}
.kg-new .kg-row small{order:-1}
.kg-new .kg-row .kg-num{color:var(--kg-turf);font-size:28px;line-height:1.15}
.kg-new .kg-row::after{content:"相場を見る →";font-size:11px;font-weight:700;color:var(--kg-turf2)}
@media (max-width:834px){
  .kg-new .kg-hero{grid-template-columns:minmax(0,1fr);gap:18px;padding:46vw 14px 14px;min-height:0;
    background:linear-gradient(180deg,rgba(23,74,53,0) 0,rgba(23,74,53,0) 32vw,var(--kg-turf) 54vw),var(--kg-hero-sp) center top/100% auto no-repeat,var(--kg-turf)}
  .kg-new .kg-ticker{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:12px}
  .kg-new .kg-ticker-t{grid-column:1/-1}
  .kg-new .kg-ticker .kg-btn{grid-column:1/-1;grid-row:auto;justify-self:stretch;text-align:center;background:var(--kg-turf);color:#fff!important;padding:8px;font-size:14px;border-radius:6px}
  .kg-new .kg-row .kg-num{font-size:24px}
}

/* 2026-10-13 追加: 見出しを「、」の後で改行させる */
.kg-new .kg-home .kg-hero-h{max-width:13em}

/* ==== KG-BRAND-TICKER-START (2026-10 ブランド別の相場カード。style.css の末尾に貼る) ==== */
.kg-new .kg-ticker.kg-bt{grid-template-columns:minmax(0,1fr) auto;gap:10px}
.kg-new .kg-bt .kg-ticker-t{grid-column:1}
.kg-new .kg-bt .kg-btn{grid-column:2}
.kg-bt-grid{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
.kg-bt-card{border:1px solid var(--kg-line);border-radius:10px;padding:8px 8px 4px;min-width:0}
.kg-bt-brand{font-size:12px;font-weight:700;color:var(--kg-sub);margin:0 0 2px}
.kg-bt-row{display:flex;justify-content:space-between;align-items:baseline;gap:4px;padding:5px 2px;border-top:1px dashed var(--kg-line);color:var(--kg-ink)!important;text-decoration:none;border-radius:4px}
.kg-bt-row:hover{background:var(--kg-soft)}
.kg-bt-m{font-size:13px;font-weight:700;white-space:nowrap;display:flex;align-items:center;min-width:0}
.kg-bt-m i{flex-shrink:0;font-style:normal;font-size:10px;font-weight:700;border-radius:3px;padding:0 4px;margin-left:4px;vertical-align:1px}
.kg-bt-new{background:var(--kg-soft);color:var(--kg-turf)}
.kg-bt-low{background:var(--kg-tag);color:var(--kg-tagink)}
.kg-bt-row .kg-num{font-size:19px;color:var(--kg-turf)}
@media (max-width:834px){
  .kg-new .kg-ticker.kg-bt{grid-template-columns:minmax(0,1fr)}
  .kg-new .kg-bt .kg-btn{grid-column:1}
  .kg-bt-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:78%;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:4px}
  .kg-bt-card{scroll-snap-align:start}
}
/* ==== KG-BRAND-TICKER-END ==== */

/* KG-TABLE-WIDTH-START 記事内の表を本文幅いっぱいに（2026-10-17） */
.kg-new .article figure.wp-block-table{width:100%}
.kg-new .article figure.wp-block-table table{width:100%}
.kg-new .article figure.wp-block-table :where(th,td):not(:first-child){text-align:center}
/* KG-TABLE-WIDTH-END */