/* =========================
   共通レイアウト調整（元からのやつ）
   ========================= */

/* ★ post-date だけ非表示にする（pagination は消さない） */
div.post-date {
  display: none;
}

footer.article-header {
  padding-top: 5px;
  text-align: left;
}

footer.article-header span.day,
footer.article-header span.category,
footer.article-header span.tag {
  padding-top: 5px;
}


body.home a.logo {
  display: inline;
}

header.article-header {
  padding-bottom: 0;
}

p.byline time,
footer.article-footer span.day,
span.category a,
span.category i,
span.tag {
  font-size: large;
  font-weight: bold;
}

/* 画像をセンタリングするときに使っているクラス */
p.for-img {
  text-align: center;
}

/* トップページ内リンクリスト */
ul#toplists {
  text-align: center;
  margin: 0 0 2em 0;
  padding-top: 0;
  padding-bottom: 0;
  border-bottom: 1px;
}

ul#toplists li {
  display: inline;
  margin-right: 1em;
  text-decoration: none;
  font-weight: bold;
}

ul#toplists li a {
  text-decoration: none;
}

/* 旧いいねボタンまわり（位置調整だけ温存） */
div.iine_btn {
  margin-left: 0px;
}


/* wavebox ボタンの pill 風スタイル（共通） */
span.iine-wavebox {
  position: relative;
  cursor: pointer;
  background: transparent;
  border: 1px solid;
  color: #afa9aa;
  border-radius: 20px;
  padding: 3px 13px;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  margin-right: 10px;
}

span.iine-wavebox a {
  text-decoration: none;
  color: inherit;
}


/* 「参考＆おすすめ」リスト用 */
dl.caosusume dt {
  font-size: 110%;
  font-weight: bold;
  padding-bottom: 0;
  margin-bottom: 0;
}

dl.caosusume dt + dd {
  padding-bottom: 0;
  padding-top: 1em;
  margin-bottom: 0;
}

dl.caosusume dd {
  padding-left: 2em;
}

dl.caosusume dd + dt {
  margin-top: 2em;
}

p.post-modified-info {
  text-align: right;
}


/* サムネ列（for-img）の中の画像は横に並べる（ここ重要） */
p.for-img img {
  display: inline-block !important;
  vertical-align: middle;
  height: auto;
}


/* =========================
   長編漫画（metamorphoses）専用
   ========================= */

/* 本文を .metamorphoses-body で囲んでいる前提（single-works.php のやつ） */

.single-works .metamorphoses-body img {
  display: block;        /* 1枚ずつ縦に並べる */
  margin: 0 auto 1.5em;  /* 中央寄せ＋下に余白 */
  width: auto;           /* 比率維持 */
  height: auto;          /* 比率維持 */
  max-width: 100%;       /* 横は記事幅まで */
}

/* iPad 以上の画面幅のときだけ、縦が画面からはみ出しすぎないように制限 */
@media (min-width: 768px) {
  .single-works .metamorphoses-body img {
    max-height: calc(100vh - 120px);  /* ヘッダー分を引いた高さ。必要なら120を増減していい */
  }
}

/* ★ 長編作品ページでは前後ナビを表示する */
.single-works div.pagination.single {
  display: block;
}


/* =========================
   ミニ投稿：書籍リスト
   ========================= */

.mini-book-list {
  margin: 2em 0;
}

/* 見出しボタンまわり */
.mini-book-group {
  margin-bottom: 2em;
}


.mini-book-toggle {
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  display: inline-flex;
  align-items: center;
  gap: 0.3em;           /* ▼ と文字のすき間 */
  cursor: pointer;
  color: inherit;       /* 青くしない・本文色のまま */
}

.mini-book-toggle:hover {
  text-decoration: underline;
}

/* 折りたたみ本体：デフォルト非表示 */
.mini-book-group-inner {
  display: none;
  margin-top: 0.8em;
}


/* 開いたときだけ表示 */
.mini-book-group-inner.is-open {
  display: block;
}

/* 本の並び：横並び＋折り返し */
.mini-book-items {
  display: flex;
  flex-wrap: wrap;
  column-gap: 5px;   /* 横方向のすき間 5px */
  row-gap: 10px;     /* 縦方向のすき間 */
}

/* 各本の箱（PC では幅を指定しない） */
.mini-book-item {
}

/* iframe を囲んでいる段落の余白を詰める */
.mini-book-body p {
  margin: 0 0 6px;
}

