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

.page .entry-title {
  font-family: 'Kosugi Maru', 'Rounded M+', 'Yu Gothic', sans-serif;
  font-weight: normal;
  letter-spacing: 0.05em;
}

/* アイキャッチ画像のサイズを調整 */
.entry-card-thumb img,
.post-thumbnail img,
.eyecatch img {
  max-width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  max-height: 300px; /* ←ここで高さを調整（好きな数値に変えてOK） */
  object-fit: cover;
  border-radius: 12px; /* ←角を少し丸くする演出だよ */
}

/* 🌸トップページ用バナー（背景画像） */
body.home {
  background-image: url('https://kokoro-moufu.com/wp-content/uploads/2025/07/haikei1.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  padding-top: 200px; /* バナーの高さ分だけ余白を追加 */
}

/* --- メニュー文字調整＆説明非表示 --- */
#navi ul li a {
  font-size: 14px;
  padding: 6px 10px;
  white-space: nowrap;
}

#navi ul {
  flex-wrap: wrap;
  justify-content: center;
}

#navi ul li span.menu-description {
  display: none !important;
}

/* --- トップページのボックス装飾 --- */
.entry-box {
  padding: 0.6em 0.8em;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 500;
  color: #5a3e36;
  border-radius: 16px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.04);
}

/* --- スマホ時のタイトルサイズ --- */
@media screen and (max-width: 768px) {
  .entry-title {
    font-size: clamp(1.8rem, 2.4vw, 2.8rem) !important;
  }
}