.elementor-2160 .elementor-element.elementor-element-05dc7c3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;}.elementor-2160 .elementor-element.elementor-element-7340a4d .jet-listing-dynamic-meta{text-align:flex-start;}.elementor-2160 .elementor-element.elementor-element-7340a4d .jet-listing-dynamic-meta__item, .elementor-2160 .elementor-element.elementor-element-7340a4d .jet-listing-dynamic-meta__item-val{font-size:14px;font-weight:600;}.elementor-2160 .elementor-element.elementor-element-7340a4d .jet-listing-dynamic-meta__item{color:#64748B;}.elementor-2160 .elementor-element.elementor-element-79f2213 .jet-listing-dynamic-terms{text-align:left;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-2160 .elementor-element.elementor-element-7be26ea .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:14px;font-weight:600;color:#0B1329;}/* Start custom CSS for container, class: .elementor-element-05dc7c3 *//* ================================================================= */
/* TOP用ニュースリスト：横並び・バッジ・ホバーアニメーション 完全版   */
/* ================================================================= */

/* 1. リスト全体の横並び（Flexbox）定義 */
.rbj-news-list-item,
div.rbj-news-list-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 8px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important;
}

.rbj-news-list-item:hover {
  background-color: #f8fafc !important;
}

/* 2. 横並び要素の伸縮・幅固定制御 */
.rbj-news-date {
  flex: 0 0 auto !important;
}

.rbj-news-badge,
.jet-listing-dynamic-terms {
  flex: 0 0 auto !important;
}

.rbj-news-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* 3. カテゴリーバッジ装飾（カプセル型UI） */
.jet-listing-dynamic-terms,
.rbj-news-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #f1f5f9 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.jet-listing-dynamic-terms *,
.rbj-news-badge * {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* 4. タイトルのホバー発色制御（GUIにないホバー色を補填） */
.rbj-news-title a,
.rbj-news-title .jet-listing-dynamic-field__content {
  transition: color 0.2s ease !important;
}

/* 行全体またはタイトルへのホバー時にD4Lブルーへ変化 */
.rbj-news-list-item:hover .rbj-news-title a,
.rbj-news-list-item:hover .rbj-news-title .jet-listing-dynamic-field__content,
.rbj-news-title a:hover {
  color: #0076FF !important;
}

/* 5. 日付テキストの文字色強制補正（Elementor指定が効かない場合の回避策） */
.rbj-news-date .jet-listing-dynamic-field__content {
  color: #64748b !important;
}

/* 5. 日付テキストの文字色強制補正（リンクタグ <a> への絶対指定） */
.rbj-news-date,
.rbj-news-date .jet-listing-dynamic-field__content,
.rbj-news-date a,
.rbj-news-date .jet-listing-dynamic-field__content a {
  color: #64748b !important;
  text-decoration: none !important;
}

/* ================================================================= */
/* TOP用ニュースリスト：タイトル垂直中央揃え（ピタ留め補正）         */
/* ================================================================= */
.rbj-news-title {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rbj-news-title a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important; /* 余白を生む行高を完全にリセット */
  height: auto !important;
}

/* タイトルテキストの垂直中央軸をバッジと完全に同調させる補正 */
.rbj-news-title,
.rbj-news-title *,
.rbj-news-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}
/* ================================================================= */
/* TOP用ニュースリスト：横並び・バッジ・ホバーアニメーション 完全版   */
/* ================================================================= */

/* 1. リスト全体の横並び（Flexbox）定義 */
.rbj-news-list-item,
div.rbj-news-list-item {
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 16px !important;
  padding: 16px 8px !important;
  border-bottom: 1px solid #e2e8f0 !important;
  width: 100% !important;
  box-sizing: border-box !important;
  transition: background-color 0.2s ease !important;
}

.rbj-news-list-item:hover {
  background-color: #f8fafc !important;
}

/* 2. 横並び要素の伸縮・幅固定制御 */
.rbj-news-date {
  flex: 0 0 auto !important;
}

.rbj-news-badge,
.jet-listing-dynamic-terms {
  flex: 0 0 auto !important;
}

