/* =========================
   カテゴリ一覧を「TOP新着（info-list）」っぽく
   - 全カテゴリ共通（body.category）
   ========================= */
body.category .entry-card,
body.category .archive-entry,
body.category article.post{
  background: transparent;
  border: 0;
  box-shadow: none;
}

/* アイキャッチ非表示（カテゴリページだけ） */
body.category .entry-card-thumb,
body.category .archive-entry-thumb,
body.category .eye-catch,
body.category .archive-thumb,
body.category .entry-card .card-thumb{
  display: none !important;
}

/* 1件ずつ区切り線 */
body.category .entry-card,
body.category .archive-entry,
body.category article.post{
  border-bottom: 1px solid rgba(0,0,0,.12);
  padding: 14px 0;
  margin: 0;
}
body.category .entry-card:first-child,
body.category .archive-entry:first-child,
body.category article.post:first-child{
  border-top: 1px solid rgba(0,0,0,.12);
}

/* タイトル・メタの並びを整える */
body.category .entry-card-content,
body.category .archive-entry-content{
  padding: 0 !important;
}
body.category .entry-card-title,
body.category .archive-entry-title,
body.category .entry-title{
  margin: 0 0 6px !important;
  line-height: 1.35;
}

/* 日付＋カテゴリ（ラベル）を「横並び」に */
body.category .entry-card-meta,
body.category .post-meta,
body.category .archive-entry-meta{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
  margin: 0 !important;
}

/* カテゴリラベルを“タグ風”に */
body.category .cat-label,
body.category .cat-link,
body.category a[rel="category tag"]{
  display: inline-flex;
  align-items: center;
  padding: 2px 10px;
  border-radius: 999px;
  border: 1px solid rgba(0,0,0,.18);
  text-decoration: none;
  line-height: 1.6;
}

/* 日付の見た目 */
body.category .post-date,
body.category time,
body.category .date{
  opacity: .75;
  font-size: 0.9em;
}


@media (min-width: 835px){
/* カテゴリーページの左右余白を削除 */
body.category .main{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.category .main-inner{
  padding: 0 30px;
}
}

/* ========================================
   カテゴリー一覧ページをNEWS一覧デザインに寄せる
   ======================================== */

   /* Newsページだけ h2上余白を消す */
.page-id-338 .wp-block-heading h2,
.page-id-338 h2.wp-block-heading{
  margin-top:0 !important;
  padding-top:0 !important;
}

/* タイトル */
body.category .info-list-title{
  font-size: 14px !important;
  line-height: 1.5 !important;
  font-weight: 700;
  margin-bottom: 4px !important;
}

/* 日付＋カテゴリ行 */
body.category .info-list-meta{
  font-size: 12px !important;
  line-height: 1.4 !important;
  display: flex;
  align-items: center;
  gap: 8px;
}

/* 日付 */
body.category .info-list-date{
  font-size: 12px !important;
  line-height: 1.4 !important;
}

/* カテゴリラベル */
body.category .info-list-cat{
  font-size: 11px !important;
  line-height: 1 !important;
  padding: 2px 5px !important;
  border-radius: 2px;
  display: inline-flex;
  align-items: center;
}

/* 1記事ごとの余白 */
body.category .info-list-item{
  padding-top: 3px !important;
  padding-bottom: 3px !important;
}

/* 抜粋文 */
body.category .info-list-snippet{
  font-size: 12px !important;
  line-height: 1.6 !important;
  margin-top: 6px !important;
}

/* 記事間の区切り線との余白 */
body.category .info-list-item + .info-list-item{
  margin-top: 0 !important;
}





/* ========================================
   category.php：/news/ と同じ余白構造
   ======================================== */

/* FVは完全フル幅 */
body.category .doux-archive-fv {
  margin-left: 0 !important;
  margin-right: 0 !important;
}



/* 記事一覧だけ左右30px */
body.category .archive-header,
body.category .info-list-box,
body.category .pagination {
  padding-left: 0px !important;
  padding-right: 30px !important;
  box-sizing: border-box;
}





/* タイトル */
body.category .archive-header {
  margin-top: 34px;
}

body.category .archive-title {
  padding-top: 0 !important;
  margin-bottom: 16px;
}

/* ========================================
   カテゴリー一覧ページ FV
   /news/ の fullwideblock と同じく親幅を突き抜ける
   ======================================== */

body.category .doux-archive-fv {
  position: relative;
  height: 155px;
  overflow: hidden;

  width: 100vw !important;
  margin-left: calc(50% - 50vw) !important;
  margin-right: calc(50% - 50vw) !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
}

body.category .doux-archive-fv img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

body.category .doux-archive-fv::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(51, 51, 51, 0.5);
  z-index: 1;
}