/* スマホでは 2 列にする */
@media (max-width: 767px) {
  .mini-book-item {
    width: calc(50% - 2.5px);  /* 2列＋横 5px ギャップ */
    box-sizing: border-box;
  }
}


/* =========================
   ミニ投稿：長編進捗カード
   ========================= */
   
   
.mini-longprogress-empty {
  margin: 1.5em 0;
  color: #666;
  font-size: 0.95em;
}

/* グリッド：PC 4カラム／スマホ 2カラム */
.mini-longprogress-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
  margin: 1.5em 0;
}

@media (max-width: 767px) {
  .mini-longprogress-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}


/* カード本体：枠線＋影 */
.mini-longprogress-card {
  box-sizing: border-box;
  border: 1px solid #e5e5e5;
  border-radius: 4px;
  padding: 4px;
  background: #fff;

  box-shadow: 0 1px 3px rgba(0,0,0,0.08);
  transition: box-shadow 0.2s ease, border-color 0.2s ease;
}

/* スマホでは影を弱める */
@media (max-width: 767px) {
  .mini-longprogress-card {
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  }
}


/* PC ホバー時に少し強調 */
@media (hover: hover) {
  .mini-longprogress-card:hover {
    border-color: #c8c8c8;
    box-shadow: 0 2px 6px rgba(0,0,0,0.12);
  }
}

.mini-longprogress-link {
  display: block;
  text-decoration: none;
  color: inherit;
}


/* サムネイル：縦3:4固定 */
.mini-longprogress-thumb {
  width: 100%;
  aspect-ratio: 3 / 4;
  background: #f5f5f5;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 0;
}

.mini-longprogress-thumb-img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  margin: 0 !important;
}

.mini-longprogress-thumb.placeholder {
  background: repeating-linear-gradient(
    45deg,
    #f0f0f0,
    #f0f0f0 5px,
    #e0e0e0 5px,
    #e0e0e0 10px
  );
}

/* タイトル＋日付ブロック */
.mini-longprogress-title-block {
  margin-top: 0.4em;
  text-align: center;
  font-size: 0.9em;
  line-height: 1.4;
}


.mini-longprogress-title {
  display: inline-block;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
}

/* 日付：極細 */
.mini-longprogress-date {
  margin-top: 2px;
  font-size: 0.75em;
  color: #999;
  letter-spacing: 0.02em;
}


/* =========================
   作品ページ 前後ナビの体裁
   ========================= */
div.pagination.single {
  margin: 2em 0;
  text-align: center;
}

div.pagination.single a {
  display: inline-block;
  margin: 0 0.5em;
  font-size: 1rem;   /* 周りと同じくらいの大きさに */
}

/* 縦長で大きい画像だけ、iPad 横などで画面内に収める */
@media (min-width: 768px) {
  img.fit-vh {
    max-height: calc(100vh - 120px);
    height: auto !important;
    width: auto !important;
  }
}


/* ▼ 長編進捗＆Archives 共通カード：4枚グリッド */

/* ▼ 長編進捗＆Archives 共通カード：4枚グリッド */

/* グリッド本体 */
.mini-progress-grid,
.mini-longprogress-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 8px;
  padding: 0;
}

/* カード幅（スマホ・タブレット共に 4 列） */
.mini-progress-card,
.mini-longprogress-card {
  flex: 0 0 calc(25% - 6px);
  box-sizing: border-box;
}


/* 画像リンク */
.mini-progress-link,
.mini-longprogress-link {
  display: block;
  text-decoration: none;
}

/* ▼ サムネ：角完全直角＋影を濃く狭く */
.mini-progress-thumb,
.mini-longprogress-thumb {
  position: relative;
  overflow: hidden;

  /* 角を完全に直角へ */
  border-radius: 0;

  background: #ffffff;


  /* FooGallery 寄り：狭くて濃い影（※強さ 0.28） */
  box-shadow: 0 1px 3px rgba(0,0,0,0.28);
}

/* ▼ 画像は余白ゼロで完全フィット */
.mini-progress-thumb img,
.mini-longprogress-thumb img,
.mini-progress-thumb-img,
.mini-longprogress-thumb-img {
  display: block;
  width: 100%;
  height: auto;
  margin: 0;
}

/* 日付オーバーレイは完全非表示 */
.mini-progress-date-overlay {
  display: none;
}


