/* Yoastパンくずリストのスタイル調整 *********************************/
.yoast-breadcrumbs {
  font-size: 12px;
  text-decoration: none;
  color: var(--etac-header-fg-current, var(--etac-text, #0b1220));
  max-width: 1234px;
  width: 100%;
  margin: 0 auto;
  padding: 0 28px;
  overflow: hidden;
  height: 40px;
  max-height: 48px;
  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: 0 24px;
  }
}