/* 案件: 忠孝酒造 / DOKODEMO_ABISU-777 */
/* 対象: https://www.chuko-awamori.com/ (トップページのピックアップ記事欄) */
/* 用途: カードの並び(高さをそろえる)・サムネイル下のカテゴリバッジ(PC 768px以上 / スマホ 767px以下) */

.link_area.up-d_pickup--top ul > div {
  display: contents;
}

.link_area.up-d_pickup--top ul li a .photo {
  margin-bottom: 0;
}

.link_area.up-d_pickup--top ul li a .photo img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 215 / 145;
  object-fit: cover;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge {
  display: inline-block;
  min-width: 62px;
  height: 23px;
  margin: 0 0 15px;
  padding: 0 8px;
  box-sizing: border-box;
  border-radius: 0 0 4px 0;
  background-color: #5d3b18;
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  line-height: 23px;
  text-align: center;
  white-space: nowrap;
  vertical-align: top;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="2"] {
  background-color: #a17739;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="3"] {
  background-color: #242424;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="4"] {
  background-color: #34085a;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="5"] {
  background-color: #916b3c;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="6"] {
  background-color: #69408c;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="7"] {
  background-color: #e74701;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="8"] {
  background-color: #cf2e2e;
}

.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge:empty,
.link_area.up-d_pickup--top ul li a .up-d_pickup-card__badge[data-up-d-cat="none"] {
  display: none;
}

.link_area.up-d_pickup--top .up-d_pickup-url {
  display: none;
}

@media screen and (min-width: 768px) {
  .link_area.up-d_pickup--top ul {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
  }

  .link_area.up-d_pickup--top ul li {
    float: none;
    height: auto;
  }
}