/* 必要ならタブレットで列数変更（今は維持） */
@media (min-width: 768px) {
  .mini-progress-card,
  .mini-longprogress-card {
    flex: 0 0 calc(25% - 6px);
  }
}


/* ミニ投稿の前後ナビを細くする */
.single-mini_note .pagination.single {
  margin-top: 0.3em;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}


/* ボタン自体の上下余白も控えめに */
.single-mini_note .pagination.single a {
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}


/* 共通リストスタイル（既に入れてたらそのままでOK） */
.mini-note-digest-list {
  list-style: disc;
  margin: 0 0 0 1.5em;
  padding: 0;
}

.mini-note-digest-list li {
  margin: 0 0 0.2em;
}

/* 通常（info など）の行 */
.mini-note-digest-list a {
  text-decoration: none;
}



.mini-note-digest-date {
  margin-right: 0.5em;
  color: #e46ca9;
}

/* gratitude 用：日付リンクの後ろに本文が続くスタイル */
.mini-note-digest-item.is-gratitude .mini-note-digest-date-link {
  text-decoration: none;
  margin-right: 0.25em;
}

.mini-note-digest-item.is-gratitude .mini-note-digest-body a {
  text-decoration: underline; /* waveboxリンクを少しだけ目立たせたい場合 */
}



/* 共通リスト */
.mini-note-digest-list {
  list-style: disc;
  margin: 0 0 0 1.5em;
  padding: 0;
}

.mini-note-digest-list li {
  margin: 0 0 0.2em;
}

/* 通常（info など）は今まで通り */
.mini-note-digest-list a {
  text-decoration: none;
}

.mini-note-digest-date {
  margin-right: 0.5em;
  color: #e46ca9;
}


/* gratitude 専用：日付だけ太字＋すぐ後ろに本文 */
.mini-note-digest-item.is-gratitude .mini-note-digest-date--gratitude {
  margin-right: 0.25em;    /* 日付と本文の間を狭める */
  font-weight: 700;        /* 太字 */
  color: #e46ca9;          /* ほかと同じピンク */
}

.mini-note-digest-item.is-gratitude .mini-note-digest-body--gratitude a {
  text-decoration: underline;  /* waveboxリンクだけ軽く下線（いらなければ消してOK） */
}


/* ▼ ミニ投稿ダイジェスト（トップ & 全件共通） */

/* お礼以外：日付は太字 */
.mini-note-digest-list .mini-note-digest-date {
    font-weight: bold;
}

/* お礼：日付の色は本文と同じ（リンク色と区別） */
.mini-note-digest-list .is-gratitude .mini-note-digest-date--gratitude strong {
    color: #444; /* 通常テキスト色に寄せる */
    font-weight: normal; /* お礼の日付は太字にしない */
}


/* お礼の本文と日付が並ぶときの隙間調整（トップ・全件共通） */
.mini-note-digest-body--gratitude {
    margin-left: 0.4em;
}


/* =========================
   ミニ投稿：参考リンク一覧
   ========================= */

/* h3 と最初の li の間を少し詰める */
.mini-note-links {
  margin: 0.5em 0 1.2em;     /* 上の余白だけ少し詰める */
  padding-left: 1.5em;       /* 通常の箇条書きくらいの字下げ */
}

/* li 同士の間隔を少しだけ広げる */
.mini-note-links li.mini-note-link-item {
  margin-bottom: 0.35em;
}

/* 用途タグごとの塊の間隔（必要なら） */
.mini-note-links-topic {
  margin-bottom: 1.5em;
}

/* =========================
   ミニ投稿：趣味リスト（prof）
   ========================= */

.mini-prof-hobby-group {
  margin: 1.5em 0;
}

.mini-prof-hobby-topic {
  margin-bottom: 1.5em;
}

.mini-prof-hobby-topic-title {
  margin: 0.6em 0 0.3em;   /* 見出しとリストの間をやや詰める */
  font-size: 1.05em;
}

.mini-prof-hobby-list {
  margin: 0 0 0.5em 1.5em; /* 上の余白0＋左だけ字下げ */
  padding: 0;
}

.mini-prof-hobby-item {
  margin-bottom: 0.25em;
}

/* テスト：全部の h2 / h3 の下の余白をぐっと詰める */
h2,
h3 {
  margin-bottom: 0.2em !important;
}

