@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/*                                                        */
/* ● crumb.css                                           */
/*    共通部品                                            */
/*    ・パンくずナビ                                      */
/*                                                        */
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━ */

/* BreadCrumb
--------------------------------------------------- */
.BreadCrumb {
  padding: 0.75em $pc-padding;
  @include media-query(under-bp-m) {
    padding: 0.75em $sp-padding;
  }      
  // .PageWidthSetter{
  //   min-width: 0;
  //   max-width: initial;
  //   @include media-query(over-bp-m) {
  //     padding: 0.75em calc(2 * #{$pc-padding});
  //   }
  //   @include media-query(under-bp-m) {
  //   }
  // }
  
  @extend %FontSansSerif;
  
  font-size: 1.2rem;
  // color: #fff;
  // background-color: #222;
  .breadcrumb_last{
    font-weight: 800;
  }
  @include media-query(under-bp-m) {
    //overflow-x: scroll;
    font-size: 1.0rem;
    padding: 0.75em $sp-padding;
  }
    p{
      text-align: left;
      margin: 0 auto;
      > *{
        letter-spacing: 0em;
      }
      .Partition{
        padding: 0 0.5em;
        display: inline;
        opacity: 0.25;
        font-size: 87.5%;
      }
      .Unit{
        text-align: left;
        &.Last{
          font-weight: bold;
        }
        &.Home{
          .Icon{
            color: $main-color;
          }
        }
      }
      a{
        color: inherit;
        html.PcView &:hover,
        &:focus{
          text-decoration: underline;
        }
      }
    }

  }