/* =========================================================
   Doux NEWS：ボタン / 一覧 / カテゴリープルダウン（Illustrator版）
   - 2ボタン：アクティブ反転（茶×白）
   - ボタン中央の角丸なし（繋がり部分は直線）
   - プルダウン：フラット板・角丸なし・影なし・ボタン直下に接続
   ========================================================= */

:root{
  --doux-brown:#AA8C7C;     /* 茶（ボタン/バッジ） */
  --doux-line:#aa8c7b;      /* 点線/区切り */
  --doux-bg:#efe6e0;        /* プルダウン背景（Illustratorの薄ベージュ） */
  --doux-text:#222;
}

/* =========================================================
   上部：3ボタン（NEWS / カテゴリー / 採用）
   ========================================================= */
.doux-topbtns{
  display:flex;
  gap:0;
  width:100%;
}

/* 共通ボタン */
.doux-btn{
  appearance:none;
  border:1px solid var(--doux-brown);
  background:#fff;
  color:var(--doux-brown);
  font-weight:400;
  letter-spacing:.02em;
  padding:9px 16px;
  border-radius:6px;               /* 外側は丸 */
  line-height:1;
  text-decoration:none !important;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  box-sizing:border-box;
  height: 34px;
  min-height: 34px !important;
}

/* カテゴリーボタン内の文字を改行させない */
.doux-btn--cat,
.doux-btn--cat .doux-btn__label {
  white-space: nowrap !important;
}

/* 内側の角丸だけ消す（繋がり部分を直線に） */
.doux-btn--news{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.doux-btn--cat{
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}

/* アクティブ：茶背景×白文字 */
.doux-btn.is-active{
  background:var(--doux-brown) !important;
  color:#fff !important;
}

/* 非アクティブ：白背景×茶文字 */
.doux-btn:not(.is-active){
  background:#fff !important;
  color:var(--doux-brown) !important;
}

/*文字の太さ*/
/* 未選択 */
.doux-topbtns .doux-btn{
  font-weight: 400 !important;
}

/* 選択中 */
.doux-topbtns .doux-btn.is-active{
  font-weight: 600 !important;
}


.doux-btn__chev{
display: none;
}

/* categoryページ：NEWS一覧ボタンを /news/ と同じ見た目にする */
body.category .doux-topbtns {
  display: flex;
  gap: 0;
  width: 100%;
  margin: 0 0px 20px !important;
}

body.category .doux-topbtns > *{
  flex:1 1 0;
  width:auto !important;
}

body.category .doux-btn {

  padding: 9px 16px !important;
  font-size: 13.3333px !important;
  line-height: 1 !important;
  display: flex !important;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
}

body.category .doux-btn--news.is-active {
  background: var(--doux-brown) !important;
  color: #fff !important;
}

body.category .doux-btn--news {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}

body.category .doux-btn--cat {
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}

/* categoryページ：カテゴリーボタンをactive状態 */
body.category .doux-btn--cat{
  background: var(--doux-brown) !important;
  color: #fff !important;
}

/* =========================================================
   カテゴリー：プルダウン（Illustrator版）
   ========================================================= */
.doux-catdrop{
  position:relative;
  width:100%;
}

/* パネル：ボタン直下に“板”として出す（角丸/影なし） */
.doux-catdrop__panel{
  position:absolute;
  right:0;
  top:100%;                 /* ★ボタン直下 */
               /* ★右カラム幅いっぱい */
  background:var(--doux-bg);
  border:1px solid var(--doux-brown);
  border-top:none;          /* ★ボタンと接続 */
  border-radius:0;          /* ★角丸なし */
  padding:0;                /* ★余白は行側で */
  box-shadow:none;          /* ★影なし */
  z-index:9999;
  display:none;
}

/* パネル：文字数に合わせて右側へ広げる */
.doux-catdrop__panel{
  position:absolute;
 left:0;
right:auto;
  top:100%;

  width:max-content !important;
  min-width:100% !important;
  max-width:calc(100vw - 30px);

  background:var(--doux-bg);
  border:1px solid var(--doux-brown);
  border-top:none;
  border-radius:0;
  padding:10px 10px 16px !important;
  box-shadow:none;
  z-index:9999;
  display:none;
  box-sizing:border-box;
}

/* 文字を改行させない */
.doux-catdrop__link{
  white-space:nowrap !important;
}

.doux-catdrop.is-open .doux-catdrop__panel{
  display:block;
}

.doux-catdrop__list{
  margin:0;
  padding:0;
  list-style:none;
  background-color: #e8e2db !important;
}

/* 区切り：点線（HotPepperっぽい） */
.doux-catdrop__item{
  border-bottom:1px dashed #FFF;
}


/* 行：上下余白を“半分”寄りに（12px→8px） */
.doux-catdrop__link{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:8px 10px;         /* ★詰める */
  color:var(--doux-text);
  text-decoration:none !important;
  font-size:12px;
  line-height: 1.2;
}

/*カテゴリープルダウン全体の余白*/
.doux-catdrop__panel {
  padding-top: 10px !important;
  padding-bottom:16px !important;
  padding-right: 10px;
  padding-left: 10px;
  background-color: #E8E2DB;
}

.doux-catdrop__list{
  padding-left: 0 !important;
}



/* 件数バッジ */
.doux-catdrop__count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:26px;
  height:26px;
  border-radius:999px;
  background:var(--doux-brown);
  color:#fff;
  font-size:12px;
  line-height:1;
  display: none;
}

