.cb_blog_carousel  {
width: 100%;
}
@media screen and (max-width: 1160px) {
    .cb_blog_carousel {
        width: auto;
        margin: 0 auto;
    }
}
.blog_list {
	width: 100%;
}
#content_builder .blog_list {
margin: 0 auto;
}
#content_builder .blog_list .item {
	    width: auto;
    margin: auto;
}

/* ニュースカルーセル：ページネーション全体 */
.cb_blog_carousel_wrap .cb_news_carousel_pagination {
  position: relative;
  margin-top: 18px;   /* スライダー下の余白 */
  text-align: center;
  line-height: 1;
  z-index: 2;
}

/* Swiperのデフォルト余計な位置指定を無効化（念のため） */
.cb_blog_carousel_wrap .cb_news_carousel_pagination.swiper-pagination {
  bottom: auto !important;
}

/* ドット */
.cb_blog_carousel_wrap .cb_news_carousel_pagination .swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  margin: 0 6px;
  opacity: 1;                 /* Swiper既定の薄さを無効 */
  border-radius: 999px;
  background: rgba(0, 0, 0, 0.18);
  transition: transform .2s ease, background-color .2s ease, width .2s ease;
}

/* アクティブ（現在位置） */
.cb_blog_carousel_wrap .cb_news_carousel_pagination .swiper-pagination-bullet-active {
  width: 22px;                /* 伸びるタイプで上品 */
  background: rgba(0, 0, 0, 0.55);
  transform: scale(1.0);
}

/* ホバー（PCのみ） */
@media (hover:hover) {
  .cb_blog_carousel_wrap .cb_news_carousel_pagination .swiper-pagination-bullet:hover {
    background: rgba(0, 0, 0, 0.35);
    transform: scale(1.1);
  }
}

/* SPで少し大きめ＆余白調整 */
@media (max-width: 767px) {
  .cb_blog_carousel_wrap .cb_news_carousel_pagination {
    margin-top: 14px;
  }
  .cb_blog_carousel_wrap .cb_news_carousel_pagination .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    margin: 0 7px;
  }
  .cb_blog_carousel_wrap .cb_news_carousel_pagination .swiper-pagination-bullet-active {
    width: 26px;
  }
}


/* =========================
   Staff Swiper Pagination
   Green/Lime Pop & Clean
========================= */

/* 好みで色を調整（ここだけ触ればOK） */
:root{
  --grass-lime: #A6E22E;       /* 黄緑（芝生の明るい方） */
  --grass-green: #2DB86B;      /* 緑（少し深め） */
  --dot-base: rgba(255,255,255,.55);
  --plate-bg: rgba(255,255,255,.72);
  --plate-border: rgba(255,255,255,.55);
}

/* 位置：写真の上に“ピル（カプセル）”で置く */
#staff_left_content #staff_image_carousel_wrap{
  position: relative;
}

#staff_left_content .staff_image_carousel_pagination{
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  z-index: 5;

  /* ピル背景（清潔感） */
  width: fit-content;
  margin: 0 auto;
  padding: 10px 14px;
  border-radius: 999px;
  background: var(--plate-bg);
  border: 1px solid var(--plate-border);

  /* ふんわり浮かせる（派手すぎない） */
  box-shadow: 0 10px 24px rgba(0,0,0,.08);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

/* Swiperの既定bottomを上書き（テーマ対策） */
#staff_left_content .staff_image_carousel_pagination.swiper-pagination{
  bottom: 16px !important;
}

/* ドット：小さくて可愛い（ポップ） */
#staff_left_content .staff_image_carousel_pagination .swiper-pagination-bullet{
  width: 8px;
  height: 8px;
  margin: 0 6px;
  opacity: 1;
  border-radius: 999px;
  background: var(--dot-base);
  transition: width .22s ease, transform .22s ease, background-color .22s ease, box-shadow .22s ease;
}

/* アクティブ：黄緑の“伸びる”＋少し立体感 */
#staff_left_content .staff_image_carousel_pagination .swiper-pagination-bullet-active{
  width: 26px;
  background: linear-gradient(90deg, var(--grass-lime), var(--grass-green));
  box-shadow: 0 6px 14px rgba(45,184,107,.28);
  transform: translateY(-1px);
}


/* SP：指で押しやすく少し大きめ */
@media (max-width: 767px){
  #staff_left_content .staff_image_carousel_pagination{
    bottom: 12px;
    padding: 10px 12px;
  }
  #staff_left_content .staff_image_carousel_pagination .swiper-pagination-bullet{
    width: 9px;
    height: 9px;
    margin: 0 7px;
  }
  #staff_left_content .staff_image_carousel_pagination .swiper-pagination-bullet-active{
    width: 30px;
  }
}