/* =========================
   読書ログ・好きな漫画 共通
   ========================= */

/* リストのポチを消す */
.mini-reading-list,
.mini-fav-manga-list,
.mini-reading-manga-list {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}

/* =========================
   最近読んだ本（mini_reading_recent）
   ========================= */
/* リストのポチ消す */
.mini-reading-list,
.mini-reading-manga-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

/* LI 全体を太字に（＝タイトル部分が太字になる） */
.mini-reading-item {
    font-weight: bold;
}

/* 日付だけ細字に戻す */
.mini-reading-date {
    font-weight: normal;
    opacity: 0.8;
}



/* ★ digest の日付は必ず太字にする */
.mini-note-digest-list .mini-note-digest-date,
.mini-note-digest-list .mini-note-digest-date strong {
    font-weight: 700 !important;
}

/* ★ digest の行頭ポチ（黒点）を消す */
.mini-note-digest-list {
    list-style: none;
    padding-left: 0;
    margin-left: 0;
}

.mini-note-digest-item {
    margin-left: 0;
    padding-left: 0;
}

/* ▼ 猫＆写真日記：Foogallery風「正方形サムネ」揃え */

.mini-cat-gallery,
.mini-diary-photo-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 4px; /* すき間：上下左右を均等に */
}

/* 1つのサムネ枠（正方形にする） */
.mini-cat-gallery .mini-cat-thumb,
.mini-diary-photo-gallery .mini-cat-thumb {
    width: 90px;          /* 基本の一辺 */
    aspect-ratio: 1 / 1;  /* ← 高さをこれで固定 */
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: 4px;
}

/* 中の画像は枠いっぱいに敷き詰める */
.mini-cat-gallery .mini-cat-thumb-img,
.mini-diary-photo-gallery .mini-cat-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* =========================
   トップページ用：4枚猫サムネ（3:4）
   ========================= */

/* トップの「4枚猫」ブロックだけをターゲットにする */
body.home .home-cat-strip .mini-cat-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 8px;
  padding: 0;
}

/* 4列グリッド＆3:4比率 */
body.home .home-cat-strip .mini-cat-thumb {
  flex: 0 0 calc(25% - 6px);  /* 4カラム */
  box-sizing: border-box;

  position: relative;
  overflow: hidden;
  border-radius: 0;
  background: #ffffff;
  box-shadow: 0 1px 3px rgba(0,0,0,0.28);

  /* ここで 3:4 にする */
  width: 100%;
  aspect-ratio: 3 / 4;
}

/* 画像をカードにフィットさせる */
body.home .home-cat-strip .mini-cat-thumb-img {
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
  object-fit: cover;
}


/* ★ 正方形グリッド（共通） */

.mini-cat-gallery,
.mini-diary-photo-gallery {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}

.mini-cat-gallery .mini-cat-thumb,
.mini-diary-photo-gallery .mini-cat-thumb {
    width: calc((100% - 3 * 4px) / 4); /* ★ スマホ：4列 */
    aspect-ratio: 1 / 1;
    overflow: hidden;
}

.mini-cat-gallery .mini-cat-thumb-img,
.mini-diary-photo-gallery .mini-cat-thumb-img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* ★ iPad 以上（幅768px〜）：10列に切り替え */
@media (min-width: 768px) {
    .mini-cat-gallery .mini-cat-thumb,
    .mini-diary-photo-gallery .mini-cat-thumb {
        width: calc((100% - 9 * 4px) / 10); /* 隙間9個 × 4px、10列 */
    }
}


/* =========================
   コメントエリア
   ========================= */

.comments-area {
  margin: 3em 0 0;
  padding: 1.8em 1.4em 1.6em;
  background: #fff7fb;          /* うっすらピンク */
  border: 1px solid #f5c6df;    /* 薄ピンクの枠線 */
  border-radius: 8px;
}

/* 「◯件のコメント」見出し */
.comments-area .comments-title {
  font-size: 1.0em;
  font-weight: 700;
  margin: 0 0 1.2em;
  letter-spacing: 0.05em;
}

/* コメント一覧 */
.comment-list {
  list-style: none;
  margin: 0 0 1.5em;
  padding: 0;
}

.comment-list > li {
  margin: 0 0 1.0em;
  padding: 0.9em 1.0em;
  border-radius: 6px;
  background: #ffffff;
  border: 1px solid #f0d7e6;
}

.comment-body {
  margin: 0;
}

