@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){
  /*必要ならばここにコードを書く*/
}
/* ===== フォント ===== */
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+1p:wght@400;700;900&display=swap');

body {
  font-family: 'M PLUS 1p', 'Noto Sans JP', sans-serif;
  background-color: #fff5f8;
}

/* ===== ヘッダー ===== */
.site-name-text {
  font-weight: 900;
  color: #ff2d55 !important;
  text-shadow: 0 0 20px rgba(255,45,85,0.5);
  letter-spacing: 0.05em;
}

.site-description {
  color: #ffb3c6 !important;
  font-size: 0.85em;
}

/* ===== 記事カード ===== */
.card-wrap {
  border-radius: 12px;
  overflow: hidden;
  transition: transform 0.2s, box-shadow 0.2s;
  border: 2px solid transparent;
}

.card-wrap:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 24px rgba(255,45,85,0.2);
  border-color: #ff2d55;
}

/* ===== カテゴリタグ ===== */
.cat-label {
  background: #ff2d55 !important;
  border-radius: 4px;
  font-weight: 700;
  font-size: 0.75em;
}

/* ===== 見出し ===== */
.entry-content h2 {
  border-bottom: 2px solid #ff2d55;
  padding-bottom: 0.3em;
}


h3 {
  border-left: 4px solid #ff2d55;
  padding-left: 0.5em;
}

/* ===== サイドバー ===== */
.widget-title {
  background: linear-gradient(90deg, #ff2d55, #ff6b8a);
  color: #fff !important;
  padding: 8px 12px;
  border-radius: 6px;
  font-weight: 900;
}

/* ===== ボタン ===== */
.btn-wrap a {
  background: #ff2d55 !important;
  border-radius: 8px;
  font-weight: 700;
}