@charset "UTF-8";

/**********************************************************************
  パンくずリスト用css
**********************************************************************/

/* パンくずリスト Start */
.container .breadcrumb {
  display: flex;
  justify-content: start;
  align-items: center;
  flex-direction: row;
  margin-bottom: 1.2rem;
  list-style: none;
  font-size: 0.9rem;

  li {
    a {
      position: relative;
      color: var(--color-text);

      @media (any-hover: hover) {
        &:hover {
          color: var(--color-link-hover);
        }
      }
    }
  }
  li + li:before {
    content: ">";
    margin: 0.5rem;
  }
}
/* パンくずリスト End */