/* 名前＋日付 */
.comment-meta {
  font-size: 0.8em;
  color: #999;
  margin-bottom: 0.3em;
}

.comment-author {
  font-weight: 700;
  margin-right: 0.4em;
}

/* 本文 */
.comment-content {
  line-height: 1.8;
  font-size: 0.95em;
}

/* 返信ボタン */
.comment-reply-link {
  display: inline-block;
  margin-top: 0.3em;
  font-size: 0.8em;
  padding: 2px 8px;
  border-radius: 999px;
  border: 1px solid #e46ca9;
  color: #e46ca9;
  text-decoration: none;
}

.comment-reply-link:hover {
  background: #e46ca9;
  color: #fff;
}

/* フォーム全体 */
#respond {
  margin-top: 1.4em;
  padding-top: 1.4em;
  border-top: 1px dashed #f0c4dd;  /* 本文との“切れ目”を強調 */
}

/* 「コメントを残す」見出し */
#respond .comment-reply-title {
  font-size: 1.0em;
  margin: 0 0 0.8em;
}

/* ラベルとフィールド */
#respond label {
  display: block;
  font-size: 0.85em;
  margin-bottom: 0.25em;
}

#respond input[type="text"],
#respond input[type="email"],
#respond textarea {
  width: 100%;
  box-sizing: border-box;
  padding: 6px 8px;
  border-radius: 4px;
  border: 1px solid #ddd;
  font-size: 0.95em;
}

#respond textarea {
  min-height: 120px;
}

/* 送信ボタンを pill 風に */
#respond input[type="submit"] {
  border-radius: 999px;
  border: 1px solid #e46ca9;
  background: #fff;
  color: #e46ca9;
  padding: 6px 18px;
  font-size: 0.9em;
  cursor: pointer;
}

#respond input[type="submit"]:hover {
  background: #e46ca9;
  color: #fff;
}

/* URL フィールドは隠す */
.comment-form-url {
  display: none;
}

/* テキストエリアの「コメント※」ラベルは隠す */
.comment-form-comment label {
  display: none;
}

/* ======================================
   コメントセクションの調整
   ====================================== */

/* 1. 「◯件のコメント」を非表示 */
.comments-title {
  display: none;
}

/* 2. 本文との境界線を濃くする */
.comments-area {
  border-top: 2px solid #e5b1c8 !important; /* 好きなピンクに調整してOK */
  margin-top: 2.5em;
  padding-top: 2em;
}

/* 3. 返信ボタンを白背景に */
.comment-reply-link {
  background: #ffffff !important;
  border: 1px solid #e46ca9 !important;
  color: #e46ca9 !important;
}

.comment-reply-link:hover {
  background: #e46ca9 !important;
  color: #ffffff !important;
}

/* コメントブロックの境界線を確実に出す */

/* コメントフォームの元々の境界線は消す */
.comment-respond {
    border-top: none !important;
}

/* コメント見出し（2件のコメント）を「線だけのブロック」にする */
#comments-title {
    border-top: 1px solid #666666; /* 本文との境界線 */
    margin: 3em 0 1.5em;          /* 本文から少し離す＋下に余白 */
    padding-top: 1.5em;           /* 線の下の空き */
    font-size: 0;                 /* 文字を見えなくする */
    line-height: 0;
}

.commentlist{
    margin-top: 5em ;
}

.entry-content{
    margin-bottom: 5em ;
}

/* ▼ 絵文字リアクションの左端をコメントと揃える */

.emoji-reactions-wrap {
  margin-left: 0;
  padding-left: 0;
}

/* プラグイン側が ul / ol に余白を付けている可能性が高いのでリセット */
.emoji-reactions-wrap ul,
.emoji-reactions-wrap ol {
  margin-left: 0;
  padding-left: 0;
}

/* ラベルの段落にも変な左マージンが付いていたら消す */
.emoji-reactions-wrap p {
  margin-left: 0;
}

.emoji-reactions-wrap { margin-left: 18px; }

#respond p.comment-notes {
  display: none !important;
}

.note-anon {
  font-size: 0.9em;
  color: #c888a0; /* 優しいピンク */
  margin-left: 4px;
}

/* =========================
   グローバルリンク色
   ========================= */



/* 訪問済みリンク */
a:visited {
  color: #9bbcf5;  /* 薄めの青（トーン落とし） */
}

