@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/




/* =========================================
   全体の色など
   ========================================= */
/*背景*/
.body {
   background-color: #fff;
}

/*リンク色*/
a,
a:visited,
a:hover,
a:active {
  color: inherit !important;        /* 親要素の文字色を使う */
  text-decoration: none !important; /* 下線を消す */
}



/* ========================================
   デフォルトの見出しデザインをリセット
   ========================================= */
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
background-color: transparent; /* 背景色を透明に*/
border: none; 
border-radius: 0; 
padding-left: 0px;
padding-right: 0px;
padding-bottom: 0px;
}

/* =========================================ß
   フォント
   ========================================= */
body,
.entry-content {
  font-size: 14px;
}

/* =========================================
   ヘッダーフッター周りの調整
   ========================================= */
.breadcrumb,
.article-header,
.article-footer {
display: none;
}

.header-container-in {
padding-top: 10px;
padding-bottom: 10px;
}

.footer {
margin-top:0px;
}



/* =========================================
   セクションまわりの細々とした余白の調整
   ========================================= */
.main {
border: none;
padding-bottom:0!important;
margin-bottom:0!important;
margin-left:0!important;
margin-right:0!important;
padding-top: 0px !important;
}


/* =========================================
   余白の調整*
   ========================================= */
.wp-block-cover, .n2-section-smartslider {
margin-bottom:0!important;
margin-top:0!important;
padding-bottom:0!important;
bottom: 0;
}

.wp-block-columns {
margin-bottom:0!important;
}

.entry-content, .content {
padding-top:0!important;
padding-bottom:0!important;
margin-top:0!important;
margin-bottom:0!important;
}

.content-bottom {
margin:0;
}

.article {
padding-bottom:0px!important;
margin-bottom:0px!important;
}

/* =========================================
   TOPページ：main の余白をリセット
   ========================================= */
.home .main {
  padding: 0 !important;
}


/* =========================================
   SNSシェア非表示
   ========================================= */
.page .sns-share,
.page .sns-follow {
display: none ;
}

.veu_socialSet.veu_socialSet-position-after.veu_contentAddSection {
display: none;
}

/* =========================================
   水平スクロールバー非表示
   ========================================= */
body {
overflow-x:clip;
font-size: 12px;
}

/* =========================================
   フルワイド
   ========================================= */
.fullwideblock {
width: 100vw;
margin: 0 calc(50% - 50vw);
padding: 0 calc(50vw - 50%);
}


/* =========================================
   グローバルメニュー 
   ========================================= */
/*メニュー項目の左右の余白*/
#navi .navi-in>ul>li>a{
padding: 0 0em;
}

/*ホバー時にメニューの色が薄くなるのをやめる*/
#navi .navi-in a:hover {
background-color: rgb(255 255 255 / 0);
}

/*ホバー時にメニューにアンダーラインを出す*/
#navi .navi-in a:after{
position: absolute;/*線の位置を絶対配置に*/
content: "";/*文字はなし*/
opacity: .5;
left: 0px;/*線の位置*/
bottom: 0;/*線の位置*/
height: 100%;/*線の高さ*/
width: 100%;/*幅いっぱいに線を引く*/
background: #dddddd ;/*線の色*/
transform: scale(0,1);/*ホバー前は線を消す*/
transition: 0.3s;/*線が0→100%になるまでの秒数*/
}

#navi .navi-in a:hover:after{
transform: scale(1);/*マウスオーバー後、線を100%出す*/
}

/*フォントサイズ等変更*/
.navi-in .menu-header .item-label{
letter-spacing: 2px;
font-size: 13px;
font-weight: 600;
}

/*メニュー項目の幅*/
.menu-item {
width: 10px;
}



/* =========================================
   font-dansing指定
   ========================================= */
.font-dancing {
  font-family: 'Dancing Script', cursive;
}




/* =========================================
   TOP画像下のメニューボタン
   ========================================= */
.menutext {
   font-size: 27px !important;
   color: #fff;
   line-height: 1;
}

.btext {
   font-size: 13px !important;
   color: #fff;
}

/*ドロップシャドウ*/
.top-shadow {
    box-shadow:
      2.5px 2.5px 4px rgba(0, 0, 0, 0.32),
    0 1px 0 rgba(0, 0, 0, 0.06);
  padding-top: 13px !important;
  padding-bottom: 10px !important;
  border-radius:2px;
}



/*ホバー時*/
.top-shadow:hover {
  background-color: rgba(255, 255, 255, 0.15);
}
.top-shadow:hover {
  opacity: 0.85;
  transform: translateY(-1px);
}
.top-shadow {
  transition: 
    opacity 0.3s ease,
    transform 0.3s ease,
    box-shadow 0.3s ease;
}

