/* BREADCRUMB */

  .breadcrumb-wrap {
    margin-bottom: 4.6875rem;
  }

  nav.breadcrumb {
    color: var(--base-color-gray);
  }

  nav.breadcrumb ol {
    display: flex;
    flex-flow: row wrap;
  }

  nav.breadcrumb li > span {
    padding-right: 0.5em;
  }

  nav.breadcrumb li + li > span {
    padding-left: 0.5em;
  }

  nav.breadcrumb li + li::before {
    content: '/';
  }

  nav.breadcrumb a:hover {
    text-decoration: underline;
  }




  @media (max-width: 800px) {
    
    .breadcrumb-wrap {
      margin-top: 1em;
      margin-bottom: 2em;
    }
    
  }






  @media (max-width: 500px) {
    
    .breadcrumb-wrap {
      margin-top: 2em;
    }
    
    .breadcrumb-wrap.cpy-14 {
      --min-font-size: 12px;
    }
    
    nav.breadcrumb {
      margin-left: calc(var(--page-padding-left) * -1);
      margin-right: calc(var(--page-padding-right) * -1);
    }
  
    nav.breadcrumb > .inner {
      overflow: hidden;
      overflow-x: scroll;
      width: 100%;
      box-sizing: border-box;
  		-ms-overflow-style: none;
  		scrollbar-width: none;
    }
    
    nav.breadcrumb > .inner::-webkit-scrollbar {
      display: none;
    }
    
    nav.breadcrumb ol {
      flex-flow: row nowrap;
      white-space: nowrap;
      width: fit-content;
      padding: 0 var(--page-padding-left);
    }
    
  }