/* タブ */
.info-tabs {
  display: flex !important;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center !important;
  width: 100%;           /* ← これで“中央に寄せる余白”が生まれる */
  float: none !important;/* テーマが float してる場合に備えて解除 */
  text-align: initial;   /* 親の text-align の影響を無効化 */
}
.info-tab {
  border:none;
  background:transparent;
  padding:4px 8px;
  cursor:pointer;
  font:inherit;
  color:#555;
}
.info-tab.is-active {
  border-bottom:1px solid #9a9a9a;
  color:#333;
}

/* 記事リスト */
.info-items {
  list-style:none;
  margin:0;
  padding:0;
}
.info-item {
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 0;
  border-bottom:1px solid #eee;
}
.info-date {
  color:#7a7a7a;
  letter-spacing:.05em;
  min-width:90px;
}
.info-dot {
  width:8px;
  height:8px;
  border-radius:50%;
  display:inline-block;
  background:#b44;
}
.info-title {
  text-decoration:none;
  color:#333;
}
.info-title:hover {
  text-decoration:underline;
}

/* ページャ */
.info-pager {
  display:flex;
  gap:8px;
	margin-top:12px;
	justify-content: center;
}
.info-pager button {
  padding: 10px 40px;
  border:1px solid #ddd;
  background:#fff;
  cursor:pointer;
}
.info-empty {
  color:#888;
}

/* 赤丸は非表示 */
.info-dot { display:none; }

/* カテゴリの見た目 */
.info-cat {
  display:inline-flex;
  align-items:center;
  gap:6px;
  color:#8c2b2b;
  font-size:0.95rem;
  white-space:nowrap;
}
.info-cat::before {
  content:"";
  width:8px;
  height:8px;
  border-radius:50%;
  background:#b44;
  display:inline-block;
}