body.category .doux-archive-fv .font-dancing {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-size: 37px;
}










/* =========================================
   category.php（info-list） 仕上げ
   - アイキャッチなし
   - 区切り線
   - タイトル/日付/カテゴリの見た目をTOP新着に寄せる
   ========================================= */

/* boxの余計な背景/枠が出る場合を潰す（「後ろの四角」対策） */
body.category .info-list-box.block-box{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}

/* リスト全体の左右余白（TOP新着の感じに合わせる） */
body.category .info-list{
  padding: 0 5px !important;
}

/* 1件のリンクをブロック化＋余白 */
body.category .info-list-link{
  display: block;
  padding: 5px 0 !important;
  text-decoration: none;
}

/* 区切り線（上下は好みで） */
/* カテゴリーページの記事区切り線 */
body.category .info-list-item{
  border-bottom: none !important;
  position: relative;
}

body.category .info-list-item::after{
  content: "";
  display: block;
  margin-top: 12px;
  height: 1px;

  background-image: repeating-linear-gradient(
    to right,
    #c6b6a6 0 4px,
    transparent 6px 10px
  );
}

/* タイトル */
body.category .info-list-title{
  margin: 0 0 6px !important;
  line-height: 1.35 !important;
  font-weight: 600;
}

/* 日付＋カテゴリを横並び */
body.category .info-list-meta{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

/* 日付 */
body.category .info-list-date{
  opacity: .75;
  font-size: 0.9em;
}



/* ホバー（ほんのり） */
body.category .info-list-link:hover{
  opacity: .85;
}

/* ページネーション周りの余計な枠/背景がある場合 */
body.category .pagination,
body.category .pagination .page-numbers{
  background: transparent !important;
  box-shadow: none !important;
}


/* =========================================
   category.php 微調整（最終仕上げ）
   ========================================= */

/* info-list の左右パディングを消す */
body.category .info-list{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* タイトル上の余白を 10px に */
h1.archive-title{
  padding-top: 20px !important;
  font-size: 16px;
}

/* カテゴリラベルを TOPページと同デザインに */
body.category .info-list-cat{
  background-color: #ceb7b3;
  color: #fff;
  border: none;                 /* 以前の枠線を消す */
  border-radius: 1px;
  padding: 2px 3px;
  font-size: 0.75em;
  line-height: 1.6;
}




/* =========================================
   カテゴリページ：ページネーション（丸・最終）
   ========================================= */

body.category .pagination{
  margin-top: 10px;
  margin-bottom: 5px;
  text-align: center;
}

/* 共通（丸・影なし） */
body.category .pagination .nav-links .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  margin: 0 2px;
  border-radius: 50%;
  box-shadow: none !important;
  font-size: 11px;
  line-height: 1;
  text-decoration: none;
}

/* 未選択（aタグ）＝反転 */
body.category .pagination .nav-links a.page-numbers{
  background-color: #fff;
  color: #ceb7b3 !important;
  border: 1px solid #ceb7b3;
}

/* 現在ページ（span） */
body.category .pagination .nav-links span.page-numbers.current{
  background-color: #ceb7b3 !important;
  color: #fff !important;
  border: 1px solid #ceb7b3;
}

/* ホバー（未選択のみ） */
body.category .pagination .nav-links a.page-numbers:hover{
  background-color: #ceb7b3;
  color: #fff !important;
}

/* 前へ・次へ */
body.category .pagination .nav-links .prev,
body.category .pagination .nav-links .next{
  width: auto;
  padding: 0 12px;
  border-radius: 18px;
  box-shadow: none !important;
}

/* ページネーション全体の高さを縮める */
nav.doux-pager{
  height: 28px !important;
  min-height: 28px !important;
  margin: 0 0 0px !important;
  padding: 0 !important;
  align-items: center !important;
}

/* 中の番号も小さく */
.doux-pager a,
.doux-pager span{
  padding: 2px 6px !important;
  line-height: 1 !important;
  font-size: 11px !important;
}

/* li の余計な高さも消す */
.doux-pager .page-numbers li{
  margin: 0 4px !important;
  padding: 0 !important;
  height: auto !important;
}