/* =========================================================
   NEWS一覧
   ========================================================= */
.doux-newslist{
  margin-top:14px;
}

.doux-newsitem{
  padding:18px 0;
}

.doux-newsitem__title{
  margin:0 0 8px;
  font-size:22px;
  font-weight:700;
  letter-spacing:.01em;
  padding-top: 4px !important;
}

.doux-newsitem__title a{
  color:var(--doux-text);
  text-decoration:none;
}

.doux-newsitem__meta{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  flex-wrap:wrap;
}

.doux-newsitem__date{
  color:#333;
  font-size:14px;
}

.doux-newsitem__cat{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border-radius:4px;
  background:#ceb7b3;
  font-size:13px;
  text-decoration:none !important;
}

/* カテゴリータグ（リンク）の文字色を白で固定 */
.doux-newsitem__meta a.doux-newsitem__cat,
.doux-newsitem__meta a.doux-newsitem__cat:visited,
.doux-newsitem__meta a.doux-newsitem__cat:hover,
.doux-newsitem__meta a.doux-newsitem__cat:active{
  color: #fff !important;
}

.doux-newsitem__excerpt{
  margin:0;
  color:#333;
  font-size:15px;
  line-height:1.9;
}

.doux-newsitem__line{
  margin-top: 12px;
  height: 1px;
  background-image: repeating-linear-gradient(
    to right,
    var(--doux-line) 0 4px,   /* ● 点の幅（←ここで大きさ調整） */
    transparent 6px 10px     /* 点と点の間隔 */
  );
}

/* NEWS一覧の最後の区切り線だけ消す */
.doux-newslist .doux-newsitem:last-of-type .doux-newsitem__line{
  display: none !important;
}



.doux-empty{
  padding:12px 0;
}

/* =========================================================
   SP調整
   ========================================================= */
@media (max-width: 768px){
  .doux-newsitem__title{ font-size:20px; }

 
}



/* =====================================
   NEWS / カテゴリ ボタン：内側の角丸を消す
   ===================================== */