/* ホバー時（お好みで） */
a:hover,
a:focus {
  text-decoration: underline;
}

/* =========================
   ミニ投稿：イラスト／らくがきバッジをアイコン化
   ========================= */

/* ベース：共通のバッジ枠 */
.mini-note-talk-icon {
  display: inline-block;
  width: 25px;          /* ← お望みの 10px 四方 */
  height: 25px;
  margin-left: 0.2em;   /* 日付やタイトルとの距離。狭めたければ調整してOK */
  vertical-align: middle;


  /* アイコン表示まわり */
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;

  /* 中の「イラストあり」「らくがきあり」の文字は画面から追放 */
  text-indent: 9999px;
  overflow: hidden;
  white-space: nowrap;
}

/* イラストあり用アイコン */
.mini-note-talk-icon-illust {
  background-image: url('https://tirukuru.net/wp-content/uploads/2025/12/41df80bdd1ae239137bbdc47966a98cd.png');  /* ← ここを実際のURLに差し替え */
}

/* らくがきあり用アイコン */
.mini-note-talk-icon-doodle {
  background-image: url('https://tirukuru.net/wp-content/uploads/2025/12/41df80bdd1ae239137bbdc47966a98cd-1.png');  /* ← ここも差し替え */
}

/* ミニ投稿：カプ語りの「一覧へ戻る」ボタンを前後リンクと揃える */
.mini-note-talk-back.pagination.single {
  text-align: center;
  margin: 2em 0;
}

.mini-note-talk-back.pagination.single a {
  display: inline-block;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
}

/* =========================
   mini_note タグアーカイブ：サムネ＋本文レイアウト
   ========================= */

/* 1件ぶんの箱：横並び、線なし（works一覧に寄せる） */
.tax-mini_note_tag .mini-note-tag-item {
  display: flex;
  align-items: flex-start;
  margin: 0 0 2.5em;
  padding: 0 0 2.0em;
  border: none;
  box-shadow: none;
}

/* サムネ枠：左に固定幅で置く */
.tax-mini_note_tag .mini-note-tag-thumb {
  flex: 0 0 auto !important;
  width: 160px !important;   /* ここがサムネの横幅。大きければ増やす・小さければ減らす */
  max-width: 160px !important;
  margin-right: 24px;
}

/* サムネ画像：比率を必ず維持 */
.tax-mini_note_tag .mini-note-tag-thumb img,
.tax-mini_note_tag .mini-note-tag-thumb-img {
  display: block;
  width: 100% !important;    /* 枠にフィット */
  height: auto !important;   /* 縦は自動 → 比率維持 */
  max-width: 100% !important;
  object-fit: contain !important;
}

/* 本文側 */
.tax-mini_note_tag .mini-note-tag-main {
  flex: 1 1 auto;
}

/* タイトル行 */
.tax-mini_note_tag .mini-note-tag-title {
  margin: 0 0 0.4em;
  font-size: 1.05em;
  font-weight: bold;
}

/* 日付行（タイトルの下） */
.tax-mini_note_tag .mini-note-tag-meta {
  margin: 0 0 0.5em;
  font-size: 0.85em;
  color: #c2b2c2;
}

/* 抜粋テキスト */
.tax-mini_note_tag .mini-note-tag-excerpt {
  font-size: 0.95em;
  line-height: 1.7;
}

/* タグ行（フッター） */
.tax-mini_note_tag .mini-note-tag-footer {
  margin-top: 0.6em;
  font-size: 0.85em;
  color: #c2b2c2;
}

/* Bones側の article に付いている線・余白を消す */
.tax-mini_note_tag article.hentry {
  border: none;
  margin: 0 0 2.5em;
  padding: 0;
}

/* スマホではサムネを上に出す（幅を少し広げる） */
@media (max-width: 767px) {
  .tax-mini_note_tag .mini-note-tag-item {
    display: block;
  }

  .tax-mini_note_tag .mini-note-tag-thumb {
    width: 70%;
    max-width: 70%;
    margin: 0 auto 10px;
  }
}

.mini-note-tag-title{padding-left:0;}
.mini-note-tag-excerpt{margin-left:2em;}
.mini-note-tag-footer{display:none;}

/* =========================
   ミニ投稿：前後ナビ（作品投稿と近い見た目）
   ========================= */

.single-mini_note .pagination.single {
  margin: 2em 0;
  text-align: center;
}

