/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 09 2026 | 00:33:53 */
/* ===== UX改善パッチCSS v1（Claude実装） ===== */

/* 1. 見出しの色統一（ブランドパレット：温かいブラウン×ゴールド） */
.sgb-heading__inner.sgb-heading--type1{border-bottom-color:#B98A4E!important;color:#2b2724!important;background:transparent!important;}
.sgb-heading__inner.sgb-heading--type2{border-color:#B98A4E!important;background:#faf7f2!important;color:#2b2724!important;}
.sgb-heading__inner.sgb-heading--type3{border-left-color:#B98A4E!important;background:#faf7f2!important;color:#2b2724!important;}
.sgb-heading__inner.sgb-heading--type4{background:#8A5A2B!important;border-color:#8A5A2B!important;color:#fff!important;}
.sgb-heading__inner.sgb-heading--type5{background-color:#faf7f2!important;color:#2b2724!important;}

/* 2. 本文リンクをブランド色に統一 */
.entry-content p a:not([class]),.entry-content li a:not([class]){color:#8A5A2B!important;text-decoration:underline;text-decoration-color:rgba(185,138,78,.5);text-underline-offset:3px;font-weight:600;}

/* 3. 単独内部リンクのカード化（パッチJSと連動） */
.kl-linkcard{background:#faf7f2;border:1px solid #e8e0d5;border-radius:12px;padding:14px 42px 14px 16px;margin:1.4em 0;position:relative;}
.kl-linkcard::before{content:"あわせて読みたい";display:block;font-size:11px;color:#B98A4E;font-weight:700;letter-spacing:.06em;margin-bottom:4px;}
.kl-linkcard::after{content:"";position:absolute;right:18px;top:50%;width:9px;height:9px;border-top:2px solid #B98A4E;border-right:2px solid #B98A4E;transform:translateY(-50%) rotate(45deg);}
.kl-linkcard a{color:#6d4a26!important;text-decoration:none!important;font-weight:700;display:block;line-height:1.5;}

/* 4. フェードイン演出を無効化（即表示） */
.rv{opacity:1!important;transform:none!important;transition:none!important;}

/* 5. 小さすぎる文字（11px）の底上げ */
.ksvy-table,.ksvy-type,.cite-notice,.pp-point-note,.kp-scene-desc,.kl-type-text,.lf-related-jp,.kp-brand-link,.salestip-head-sub,.nv-time-sub{font-size:13px!important;}

/* 6. Rinker：CV最適化デザイン */
div.yyi-rinker-contents{border:1px solid #e8e0d5!important;border-radius:14px!important;box-shadow:0 2px 14px rgba(43,39,36,.07)!important;background:#fff!important;padding:16px!important;}
div.yyi-rinker-contents .yyi-rinker-title a{color:#2b2724!important;font-weight:700!important;text-decoration:none!important;}
div.yyi-rinker-contents ul.yyi-rinker-links li a{border-radius:10px!important;font-weight:700!important;box-shadow:0 2px 8px rgba(0,0,0,.14)!important;letter-spacing:.02em;}
div.yyi-rinker-contents ul.yyi-rinker-links li a:active{transform:scale(.98);}
div.yyi-rinker-contents ul.yyi-rinker-links li .micro-copy{display:block!important;text-align:center;font-size:12px;color:#8A5A2B;font-weight:700;margin:6px 0 2px;}

/* 7. 画面下ボタン渋滞の解消（スマホ） */
@media (max-width:768px){
  .sgb-toc-button{bottom:calc(78px + env(safe-area-inset-bottom))!important;}
  .totop{display:none!important;}
  .progress-indicator{left:auto!important;right:12px!important;bottom:calc(78px + env(safe-area-inset-bottom))!important;cursor:pointer;pointer-events:auto!important;}
  body{overflow-x:clip;}
}

/* 8. 結論ボックス＋ミニ目次（パッチJSと連動） */
.kl-conclusion{background:linear-gradient(135deg,#faf7f2,#f3e9da);border:1px solid #e5d5bd;border-radius:14px;padding:18px 16px;margin:1.6em 0 1em;}
.kl-conclusion-label{display:block;font-size:11px;font-weight:700;color:#8A5A2B;letter-spacing:.08em;margin-bottom:6px;}
.kl-conclusion p{margin:0;font-size:15px;line-height:1.7;}
.kl-conclusion a{color:#8A5A2B!important;font-weight:700;}
.kl-minitoc{background:#fff;border:1px solid #e8e0d5;border-radius:14px;padding:16px;margin:0 0 1.8em;}
.kl-minitoc-title{font-weight:700;color:#2b2724;font-size:14px;margin:0 0 10px;letter-spacing:.04em;}
.kl-minitoc ol{margin:0;padding-left:1.5em;}
.kl-minitoc li{margin:.35em 0;font-size:13.5px;line-height:1.5;}
.kl-minitoc a{color:#8A5A2B;text-decoration:none;font-weight:600;}

/* 9. サイトマップ：ボトル棚＆タブの横スライド化 */
.klgsm-bottles{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:10px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding:4px 4px 12px;scrollbar-width:thin;}
.klgsm-btl{flex:0 0 auto;min-width:72px;scroll-snap-align:start;}
.klgsm-cnt{font-size:12px!important;white-space:normal!important;}
.klgsm-bname{font-size:12px!important;}
.klgsm-tabs{scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;padding-bottom:8px!important;scrollbar-width:thin;}
.klgsm-tab{flex:0 0 auto;scroll-snap-align:start;}
.klgsm-shelf{position:relative;}
.klgsm-shelf::after{content:"";position:absolute;top:0;right:0;bottom:0;width:28px;background:linear-gradient(to left,rgba(255,255,255,.85),rgba(255,255,255,0));pointer-events:none;}

/* 10. 表のはみ出し対策：横スワイプで全列見られるように */
@media (max-width:768px){
  figure.wp-block-table{overflow-x:auto;-webkit-overflow-scrolling:touch;}
  figure.wp-block-table table{overflow:visible!important;}
}

/* 11. 目次ボタンをブランド色に統一 */
.sgb-toc-button{background:#8A5A2B!important;}

/* 12. type4見出しの文字を白に（子要素にも適用） */
.sgb-heading__inner.sgb-heading--type4,
.sgb-heading__inner.sgb-heading--type4 *{color:#fff!important;}

/* 13. 記事内目次をコンパクトに */
.toc_container{margin-top:24px!important;margin-bottom:36px!important;}
.toc_container .toc_title{padding:12px 16px!important;}
.toc_container .toc_title .toc-icon-wrap{margin-right:10px!important;}
.toc_container .toc_title .toc-main-title{font-size:17px!important;}
.toc_container .toc_title .toc-sub-text{margin-top:2px!important;}
.toc_container ol.toc_list{padding:8px 0!important;}
.toc_container li a{padding:6px 16px!important;font-size:14px!important;}