.rbj-news-title {
  flex: 1 1 auto !important;
  min-width: 0 !important;
}

/* 3. カテゴリーバッジ装飾（カプセル型UI） */
.jet-listing-dynamic-terms,
.rbj-news-badge {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background-color: #f1f5f9 !important;
  padding: 4px 12px !important;
  border-radius: 20px !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

.jet-listing-dynamic-terms *,
.rbj-news-badge * {
  color: #0f172a !important;
  font-size: 12px !important;
  font-weight: 700 !important;
  white-space: nowrap !important;
  text-decoration: none !important;
  background: transparent !important;
}

/* 4. タイトルのホバー発色制御（GUIにないホバー色を補填） */
.rbj-news-title a,
.rbj-news-title .jet-listing-dynamic-field__content {
  transition: color 0.2s ease !important;
}

/* 行全体またはタイトルへのホバー時にD4Lブルーへ変化 */
.rbj-news-list-item:hover .rbj-news-title a,
.rbj-news-list-item:hover .rbj-news-title .jet-listing-dynamic-field__content,
.rbj-news-title a:hover {
  color: #0076FF !important;
}

/* 5. 日付テキストの文字色強制補正（Elementor指定が効かない場合の回避策） */
.rbj-news-date .jet-listing-dynamic-field__content {
  color: #64748b !important;
}

/* 5. 日付テキストの文字色強制補正（リンクタグ <a> への絶対指定） */
.rbj-news-date,
.rbj-news-date .jet-listing-dynamic-field__content,
.rbj-news-date a,
.rbj-news-date .jet-listing-dynamic-field__content a {
  color: #64748b !important;
  text-decoration: none !important;
}

/* ================================================================= */
/* TOP用ニュースリスト：タイトル垂直中央揃え（ピタ留め補正）         */
/* ================================================================= */
.rbj-news-title {
  display: flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
}

.rbj-news-title a {
  display: inline-flex !important;
  align-items: center !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important; /* 余白を生む行高を完全にリセット */
  height: auto !important;
}

/* タイトルテキストの垂直中央軸をバッジと完全に同調させる補正 */
.rbj-news-title,
.rbj-news-title *,
.rbj-news-title .elementor-heading-title {
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  display: inline-flex !important;
  align-items: center !important;
}

/* ================================================================= */
/* スマホ表示時（767px以下）：上段（日付・バッジ）/ 下段（タイトル）の2段化   */
/* ================================================================= */
@media screen and (max-width: 767px) {
  .rbj-news-list-item,
  div.rbj-news-list-item {
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px 12px !important;
    padding: 12px 8px !important;
  }

  .rbj-news-title {
    flex: 0 0 100% !important;
    width: 100% !important;
    margin-top: 4px !important;
    display: block !important;
  }

  .rbj-news-title a,
  .rbj-news-title *,
  .rbj-news-title .elementor-heading-title {
    display: inline !important;
    line-height: 1.5 !important; /* 複数行時の視認性を確保 */
  }
}
/* ================================================================= */
/* スマホ表示時（767px以下）：1段目と2段目の上下隙間を大幅削減       */
/* ================================================================= */
@media screen and (max-width: 767px) {
  /* 親コンテナの行間ギャップ（row-gap）を最小化 */
  .rbj-news-list-item,
  div.rbj-news-list-item {
    row-gap: 2px !important;
  }

  /* 1段目（日付・バッジ）の下余白をリセット */
  .rbj-news-date,
  .rbj-news-badge,
  .jet-listing-dynamic-terms,
  .jet-listing-dynamic-field {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* 2段目（タイトル）の上余白をリセットし、位置を引き上げる */
  .rbj-news-title,
  div.rbj-news-title {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .rbj-news-title a,
  .rbj-news-title *,
  .rbj-news-title .elementor-heading-title,
  .rbj-news-title .jet-listing-dynamic-field__content {
    margin-top: 0 !important;
    padding-top: 0 !important;
    line-height: 1.3 !important; /* 行高を詰めて間隔をタイトに補正 */
  }
}
.elementor-1354 .elementor-element.elementor-element-39f3c24 {
    padding: 0px 10px 0px 10px !important ;
}/* End custom CSS */