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

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

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

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

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*//* ============================================================
   igokochill カスタムCSS v2.0
   外観 → カスタマイズ → 追加CSS に貼り付け
   ============================================================ */

/* --- カラー変数 --- */
:root {
  --color-primary:  #8B7355;   /* ウォームブラウン */
  --color-accent:   #C8A882;   /* ライトタン */
  --color-bg:       #FAF7F4;   /* オフホワイト背景 */
  --color-text:     #3D3D3D;
  --color-border:   #EDE8E1;
  --color-light-bg: #F7F3EE;   /* 薄いウォームベージュ */
}

/* --- ボディ背景・基本色 --- */
body {
  background-color: var(--color-bg);
  color: var(--color-text);
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.03em;
}
@media (max-width: 767px) {
  body { font-size: 15px; }
}

/* ============================================================
   ヘッダー
   ============================================================ */
#header {
  background: #fff;
  border-bottom: 2px solid var(--color-border);
  box-shadow: none;
}
#site-title a,
#site-description {
  color: var(--color-primary) !important;
}

/* ============================================================
   ナビゲーション
   ============================================================ */
#navi .navi-in > ul > li > a {
  color: var(--color-text);
  font-size: 0.85rem;
  letter-spacing: 0.05em;
  padding: 0 14px;
}
#navi .navi-in > ul > li > a:hover {
  color: var(--color-primary);
  background-color: var(--color-light-bg);
}

/* ▼ プロフィール（最終行・単独項目）の左ボーダー欠け修正
   奇数番目の最終項目が1列に単独表示されるとき、
   幅を100%にして枠が欠けないようにする */
@media screen and (max-width: 834px) {
  #navi .navi-in > ul > li:last-child:nth-child(odd) {
    width: 100% !important;
  }
}

/* ============================================================
   記事カード
   ============================================================ */
.a-wrap {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.06);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  background: #fff;
}
.a-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 6px 18px rgba(139,115,85,0.15);
}
.a-thumb img {
  transition: opacity 0.2s ease;
}
.a-wrap:hover .a-thumb img {
  opacity: 0.9;
}
.entry-title {
  font-size: 1rem;
  line-height: 1.6;
  color: var(--color-text);
}
.cat-label {
  background: var(--color-accent) !important;
  color: #fff !important;
  border-radius: 3px;
  font-size: 0.72rem;
}

/* ============================================================
   記事本文
   ============================================================ */
.entry-content {
  max-width: 760px;
  margin: 0 auto;
}
.entry-content p {
  margin-bottom: 1.4em;
}

/* --- H2 --- */
.entry-content h2 {
  background: var(--color-primary);
  color: #fff;
  padding: 10px 16px;
  border-radius: 4px;
  font-size: 1.15rem;
  margin: 2.2em 0 1.2em;
  line-height: 1.5;
}

/* --- H3 --- */
.entry-content h3 {
  border-left: 4px solid var(--color-accent);
  padding-left: 12px;
  color: var(--color-primary);
  font-size: 1.05rem;
  margin: 1.8em 0 0.9em;
  line-height: 1.5;
}

/* --- H4 --- */
.entry-content h4 {
  font-size: 1rem;
  color: var(--color-text);
  border-bottom: 1px dashed var(--color-border);
  padding-bottom: 4px;
  margin: 1.5em 0 0.7em;
}

/* --- HR 区切り --- */
.entry-content hr {
  border: none;
  border-top: 1px dashed var(--color-border);
  margin: 2.5em 0;
}

/* --- 箇条書き --- */
.entry-content ul li,
.entry-content ol li {
  margin-bottom: 0.5em;
  line-height: 1.75;
}
.entry-content ul li::marker {
  color: var(--color-accent);
}

/* --- テーブル --- */
.entry-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 1.5em 0;
  font-size: 0.92em;
  border-radius: 6px;
  overflow: hidden;
  box-shadow: 0 1px 4px rgba(0,0,0,0.07);
}
.entry-content table th {
  background: var(--color-light-bg);
  color: var(--color-primary);
  font-weight: 700;
  padding: 0.7em 1em;
  text-align: left;
  border-bottom: 2px solid var(--color-border);
}
.entry-content table td {
  padding: 0.65em 1em;
  border-bottom: 1px solid var(--color-border);
  vertical-align: top;
}
.entry-content table tr:last-child td {
  border-bottom: none;
}
.entry-content table tr:nth-child(even) td {
  background: #fdfaf8;
}
@media (max-width: 767px) {
  .entry-content table {
    display: block;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 0.87em;
  }
}

/* --- 引用ブロック --- */
.entry-content blockquote {
  border-left: 4px solid var(--color-accent);
  background: var(--color-light-bg);
  padding: 1em 1.2em;
  margin: 1.5em 0;
  border-radius: 0 6px 6px 0;
  color: #5a4a3a;
  font-size: 0.95em;
}
.entry-content blockquote p {
  margin: 0;
}

/* --- PR表記（記事先頭の1行目） --- */
.entry-content > p:first-child {
  font-size: 0.82em;
  color: #999;
  background: #f5f5f5;
  padding: 0.4em 0.8em;
  border-radius: 4px;
  margin-bottom: 1.8em;
}

/* --- 本の紹介ボックス (.book-box) --- */
.entry-content .book-box {
  background: var(--color-light-bg);
  border: 1px solid var(--color-border);
  border-radius: 8px;
  padding: 1.2em 1.4em;
  margin: 1.8em 0;
}

/* --- アフィリエイトリンクボタン --- */
.entry-content .affi-btn {
  display: inline-block;
  background: var(--color-primary);
  color: #fff !important;
  text-decoration: none !important;
  padding: 0.6em 1.6em;
  border-radius: 30px;
  font-size: 0.9em;
  font-weight: 700;
  margin: 0.5em 0;
  transition: background 0.2s ease;
  box-shadow: 0 2px 6px rgba(0,0,0,0.1);
}
.entry-content .affi-btn:hover {
  background: #6e5b44;
}

/* --- 内部リンク（igokochill.com へのリンク） --- */
.entry-content p > a[href*="igokochill.com"] {
  color: var(--color-primary) !important;
  text-decoration: none;
  border-bottom: 1px dotted var(--color-accent);
}
.entry-content p > a[href*="igokochill.com"]:hover {
  color: var(--color-accent) !important;
}

/* ============================================================
   サイドバー
   ============================================================ */
.sidebar .widget-title,
.sidebar h3 {
  color: var(--color-primary);
  font-size: 0.9rem;
  border-bottom: 2px solid var(--color-accent);
  padding-bottom: 6px;
  margin-bottom: 12px;
}

/* ============================================================
   フッター
   ============================================================ */
#footer {
  background: var(--color-border);
  color: #888;
  font-size: 0.8rem;
}
#footer a { color: #888; }
#footer a:hover { color: var(--color-primary); }

/* ============================================================
   不要ウィジェット非表示
   ============================================================ */
.widget_recent_comments,
.widget_archive,
.widget_categories { display: none; }
#block-4, #block-5, #block-6 { display: none !important; }
.widget-sidebar-scroll { display: none !important; }

/* ============================================================
   END igokochill custom CSS v2.0
   ============================================================ */
}