@media (max-width:767px){
 
  /*余白調整*/
  .wp-block-cover__inner-container{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  .news-cover > .wp-block-cover__inner-container{
    padding-left: 21px !important;
    padding-right: 21px !important;
  }

  /*サイズ調整*/
  .wp-block-cover.top-shadow {
  width:180px;
  height:65px;
  min-height:65px !important;
}

}

/* =========================================
   TOPページ_NEWS欄
   ========================================= */


   /* Dancing Script を細くする */
.font-dancing{
  font-weight: 300 !important; /* まずは 400（標準） */
}

   .font-dancing {
      font-size:27px ;
   }


/* News見出し：文字も線も中央固定 */
.news.short-line{
  display: block;              /* inline-block をやめる */
  width: 100%;
  text-align: center !important;
  margin: 0 auto;
  padding-bottom: 0px;
  line-height: 1.3;
}

/* 短い線 */
.news.short-line::after{
  content: "";
  display: block;
  width: 50px;
  height: 2px;
  background-color: #c6b6a6;
  margin: 0px auto 0;         /* ←線は中央 */
}


/*info-list全体の余白調整*/
.info-list {
  padding-top: 10px !important;
  padding-bottom: 5px !important;
}

/* info-list（区切り線スタイル）の余白調整 */
.info-list.is-style-divider-line {
  padding-bottom: 10px;
  padding-top: 0px;
}

/*タイトル日付等の位置調整*/
.info-list-item-content {
   margin-bottom: 2px;
   font-size: 14px;
   line-height: 1.5;
}

span.info-list-item-date {
   margin-right: 10px;
}

/* NEWS 各記事ブロックの上下余白を調整 */
.info-list-item {
  padding-top: 10px;
  padding-bottom: 10px;
}

/* NEWS 各記事の区切り線（記事の下） */
.info-list-item {
  border-bottom: 1px solid #e0e0e0;
}

/* NEWS 一番上の区切り線 */
.info-list-item:first-child {
  border-top: 1px solid #e0e0e0;
}

/* NEWS一覧：タイトル左右に余白 */
#content .info-list .info-list-item-content{
  padding: 0 16px !important; /* ← 好みで 12 / 16 / 20 */
  padding-left: 22px !important;
  box-sizing: border-box;
}

/* TOPニュースのカテゴリラベル縦中央 */
.info-list-item-categorys {
  display: inline-flex;
  align-items: center;
}

.info-list-item-categorys .entry-category{
  display: inline-flex;
  align-items: center;
  line-height: 1px;
  height: 15px !important;
}

/* 日付＋カテゴリ行にも左右余白を付与 */
#content .info-list .info-list-item-meta{
  padding: 0 16px;
  padding-left: 22px !important;
  box-sizing: border-box;
}ß


/* NEWS一覧：全体左右の余白をなくす */
#content .info-list{
  padding-left: 0;
  padding-right: 0;
  padding-bottom: 8px;
}

/* NEWS一覧：各記事の上下余白をなくす */
#content .info-list-item{
  padding-top: 5px;
  padding-bottom: 9px;
}

/* NEWS一覧：記事タイトルリンクだけを全体化 */
.doux-newsitem{
  position: relative;
}

.doux-newsitem h2 a,
.doux-newsitem h3 a{
  position: static;
}

.doux-newsitem h2 a::after,
.doux-newsitem h3 a::after{
  content: "";
  position: absolute;
  inset: 0;
  z-index: 10;
}

/*newsカテゴリラベルの余白*/
.entry-category {
  padding: 0px 5px !important;
}


/*全体の余白*/
.info-list-box.block-box {
   margin-bottom: 0px;
}

.viewmore {
   font-size: 12px !important;
}


/*カテゴリラベルの文字サイズ*/
.entry-category{
  font-size: 8px !important;
}

/* ===============================
/*日付・カテゴリーラベルの位置調整
==================================*/

.info-list-item-date{
  position: relative;
  top: 2.5px;
}

.info-list-item-meta {
  line-height: 1.5px;
}

/*カテゴリーラベルのサイズ調整*/
/* カテゴリーラベルを上下細くする */
.info-list-box .info-list-item-categories .entry-category {
  height: 16px !important;
  line-height: 14px !important;
  padding: 0 5px !important;
  display: inline-block !important;
  box-sizing: border-box !important;
}

/* =========================================
   フッター調整
   ========================================= */
.logo.logo-footer.logo-text {
   display: none;
}

.footer-mobile {
   display: none;
}

.logo.logo-footer.logo-image {
   display: none;
}

/* フッター右矢印を画像に変更 */
.navi-footer-in a::after{
  content: "";
  display: inline-block;
  width: 7px;
  height: 22px;
  margin-left: auto;
  background-image: url("http://douxtest.local/wp-content/uploads/2026/03/アートボード-1@3x.png");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.navi-footer-in a{
  position: relative;
}

.navi-footer-in a::before{
  display: none !important;
}

/* PCではフッターメニューの矢印を非表示 */
@media (min-width: 835px) {
  .navi-footer-in a::after{
    display:none !important;
  }
}




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

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

/* =========================================================
   上部：2ボタン（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:600;
  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;
}

/* 内側の角丸だけ消す（繋がり部分を直線に） */
.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-btn__chev{
display: none;
}

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

/* パネル：ボタン直下に“板”として出す（角丸/影なし） */
.doux-catdrop__panel{
  position:absolute;
  right:0;
  top:100%;                 /* ★ボタン直下 */
  width: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.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; }

  /* SPでも右カラム幅100%で板表示（このままでOK） */
  .doux-catdrop__panel{
    width:100%;
  }
}



