@font-face {
  font-family: icon;
  src: url(/homepage/wp-content/themes/webkikaku/assets/fonts/iconfont.woff2) format("woff2"), url(/homepage/wp-content/themes/webkikaku/assets/fonts/iconfont.woff) format("woff");
  font-weight: 400;
  font-style: normal;
}

.breadcrumb {
  font-size: 10px;
  padding: .5em 15px;
  width: 100%;
  overflow: hidden;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch
}

.breadcrumb__content {
  list-style: none;
  padding-left: 0;
  width: 100%;
  white-space: nowrap
}

.breadcrumb__content>li>a {
  color: #68687f;
  text-decoration: none
}

.breadcrumb__item {
  display: inline-block;
  margin-right: 1em
}

.breadcrumb__item:not(:last-child)::after {
  font-family: icon;
  font-style: normal;
  font-weight: 400;
  vertical-align: middle;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\EA03';
  margin-left: 1em;
  color: #68687f
}

.breadcrumb__item:last-child>.breadcrumb__link {
  pointer-events: none;
  color: #999;
}

.breadcrumb__link {
  color: #68687f;
  text-decoration: none
}

@media (min-width: 992px) {
  .breadcrumb {
      font-size:11px;
      padding: 1em 0 1em 40px;
      width: 95%;
      max-width: 1280px;
      margin-left: auto;
      margin-right: auto
  }

  .breadcrumb__link:hover {
      text-decoration: underline
  }
}