@charset "utf-8";

/* 鑑定メニュー一覧（結果ページ result.css の recommend と共通デザイン） */
#index { padding-top: 32px; }
#allmenus { padding: 0 20px; }
.related-title { font-size: 1.1em; font-weight: bold; color: #f5ecd5; margin: 0 0 12px; letter-spacing: .05em; text-align: center; }
#allmenus .related-title {
  padding: 5% 4%;
  margin-bottom: 4%;
  background: url(../img/contents/menu_ttl_hdr.png) no-repeat center top / 100% auto,
              url(../img/contents/menu_ttl_ftr.png) no-repeat center bottom / 100% auto;
}
.related-list { display: flex; flex-direction: column; gap: 10px; max-width: 420px; margin: 0 auto; }
.disp_pc .related-list { max-width: 500px; }
.disp_pc .related-item { font-size: 15px; }
.disp_pc .related-item span.icon_category { font-size: 12px; }
.related-item { display: flex; justify-content: flex-start; align-items: center; background: #131028; border: 1px solid #C3B68E; border-radius: 6px; padding: 10px 14px; font-family: sans-serif; font-size: 13px; color: #C3B68E; cursor: pointer; }
.related-item span {
  text-align: left;
  line-height: 1.3em;
}
.related-item span.icon_category {
  width: 35px;
  flex: 0 0 35px;
  white-space: nowrap;
  padding: 3px 4px;
  border-radius: 4px;
  text-align: center;
  background-color: #C3B68E;
  color: #1F2121;
  margin-right: 10px;
  font-size: 11px;
  font-weight: bold;
}
.related-item a ,
.related-list a {
  text-decoration: none;
}