/* =====================================
   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; /* タイトル下マージン半分 */
}
/* 日付 */
.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;
}





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

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

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

.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;
  }
}




/* =========================================
   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;
  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: 26px 0 18px; /* 本文→ページ送り→カテゴリ の間隔 */
}

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: 52px;
}

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;
}




/* =========================
   カテゴリ一覧を「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一覧デザインに寄せる
   ======================================== */

/* タイトル */
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（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{
  margin: 0 !important;
  border-bottom: 1px solid rgba(0,0,0,.12) !important;
}
body.category .info-list-item:first-child{
  border-top: 1px solid rgba(0,0,0,.12) !important;
}

/* タイトル */
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;
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/



@media (max-width: 1023px){


}



/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/



/* =========================================
   SPのみ：フッターメニュー帯（ベージュ＋細い＞）
   ========================================= */


    /* 帯が「半分」になる原因（fnm-text-width等）の幅制限を解除 */
  #footer .footer-bottom,
  #footer .footer-bottom-content,
  #footer .footer-bottom-logo,
  #footer #navi-footer,
  #footer .navi-footer-in,
  #footer .fnm-text-width{
    width: 100% !important;
    max-width: none !important;
  }

  /* 余白リセット（必要最小限） */
  #footer,
  #footer .footer-in,
  #footer .footer-in-wrap,
  #footer .footer-bottom{
    margin: 0 !important;
    padding: 0 !important;
  }

  /* ul / li を縦並び・フル幅に */
  #menu-footer{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: block !important;
    width: 100% !important;
  }
  #menu-footer > li{
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    border-top: 1px solid rgba(255,255,255,.85) !important;
  }
  #menu-footer > li:last-child{
    border-bottom: 1px solid rgba(255,255,255,.85) !important;
  }

  /* リンク本体（帯） */
  #menu-footer > li > a{
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    width: 100% !important;
    box-sizing: border-box !important;

    background: #c6b6a6 !important;
    color: #fff !important;
    text-decoration: none !important;

    font-size: 13px !important;
    line-height: 1 !important;
    letter-spacing: .02em !important;

    /* 縦幅：ここで調整（切れるなら少し増やす） */
    padding: 5.5px 13px 5.5px 43px !important; /* 右は矢印スペース分広め */
    overflow: visible !important;            /* 矢印が切れない保険 */
  }



  /* タップ時（任意） */
  #menu-footer > li > a:active{
    filter: brightness(.95);
  }


/* =========================================
   ヘッダー
   ========================================= */

  
  /* ヘッダーの中身を横並びにする */
body #header-in{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
}

/* ロゴを左に固定（中央寄せを解除） */
body #header-in .logo-header,
body #header-in .logo{
  margin: 0 !important;
  text-align: left !important;
  flex: 0 1 auto !important;
  display: block !important;
}

/* ロゴのリンク内も詰めておく */
body #header-in .logo-header a{
  display: flex !important;
  align-items: center !important;
}

/* 右側：ハンバーガーを右へ（Cocoonのボタン候補をまとめて指定） */
body #header-in .navi-open-button,
body #header-in .menu-button,
body #header-in .mobile-menu-button{
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

/* ---- 保険：ボタンがヘッダー外に居る場合でも右上に固定する ---- */
body .header-container-in{
  position: relative !important;
}

body .header-container-in .navi-open-button,
body .header-container-in .menu-button,
body .header-container-in .mobile-menu-button{
  position: absolute !important;
  right: 12px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  z-index: 1000 !important;
}

/* ボタンとロゴが被らないように右側の余白を確保 */
body #header-in{
  padding-right: 64px !important;
  box-sizing: border-box !important;
}

/* モバイル元のロゴを消す */
.header-container-in.hlt-top-menu.hlt-tm-small.wrap{
  display: none;
}

.header-container-in.hlt-top-menu.hlt-tm-right.wrap{
  display: none !important;
}



/* ===============================
   ロゴの位置調整（モバイル固定バー）
=============================== */

/* ロゴ＋ハンバーガーが入ってる帯（固定のやつ） */
ul.mobile-header-menu-buttons.mobile-menu-buttons{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  /* 左右の余白（ここが“紫の部分”の正体になりがち） */
  padding-left: 8px !important;
  padding-right: 8px !important;

  width: 100% !important;
  box-sizing: border-box !important;
}

/* 左：ロゴボタン */
  ul.mobile-header-menu-buttons .logo-menu-button{
  margin: 0 !important;
  flex: 0 0 auto !important;
}

/* ロゴを「もう少し左」＝左余白を削る */
ul.mobile-header-menu-buttons .logo-menu-button .menu-button-in{
  padding-left: 0 !important;
}

/* 右：ハンバーガーボタン */
ul.mobile-header-menu-buttons .navi-menu-button{
  margin-left: auto !important;
  flex: 0 0 auto !important;
}

/* 右端に寄せたいなら右余白も削る */
ul.mobile-header-menu-buttons .navi-menu-button .menu-button-in{
  padding-right: 0 !important;
}