/* 左：NEWS一覧（右側の角を消す） */
.doux-btn--news{
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

/* 右：カテゴリー（左側の角を消す） */
.doux-btn--cat{
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

/* =========================================================
   Doux NEWS一覧：文字サイズ & 余白調整
   ========================================================= */

/* タイトル */
h3.doux-newsitem__title{
  font-size: 15px !important;
  margin-bottom: 4px !important; /* タイトル下マージン半分 */
}

/* 全ページのh3上余白を削除 */
.article h3,
.entry-content h3 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

/* 日付 */
.doux-newsitem__date{
  font-size: 12px;
}

/* カテゴリ名（バッジ） */
.doux-newsitem__cat{
  font-size: 12px;
}

/* ディスクリプション（抜粋文） */
.doux-newsitem__excerpt{
  font-size: 12px;
  line-height: 1.8; /* 小さくなるので可読性キープ */
}

/*カテゴリラベル*/
.doux-newsitem__cat{
  font-size: 12px;        /* 文字 */
  padding: 2px 6px;      /* ← ここがサイズ感の正体 */
  border-radius: 1px;    /* 角丸を少しだけ */
  line-height: 1;
}

/*タイトル余白*/
.doux-newsitem{
  padding-top: 0;
  padding-bottom: 10px; /* 下はそのまま */
}

.doux-newsitem__meta {
   margin-bottom: 2px !important;
}

p.doux-newsitem__excerpt {
   margin-bottom: 10px !important;
}



/* =========================================================
   Newsページタブ：採用　追加分
   ========================================================= */

/* 3タブ均等 */
.doux-topbtns > *{
  flex:1 1 0;
}

/* 採用ボタン */
.doux-btn--recruit{
  border-radius:0 6px 6px 0;
}

/* カテゴリーは中央 */
.doux-btn--cat{
  border-radius:0;
  border-right:none;
}

/* NEWSは左 */
.doux-btn--news{
  border-radius:6px 0 0 6px;
  border-right:none;
}




/* カテゴリーページ：ドロップダウンが開いている時だけ前面へ */
body.category:has(.doux-catdrop.is-open) #main {
  position: relative !important;
  z-index: 20 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

/* 下部カテゴリ一覧は背面 */
body.category:has(.doux-catdrop.is-open) #content-bottom {
  position: relative !important;
  z-index: 1 !important;
}

/* ヘッダーは main より上 */
body.category #header-container,
body.category #header,
body.category ul.mobile-header-menu-buttons {
  position: relative !important;
  z-index: 100 !important;
}

/* ドロップダウン本体 */
body.category .doux-topbtns,
body.category .doux-catdrop {
  position: relative !important;
  z-index: 30 !important;
  overflow: visible !important;
}

body.category .doux-catdrop__panel {
  z-index: 31 !important;
}

/* SPヘッダーは固定のまま最前面 */
body.category ul.mobile-header-menu-buttons {
  position: fixed !important;
  top: 0 !important;
  left: 0 !important;
  right: 0 !important;
  z-index: 99999 !important;
}

/* ドロップダウンが開いている時だけ main を前へ */
body.category:has(.doux-catdrop.is-open) #main {
  position: relative !important;
  z-index: 10 !important;
  overflow: visible !important;
  box-shadow: none !important;
}

/* 下部カテゴリ一覧は背面 */
body.category:has(.doux-catdrop.is-open) #content-bottom {
  position: relative !important;
  z-index: 1 !important;
}




/* カテゴリーページ：タブを3等分 */
body.category .doux-topbtns > .doux-btn,
body.category .doux-topbtns > .doux-catdrop {
  flex: 0 0 33.3333% !important;
  width: 33.3333% !important;
  max-width: 33.3333% !important;
}


/* =========================================================
   Newsページタブ　文字の太さ可変
   ========================================================= */


/* タブ：未選択は400 */
.doux-topbtns .doux-btn,
.doux-topbtns .doux-catdrop > .doux-btn {
  font-weight: 400 !important;
}

/* NEWS一覧・採用：選択中は600 */
.doux-topbtns .doux-btn.is-active {
  font-weight: 600 !important;
}

/* カテゴリー：開いている時も600 */
.doux-topbtns .doux-catdrop.is-open > .doux-btn {
  font-weight: 600 !important;
}

/* カテゴリーページではカテゴリータブを600 */
body.category .doux-topbtns .doux-btn--cat {
  font-weight: 600 !important;
}

/* カテゴリードロップダウンを開いている時 */
.doux-catdrop.is-open .doux-btn--cat{
  font-weight: 600 !important;
}




/* カテゴリーページ：カテゴリー名側だけ余白を付ける */
body.category .archive-header--cat{
  margin-top: 34px !important;
}

/* カテゴリーページ：お知らせ見出しをNews一覧に寄せる */
body.category .main-inner > h4.wp-block-heading {
  margin-top: 17px !important;
  margin-bottom: 19px !important;
}



/* =========================================================
   Doux：ページ下部 カテゴリ一覧（HotPepper風）
   ========================================================= */

.doux-catbottom{
  margin-top: 18px;
  border-top: 1px solid var(--doux-line);
  display: none;
}

.doux-catbottom__head{
  background: var(--doux-line);
  color: #fff;
  font-weight: 500;
  font-size: 12px;
  letter-spacing: .02em;
  padding: 5px 12px;
  display: none;
}

.doux-catbottom__list{
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}

.doux-catbottom__item{
  border-bottom: 1px dashed var(--doux-line);
}

.doux-catbottom__link{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  padding: 6px 12px;
  text-decoration: none !important;
  color: var(--doux-text);
}

.doux-catbottom__name{
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-size: 12px;
}

.doux-catbottom__count{
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 28px;
  border-radius: 999px;
  background: #ceb7b3;
  color: #fff;
  font-size: 12px;
  line-height: 1;
}



