/* =========================================
   Douxx single（投稿ページ専用）
   影響範囲：body.single（または body.single-post）
   ========================================= */

/* ここは single-post にすると “投稿だけ” にさらに限定できます */
/* body.single-post .douxx-post-head { ... } みたいに書き換えOK */

/* --- Cocoonの元要素は「投稿ページだけ」非表示（重複防止） --- */
body.single .entry-title,
body.single .date-tags,
body.single .post-date,
body.single .cat-link,
body.single .eye-catch,
body.single .eyecatch,
body.single .post-meta{
  display: none !important;
}

/* --- 先頭に差し込んだヘッダー（自作） --- */
body.single .douxx-post-head{
  margin: 18px 0 15px;
}

body.single .douxx-post-title{
  margin-bottom: 10px;
  padding-top: 20px;
  font-size: 22px;
  line-height: 1.25;
  letter-spacing: 0.02em;
  font-weight: 700;
}

body.single .douxx-post-meta{
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0 0 12px;
}

body.single .douxx-date{
  font-size: 14px;
  color: #666;
}

body.single .douxx-cat{
  display: inline-block;
  font-size: 12px;
  line-height: 1;
  padding: 3px 7px;
  border-radius: 1px;
  background: #ceb7b3;
  color: #fff !important;
  text-decoration: none;
}

/* --- アイキャッチ（自作） --- */
body.single .douxx-eyecatch{
  margin: 0 0 15px;
  border-radius: 4px;
  overflow: hidden;
}

body.single .douxx-eyecatch-img{
  display: block;
  width: 100%;
  height: auto;
}

body.single .douxx-eyecatch--placeholder{
  background: #d7d7d7;
  aspect-ratio: 16 / 9;
  display: grid;
  place-items: center;
}
body.single .douxx-eyecatch--placeholder span{
  color: #333;
  font-weight: 700;
  letter-spacing: 0.08em;
}

/* --- 本文：singleだけ、entry-contentだけに限定して整える --- */
body.single .entry-content{
  margin-top: 24px;      /* ヘッダーと本文の区切り */
  font-size: 16px;
  line-height: 1.9;
  letter-spacing: 0.02em;
}

body.single .entry-content p{
  margin-bottom: 1.6em;  /* 詰まり防止 */
}

/* 記事ページ：カテゴリタグ文字色を白に固定 */
.single a.doux-cat,
.single a.doux-cat:visited,
.single a.doux-cat:hover,
.single a.doux-cat:active {
  color: #fff !important;
  text-decoration: none !important;
}


/* 記事ページ：カテゴリタグ文字を白で固定（SPで潰されるのを回避） */
@media (max-width: 834px){
  body.single a.douxx-cat,
  body.single a.douxx-cat:visited,
  body.single a.douxx-cat:hover,
  body.single a.douxx-cat:active{
    color: #fff !important;
  }
}

/* =========================
   記事ページ フォントサイズ
   ========================= */

/* タイトル */
body.single .douxx-post-title{
  font-size: 15px !important;
}

/* 日付 */
body.single .douxx-post-meta time{
  font-size: 11px !important;
}

/* カテゴリーラベル */
body.single .douxx-cat{
  font-size: 12px !important;
}

/* 本文 */
body.single .entry-content{
  font-size: 13px !important;
}


/* =========================
   single：前/次ページャー（Douxx）
   ========================= */
body.single .douxx-pager{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 8px 0 8px !important; /* 本文→ページ送り→カテゴリ の間隔 */
}

body.single .douxx-pager__btn{
  background: #ceb7b3;     /* デザインの薄ブラウン */
  color: #fff;
  border-radius: 4px;
  padding: 14px 14px;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 44px !important;
}

body.single .douxx-pager__label{
  font-size: 12px;
  letter-spacing: 0.06em;
}



/* 無効（前後記事が無い場合） */
body.single .douxx-pager__btn.is-disabled{
  opacity: 0.45;
}

/* hover */
body.single .douxx-pager__btn:not(.is-disabled):hover{
  filter: brightness(0.97);
}

/* スマホでも左右2分割のままでOK（最初のデザイン寄せ） */
/* もし幅が狭い端末で縦にしたければ、ここを1カラムに変更可 */


/* =========================
   single：前/次ページャー（最初デザイン寄せ）
   ========================= */
body.single .douxx-pager{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 7px;
  margin: 22px 0 18px;
}

body.single .douxx-pager__btn{
  background: #ceb7b3;      /* 薄ブラウン（必要なら後で微調整） */
  color: #fff !important;
  text-decoration: none;

  /* 最初デザイン：角はほぼ四角 */
  border-radius: 2px;

  /* ボタンを大きく */
  min-height: 58px;
  padding: 14px 14px;

  display: flex;
  align-items: center;
}