/* 上部固定のメニューバー自体を画面幅いっぱいに */
ul.mobile-header-menu-buttons.mobile-header-menu-buttons.mobile-menu-buttons{
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
}

/* 中身を左右に振り分け（ロゴ左／メニュー右） */
ul.mobile-header-menu-buttons.mobile-header-menu-buttons.mobile-menu-buttons{
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;

  padding-top: 0px !important;   /* 紫の余白の原因になりやすい */
  padding-bottom: 0px !important;
  padding-right: 0px !important;

  min-height: 50px !important;
}

/* width:70px を殺して、狭くなるのを防ぐ */
ul.mobile-header-menu-buttons .menu-button{
  width: auto !important;
}

/* ロゴは左に寄せて、クリックしやすく */
ul.mobile-header-menu-buttons li.logo-menu-button{
  margin: 0 !important;
  flex: 0 0 auto !important;
}

ul.mobile-header-menu-buttons li.logo-menu-button a{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
}

/* ハンバーガー（メニューボタン）を右に */
ul.mobile-header-menu-buttons li.navi-menu-button{
  margin-left: auto !important;
  flex: 0 0 auto !important;
}



/* ===============================
   モバイル：ハンバーガーメニューを大きく＋背景グレー
=============================== */

/* 右側のメニューボタン全体（li） */
ul.mobile-header-menu-buttons li.navi-menu-button{
  margin-left: auto !important; /* 右寄せ維持 */
}

/* FontAwesomeの三本線は消す */
ul.mobile-header-menu-buttons li.navi-menu-button .navi-menu-icon{
  display: none !important;
}

/* ラベル（ボタン本体）を基準にする */
ul.mobile-header-menu-buttons li.navi-menu-button > label{
  position: relative !important;
  justify-content: center !important;
  gap: 0 !important;
  padding-bottom: 20px !important; /* 下に文字の居場所 */
}

/* 右端の余白（親側）を潰す */
ul.mobile-header-menu-buttons{
  padding-right: 0 !important;
  margin-right: 0 !important;
}

ul.mobile-header-menu-buttons > li.navi-menu-button{
  margin-right: 0 !important;
}

/* ボタン本体 */
ul.mobile-header-menu-buttons li.navi-menu-button > label#navi-menu-open{
  width: 56px !important;
  height: 56px !important;
  background: #e6e6e6 !important;
  border-radius: 0px !important;

  position: relative !important;
  padding: 0 !important;
  box-sizing: border-box !important;

  display: block !important;
}

/* バー（擬似要素で描画） */
ul.mobile-header-menu-buttons li.navi-menu-button > label#navi-menu-open::before{
  content: "" !important;
  position: absolute !important;
  left: 50% !important;
  top: 16px !important;
  transform: translateX(-50%) !important;

  width: 40px !important;
  height: 1.5px !important;
  background: #333 !important;
  border-radius: 2px !important;

  box-shadow: 0 7px 0 #333, 0 14px 0 #333 !important;
}

/* 「Site Map」文字：文字だけを下げる */
ul.mobile-header-menu-buttons li.navi-menu-button
> label#navi-menu-open
.navi-menu-caption{
  display: block !important;
  position: absolute !important;
  left: 50% !important;
  bottom: 6px !important;
  transform: translateX(-50%) !important;

  font-size: 10px !important;
  line-height: 1 !important;
  color: #333 !important;

  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
}

 /* ハンバーガーメニュー本体を広げる */
.menu-item {
  width: 90vw !important;
  max-width: none !important;
}



/* =========================================================
   Cocoon SP：ハンバーガーメニューを
   「左：ベージュ面」＋「右：暗い帯（×で閉じる）」にする
   対象DOM：#navi-menu-input / #navi-menu-open / #navi-menu-close / #navi-menu-content
   ========================================================= */


  /* 開いている間は「開くボタン」を消す（ズレ根絶＆挙動が自然） */
  #navi-menu-input:checked ~ #navi-menu-open{
    opacity: 0 !important;
    pointer-events: none !important;
  }

  /* ===== オーバーレイ（メニュー外側） ===== */
  /* display-none を強制解除（これ超重要） */
  label#navi-menu-close{
    display: block !important;
  }

  /* ナビボタンの位置（これを消すとデフォルトの位置がずれます） */
  #navi-menu-close{
  
       /* width/height指定はむしろ消す（親幅に引っ張られる事故を避ける） */
    width: auto !important;
    height: auto !important;
    max-width: none !important;
    min-width: 0 !important;
  }



  /* =========================================
     オーバーレイ
     ========================================= */

 /* 通常時：存在ごと消す（これが重要） */
  label#navi-menu-close{
    display: none !important;
  }

  /* OPEN中だけ表示して全画面にする */
  #navi-menu-input:checked ~ label#navi-menu-close{
    display: block !important;

    position: fixed !important;
    inset: 0 !important;
    width: 100vw !important;
    height: 100vh !important;
    height: 100dvh !important;

    background: rgba(0,0,0,.35) !important; /* 好みで 0.25〜0.45 */

    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-sizing: border-box !important;

    opacity: 1 !important;
    pointer-events: auto !important;

    z-index: 999997 !important; /* メニューより下 */
    cursor: pointer !important;
  }

  /* ×は見た目だけ（クリックはラベル全体） */
  #navi-menu-input:checked ~ label#navi-menu-close::before{
    content: "×" !important;
    position: fixed !important;
    top: 18px !important;
    right: 18px !important;
    font-size: 40px !important;
    line-height: 1 !important;
    color: #fff !important;
    opacity: .95 !important;
    pointer-events: none !important;
    z-index: 999999 !important;
  }

  /* メニュー本体はオーバーレイより上 */
  #navi-menu-content{
    position: fixed !important;
    z-index: 999998 !important;
  }


