Theme Name: Cocoon Child
Template: cocoon-master
*/
@charset "UTF-8";

/* ================================
   Base
================================ */
:root{
  --c-text:#111;
  --c-text-weak:#555;
  --c-card:#fff;
  --shadow-s:0 3px 10px rgba(0,0,0,.05);
  --shadow-m:0 6px 16px rgba(0,0,0,.08);
  --accent:#f7a1c7; /* タイトル帯のピンク枠 */
}

*,
*::before,
*::after{ box-sizing:border-box; }

body{
  background:#faf6f9;
  font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

a{ text-decoration:none; }

img{ max-width:100%; height:auto; display:block; }

/* 記事タイトル等のピンク化を抑止（黒系へ統一） */
.entry-title,
.entry-title a,
.post .entry-title a,
.entry-card-title a,
.archive .entry-card-title a,
.widget .entry-card-title a,
.widget_recent_entries a,
.widget_new_entries a,
.main .entry-card-title a{
  color:var(--c-text) !important;
}
.entry-title a:hover,
.entry-card-title a:hover,
.widget a:hover{ color:#000 !important; }

/* ================================
   Top：カテゴリーカード（4列）
================================ */
.category-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:20px;
  max-width:1200px;
  margin:30px auto;
  padding:0 20px;
}
.category-grid .category-card{
  display:block;
  background:linear-gradient(135deg,#b48dd3,#ff8db7);
  color:#fff;
  text-align:center;
  padding:16px 10px;           /* 軽く圧縮 */
  border-radius:15px;
  font-size:16px;
  box-shadow:0 4px 12px rgba(0,0,0,.2);
  transition:transform .25s, box-shadow .25s;
}
.category-grid .category-card i{
  display:block;
  font-size:22px;
  margin-bottom:6px;
  color:#fff;
}
.category-grid .category-card:hover{
  transform:translateY(-4px);
  box-shadow:0 10px 20px rgba(0,0,0,.26);
}
@media (max-width: 768px){
  .category-grid{ gap:12px; }
  .category-grid .category-card{ padding:12px 8px; font-size:15px; }
  .category-grid .category-card i{ font-size:20px; }
}

/* ================================
   特集（Feature）カード
   - テキスト余白を最小化
   - タイトル帯＝文字幅だけ
   - スマホ2列固定
   ※HTML: <section class="feature-section"> ... </section>
================================ */
.feature-section .feature-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
  max-width:1000px;
  margin:0 auto;
  padding:0 16px;
}
.feature-section .feature-card{
  display:flex;
  flex-direction:column;
  gap:6px;                    /* 画像・タイトル・説明の間隔 */
  background:var(--c-card);
  border-radius:12px;
  box-shadow:var(--shadow-m);
  overflow:hidden;
  transition:transform .2s ease;
  padding:8px;                /* カード内側余白を小さく */
}
.feature-section .feature-card:hover{ transform:translateY(-3px); }

/* 画像：低め固定で圧縮（必要に応じ 120〜150px） */
.feature-section .card-image{ height:130px; overflow:hidden; }
.feature-section .card-image img{
  width:100%; height:100%; object-fit:cover;
}

/* タイトル帯：文字幅だけの細い帯 */
.feature-section .card-title{
  display:inline-block;       /* ← 幅100%を回避して“文字幅”に */
  width:auto;                 /* 念のため */
  margin:4px 6px 0;
  padding:6px 8px;            /* もっと薄く→ 4px 6px でもOK */
  font-size:1rem;
  line-height:1.2;
  color:inherit;
  border:2px solid var(--accent);
  border-radius:6px;
  background:transparent;
}

/* 説明文：余白を最小化して縦幅圧縮 */
.feature-section .card-description{
  margin:2px 6px 8px;         /* 上下の余白を極小に */
  padding:0;
  font-size:.95rem;
  line-height:1.35;
  color:var(--c-text-weak);
}

/* スマホは2列固定 */
@media (max-width: 600px){
  .feature-section .feature-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    gap:12px;
  }
  .feature-section .card-image{ height:110px; }
}

