@charset "UTF-8";

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

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

/* 📝 インデックスリストトップ｜タイトル非表示 */
.widget-index-top .widget-title {
  display: none;
}

.blogcard-thumbnail img {/*ブログカードのアスペクト比*/
	aspect-ratio: auto;
}

/* カテゴリーラベル非表示 */
.entry-card .cat-label{
display: none;
}

/* カテゴリーラベル非表示 */
.related-entry-card .cat-label{
display: none;
}

/* カテゴリーラベル非表示 */
.entry-card .cat-label,
.related-entry-card .cat-label{
display: none;
}

/* reCAPTCHAマーク非表示 */
.grecaptcha-badge { visibility: hidden; }

/* ===============================
   📋 カレンダー更新情報の行間調整
   ・ショートコード [update_info_list] 内の段落の余白と行間を調整
   ・表示が間延びしないようにするため
   =============================== */

.update-info-list p {
  margin-bottom: 0.4em;     /* 段落の下余白を少し詰める（デフォルトは1em程度） */
  line-height: 1.4;         /* 行間の高さをやや狭めに設定（デフォルトは1.6くらい） */
}
/* カレンダー更新情報：最初の段落の下に余白を追加 */
.update-info-list p:first-of-type {
  margin-bottom: 1em;  /* 必要に応じて 1.5em や 16px に調整してね */
}
/* カレンダー更新情報ブロック内 各行の下に破線の区切りを追加 */
.update-info-list p:not(:last-of-type) {
  border-bottom: 1px dashed #ccc; /* 薄いグレーの破線 */
  padding-bottom: 0.5em;
  margin-bottom: 0.5em;
}

.new-badge {/*カレンダー更新にNEW*/
  background-color: #ff4d4d;
  color: #fff;
  font-size: 10px;
  padding: 2px 6px;
  margin-right: 6px;
  border-radius: 10px;
  font-weight: bold;
  animation: blink 1.5s ease-in-out infinite;
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

/* .new-badge-soft：小説向けのNEWバッジ（やさしいグリーン系） */
.new-badge-soft {
  background-color: #d4f2d2;  /* パステルグリーン */
  color: #2b5938;             /* 落ち着いたグリーン文字 */
  font-size: 10px;
  padding: 2px 6px;
  margin-left: 6px;
  border-radius: 10px;
  font-weight: normal;
}

/* 引用ウィジェットのタイトルを非表示（上に表示されるウィジェット） */
#custom_html-3 .widget-above-related-entries-title {
  display: none;
}

/* OFUSEウィジェットのタイトルを非表示（下に表示されるウィジェット） */
#custom_html-18 .widget-below-related-entries-title {
  display: none;
}

/*モバイルメニュー*/

.info-menu-icon::before {
  content: "\f005";
}

.tes{/*引用元フォント*/
color: #999999; 
font-size: 14px;
}
/*
.logo-header{ヘッダー画像使用サイト名非表示
  display: none;
} 
*/
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

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

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

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