/* =========================================================
   Cocoon デフォルトの黒いクローズボタンを非表示
   ========================================================= */
/* クローズボタン本体 */
  .navi-menu-close-button{
    display: none !important;
  }

  /* 中の FontAwesome（念のため） */
  .navi-menu-close-button .fa,
  .navi-menu-close-button .fa-close{
    display: none !important;
  }

  /* =========================================================
   ナビ：文字サイズ最終調整
   ========================================================= */
  /* -------------------------------
     通常メニュー（例：お知らせ一覧 など）
  -------------------------------- */
  #navi-menu-content .menu-drawer > li > a{
    font-size: 13px !important;
    font-weight: 400 !important;
  }

  /* -------------------------------
     Recruit バナー
  -------------------------------- */

  /* Recruit（英字・見出し） */
  #navi-menu-content .menu-recruit-title{
    font-size: 16px !important;
    font-weight: 600 !important; /* 太め */
    line-height: 1.5 !important;
    letter-spacing: 0.5px;
  }

  /* 採用情報（サブテキスト） */
  #navi-menu-content .menu-recruit-sub{
    font-size: 12px !important;
    font-weight: 400 !important;
    opacity: 0.85 !important;
  }

  /* 私たちと一緒に働きませんか */
  #navi-menu-content .menu-recruit-right{
    font-size: 13px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    letter-spacing: 0.5px;
    text-align: right !important;
    margin-left: auto !important;
  }

  /* リクルートバナー全体はそのまま flex */
#navi-menu-content .menu-recruit-banner{
  align-items: center !important;
}

/* 左：Recruit / 採用情報 を中央寄せ */
#navi-menu-content .menu-recruit-left{
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  text-align: center !important;
}

/* 右：メッセージも中央寄せ */
#navi-menu-content .menu-recruit-right{
  text-align: right !important;
}





  /* =====  左パネル（メニュー本体） ===== */
  #navi-menu-content{
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;

    width: 85vw !important;
    max-width: 460px !important;

    background: #c8b7a6 !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch !important;

    /* “きっちり-100%”でスッと消える（-110%/-105%のガタつき防止） */
    transform: translateX(-100%) !important;

    /* スライドは少し気持ちよく（自然なイージング） */
    transition: transform .30s cubic-bezier(.22,.61,.36,1) !important;
    will-change: transform !important;

    /* オーバーレイより上 */
    z-index: 999998 !important;

    box-shadow: 0 0 24px rgba(0,0,0,.22) !important;
    padding-top: 22px !important;
  }

  /* checkedで左パネルを表示させる */
  #navi-menu-input:checked ~ #navi-menu-content{
    transform: translateX(0) !important;
  }






/* =========================================================
   SP ハンバーガーメニュー：完成デザイン寄せ（中身の見た目）
   対象：#navi-menu-content（左ベージュ面）内
   ========================================================= */

  /* 0) どこかで当たってる「幅10px」などを強制解除（縦になる原因） */
  #navi-menu-content .menu-drawer,
  #navi-menu-content .menu-drawer .menu-item{
    width: auto !important;
    max-width: none !important;
  }
  #navi-menu-content .menu-drawer .menu-item{
    display: block !important;
  }

  /* 1) 左パネル全体の余白（上に少し余白を作って“完成”に寄せる） */
  #navi-menu-content{
    padding-top: 22px !important;
  }

  /* 2) メニューULの余白リセット */
  #navi-menu-content .menu-drawer{
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* 3) メニュー1行（リンク）を“横並び＋右矢印”の行デザインに */
  #navi-menu-content .menu-drawer > li > a{
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    padding: 18px 18px !important;
    margin: 0 !important;

    color: rgba(255,255,255,.95) !important;
    text-decoration: none !important;
    background: transparent !important;

    border-bottom: 1px solid rgba(255,255,255,.55) !important;
    box-sizing: border-box !important;
  }

  /* 右の「＞」 */
  #navi-menu-content .menu-drawer > li > a::after{
    content: "〉" !important;
    font-size: 22px !important;
    line-height: 1 !important;
    color: rgba(255,255,255,.85) !important;
    margin-left: 12px !important;
    flex: 0 0 auto !important;
  }

  /* 4) テキスト（日本語＋英語）を“左側に寄せて2列っぽく” */
  /* もし a の中がテキスト直書きだけでも崩れないようにする */
  #navi-menu-content .menu-drawer > li > a{
    gap: 16px !important;
  }
  #navi-menu-content .menu-drawer > li > a span{
    color: inherit !important;
  }

  /* 5) ホバー/タップ時の変化（完成の雰囲気を崩さない） */
  #navi-menu-content .menu-drawer > li > a:hover,
  #navi-menu-content .menu-drawer > li > a:active{
    background: rgba(255,255,255,.06) !important;
  }

  /* 6) リクルートバナー位置を“メニューの下に余白つき”で固定 */
  #navi-menu-content .menu-recruit-banner{
    display: flex !important;
    align-items: center !important;
    gap: 16px !important;

    margin: 50px 15px 24px !important;
    padding: 23px 14px !important;

    background: #f3efe9 !important;
    border-radius: 0 !important;
    text-decoration: none !important;
    color: #111 !important;
    box-sizing: border-box !important;
  }


  /* 7) “余計な縦書き/折り返し”を抑制 */
  #navi-menu-content,
  #navi-menu-content *{
    writing-mode: horizontal-tb !important;
    white-space: normal !important;
    word-break: normal !important;
  }






  