.single-mini_note .pagination.single a,
.single-mini_note .pagination.single a:visited {
  display: inline-block;
  min-width: 9em;
  padding: 0.4em 1.4em;
  margin: 0 0.5em;
  border-radius: 999px;
  border: 1px solid #e3d5e8;
  background: #ffffff;
  color: inherit;          /* 本文と同じ色 */
  text-decoration: none;   /* 下線なし */
  box-shadow: none;
}

/* hover / active 時も背景色を変えない */
.single-mini_note .pagination.single a:hover,
.single-mini_note .pagination.single a:focus,
.single-mini_note .pagination.single a:active {
  background: #ffffff;
  color: inherit;
  text-decoration: none;
  box-shadow: 0 0 0 1px #e3d5e8;  /* ふわっと縁だけ強調（いらなければ削ってOK） */
}

/* ミニ投稿の前後ナビ（こっちで作った方）の見た目 */
.single-mini_note .pagination.single {
  margin: 2em 0;
  text-align: center;
}

/* テキストリンクを本文と同じトーンに */
.single-mini_note .pagination.single a {
  display: inline-block;
  margin: 0 0.5em;
  padding: 0.25em 0.6em;
  text-decoration: none;
  color: inherit;
  background: transparent;
  border: none;
}

/* ホバー・訪問済みでも色や背景を変えない */
.single-mini_note .pagination.single a:hover,
.single-mini_note .pagination.single a:active,
.single-mini_note .pagination.single a:visited {
  color: inherit;
  background: transparent;
  text-decoration: underline; /* 下線もいらなければ消してOK */
}




/* =========================
   page-id-20619：作品全般 新着4枚カード
   ========================= */

/* グリッド本体：4列固定 */
body.home .mini-latest-works {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr)); /* 常に4列に割る */
  column-gap: 5px;
  row-gap: 8px;
  margin: 1.5em 0;
  padding: 0;
}

/* 1枚ぶんのカード */
body.home .mini-latest-works-item {
  box-sizing: border-box;

  /* テーマ側の「2カラム記事」レイアウトを無効化 */
  float: none !important;
  width: auto !important;
  max-width: none !important;
  margin: 0 !important;

  /* カードの見た目 */
  background: #ffffff;
  border-radius: 0;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.28);
  text-align: center;
  font-size: 0.8em;
}

/* サムネ：3:4 でピッタリはめる */
body.home .mini-latest-works-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #ffffff;
}

body.home .mini-latest-works-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

/* 日付＋タイトル部分 */
body.home .mini-latest-works-meta {
  margin-top: 0.3em;
  text-align: center;
  line-height: 1.3;
}

body.home .mini-latest-works-date {
  display: block;
  font-size: 0.7em;
  color: #999;
}

/* タイトルリンク：長すぎるときは2行で切る */
body.home .mini-latest-works-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;        /* 最大2行 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-decoration: none;
  color: inherit;
}

/* ▼ 作品全般 新着4枚カード：テキスト左寄せ調整 */

body.home .mini-latest-works-meta {
  margin-top: 0.3em;
  text-align: left;       /* ← ここで左寄せ */
  font-size: 0.75em;
  line-height: 1.3;
}

body.home .mini-latest-works-date {
  display: block;
  font-size: 0.7em;
  color: #999;
  margin-bottom: 2px;
}

body.home .mini-latest-works-title {
  display: inline-block;
  text-decoration: none;
  color: inherit;
  max-width: 100%;
  word-break: break-word;
}

/* =========================
   page-id-20619：作品新着4枚カード 調整
   ========================= */

/* 親コンテナ：4枚横並び＋折り返し */
body.home .mini-latest-works {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;                 /* すき間ちょっとだけ */
  margin: 0 0 0px;
  padding: 0;
}

/* 1枚ぶんのカード */
body.home .mini-latest-works-item {
  flex: 0 0 calc((100% - 3 * 4px) / 4);  /* 4列レイアウト */
  box-sizing: border-box;

  float: none !important;
  width: auto !important;
  margin: 0 !important;

  background: #ffffff;
  border-radius: 0;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.28);
}

/* サムネ：3:4で枠いっぱい */
body.home .mini-latest-works-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #ffffff;
}

body.home .mini-latest-works-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

/* 日付＋タイトル：タイトルだけ左寄せ */
body.home .mini-latest-works-meta {
  margin-top: 0.3em;
  font-size: 0.75em;
  line-height: 1.3;
}

