@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
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


.entry-content a:hover { color: #777569; }

.tagcloud a {
   background: none; /*背景を消す*/
   border: 1px solid #bcb2a4; /*実線の太さと色*/
   border-radius: 20px; /*角の丸み*/
   color: #40210f; /*文字色*/
   padding: 3px 10px; /*要素の内部余白*/
   text-decoration: none; /*文字の装飾なし*/
   font-size: 13px; /*文字サイズ*/
   margin: 2px; /*要素の外部余白*/
   display: flex; /*横並びにする*/
   flex: 1 1 auto; /*余白分の自動伸縮比率*/
   justify-content: space-between; /*左右幅いっぱいに均等に配置する*/
}
.tagcloud a:hover { 
   background: #40210f; /*カーソルを合わせた時の背景色*/
   border: 1px solid #40210f; /*カーソルを合わせた時の線色*/
   color: #fff; /*カーソルを合わせた時の文字色*/
   transition: 0.5s; /*アニメーションの時間*/
}



/*全てをまとめて非表示*/
.home.page .entry-title,
.home.page .date-tags,
.home.page .author-info{
  display: none;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}
-----
	/*
  ============================================================
  菜食ごはん — 共通スタイル
  全ブロックで読み込む基本CSS
  Cocoonの「子テーマ」の style.css にコピーして使ってください
  ============================================================
*/

/* ── Google Fonts ── */
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=EB+Garamond:ital,wght@0,400;1,400&family=Noto+Serif+JP:wght@200;300;400&family=Noto+Sans+JP:wght@300;400&display=swap');

/* ── カラー変数（写真から抽出した色のみ） ── */
:root {
  --bg:         #EEEAE3;   /* 背景・ナビ */
  --bg-warm:    #E8E3DA;   /* セクション背景 */
  --cream:      #F4F0EA;   /* 明るい面 */
  --ink:        #3C2E22;   /* メインテキスト */
  --ink-mid:    #7A6858;   /* 中間テキスト */
  --ink-soft:   #A89888;   /* ミュートテキスト */
  --sand:       #C8A882;   /* ボタン・アクセント */
  --sand-light: #DED0BC;   /* ボーダー */
  --sand-dark:  #A88C6A;   /* ホバー */
  --border:     rgba(160,138,115,0.22);
}

/* ── ベースリセット ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body {
  background: var(--bg);
  color: var(--ink);
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
}

/* ── 共通テキストリンク ── */
.sg-text-link {
  font-family: 'EB Garamond', serif;
  font-size: 13px; letter-spacing: 0.15em;
  color: var(--ink-mid); text-decoration: none;
  border-bottom: 0.5px solid var(--sand-light);
  padding-bottom: 2px; transition: all 0.22s;
}
.sg-text-link:hover { color: var(--ink); letter-spacing: 0.2em; }

/* ── 共通スクロールリビール ── */
.sg-reveal {
  opacity: 0; transform: translateY(24px);
  transition: opacity 0.85s ease, transform 0.85s ease;
}
.sg-reveal.in { opacity: 1; transform: translateY(0); }
.sg-d1 { transition-delay: 0.1s; }
.sg-d2 { transition-delay: 0.2s; }
.sg-d3 { transition-delay: 0.3s; }
.sg-d4 { transition-delay: 0.4s; }

/* ── リビールのJS（共通、1回だけ読み込まれればOK） ── */
	
/* Cocoonヘッダー完全非表示 */
#header,
.header-container,
.header-container-in,
.site-header,
.header-logo,
.header-logo-image,
.logo-header,
.navi-in,
.global-navi,
.navi,
#navi,
.header-navi,
.mobile-header,
#mobile-header,
.sp-menu-open,
.menu-button,
[class*="mobile-menu"],
[class*="header-menu"] {
  display: none !important;
}
/* 自己紹介ページの見出しからCocoonの背景色を消す */
.sg-about h2,
.sg-about-section-title {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  padding: 0 !important;
  box-shadow: none !important;
}
/* レシピインデックスページの見出しをリセット */
.sg-ri-section-title,
.sg-ri-card-title,
.sg-ri-cat-thumb-name,
.sg-ri-page-title {
  background: none !important;
  background-color: transparent !important;
  border: none !important;
  border-left: none !important;
  padding: 0 !important;
  box-shadow: none !important;
  color: inherit !important;
}
/* レシピインデックスのカテゴリーサムネイルリンク色をリセット */
.sg-ri-cat-thumb,
.sg-ri-cat-thumb:hover,
.sg-ri-cat-thumb:visited,
.sg-ri-cat-thumb:active {
  color: #FEFAF5 !important;
  text-decoration: none !important;
}

.sg-ri-cat-thumb-name,
.sg-ri-cat-thumb-count {
  color: inherit !important;
}