body.admin-bar header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar header {
    top: 46px !important;
  }
}
.main-footer {
  margin-top: 20px;
}
body.admin-bar header {
  top: 32px !important;
}
@media screen and (max-width: 782px) {
  body.admin-bar header {
    top: 46px !important;
  }
}
body .block-editor {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post-navigation {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
.post-navigation q {
  font-weight: 300;
}
.post-navigation .item-title {
  font-weight: 300;
}
.entry-content h2 {
  font-size: 21px !important;
  padding-top: 35px;
}
.entry-content h3 {
  padding-top: 35px;
}
.entry-content h4 {
  padding-top: 30px;
}
.entry-content h6 {
  padding-top: 30px;
}
.entry-title {
  font-size: 22px !important;
  padding-top: 35px;
}
@media only screen and (max-width: 767px) {
  .entry-content h2 {
    font-size: 18px !important;
    padding-top: 30px;
  }
  .entry-title {
    font-size: 18px !important;
  }
}
.post-navigation .item-label {
  font-family: 'Poppins', sans-serif;
  font-weight: 500;
  color: #555;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}
.post-navigation .nav-item-prev .item-label::before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  margin-right: 0.3em;
}
.post-navigation .nav-item-next .item-label::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 800;
  margin-left: 0.3em;
}
@keyframes move-arrow {
  0% {
    opacity: 0.1;
  }
  25% {
    opacity: 1;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 0.1;
  }
}
.post-navigation .nav-item-prev .item-label::before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-right: 0.3em;
  display: inline-block;
  animation: move-arrow 1.8s linear infinite;
}
.post-navigation .nav-item-next .item-label::after {
  content: "\f054";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  margin-left: 0.3em;
  display: inline-block;
  animation: move-arrow 1.8s linear infinite;
}
.prev {
  letter-spacing: 0.8px;
  color: #555;
}
.next {
  letter-spacing: 0.8px;
  color: #555;
}
.accent-link {
  font-size: 0.9em;
  padding-top: 15px;
  color: inherit;
  text-decoration: none;
  transition: color 0.3s ease;
}
.accent-link a {
  font-family: 'Poppins', sans-serif;
}
.accent-link a:hover {
  color: #7755FF;
}
.back-to-blog {
  margin: 3em 0 0;
}
.back-to-blog a {
  color: #555;
  font-size: 0.9em;
  text-decoration: none;
  transition: 0.3s;
}
.back-to-blog a:hover {
  color: #5e3fde;
}
.back-to-blog::before {
  content: "\f053";
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 12px;
  color: #777;
  display: inline-block;
  margin-right: 0.4em;
  vertical-align: 0.08em;
}
/* ========== Category Navigation - Minimal (M2) ========== */
.cat-nav-minimal {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  overflow-x: auto;
  padding: 0.6rem 0;
  margin: 1.2rem 0 1.6rem;
  scrollbar-width: none; /* Firefox */
}
.cat-nav-minimal::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.cat-nav-minimal a {
  font-size: 0.95em;
  color: #222;
  text-decoration: none;
  padding: 0.3rem 0.2rem;
  white-space: nowrap;
  position: relative;
  transition: color 0.25s ease, opacity 0.25s ease;
}
/* hover */
.cat-nav-minimal a:hover {
  color: #000;
  opacity: 0.6;
}
/* Responsive 微調整 */
@media (max-width: 600px) {
  .cat-nav-minimal {
    justify-content: flex-start;
    gap: 1rem;
    margin-bottom: 1.2rem;
  }
  .cat-nav-minimal a {
    font-size: 0.9em;
  }
}
/* =========================================================
   共通カテゴリナビ（Flex版・3等分固定・SPも横並び）
   ※ SP1列案は下部にコメントで残しています
========================================================= */
/* UL：カテゴリ全体 */
.wp-block-categories-list.cat-nav-minimal {
  list-style: none;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid #CCC;
  padding-bottom: 1.4rem; /* カテゴリと線の間 */
  margin-bottom: 3rem; /* 線より下の余白 */
  max-width: 50%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
  flex-wrap: nowrap; /* ← 折り返さない（SPも横並び維持） */
  justify-content: center;
}
/* PC：3等分（中央50%） */
@media (min-width: 768px) {
  .wp-block-categories-list.cat-nav-minimal li {
    flex: 0 0 calc(100% / 3);
    text-align: center;
  }
}
/* SP：全幅で3等分横並び（折り返しなし） */
@media (max-width: 767px) {
  .wp-block-categories-list.cat-nav-minimal {
    max-width: 100%; /* SP時は全幅 */
  }
  .wp-block-categories-list.cat-nav-minimal li {
    flex: 0 0 calc(100% / 3);
    text-align: center;
  }
}
/* Aタグ（共通） */
.wp-block-categories-list.cat-nav-minimal a {
  display: inline-flex;
  align-items: center;
  gap: 0.45em;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.25s ease;
  white-space: nowrap;
  font-size: 0.94em;
}
.wp-block-categories-list.cat-nav-minimal a:hover {
  opacity: 0.7;
}
/* 現在のカテゴリ */
.wp-block-categories-list.cat-nav-minimal .current-cat > a {
  opacity: 1;
}
/* アイコン */
.wp-block-categories-list.cat-nav-minimal a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
/* ▼ スラッグ判定（相対パス推奨） */
.wp-block-categories-list.cat-nav-minimal a[href*="/column"]::before {
  background-image: url('https://gensaisha.jp/images/icons/icon-column.svg');
}
.wp-block-categories-list.cat-nav-minimal a[href*="/tech"]::before {
  background-image: url('https://gensaisha.jp/images/icons/icon-tech.svg');
}
.wp-block-categories-list.cat-nav-minimal a[href*="/diary"]::before {
  background-image: url('https://gensaisha.jp/images/icons/icon-diary.svg');
}
/* SP（767px以下）：文字サイズを少し小さく */
@media (max-width: 767px) {
  .wp-block-categories-list.cat-nav-minimal a {
    font-size: 0.85em;
  }
}
/* ---------------------------------------------------------
   ▼（参考）元案：SPで1列にする場合のコード（残しておきます）
   必要になったらアンコメントで即切替できます
--------------------------------------------------------- */
/*
@media (max-width: 767px) {
  .wp-block-categories-list.cat-nav-minimal li {
    flex: 0 0 100%;
    text-align: left;       // お好みで center に変更可
    margin-bottom: 0.6rem;
  }
}
*/
/* スマホでカテゴリが横スクロールしないよう固定 */
@media (max-width: 767px) {
  .wp-block-categories-list.cat-nav-minimal {
    overflow-x: hidden;
  }
  .wp-block-categories-list.cat-nav-minimal li {
    flex: 1; /* ← 3項目が幅内に収まるよう均等配分 */
  }
}
/*.home .hero-section {
  display: none;
}*/
/* currentアイコン：淡く呼吸＋わずかに拡大（+2%） */
.wp-block-categories-list.cat-nav-minimal .current-cat > a::before {
  animation: current-icon-breathe 2.5s ease-in-out infinite;
  transform-origin: center center;
}
@keyframes current-icon-breathe {
  0%, 100% {
    opacity: 0.5;
    transform: scale(1);
  }
  50% {
    opacity: 1;
    transform: scale(1.08); /* +8% 拡大 */
  }
}
/* current以外：アイコンと文字を薄く（0.65） */
.wp-block-categories-list.cat-nav-minimal li:not(.current-cat) a {
  opacity: 0.65;
}
/* currentは 1.0（念のため明示） */
.wp-block-categories-list.cat-nav-minimal .current-cat > a {
  opacity: 1;
}