/*スタッフ紹介*/


.imageThumbList {

    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    -webkit-align-items: stretch;
    align-items: stretch;
  }
  
  
  .imageThumbList li .clipImage {
    width: 100px;
    height: 100px;
    border-radius: 50%;
    overflow: hidden;
    position: relative;
    display: block;
    margin: 0 auto;
    box-shadow: 0 0 0 0 transparent;
    /* 初期シャドーは外側なし */
  }
  
  .imageThumbList li .clipImage img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-radius: 50%;
    position: relative;
    z-index: 1;
  }
  
  /* 丸内側シャドウのために擬似要素を上に重ねてグラデシャドウを重ねる */
  .imageThumbList li .clipImage::after {
    content: '';
    position: absolute;
    inset: 0;
    border-radius: 50%;
    z-index: 2;
    pointer-events: none;
    /* 内側に暗くなるグラデーションを入れる */
    box-shadow: inset 0 0 18px 5px rgba(0, 0, 0, 0.18);
  }
  
  .imageThumbList li,
  .imageThumbList li:nth-child(5n) {
    margin: 0 20px 30px;
    padding-left: 0!important;
  }
  
 .profile #main article.post .imageThumbList h3{
    border-bottom: 0!important;
    margin : 0 0 40px!important;
  }


  .entry-content article a[target="_blank"]:after{
    display: none;
  }


  .entry-content ul.wp-block-list li{
    list-style-type: disc;
  }


  /*カテゴリー*/

  /* 全体コンテナ */
.category_list.container {
  width: 1176px;
  max-width : 100%;
  margin: 0 auto;
  padding: 20px;
}

.category_list .category_list.category-header {
  margin-bottom: 40px;
  border-bottom: 1px solid #eee;
}

/* グリッドレイアウト（4カラム） */
.category_list .post-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
}

.category_list .post-item {
  width: calc(33% - 25px); /* 3カラム計算 */
  margin-bottom: 30px;
  display: flex;
  flex-direction: column;
}

/* サムネイルエリア */
.category_list .post-thumbnail {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: #000;
  border-radius: 16px;
}

.category_list .post-thumbnail img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: opacity 0.3s;
}

.category_list .post-item:hover .post-thumbnail img {
  opacity: 0.8;
}

/* 画像の上のタグ */
.category_list .post-category-tag {
  position: absolute;
  top: 4px;
  left: 4px;
  background: #F2E65D; 
  padding: 4px 12px;
  border-radius: 20px;
  font-size: 12px;
  color: #333;
}

/* テキストエリア */
.category_list .post-content {
  padding-top: 15px;
}

.category_list .post-item a:hover {
  text-decoration: none!important;
}
.category_list .post-title {
  font-size: 1.1rem;
  line-height: 1.4;
  margin-bottom: 10px;
  font-weight: bold;
  color: #333;
  display: -webkit-box;
  -webkit-line-clamp: 2; /* タイトルが長い場合に2行で省略 */
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.category_list .post-date {
  font-size: 0.9rem;
  color: #666;
  margin-bottom: 15px;
}

.category_list .post-excerpt {
  font-size: 0.85rem;
  color: #444;
  line-height: 1.6;
}

/* レスポンシブ対応 */
@media (max-width: 1024px) {
  .category_list .post-item {
      width: calc(50% - 20px); /* タブレットサイズで2カラム */
  }
}

@media (max-width: 767px) {
  .category_list .post-item {
      width: 100%; /* スマホサイズで1カラム */
  }
}

/* ナビゲーション全体のコンテナ */
.category_list .pagination {
  margin: 40px 0;
  text-align: center;
}

.category_list .pagination .nav-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px; /* ボタン同士の間隔 */
}
.category_list .pagination .nav-links a{
text-decoration : none;
}

/* 共通ボタン形状（数字・次へ） */
.category_list .pagination .page-numbers {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  font-size: 16px;
  font-weight: bold;
  color: #215594; /* 画像の濃い青色 */
  border: 1px solid #215594;
  transition: all 0.3s ease;
}

/* 数字ボタン（正円） */
.category_list .pagination a.page-numbers:not(.next):not(.prev),
.category_list .pagination .page-numbers.current {
  width: 45px;
  height: 45px;
  border-radius: 50%;
}

/* 「次へ」「前へ」ボタン（長円・カプセル型） */
.category_list .pagination .page-numbers.next,
.category_list .pagination .page-numbers.prev {
  padding: 0 25px;
  height: 45px;
  border-radius: 25px;
}

/* 現在のページのスタイル（塗りつぶし） */
.category_list .pagination .page-numbers.current {
  background-color: #215594;
  color: #ffffff;
}

/* ホバー時の挙動 */
.category_list .pagination a.page-numbers:hover {
  background-color: #f0f5fa; /* 薄い青 */
}

/* スクリーンリーダー用テキストを消す（念のため） */
.category_list .pagination .screen-reader-text {
  display: none;
}

.category_list span.page-numbers.dots{
border : 0;
}