/* =========================================================
   投稿ページ：メタ/アイキャッチ/カテゴリ類
   ========================================================= */

/* Cocoon標準のカテゴリ行（表示される場合の余白） */
.entry-categories-tags.ctdt-one-row{
  margin-bottom: 5px !important;
}

/* Cocoon標準の表示（カテゴリ・タグ）を非表示 */
.single .entry-categories,
.single .entry-categories-tags,
.single .entry-categories-tags.ctdt-one-row{
  display: none !important;
}

/* Cocoonアイキャッチの見た目 */
.single .eye-catch-wrap{
  margin: 15px 0;
}
.single .eye-catch img{
  width: 100%;
  height: auto;
  display: block;
}

/* あなたの「本文先頭に追加する投稿メタ」 */
.my-post-topmeta{
  margin-bottom: 10px !important;
}

/* 投稿メタ全体 */
.my-post-meta{
  margin: 16px 0 24px;
}

/* 上段（日付・カテゴリ・タグ） */
.my-post-meta-top{
  display: flex;
  flex-wrap: wrap;
  gap: 8px 12px;
  font-size: 14px;
  margin-bottom: 12px;
}

/* カテゴリ（あなたの出力） */
.my-meta-cat{
  background: #c7a492;
  color: #fff;
  padding: 4px 8px;
  border-radius: 3px;
  font-size: 14px;
  text-decoration: none;
}

/* タグ（あなたの出力） */
.my-meta-tag{
  font-size: 14px;
  color: #777;
  text-decoration: none;
}

/* アイキャッチ（あなたの出力） */
.my-meta-eyecatch{
  margin-top: 12px;
}
.my-meta-eyecatch img{
  width: 100%;
  height: auto;
  display: block;
}

/* 記事タイトル（あなたの出力） */
.my-post-title{
  font-size: 26px; /* 24〜30pxで調整 */
  font-weight: 500;
  line-height: 1.6;
  display: block;
  margin-bottom: 6px;
}

/* 日付（あなたの出力） */
.my-meta-date{ color: #666; }
.my-meta-date i.fa-clock{ color: #BBA492; }

/* 本文先頭にある「最初の画像ブロック」を非表示（必要な時だけ） */
.single .entry-content > figure.wp-block-image:first-child,
.single .entry-content > .wp-block-image:first-child{
  display: none !important;
}

/* スマホ：タイトル等 */
@media (max-width: 768px){
  .single .my-post-datetitle{ font-size: 18px; }
  .my-post-title{ font-size: 18px; }
  .pagetitle{ font-size: 28px !important; }
}