@charset "utf-8";

/*--------------------------------------------------------------
  パンくずリスト
--------------------------------------------------------------*/
#breadcrumbs {
  margin:0;
  padding:3rem 10% 1rem 10%;
}
.breadcrumbs {
  margin: 0;
  padding: 0;
  background-color: transparent;
}

.breadcrumbs span {
  margin: 0;
  padding: 0;
  color: #666;
  font-size: 0.9rem;
  line-height: 0.9rem;
  vertical-align: middle;
}

.breadcrumbs span.triangle {
  font-size: 0.5rem;
  line-height: 0.5rem;
  vertical-align: middle;
}

.breadcrumbs span>a {
  margin: 0 0.3rem 0 0.3rem;
  padding: 0;

  color: #666;
  font-size: 0.9rem;
  line-height: 0.9rem;
  vertical-align: middle;
  animation: breadcrumns-anime 1s ease-out forwards;
}

.breadcrumbs span>a:hover {
  color: #000;
}

@keyframes breadcrumns-anime {
  from {
      opacity: 0;
  }

  to {
      opacity: 1;
  }
}