@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;}