body.home .mini-latest-works-date {
  display: block;
  font-size: 0.7em;
  color: #999;
}

body.home .mini-latest-works-title {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;

  text-align: left;      /* ← タイトル左寄せ */
  text-decoration: none;
}

/* =========================
   トップ：カテゴリ別 最新1件セクション
   ========================= */

.home-latest-sections {
  margin: 2em 0;
}

/* セクションごとに少し余白 */
.home-latest-section {
  margin-bottom: 2em;
}

/* 見出しと view all を横並びに */
.home-latest-section-header {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-bottom: 0.5em;
}

.home-latest-section-title {
  margin: 0;
  font-size: 1.2em;
}

.home-latest-section-viewall {
  font-size: 0.9em;
  text-decoration: none;
  color: #e46ca9; /* 好きなピンクで */
}

.home-latest-section-viewall:hover {
  text-decoration: underline;
}

/* 中のカードは、さっきの .mini-latest-works 系CSSをそのまま利用 */

/* =========================
   トップ：カテゴリ別 最新1件ストリップ
   ========================= */

.mini-latest-strip {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  margin: 0 0 8px;
  padding: 0;
}

/* 1枚ぶんのカード：4列レイアウト */
.mini-latest-strip-item {
  flex: 0 0 calc((100% - 3 * 5px) / 4); /* 4カラム */
  box-sizing: border-box;

  background: #ffffff;
  border-radius: 0;
  padding: 4px;
  box-shadow: 0 1px 3px rgba(0,0,0,0.28);
}

/* サムネ：3:4 固定（さっきの新着4枚と同じ雰囲気） */
.mini-latest-strip-item .mini-latest-works-thumb {
  display: block;
  width: 100%;
  aspect-ratio: 3 / 4;
  overflow: hidden;
  background: #ffffff;
}

.mini-latest-strip-item .mini-latest-works-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  margin: 0;
}

/* 下部テキスト */
.mini-latest-strip-meta {
  margin-top: 0.3em;
  font-size: 0.75em;
  line-height: 1.3;
}

/* 日付・タイトルは左寄せ */
.mini-latest-strip-meta .mini-latest-works-date {
  display: block;
  font-size: 0.7em;
  color: #999;
}

.mini-latest-strip-meta .mini-latest-works-title {
  display: inline-block;
  max-width: 100%;
  text-decoration: none;
}

/* 「view all」リンクは右寄せの小さなテキスト */
.mini-latest-strip-catlink {
  margin-top: 2px;
  text-align: right;
}

.mini-latest-strip-catlink a {
  font-size: 0.7em;
  text-decoration: none;
  color: #e46ca9;
}

.mini-latest-strip-catlink a:hover {
  text-decoration: underline;
}

/* スマホが極端に狭い場合は、2列に落としてもいいならここで調整 */
@media (max-width: 480px) {
  .mini-latest-strip-item {
    flex: 0 0 calc((100% - 5px) / 2); /* 2カラム */
  }
}


/* ▼ トップ：見出しとカードの間をぎゅっと詰める */
body.home .home-latest-section-header {
  margin-bottom: 0.1em !important;
}

/* セクション内のカードコンテナの上マージンをゼロに */
body.home .home-latest-section .mini-latest-works,
body.home .home-latest-section .mini-latest-strip {
  margin-top: 0 !important;
}

/* ▼ 新着4枚＆カテゴリストリップのタイトルはリンクだと分かるよう下線 */
body.home .mini-latest-works-title,
body.home .mini-latest-strip-meta .mini-latest-works-title {
  text-decoration: underline;
}

/* ホバー時も下線キープ（テーマ側で消されないように） */
body.home .mini-latest-works-title:hover,
body.home .mini-latest-strip-meta .mini-latest-works-title:hover {
  text-decoration: underline;
}
/* トップで、mini-latest-works を直に含む p の余白をゼロにする */
body.home p:has(> .mini-latest-works) {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

body.home h4{margin-top:0;
	margin-bottom:0em;}
	
	/* まず全体の余白は復活させる（テーマの値に合わせてOK） */
body.home .home-latest-section{
  margin-bottom: 2em;  /* もともとが2emならそのまま */
}

/* 先頭（Fuse × Silence）の直後だけ詰める */
body.home .home-latest-section:first-of-type{
  margin-bottom: 0 !important;
}