@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@400;700&display=swap');

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


/* () */
.author-info,.post-author{display:none!important;}

.sns-follow{display:none!important;}

/* front full-width 3 columns */


.home #main .a-wrap{width:calc(50% - 6px)!important;}

/* ============================================
   カラースキームA: オレンジ×ゴールド
   ============================================ */

/* 背景：クリーム */
body { background: #FFF8F0 !important; }
#container, #wrapper { background: #FFF8F0 !important; }

/* ヘッダー */
#header { background: #fff !important; }
.site-name-text, .site-name-text a,
.header-title, .header-title a { color: #333 !important; }
.tagline, .site-description { color: #666 !important; }

/* ナビゲーション */
#navi .navi-in > ul > li > a { color: #333 !important; }
#navi { background: #fff !important; }
#navi .navi-in > ul > li:hover > a,
#navi .navi-in > ul > li.current-menu-item > a { background: #f5f5f5 !important; color: #333 !important; }

/* カテゴリーバッジ */
.cat-label, .cat-label-before, .tag-label,
.a-wrap .cat-label, span.cat-label { background: #FF6B35 !important; color: #fff !important; }

/* カード */
.a-wrap { border: none !important; box-shadow: 0 2px 8px rgba(0,0,0,0.08) !important; border-radius: 8px !important; overflow: hidden !important; background: #fff !important; }
.a-wrap:hover { box-shadow: 0 6px 20px rgba(255,107,53,0.25) !important; transform: translateY(-3px); transition: all 0.2s ease; }

/* 記事タイトル */
.entry-card-title, .article-title { color: #333 !important; }

/* 日付・メタ情報 */
.post-date, .entry-date, .card-meta { color: #FF6B35 !important; }

/* セクション見出し（新着記事 など） */
.list-title, .front-top-section .list-title,
.list-new-entries .list-title,
h3.list-title { color: #FF6B35 !important; border-color: #FF6B35 !important; }

/* もっと見るボタン */
.more-wrap a, .read-more-link,
.btn.morelink { background: #FF6B35 !important; color: #fff !important; border: none !important; border-radius: 24px !important; }
.more-wrap a:hover, .read-more-link:hover { background: #E85A24 !important; }

/* フッター */
#footer { background: #333 !important; color: #fff !important; }
#footer a { color: #FFD700 !important; }

/* リンク色 */
a { color: #FF6B35 !important; }
a:hover { color: #E85A24 !important; }

/* 見出し装飾 */
.entry-content h2 { border-left: 4px solid #FF6B35 !important; padding-left: 12px !important; }
.entry-content h3 { color: #FF6B35 !important; }

/* ============================================
   フォント: M PLUS Rounded 1c
   ============================================ */
body, .a-wrap, .entry-title, .article-title,
#navi, .navi, .site-name-text, button, input, select, textarea {
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
}

/* ============================================
   ヘッダー デザインB: アイコン＋サイト名
   ============================================ */
#header .header-title { text-align: center; }

.site-name-text, .site-name-text a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  font-family: 'M PLUS Rounded 1c', sans-serif !important;
  font-size: 26px !important;
  font-weight: 700 !important;
  color: #FF6B35 !important;
  text-decoration: none !important;
}

.site-name-text::before {
  content: '';
  display: inline-block;
  width: 42px;
  height: 42px;
  min-width: 42px;
  background: #fff;
  border-radius: 50%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FF6B35' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z'/%3E%3Cpolyline points='9 22 9 12 15 12 15 22'/%3E%3C/svg%3E");
  background-size: 22px;
  background-repeat: no-repeat;
  background-position: center;
}


/* A: PVカウンター非表示 */
.post-count-wrap,.pv-count-box,.admin-pv{display:none!important;}

/* A: nav-コンテンツ間の余白削減 */
.home .contents-outer{padding-top:0!important;margin-top:0!important;}

/* B+C: ヒーローバナー & カテゴリストルップ */
#kura-hero{background:linear-gradient(rgba(0,0,0,.42),rgba(0,0,0,.42)),url('https://images.unsplash.com/photo-1518458028785-8fbcd101ebb9?w=1400&q=80&auto=format&fit=crop') center/cover!important;padding:28px 20px 24px!important;text-align:center!important;width:100%!important;box-sizing:border-box!important;}
.kura-catch{font-family:'M PLUS Rounded 1c',sans-serif!important;font-size:22px!important;font-weight:700!important;color:#fff!important;margin:0 0 8px!important;display:block!important;}
.kura-sub{font-size:14px!important;color:rgba(255,255,255,.88)!important;margin:0 0 18px!important;line-height:1.6!important;display:block!important;}
.kura-cat-strip{display:flex!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important;}
.kura-cat-link{background:rgba(255,255,255,.15)!important;border:1.5px solid rgba(255,255,255,.55)!important;color:#fff!important;text-decoration:none!important;padding:7px 22px!important;border-radius:24px!important;font-size:14px!important;font-weight:500!important;display:inline-block!important;}
.kura-cat-link:hover{background:rgba(255,255,255,.3)!important;transform:translateY(-2px)!important;}

/* トップページのナビ非表示（ヒーローなカテゴリボタンで代替） */
.home #navi{display:none!important;}

/* ============================================================
   デザイビ改善v2（2026-06-23）
   ============================================================ */

/* ヒーロヾ統計バッジ */
.kura-stats{display:flex!important;justify-content:center!important;gap:28px!important;margin:0 0 14px!important;}
.kura-stat{text-align:center!important;}
.kura-stat-num{display:block!important;font-size:24px!important;font-weight:900!important;color:#FFD700!important;line-height:1.1!important;font-family:'M PLUS Rounded 1c',sans-serif!important;}
.kura-stat-label{font-size:11px!important;color:rgba(255,255,255,.85)!important;display:block!important;margin-top:2px!important;}
/* kura-sub とカラーストリップのマージン調整 */
.kura-sub{margin:0 0 12px!important;}
.kura-cat-strip{margin:0!important;}

/* 注目記事セクション */
#kura-pickup{background:#fff!important;padding:18px 20px!important;max-width:860px!important;margin:0 auto!important;box-shadow:0 4px 16px rgba(0,0,0,.07)!important;border-radius:0 0 12px 12px!important;}
.kura-pickup-title{font-size:15px!important;font-weight:700!important;margin:0 0 12px!important;display:flex!important;align-items:center!important;gap:8px!important;color:#333!important;}
.kura-pickup-title::before{content:''!important;width:4px!important;height:18px!important;background:#FF6B35!important;border-radius:2px!important;display:inline-block!important;}
.kura-pickup-item{display:flex!important;gap:12px!important;align-items:center!important;padding:10px 12px!important;border-radius:8px!important;background:#FFF8F0!important;margin-bottom:8px!important;text-decoration:none!important;color:#333!important;transition:background .15s!important;}
.kura-pickup-item:hover{background:#FFE8DC!important;color:#333!important;}
.kura-pickup-item:last-child{margin-bottom:0!important;}
.kura-pickup-rank{font-size:20px!important;font-weight:900!important;min-width:28px!important;text-align:center!important;line-height:1!important;}
.kura-pickup-info{flex:1!important;min-width:0!important;}
.kura-pickup-info-title{font-size:13px!important;font-weight:600!important;line-height:1.5!important;display:block!important;color:#333!important;}
.kura-pickup-cat{font-size:11px!important;margin-top:3px!important;display:block!important;}

/* カード読了時間バッジ */
.kura-read-time{background:#FFF0EB!important;color:#FF6B35!important;font-size:11px!important;padding:2px 8px!important;border-radius:10px!important;margin-right:6px!important;display:inline-block!important;vertical-align:middle!important;}

/* フッター改善 */
.kura-footer-inner{display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:24px!important;max-width:900px!important;margin:0 auto!important;padding:28px 20px 20px!important;}
.kura-footer-col-title{font-size:11px!important;font-weight:700!important;color:#FF6B35!important;margin:0 0 10px!important;letter-spacing:.5px!important;text-transform:uppercase!important;}
.kura-footer-link{display:block!important;font-size:12px!important;color:#bbb!important;text-decoration:none!important;margin-bottom:5px!important;}
.kura-footer-link:hover{color:#fff!important;}
.kura-footer-desc{font-size:12px!important;color:#999!important;line-height:1.7!important;margin:0 0 6px!important;}
.kura-footer-aff{font-size:11px!important;color:#777!important;margin:0!important;}
.kura-footer-copy{text-align:center!important;font-size:11px!important;color:#777!important;padding:14px 20px!important;border-top:1px solid #444!important;margin-top:0!important;}
@media(max-width:640px){.kura-footer-inner{grid-template-columns:1fr!important;padding:20px 16px 16px!important;}}