/* パンくず 2026-02 */
.breadcrumb {
  padding-block: 8px;

  .breadcrumb__list {
    width: min(100%, 1100px);
    margin-inline: auto;
    display: flex;
    justify-content: start;
    align-items: center;
    flex-flow: row nowrap;
    gap: 24px;
  }

  .breadcrumb__item {
    flex-shrink: 0;
    position: relative;
    font-size: 14px;
    font-weight: 400;
    color: #061238;
    letter-spacing: 0;
    line-height: 1.5;

    &:not(:last-child)::after {
      content: ">";
      position: absolute;
      inset: 0 0 0 auto;
      margin-block: auto;
      transform: translateX(calc(100% + 1ch));
    }

    &:not(:last-child)::after,
    a {
      font-size: inherit;
      font-weight: inherit;
      color: inherit;
      letter-spacing: inherit;
      line-height: inherit;
    }

    &:last-child {
      a {
        width: min(100%, 25ch);
        display: block;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
      }
    }
  }
}

@media screen and (width <= 767px) {
  .breadcrumb {
    padding-block: calc((8 / 390) * 100vw);

    .breadcrumb__list {
      gap: calc((24 / 390) * 100vw);
    }

    .breadcrumb__item {
      font-size: calc((12 / 390) * 100vw);
    }
  }
}