/* Yoastパンくずリストのスタイル調整 *********************************/
.yoast-breadcrumbs {
  font-size: 12px;
  text-decoration: none;
  color: var(--etac-header-fg-current, var(--etac-text, #0b1220));
  max-width: 1234px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8px 28px 0;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
  height: 48px;
  scrollbar-width: none;
  -ms-overflow-style: none;
  -webkit-overflow-scrolling: touch;
  max-height: 56px;
  opacity: 1;
  transform: translateY(0);
  transition:
    max-height .24s ease,
    opacity .2s ease,
    transform .24s ease,
    margin .24s ease,
    padding .24s ease;
  will-change: max-height, opacity, transform;
}
.yoast-breadcrumbs span span:not(:last-child)::after {
  content: "";
  display: inline-block;
  width: 6px;
  height: 6px;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(-45deg);
  margin: 0 8px 3px 8px;
  vertical-align: middle;
}
.yoast-breadcrumbs a {
  text-decoration: none;
  color: currentColor;
}
.yoast-breadcrumbs a:hover {
  text-decoration: underline;
  opacity: .72;
}
.yoast-breadcrumbs .breadcrumb_last {
  text-decoration: none;
}

body.etac-page-scrolled:not(.etac-page-scrolling-up) .wp-site-blocks > header.wp-block-template-part:first-of-type .yoast-breadcrumbs,
body.etac-page-scrolled.etac-page-near-bottom .wp-site-blocks > header.wp-block-template-part:first-of-type .yoast-breadcrumbs,
body.etac-footer-visible .wp-site-blocks > header.wp-block-template-part:first-of-type .yoast-breadcrumbs {
  max-height: 0;
  opacity: 0;
  transform: translateY(-8px);
  margin-top: 0;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  pointer-events: none;
}

@media (max-width: 767px) {
  .yoast-breadcrumbs {
    padding: 8px 24px 0;
  }
}

/* Codex breadcrumb nowrap 2026-06-09 start */
.yoast-breadcrumbs::-webkit-scrollbar {
  display: none;
}

.yoast-breadcrumbs span,
.yoast-breadcrumbs a {
  white-space: nowrap;
}
/* Codex breadcrumb nowrap 2026-06-09 end */
/* Codex mobile breadcrumb scroll gutter 2026-06-09 start */
@media (max-width: 767px) {
  .yoast-breadcrumbs {
    box-sizing: border-box;
    width: calc(100% - 48px);
    max-width: calc(100% - 48px);
    margin-left: 24px;
    margin-right: 24px;
    padding-left: 0;
    padding-right: 0;
    scroll-padding-left: 0;
    scroll-padding-right: 24px;
  }

  .yoast-breadcrumbs > span {
    display: inline-block;
    padding-right: 24px;
  }
}
/* Codex mobile breadcrumb scroll gutter 2026-06-09 end */