/* 左：矢印を左端、ラベルは中央寄り */
body.single .douxx-pager__btn.is-prev{
  justify-content: flex-start;
  gap: 14px;
}

/* 右：ラベルを中央寄り、矢印を右端 */
body.single .douxx-pager__btn.is-next{
  justify-content: flex-end;
  gap: 14px;
}

/* ラベル（前の記事／次の記事） */
body.single .douxx-pager__label{
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  pointer-events: none; /* クリック邪魔しない */
}

/* =========================
   ページナビ矢印 SVG
   ========================= */

body.single .doux-pager__icon{
  width:9px;
  height:16px;
  display:inline-block;
  position:relative;
}

/* 既存の矢印を消す */
body.single .doux-pager__icon::before{
  content:"";
  position:absolute;
  inset:0;
  background-repeat:no-repeat;
  background-position:center;
  background-size:9px 16px;
}



/* =========================
   記事ページ ページナビ矢印
   ========================= */

/* ボタン本体 */
body.single .douxx-pager__btn{
  display: flex !important;
  align-items: center !important;
}

/* アイコン枠を固定 */
body.single .douxx-pager__icon{
  width: 8px !important;
  height: 15px !important;
  min-width: 8px !important;
  min-height: 15px !important;
  display: block !important;
  position: relative !important;
  flex: 0 0 8px !important;
  font-size: 0 !important;
  line-height: 0 !important;
  overflow: visible !important;
  opacity: 1 !important;
}

/* 既存の中身を完全に無効化 */
body.single .douxx-pager__icon::before,
body.single .douxx-pager__icon::after{
  content: "";
  position: absolute;
  inset: 0;
  display: block;
  width: 8px;
  height: 15px;
  margin: auto;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 8px 15px;
}

/* 右矢印 */
body.single .douxx-pager__btn.is-next .douxx-pager__icon::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M1 1L7 7.5L1 14' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

/* 左矢印 */
body.single .douxx-pager__btn.is-prev .douxx-pager__icon::before{
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='15' viewBox='0 0 8 15' fill='none'%3E%3Cpath d='M7 1L1 7.5L7 14' stroke='white' stroke-width='2' stroke-linecap='square' stroke-linejoin='miter'/%3E%3C/svg%3E");
}

/* after は使わないので消す */
body.single .douxx-pager__icon::after{
  display: none !important;
}


/* 次の記事（右矢印） */
body.single .doux-pager__btn.is-next .doux-pager__icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3E%3Cpath d='M1 1L8 8L1 15' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}

/* 前の記事（左矢印） */
body.single .doux-pager__btn.is-prev .doux-pager__icon::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 16'%3E%3Cpath d='M8 1L1 8L8 15' stroke='white' stroke-width='2' fill='none'/%3E%3C/svg%3E");
}


/* ボタン内中央揃えを強制 */
body.single .doux-pager__btn{
  display: flex;
  align-items: center;
}

/* 無効（前後が無い場合）は薄く */
body.single .douxx-pager__btn.is-disabled{
  opacity: 0.45;
}

/* hover */
body.single .douxx-pager__btn:not(.is-disabled):hover{
  filter: brightness(0.97);
}


/* ボタン全体 */
body.single .douxx-pager__btn{
  position: relative;
  color: #fff;
}

/* 中央寄せ時の微調整（左右均等に） */
body.single .douxx-pager__btn.is-prev,
body.single .douxx-pager__btn.is-next{
  gap: 10px;
}









/* 記事ページ下部：「記事一覧へ戻る」ボタン */
.back-to-news-wrap{
  text-align: center;
  margin: 0px 0 0px;
}

.back-to-news-btn{
  display:flex !important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:44px;
  padding:8px 16px;
  box-sizing:border-box;
  text-align:center;
  line-height:1;
  border-radius:5px;
  color: #fff !important;
  background: #CDB7B3;
  text-decoration: none !important;
  transition: opacity .25s ease;
  font-size: 12px;
}

.back-to-news-btn:hover{
  opacity: 0.85;
  color: #fff !important;
  text-decoration: none !important;
}

.back-to-news-btn,
.back-to-news-btn:visited,
.back-to-news-btn:hover,
.back-to-news-btn:active{
  color:#fff !important;
}

.widget-content-bottom{
  margin-top:0px !important;
  margin-bottom:30px !important;
}

.page-id-90 #categories-2{
  margin-bottom:29px !important;
}

.has-bottom-margin.is-style-bottom-margin-2em{
  margin-bottom:20px !important;
}

/* 最後の記事の下の余白を消す */
.doux-newslist .doux-newsitem:last-of-type{
  padding-bottom: 5px !important;
}


/* 記事一覧へ戻るボタン調整 */

  .back-to-news-wrap {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
  }

  .back-to-news-btn {
    display: block;
    width: 100%;
    text-align: center;
    border-radius: 2px;