/* =========================================================
   サイト全体：リンクを「青＋下線＋hoverで色変化」しない
   ※必要なら .entry-content a だけ等に絞れます
   ========================================================= */
a,
a:visited,
a:hover,
a:active{
  color: inherit !important;
  text-decoration: none !important;
}





/* =========================================
   フッター：リクルートボタン（追従）
   #menu-footer-recruit（SP専用HTML前提）
   ========================================= */

/* 1) 固定バー本体（台座） */
ul#menu-footer-recruit.mobile-footer-menu-buttons.mobile-menu-buttons{
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 999999 !important;

  /* 台座：余白・並び */
  padding: 32px 14px calc(14px + env(safe-area-inset-bottom)) !important;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 16px !important;

  /* 台座：見た目 */
  background: rgba(255,255,255,0.9) !important;
  box-shadow: 0 -12px 28px rgba(0,0,0,.12) !important;
  backdrop-filter: none !important;

  list-style: none !important;
  margin: 0 !important;
}

/* 2) 上のピンク文言 */
ul#menu-footer-recruit.mobile-footer-menu-buttons.mobile-menu-buttons::before{
  content: "＼ 私たちと一緒に働きませんか？ ／";
  position: absolute;
  left: 50%;
  top: 6px;
  transform: translateX(-50%);
  white-space: nowrap;

  font-size: 13px;
  font-weight: 700;
  letter-spacing: .08em;
  color: #ff7bac;
  line-height: 1.5;
  pointer-events: none;
}

/* 3) 各ボタン（li） */
ul#menu-footer-recruit li.navi-menu-button.menu-button{
  flex: 1 1 0 !important;
  max-width: 260px !important;
  margin: 0 !important;
}

/* 4) ボタン本体（a） */
ul#menu-footer-recruit li.navi-menu-button.menu-button > a.menu-button-in{
  position: relative !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  height: 45px !important;
  width: 180px;
  border-radius: 999px !important;
  padding: 0 60px 0 18px !important; /* 右側アイコン分 */
  text-decoration: none !important;


  letter-spacing: .02em !important;
  color: #222 !important;

  box-shadow: 0 14px 22px rgba(0,0,0,.14) !important;
  transition: transform .15s ease, box-shadow .15s ease;
}

/*ボタンのフォントサイズ*/
.custom-menu-caption.menu-caption {
   font-size: 15px !important;
   font-weight:600;
}

/* 押した時の“押せる感” */
ul#menu-footer-recruit li.navi-menu-button.menu-button > a.menu-button-in:active{
  transform: translateY(1px);
  box-shadow: 0 10px 16px rgba(0,0,0,.12) !important;
}

/* 5) 既存アイコン（星など）を消す */
ul#menu-footer-recruit .custom-menu-icon,
ul#menu-footer-recruit .custom-menu-icon .fa{
  display: none !important;
}

/* 6) キャプション文字（中央＋ほんの少し上） */
ul#menu-footer-recruit .custom-menu-caption.menu-caption{
  display: inline-block !important;
  line-height: 1 !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap !important;
  transform: translateY(-1px);
}




/* =========================
   左：応募フォーム（ピンク）
   ========================= */
ul#menu-footer-recruit li.navi-menu-button.menu-button:nth-child(1) > a.menu-button-in{
  background: #f3b6bf !important;
}

/* 封筒：SVG画像（URL指定） */
ul#menu-footer-recruit li.navi-menu-button.menu-button:nth-child(1) > a.menu-button-in::after{
  content: "" !important;
  position: absolute;
  right: 18px;
  top: 50%;
  transform: translateY(-50%);
  width: 40px;
  height: 25px;

  background: no-repeat center / contain
    url("https://doux-inc.co.jp/wp/wp-content/uploads/手紙アイコン.svg");
}


/* =========================
   右：LINEで応募（グリーン）
   ========================= */
ul#menu-footer-recruit li.navi-menu-button.menu-button:nth-child(2) > a.menu-button-in{
  background: #49C853 !important;
  color: #0f2a16 !important;
}

