@charset "UTF-8";
.c-breadcrumb {
  padding-bottom: 10px;
  text-align: left;
}
.c-breadcrumb ol {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.c-breadcrumb ol li {
  font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ StdN", "Hiragino Kaku Gothic StdN" !important;
  position: relative;
  padding-right: 30px;
}
.c-breadcrumb ol li:last-child {
  padding-right: 0;
}
.c-breadcrumb ol li:last-child::after {
  display: none;
}
.c-breadcrumb ol li::after {
  position: absolute;
  top: 0;
  right: 9px;
  content: ">";
  color: #999;
}
.c-breadcrumb ol li a {
  color: #333 !important;
  text-decoration: none;
}
.c-breadcrumb ol li span {
  font-size: 12px;
  white-space: nowrap;
}

@media only screen and (max-width: 640px) {
  .c-breadcrumb ol {
    overflow: auto;
    overflow-x: auto;
    overflow-y: hidden;
    padding: 0 5px;
    white-space: nowrap;
    overflow-scrolling: touch;
  }
  .c-breadcrumb ol li::after {
    font-size: 10px;
  }
  .c-breadcrumb ol li span {
    font-size: 10px;
  }
}
.p-recipeLabel {
  padding-top: 10px;
}
.p-recipeLabel ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: -2px -5px;
}
.p-recipeLabel ul li {
  line-height: 1;
  float: none;
  width: auto;
  margin: 0 0;
  padding: 2px 5px;
  border: none;
  background-color: transparent;
}
.p-recipeLabel ul li a {
  font-size: 12px;
  line-height: 1;
  display: block;
  padding: 2px 2px;
  white-space: nowrap;
  color: #ff6600;
  border: 1px solid #ff6600;
  background-color: #f6f6f6;
}
.p-recipeLabel ul li a:hover {
  opacity: 0.7;
}

@media only screen and (max-width: 640px) {
  .p-recipeLabel ul {
    margin: -1px -8px;
  }
  .p-recipeLabel ul li {
    min-height: auto;
    padding: 1px 8px;
  }
  .p-recipeLabel ul li a {
    padding: 3px 3px;
  }
}
.p-relateLink__wrapper {
  padding: 30px 0;
}

.p-relateLink {
  text-align: left;
}
.p-relateLink .p-relateLink__title {
  font-size: 14px;
  margin-bottom: 0;
  font-weight: bold;
}
.p-relateLink ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 5px 0 20px;
}
.p-relateLink ul li {
  padding-right: 15px;
  font-size: 14px;
}
.p-relateLink ul li a {
  display: block;
  color: #381A08;
  float: left;
  padding: 5px 10px 5px 0;
}

@media only screen and (max-width: 640px) {
  .p-relateLink__wrapper {
    padding: 15px 0;
  }

  .p-relateLink {
    padding: 0px 5px;
  }
  .p-relateLink ul {
    /*-webkit-box-orient: vertical;*/
    /*-webkit-box-direction: normal;*/
    /*-ms-flex-direction: column;*/
    /*flex-direction: column;*/
    /*padding-bottom: 5px;*/
    margin-bottom: 20px;
    display: block;
  }
 /* .p-relateLink ul li {
    padding: 5px 0;
  }*/
}