/* =========================================================
   Doux NEWS：ページネーション（完全な丸・中央寄せ・小さめ）
   ※既存の .doux-pager 周りはこれに置き換え推奨
   ========================================================= */

/* カテゴリラベルと同じ“ピンク”を使いたい場合：
   ここをカテゴリラベル背景と同じ色にしてね */
:root{
  --doux-pink: #ceb7b3; /* 例：カテゴリラベルと同色にするならここ */
}

/* 外枠：中央寄せ */
.doux-pager{
  display: flex;
  justify-content: center;
  margin: 0px 0 6px;
}

/* ul：横並び・余計な余白ゼロ */
.doux-pager .page-numbers{
  list-style: none !important;
  margin: 0 !important;
  padding: 0 !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 5px !important;
}

/* li：余計な表示を消す */
.doux-pager .page-numbers li{
  margin: 0 !important;
  padding: 0 !important;
}

/* a と span（current）を同じ“丸ボタン”に統一 */
.doux-pager .page-numbers a,
.doux-pager .page-numbers span{
  width: 20px !important;       /* ← もう少し小さく */
  height: 20px !important;
  border-radius: 999px !important; /* 完全な丸 */
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  font-size: 11px !important;
  text-decoration: none !important;
  box-sizing: border-box !important;

  background: #fff !important;
  color: var(--doux-pink) !important;
  border: 1px solid var(--doux-line) !important;
}

/* 現在ページ（塗り：カテゴリラベルと同じピンク） */
.doux-pager .page-numbers .current{
  background: #ceb7b3 !important;
  border-color: #ceb7b3 !important;
  color: #fff !important;
}

/* hover（任意） */
.doux-pager .page-numbers a:hover{
  background: var(--doux-bg) !important;
}

/* SPはさらに少し小さく */
@media (max-width: 768px){
  .doux-pager .page-numbers a,
  .doux-pager .page-numbers span{
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
  }
}

/* PCではページネーションの見切れを防ぐ */
@media (min-width: 835px){
  nav.doux-pager{
    height: auto !important;
    min-height: 34px !important;
    overflow: visible !important;
  }

  .doux-pager .page-numbers{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }

  .doux-pager .page-numbers li{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
}

/* ページネーションの「謎の四角」を消す */
.doux-pager .page-numbers li{
  list-style: none !important;
  background: transparent !important;
  border: none !important;
  padding: 0 !important;
  margin: 0 4px !important; /* 丸同士の間隔だけ残す */
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
}

/* =========================================================
   Doux pager：後ろの四角（背景）を完全に消す
   ========================================================= */

/* nav自体の背景/枠/影を消す + 擬似要素も殺す */
nav.doux-pager{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
}
nav.doux-pager::before,
nav.doux-pager::after{
  content: none !important;
  display: none !important;
  background: transparent !important;
}

/* ul側の背景/枠/影を消す（ここが四角の本体なことが多い） */
nav.doux-pager ul.page-numbers{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* li側も念のため完全透明化 */
nav.doux-pager ul.page-numbers > li{
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  padding: 0 !important;
  margin: 0 4px !important;
}

/* 丸ボタンはこれ（完全な丸 + 中央寄せ + 少し小さめ） */
nav.doux-pager ul.page-numbers a.page-numbers,
nav.doux-pager ul.page-numbers span.page-numbers{
  width: 28px !important;
  height: 28px !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;

  background: #fff !important;
  border: 1px solid var(--doux-pink) !important;
  box-shadow: none !important;

  text-decoration: none !important;
  line-height: 1 !important;
  padding: 0 !important;
}

/* 現在ページ（ピンク） */
nav.doux-pager ul.page-numbers span.page-numbers.current{
  background: var(--doux-pink) !important;
  border-color: var(--doux-pink) !important;
  color: #fff !important;
}

/* ulを中央寄せ */
nav.doux-pager ul.page-numbers{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 0px !important;
}

/* SPだけさらに小さく */
@media (max-width: 768px){
  nav.doux-pager ul.page-numbers a.page-numbers,
  nav.doux-pager ul.page-numbers span.page-numbers{
    width: 20px !important;
    height: 20px !important;
    font-size: 11px !important;
  }
}




/*余白*/

/* TOP NEWS一覧ブロック下の余白を調整 */
div.info-list-box.block-box {
  margin-bottom: 8px !important;
}