/* LINE：SVG画像（白角丸＋影） */
ul#menu-footer-recruit li.navi-menu-button.menu-button:nth-child(2) > a.menu-button-in::after{
  content: "" !important;
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);

  width: 30px;
  height: 30px;
  border-radius: 8px;
  background-color: #fff;

  box-shadow: 0 10px 16px rgba(0,0,0,.12);

  background-image: url("https://doux-inc.co.jp/wp/wp-content/uploads/アートボード-1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 40px 40px;
}



/* =========================================================
   フッター追従（#menu-footer-recruit）
   スクロールで出し入れ：下で隠す／上で出す
   ========================================================= */

/* アニメーション */
ul#menu-footer-recruit.mobile-footer-menu-buttons.mobile-menu-buttons{
  transition: transform .28s ease, opacity .28s ease !important;
  will-change: transform, opacity;
}

/* 隠す（下にスライド） */
body.footerbar-hide ul#menu-footer-recruit.mobile-footer-menu-buttons.mobile-menu-buttons{
  transform: translateY(120%) !important;
  opacity: 0 !important;
}



/* =========================================
   Cocoon自動付与の下マージンを完全に消す
  （フッター追従ボタン対策）
   ========================================= */

/* メインコンテンツ周り */
#content,
#content-in,
#main,
.entry-content,
.article,
.article-content,
.main,
.content{
  margin-bottom: 0 !important;
}

/* モバイル固定ボタン用の自動マージンを無効化 */
.mblt-header-and-footer-mobile-buttons,
.mobile-footer-menu-buttons{
  margin-bottom: 0 !important;
}

/* フッターボタン下の余白を削除 */
body.has-footerbar{
  padding-bottom:0 !important;
}

/* =========================================
   コピーライト帯：差し替え版（フッターメニューは触らない）
   ========================================= */

/* まず「元のコピーライト」だけ消す（フッターメニューは消さない） */
#footer .source-org.copyright{
  display: none !important;
}

/* もし以前に追加した「右側の小さい四角（↑）」が残ってるなら消す */
#footer [aria-label="ページ上部へ戻る"]{
  display: none !important;
}

/* バー全体（文字側はグレー） */
#copyrightBar.copyright-bar{
  position: relative !important;
  width: 100% !important;
  height: 30px !important;

  /* ← ここが「文字部分の背景」 */
  background: #f6f6f6 !important; /* お好みで #f2f2f2 など */

/*位置調整*/
  display:flex;
  align-items:center;
  justify-content:center;
  height:30px !important;


  margin: 0 !important;
  text-align: center !important;
  font-size: 9px !important;
 vertical-align: center !important;
  color: #666 !important;
  box-sizing: border-box !important;
}

/* テキスト */
#copyrightBar .copyright-bar__text{
  margin: 0 !important;
  padding: 0 !important;
}

/* 右端：TOPへ戻るボタン（白地の縦パーツ） */
#copyrightBar .copyright-bar__top{
  position: absolute !important;
  right: 0 !important;
  top: 0 !important;

  /* バーの高さに合わせて縦いっぱい */
  height: 100% !important;
  width: 30px !important;
  min-height: 30px !important;

  background: #fff !important;
  border: 0 !important;
  border-left: 1px solid #e6e6e6 !important;

  padding: 0 !important;
  margin: 0 !important;

  display: flex !important;
  align-items: center !important;
  justify-content: center !important;

  cursor: pointer !important;
  -webkit-tap-highlight-color: transparent;
}

/* ボタン文字（↑）は使わない。見た目を矢印にする */
#copyrightBar .copyright-bar__top{
  color: transparent !important;
  font-size: 0 !important;
}

/* ここが「三角形っぽい矢印」本体（山形/chevron up） */
#copyrightBar .copyright-bar__top::before{
  content: "" !important;
  width: 10px;
  height: 10px;

  /* 2辺で山形を作る（Illustratorの「三角っぽい」感じ） */
  border-top: 0.5px solid #666;
  border-left: 0.5px solid #666;

  transform: rotate(45deg); /* 上向きの山形 */
  display: block;
}

/* 押した時のフィードバック（任意） */
#copyrightBar .copyright-bar__top:active{
  opacity: .65 !important;
}



/* スクロール無しページだけ：追従を解除して通常表示にする */
#menu-footer-recruit.footerbar-static{
  position: static !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  margin: 12px 0 0 !important;
  z-index: auto !important;
}


/* 追従CTAの高さ分だけ常に下余白を確保（被り防止） */
body.has-footerbar{
  padding-bottom: calc(var(--footerbar-h, 96px) + env(safe-area-inset-bottom)) !important;
}





}



/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/



}

@media (max-width: 834px){
  body.has-footerbar{
    padding-bottom: calc(var(--footerbar-h, 96px) + env(safe-area-inset-bottom)) !important;
  }
}



@media screen and (min-width: 1024px){
  /* ここにPCだけのCSSを書く */
  .copyright-bar {
  display: none;
}

/* =========================
   記事ページ PC幅 900px
   ========================= */


  body.single #main.main{
    max-width: 900px;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important; /* 念のため */
  }

/* =========================
   カテゴリーページ（archive）PC：幅900 & 中央寄せ
   ========================= */

  body.archive #main.main,
  body.category #main.main{
    max-width: 900px;
    width: 100%;
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
  }

  /* フッター コピーライト全体を白に */
