@charset "UTF-8";

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

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

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

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

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

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


/* ==========================================
   Like Simplicity風 カスタムデザイン一式（完全版）
   ========================================== */

/* --- 【1】インデックス（記事一覧）のタイトルを標準の太さに --- */
.list .entry-card-title,
.list .entry-card-title a,
.entry-card-title,
.entry-card-title a {
  font-weight: 400 !important;
  font-size: 17px;
  line-height: 1.5;
  color: #333333 !important;
  text-decoration: none;
}
.entry-card-title a:hover {
  opacity: 0.7;
}

/* --- 【2】カード全体のレイアウト・余白・スニペット --- */
.entry-card-wrap {
  border: 1px solid #e2e8f0;
  border-radius: 8px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.03);
  transition: all 0.2s ease;
  background-color: #ffffff;
  margin-bottom: 20px;
}
.entry-card-wrap:hover {
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
.entry-card-snippet {
  font-size: 13px;
  color: #666666;
  line-height: 1.6;
}
.cat-label {
  border-radius: 4px;
  font-size: 11px;
  padding: 2px 8px;
  font-weight: 400;
}

/* --- 【3】個別記事の見出し（H3：全体幅実線・青み / H4：文字数ぴったり破線・少し青み追加） --- */
.article h3 {
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 3px solid #547be0 !important; /* H3：鮮やかなブルー（全体幅実線） */
  padding: 0 0 8px 0 !important;
  margin-bottom: 1.5em;
  color: #333333;
}

.article h4 {
  background: transparent !important;
  border-top: none !important;
  border-left: none !important;
  border-right: none !important;
  border-bottom: 2px dashed #7892db !important; /* ★H4：グレー感を抑えて、少しだけ青みを戻した破線（文字数ぴったり） */
  display: inline-block !important;
  width: auto !important;
  padding: 0 0 4px 0 !important;
  margin-bottom: 1.5em;
  color: #333333;
}