@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.1.1
*/

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

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

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

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

/************************************
** ここから下は 2026-11-11 にAIが追加したデザイン（ヌレ雑記）
** ロゴの水色と紺に合わせた、やわらかい雰囲気。元に戻すときは、この見出しから下を消せばよい
************************************/
:root {
  --nu-cyan: #20b8d8;
  --nu-cyan-soft: #e6f8fc;
  --nu-navy: #1e3d4f;
  --nu-pink: #ff8fab;
  --nu-text: #2a2a2a;
}

/* 記事一覧のカード：角を丸く、ふわっと浮く */
body .entry-card-wrap,
body .related-entry-card-wrap {
  background-color: #fff;
  border-radius: 14px;
  border: 2px solid var(--nu-cyan-soft);
  box-shadow: 0 2px 8px rgba(30, 61, 79, 0.07);
  transition: transform 0.15s ease, box-shadow 0.15s ease, border-color 0.15s ease;
}
body .entry-card-wrap:hover,
body .related-entry-card-wrap:hover {
  transform: translateY(-2px);
  border-color: var(--nu-cyan);
  box-shadow: 0 6px 16px rgba(32, 184, 216, 0.18);
  background-color: #fff;
}
body .entry-card-title,
body .related-entry-card-title { color: var(--nu-navy); }
body .entry-card-thumb img,
body .related-entry-card-thumb img { border-radius: 10px; }
body .cat-label {
  background-color: var(--nu-cyan);
  color: #fff;
  border: none;
  border-radius: 20px;
  padding: 2px 10px;
}

/* 記事のタイトル */
body .article .entry-title { color: var(--nu-navy); }

/* 本文の見出し：吹き出しっぽく */
body .article h2 {
  background-color: var(--nu-cyan-soft);
  color: var(--nu-navy);
  border: none;
  border-left: 8px solid var(--nu-cyan);
  border-radius: 12px;
  padding: 0.7em 1em;
}
body .article h3 {
  background: none;
  color: var(--nu-navy);
  border: none;
  border-bottom: 3px dashed var(--nu-cyan);
  padding: 0.4em 0.3em;
}
body .article h4 {
  border: none;
  border-left: 4px solid var(--nu-pink);
  padding: 0.2em 0.6em;
}

/* 本文のリンク */
body .entry-content a { color: #0f86a3; }
body .entry-content a:hover { color: var(--nu-pink); }

/* 本文の太字に、うっすら蛍光ペン */
body .entry-content strong {
  background: linear-gradient(transparent 62%, rgba(255, 143, 171, 0.35) 62%);
}

/* サイドバーの見出し */
body .sidebar h3,
body .widget-sidebar-title {
  background: var(--nu-cyan-soft);
  color: var(--nu-navy);
  border: none;
  border-radius: 10px;
  border-left: 6px solid var(--nu-cyan);
}

/* ページの先頭へ戻るボタン */
body .go-to-top-button {
  background-color: var(--nu-cyan);
  color: #fff;
  border-radius: 50%;
}

@media screen and (max-width: 480px) {
  body .article h2 { font-size: 20px; }
}