#footer .source-org,
#footer .source-org *{
  color: #fff !important;
}

}




@media screen and (min-width: 835px){

  /* 外側ラッパーを透明化 */
  .go-to-top{
    background: transparent !important;
    box-shadow: none !important;
  }

  /* 実際のボタン本体 */
  .go-to-top-button{
    background: #EFEDE9 !important;
    color: #C7B6A6 !important;


    width: 48px !important;
    height: 48px !important;

    border-radius: 50% !important;
    border: none !important;

    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-shadow: 0 6px 16px rgba(0,0,0,.15) !important;
  }

  /* アイコン */
  .go-to-top-button i,
  .go-to-top-button svg{
    color: #fff !important;
  }

  /* フッター全体の文字色を白に */
#footer,
#footer a,
#footer .navi-footer,
#footer .footer-bottom-content,
#footer .source-org.copyright{
  color: #fff !important;
}

/* リンクのホバー時も白のまま */
#footer a:hover{
  color: #fff !important;
  opacity: .8; /* お好みで */
}

}


/*=================================
ページ下部のカテゴリーデザイン（view more以降・各記事ページ下部）
==================================*/
/* =========================================
   NEWS下のカテゴリ一覧を画像2のデザインにする
   ========================================= */

/* 全体 */
#content-bottom .widget_categories{
  background: #fff;
  padding: 0;
  border: none;
  box-shadow: none;
}

/* タイトル */
#content-bottom .widget_categories .widget-content-bottom-title,
#content-bottom .widget_categories .widget-title,
#content-bottom .widget_categories h2{
  background: #ceb7b3;
  color: #fff;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.4;
  padding: 6px 12px;
  margin: 0 0 10px;
  border: none;
}

/* リスト全体 */
#content-bottom .widget_categories ul{
  list-style: none;
  margin: 0;
  padding: 0;
}

/* 各行 */
#content-bottom .widget_categories ul li{
  margin: 0;
  padding: 0;
  border-bottom: 1px dashed #e4cfc9;
}

/* リンク */
#content-bottom .widget_categories ul li a{
  display: block;
  position: relative;
  padding: 10px 42px 10px 10px;
  color: #4a4a4a;
  text-decoration: none;
  line-height: 1.5;
  font-size: 12px !important;
  transition: opacity .2s ease;
}

#content-bottom .widget_categories ul li a:hover{
  opacity: .75;
  text-decoration: none;
}

/* 件数表示（WordPress標準の投稿数） */
#content-bottom .widget_categories ul li .post-count{
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  border-radius: 50%;
  background: #ceb7b3;
  color: #fff;
  font-size: 12px;
  line-height: 24px;
  text-align: center;
  display: inline-block;
}

/* li を基準にして post-count を右端固定 */
#content-bottom .widget_categories ul li{
  position: relative;
  padding-right: 34px;
}

#content-bottom .widget_categories ul li .post-count{
  right: 2px;
}

/* スマホで少し詰める */
@media (max-width: 767px){
  #content-bottom .widget_categories .widget-content-bottom-title,
  #content-bottom .widget_categories .widget-title,
  #content-bottom .widget_categories h2{
    font-size: 12px;
    padding: 6px 11px;
    margin-bottom: 0px;
  }

  #content-bottom .widget_categories ul li a{
    padding: 9px 38px 9px 12px;
    font-size: 12px !important;
  
  }

  #content-bottom .widget_categories ul li .post-count{
    width: 22px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
  }
}

/* =========================================
   下のカテゴリエリアを上のコンテンツ幅に揃える
   PC/SP共通
   ========================================= */
#content-bottom{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

#content-bottom-in{
  max-width: 850px;
  margin: 0 auto;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* cover ブロック内の余計な左右余白を消す */
#content-bottom .wp-block-cover__inner-container,
#content-bottom .wp-block-cover__inner-container.is-layout-constrained{
  padding-left: 0 !important;
  padding-right: 0 !important;
}

/* スマホで確実に本文幅へ */
@media (max-width: 767px){
  #content-bottom{
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #content-bottom-in{
    width: calc(100% - 60px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #content-bottom .wp-block-cover__inner-container,
  #content-bottom .wp-block-cover__inner-container.is-layout-constrained{
    width: 100% !important;
    max-width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  #content-bottom .widget_categories ul li {
    padding-right: 5px !important;
  }

    main.main,
  div.sidebar {
 padding-left: 30px !important;
 padding-right: 30px !important;
  }
/* カテゴリー一覧ページだけ左右パディング削除 */
body.category main.main{
  padding-left: 15px !important;
  padding-right: 15px !important;
}
}

/*==========================
コンテンツの余白
==========================*/
.wp-block-cover.is-light {
  padding-right: 0px;
  padding-left: 0px;
}



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

.back-to-news-btn{
  display: inline-block;
  padding: 8px 16px;
  font-size: 12px;
  line-height: 1;
  color: #fff !important;
  background: #CDB7B3;
  border-radius: 5px;
  text-decoration: none !important;
  transition: opacity .25s ease;
}

.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:20px !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;
}