/* パンくず
------------------------------------------------------------*/
.breadcrumb {
  width: 70%;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 13px;
}

.breadcrumb li:not(:last-of-type)::after {
  content: ">";
  margin: 0.6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}


@media (max-width : 640px) {

.breadcrumb {
  width: 94%;
  margin: 0px auto;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  font-size: 15px;
}

.breadcrumb li:not(:last-of-type)::after {
  content: ">";
  margin: 0.6em; /* 記号の左右の余白 */
  color: #777; /* 記号の色 */
}
    }