/* ================================
   Beauty ランディング（使う場合のみ）
================================ */
.beauty-landing{ overflow-x:hidden; margin-bottom:12px; }
.beauty-landing h2{ margin:0 0 8px; }
.beauty-landing .beauty-cat-grid{
  display:grid; grid-template-columns:repeat(3, minmax(0,1fr));
  gap:10px; margin:0 auto 8px; padding:0; align-items:start;
}
@media (max-width:1100px){
  .beauty-landing .beauty-cat-grid{ grid-template-columns:repeat(2, minmax(0,1fr)); }
}
@media (max-width:600px){
  .beauty-landing .beauty-cat-grid{ grid-template-columns:1fr; }
}
.beauty-landing .beauty-card{
  background:#fff; border:1px solid #eee; border-radius:10px;
  box-shadow:var(--shadow-s); overflow:hidden;
}
.beauty-landing .beauty-card__link{ display:block; padding:8px; color:#222; }
.beauty-landing .beauty-card__link img{
  width:100%; height:110px; object-fit:cover; border-radius:6px;
}
.beauty-landing .beauty-card__link h3{
  margin:6px 6px 2px; font-size:.95rem; line-height:1.25; color:#333;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
.beauty-landing .beauty-card__link p{
  margin:0 6px 6px; font-size:.85rem; line-height:1.35; color:#555;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
}
/* --- 特集カード 最終圧縮 --- */

/* 画像を低くして全体の縦幅を縮小 */
.feature-section .card-image{
  height: 110px !important; /* 現在130px→110pxに */
}
@media (max-width: 600px){
  .feature-section .card-image{
    height: 95px !important; /* スマホはさらに低く */
  }
}

/* タイトル帯の余白をさらに削る */
.feature-section .card-title{
  padding: 3px 6px !important; /* 薄く */
  font-size: 0.95rem !important;
}

/* 説明文の余白をほぼゼロに */
.feature-section .card-description{
  margin: 0 6px 4px !important; /* 上0 下4 */
  line-height: 1.3 !important;
}

/* スマホでカード間の余白も詰める */
@media (max-width: 600px){
  .feature-section .feature-grid{
    gap: 10px !important;
  }
}
/* --- 特集カード 説明文を完全非表示 --- */
.feature-section .card-description{
  display: none !important;
}
/* 特集カード：説明文削除後に間隔も最小化 */
.feature-section .card-image {
  margin-bottom: 4px !important; /* 画像とタイトルの距離を詰める */
}

.feature-section .card-title {
  margin: 2px 6px 0 !important; /* タイトル上余白もさらに圧縮 */
  padding: 3px 6px !important;  /* タイトル帯をさらに薄く */
}
/* 特集カードの上下余白を削除 */
.feature-section .feature-card {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.feature-section .card-title {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.feature-section .card-description {
  display: none !important; /* すでに非表示の場合は不要 */
}
/* 特集カード下の余白を完全除去 */
.feature-section .feature-card {
  padding-bottom: 0 !important;
  margin-bottom: 0 !important;
}

.feature-section .card-title {
  margin-bottom: 0 !important;
}

.feature-section .card-description {
  display: none !important; /* 説明文を完全非表示 */
  margin: 0 !important;
  padding: 0 !important;
}
/* 特集カード周りの余白を徹底的に削除 */
.feature-section .feature-grid {
  gap: 0 !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.feature-section .feature-card {
  margin: 0 !important;
  padding-bottom: 0 !important;
}

.feature-section .card-title {
  margin-bottom: 0 !important;
}

.feature-section .card-description {
  display: none !important;
  margin: 0 !important;
  padding: 0 !important;
}
.feature-section .feature-card {
  box-shadow: none !important;
}
/* 広告枠の最低高さでCLSを抑制（スマホ想定） */
.adsbygoogle { min-height: 250px; }
@media (min-width:768px){ .adsbygoogle { min-height: 280px; } }

/* 本文の行間と広告との距離を最小限に（過剰な余白を削る） */
.entry-content .adsbygoogle { margin: 12px 0; }
  /* ============================================================                                                          
     K-POP JOURNAL Modern UI - Force Override                                                                              
     ============================================================ */
  :root {                                                                                                                  
    --kpop-pink: #ff6b9d;                                                                                                  
    --kpop-purple: #c471ed;                                                                                                
    --kpop-blue: #667eea;                                                                                                  
    --kpop-dark: #1a1a2e;
    --kpop-gray: #f8f9fa;                                                                                                  
    --kpop-text: #2d3436;                                                                                                  
    --kpop-text-light: #636e72;
    --kpop-gradient: linear-gradient(135deg, #ff6b9d, #c471ed, #667eea);                                                   
    --kpop-shadow: 0 4px 20px rgba(0,0,0,0.08);                                                                            
    --kpop-shadow-hover: 0 8px 30px rgba(0,0,0,0.15);                                                                      
    --kpop-radius: 16px;                                                                                                   
  }                                                                                                                        
  body { background: #f8f9fa !important; -webkit-font-smoothing: antialiased; }                                            
  #header-container { background: linear-gradient(135deg, #ff6b9d, #c471ed, #667eea) !important; }                         
  #header .header-in { background: transparent !important; }                                                               
  #header { box-shadow: 0 4px 30px rgba(255,107,157,0.3) !important; }                                                     
  #navi { background: rgba(0,0,0,0.15) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }     
  #navi .navi-in > ul > li > a,                                                                                            
  #navi .navi-in a { color: #fff !important; font-weight: 600 !important; letter-spacing: 0.5px; transition: all 0.3s ease 
  !important; background-color: transparent !important; }                                                                  
  #navi .navi-in a:hover { background: rgba(255,255,255,0.25) !important; border-radius: 8px; }                            
  .entry-card-wrap { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08)  
  !important; border: none !important; overflow: hidden; transition: all 0.35s cubic-bezier(0.4,0,0.2,1) !important;       
  margin-bottom: 20px !important; }                                                                                        
  .entry-card-wrap:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important; transform: translateY(-4px) !important; }   
  .entry-card-wrap:hover .entry-card-thumb img { transform: scale(1.05); }                                                 
  .entry-card-thumb img { transition: transform 0.5s cubic-bezier(0.4,0,0.2,1) !important; object-fit: cover; }            
  .entry-card-title { font-weight: 700 !important; line-height: 1.5 !important; color: #2d3436 !important; }               
  .entry-card-snippet { color: #636e72 !important; font-size: 0.88em !important; }                                         
  .cat-label { background: linear-gradient(135deg, #ff6b9d, #c471ed) !important; color: #fff !important; border-radius:    
  20px !important; padding: 3px 12px !important; font-size: 0.75em !important; font-weight: 600 !important; border: none   
  !important; }  
 .article { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08)          
  !important; padding: 40px !important; border: none !important; }                                                         
  .entry-title { font-weight: 800 !important; font-size: 1.7em !important; line-height: 1.4 !important; color: #1a1a2e
  !important; border: none !important; padding: 0 !important; }                                                            
  .entry-content h2 { background: linear-gradient(135deg, #ff6b9d, #c471ed, #667eea) !important; -webkit-background-clip:  
  text !important; -webkit-text-fill-color: transparent !important; background-clip: text !important; font-weight: 800     
  !important; font-size: 1.4em !important; border: none !important; padding: 16px 0 8px !important; }                      
  .entry-content h2::after { content: '' !important; display: block !important; width: 60px !important; height: 3px        
  !important; background: linear-gradient(135deg, #ff6b9d, #c471ed) !important; border-radius: 2px !important; margin-top: 
  8px !important; }
  .entry-content h3 { font-weight: 700 !important; color: #1a1a2e !important; border-left: 4px solid #ff6b9d !important;   
  padding-left: 14px !important; border-bottom: none !important; background: none !important; }                            
  .sidebar .widget_block, .sidebar .widget { background: rgba(255,255,255,0.9) !important; backdrop-filter: blur(10px);
  border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; padding: 20px !important;            
  margin-bottom: 20px !important; border: 1px solid rgba(255,255,255,0.5) !important; }                                    
  .sidebar h2, .sidebar h3 { font-weight: 700 !important; background: linear-gradient(135deg, #ff6b9d, #c471ed, #667eea)   
  !important; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; background-clip:  
  text !important; border: none !important; padding: 0 0 10px !important; border-bottom: 2px solid rgba(255,107,157,0.2)
  !important; }                                                                                                            
  #footer { background: #1a1a2e !important; color: rgba(255,255,255,0.8) !important; }                                     
  #footer a { color: rgba(255,255,255,0.7) !important; }
  #footer a:hover { color: #ff6b9d !important; }                                                                           
  .copyright { color: rgba(255,255,255,0.5) !important; }
  .btn-wrap a, .key-btn, .appeal-button { background: linear-gradient(135deg, #ff6b9d, #c471ed) !important; color: #fff    
  !important; border: none !important; border-radius: 30px !important; font-weight: 700 !important; box-shadow: 0 4px 15px 
  rgba(255,107,157,0.4) !important; transition: all 0.3s !important; }                                                     
  .btn-wrap a:hover, .key-btn:hover { transform: translateY(-2px) !important; box-shadow: 0 6px 20px rgba(255,107,157,0.5) 
  !important; }                                                                                                            
  .pagination .page-numbers { border-radius: 50% !important; border: none !important; transition: all 0.3s !important; }
  .pagination .current { background: linear-gradient(135deg, #ff6b9d, #c471ed) !important; color: #fff !important; }       
  .related-entry-card-wrap { border-radius: 10px !important; overflow: hidden !important; box-shadow: 0 4px 20px           
  rgba(0,0,0,0.08) !important; transition: all 0.3s !important; border: none !important; }                                 
  .related-entry-card-wrap:hover { transform: translateY(-3px) !important; box-shadow: 0 8px 30px rgba(0,0,0,0.15)         
  !important; }                                                                                                            
  .breadcrumb { background: transparent !important; }                                                                      
  .breadcrumb a { color: #ff6b9d !important; }                                                                             
  .rtoc-mokuji-content { border-radius: 16px !important; border: none !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08)  
  !important; }                                                                                                            
  @keyframes fadeInUp { from { opacity:0; transform:translateY(20px); } to { opacity:1; transform:translateY(0); } }
  .entry-card-wrap { animation: fadeInUp 0.6s ease forwards; }                                                             
  @media screen and (max-width:768px) { .article { padding: 20px !important; } .entry-title { font-size: 1.3em !important; 
  } } 
  /* カード修正: Cocoon実際のクラス名に対応 */                                                                             
  .a-wrap { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.08)           
  !important; border: none !important; overflow: hidden !important; transition: all 0.35s cubic-bezier(0.4,0,0.2,1)        
  !important; display: block; }                                                                                            
  .a-wrap:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.15) !important; transform: translateY(-4px) !important; background:  
  #fff !important; }                                                                                                       
  .a-wrap:hover img { transform: scale(1.05); }                                                                            
  .widget-entry-card, .new-entry-card, .popular-entry-card { background: #fff !important; border-radius: 16px !important;  
  box-shadow: 0 4px 20px rgba(0,0,0,0.08) !important; border: none !important; overflow: hidden !important; transition: all
   0.35s cubic-bezier(0.4,0,0.2,1) !important; margin-bottom: 16px !important; }                                        
  .widget-entry-card:hover, .new-entry-card:hover, .popular-entry-card:hover { box-shadow: 0 8px 30px rgba(0,0,0,0.15)     
  !important; transform: translateY(-4px) !important; }                                                                    
  .card-thumb img, .widget-entry-card-thumb img, .entry-card-thumb img { transition: transform 0.5s                     
  cubic-bezier(0.4,0,0.2,1) !important; object-fit: cover !important; }                                                    
  .widget-entry-card-content .card-title { font-weight: 700 !important; color: #2d3436 !important; line-height: 1.5     
  !important; }                                                                                                            
  .widget-entry-card-content .card-snippet { color: #636e72 !important; font-size: 0.88em !important; }                 
  .new-entry-cards, .popular-entry-cards { gap: 16px; }                                                                    
  .swiper-slide .a-wrap { margin: 0 8px !important; } 
  /* ============================                                                                                          
     K-POP JOURNAL UI改善 - 総仕上げ                                                                                       
     ============================ */                                                                                       
   
  /* --- ヘッダー --- */                                                                                                   
  .site-name-text { font-weight: 800 !important; letter-spacing: 0.02em !important; }                                    
  #header { box-shadow: 0 2px 12px rgba(0,0,0,0.06) !important; }                                                          
  #header .header-in { max-width: 1200px !important; margin: 0 auto !important; }                                          
                                                                                                                           
  /* --- グローバルナビ --- */                                                                                             
  #navi { background: #19448e !important; box-shadow: 0 2px 8px rgba(25,68,142,0.3) !important; }                        
  #navi ul.menu-all li a { color: #fff !important; font-weight: 600 !important; font-size: 14px !important; padding: 12px  
  20px !important; transition: background 0.3s !important; letter-spacing: 0.03em !important; }                            
  #navi ul.menu-all li a:hover { background: rgba(255,255,255,0.15) !important; border-radius: 6px !important; }           
  #navi .sub-menu { background: #fff !important; border-radius: 8px !important; box-shadow: 0 8px 24px rgba(0,0,0,0.12)    
  !important; border: none !important; }                                                                                   
  #navi .sub-menu li a { color: #333 !important; }                                                                         
  #navi .sub-menu li a:hover { background: #f0f4ff !important; color: #19448e !important; }                                
                                                                                                                           
  /* --- サイドバー --- */
  .sidebar { background: transparent !important; }                                                                         
  .sidebar .widget-sidebar { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 20px         
  rgba(0,0,0,0.06) !important; padding: 24px !important; margin-bottom: 20px !important; border: none !important; }        
  .sidebar .widget-sidebar .widget-title { font-size: 16px !important; font-weight: 800 !important; color: #19448e
  !important; border-bottom: 3px solid #19448e !important; padding-bottom: 10px !important; margin-bottom: 16px !important;
   border-left: none !important; background: none !important; }                                                          
                                                                                                                           
  /* --- 見出しデザイン --- */                                                                                             
  .article h2 { position: relative !important; font-size: 1.5em !important; font-weight: 800 !important; color: #19448e
  !important; background: linear-gradient(135deg, #f0f4ff 0%, #e8eeff 100%) !important; border: none !important;           
  border-left: 5px solid #19448e !important; border-radius: 0 12px 12px 0 !important; padding: 18px 24px !important;     
  margin: 48px 0 24px !important; }                                                                                        
  .article h3 { font-size: 1.25em !important; font-weight: 700 !important; color: #2d3436 !important; border-bottom: 2px 
  solid #19448e !important; padding-bottom: 8px !important; margin: 36px 0 16px !important; }                              
  .article h4 { font-size: 1.1em !important; font-weight: 700 !important; color: #2d3436 !important; padding-left: 12px
  !important; border-left: 3px solid #19448e !important; margin: 28px 0 12px !important; }                                 
                                                                                                                         
  /* --- ボタン/CTA --- */                                                                                                 
  .btn-wrap a, .ranking-item-link-buttons a, .blogcard-readmore { display: inline-block !important; background:          
  linear-gradient(135deg, #19448e 0%, #2a5cba 100%) !important; color: #fff !important; border: none !important;           
  border-radius: 50px !important; padding: 12px 32px !important; font-weight: 700 !important; font-size: 15px !important;
  letter-spacing: 0.05em !important; box-shadow: 0 4px 15px rgba(25,68,142,0.3) !important; transition: all 0.3s ease      
  !important; }                                                                                                          
  .btn-wrap a:hover, .ranking-item-link-buttons a:hover, .blogcard-readmore:hover { transform: translateY(-2px) !important;
   box-shadow: 0 6px 20px rgba(25,68,142,0.4) !important; opacity: 0.9 !important; }                                       
  
  /* --- 目次 --- */                                                                                                       
  .toc { background: #f8f9ff !important; border: 2px solid #e0e6f6 !important; border-radius: 16px !important; padding:  
  24px 28px !important; }                                                                                                  
  .toc-title { font-weight: 800 !important; color: #19448e !important; font-size: 1.1em !important; }                    
  .toc a { color: #333 !important; text-decoration: none !important; transition: color 0.2s !important; }                  
  .toc a:hover { color: #19448e !important; }                                                                            
                                                                                                                           
  /* --- ページネーション --- */                                                                                         
  .pagination .page-numbers { border-radius: 50% !important; width: 42px !important; height: 42px !important; line-height: 
  42px !important; text-align: center !important; margin: 0 4px !important; font-weight: 600 !important; border: 2px solid 
  #e0e0e0 !important; transition: all 0.3s !important; }
  .pagination .page-numbers:hover { background: #19448e !important; color: #fff !important; border-color: #19448e          
  !important; }                                                                                                            
  .pagination .current { background: #19448e !important; color: #fff !important; border-color: #19448e !important; }
                                                                                                                           
  /* --- フッター --- */                                                                                                 
  #footer { background: #1a1a2e !important; color: #ccc !important; padding: 40px 0 20px !important; }
  #footer a { color: #8ab4f8 !important; transition: color 0.2s !important; }                                              
  #footer a:hover { color: #fff !important; }                                                                              
  #footer .widget-title { color: #fff !important; font-weight: 700 !important; border-bottom: 2px solid #8ab4f8 !important;
   padding-bottom: 8px !important; }                                                                                       
  .footer-bottom { background: #12122a !important; padding: 16px 0 !important; }                                         
  .footer-bottom .copyright { color: #888 !important; font-size: 13px !important; }                                        
                                                                                                                           
  /* --- 全体の余白・読みやすさ --- */                                                                                     
  body { background: #f5f6fa !important; }                                                                                 
  .main { padding: 0 !important; }                                                                                         
  .article { background: #fff !important; border-radius: 16px !important; box-shadow: 0 4px 20px rgba(0,0,0,0.06)          
  !important; padding: 36px 40px !important; margin-bottom: 24px !important; }                                             
  .article p { line-height: 1.9 !important; color: #333 !important; }                                                      
                                                                                                                           
  /* --- ブログカード --- */                                                                                             
  .blogcard { border-radius: 12px !important; border: 1px solid #e8ecf1 !important; box-shadow: 0 2px 12px rgba(0,0,0,0.06)
   !important; transition: all 0.3s !important; overflow: hidden !important; }                                             
  .blogcard:hover { box-shadow: 0 6px 20px rgba(0,0,0,0.1) !important; transform: translateY(-2px) !important; }
                                                                                                                           
  /* --- パンくずリスト --- */                                                                                           
  .breadcrumb { font-size: 13px !important; color: #888 !important; padding: 12px 0 !important; }                          
  .breadcrumb a { color: #19448e !important; }                                                                             
                                                                                                                           
  /* --- タグ/カテゴリラベル --- */                                                                                        
  .cat-label { border-radius: 20px !important; font-size: 11px !important; font-weight: 700 !important; padding: 3px 10px  
  !important; }                                                                                                            
  .tag-link { border-radius: 20px !important; font-size: 12px !important; padding: 4px 12px !important; background: #f0f4ff
   !important; color: #19448e !important; border: 1px solid #d0daf0 !important; transition: all 0.2s !important; }         
  .tag-link:hover { background: #19448e !important; color: #fff !important; }                                            
                                                                                                                           
  /* --- スクロールバー --- */                                                                                           
  ::-webkit-scrollbar { width: 8px; }                                                                                      
  ::-webkit-scrollbar-track { background: #f0f0f0; }                                                                     
  ::-webkit-scrollbar-thumb { background: #19448e; border-radius: 4px; }                                                   
  ::-webkit-scrollbar-thumb:hover { background: #2a5cba; }
                                                                                                                           
  /* --- モバイル最適化 --- */                                                                                           
  @media screen and (max-width: 834px) {                                                                                   
    .article { padding: 20px 16px !important; border-radius: 12px !important; margin: 0 8px 16px !important; }           
    .article h2 { font-size: 1.25em !important; padding: 14px 16px !important; }                                           
    .sidebar .widget-sidebar { margin: 0 8px 16px !important; padding: 20px 16px !important; }                             
    .a-wrap { border-radius: 12px !important; }                                                                            
    .btn-wrap a { padding: 10px 24px !important; font-size: 14px !important; } 
	  
    /* サイドバータイトル修正 */
  h3.widget-sidebar-title.widget-title {                                                                                   
    color: #333 !important;                                                                                              
    -webkit-text-fill-color: #333 !important;
    background-color: transparent !important;                                                                              
    background-image: none !important;
    background: transparent !important;                                                                                    
  }