@charset "UTF-8";
/* =========================================
   検索結果ページをカテゴリーページと同じカード型に
========================================= */
#searchresult ul {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr));
  gap: 1.5em;
}

#searchresult .article {
  position: relative;
}

#searchresult .article-inner {
  display: flex;
  flex-direction: column;
  gap: 1em;
}

#searchresult .article-thumb {
  flex: none;
}

#searchresult .article-thumb img {
  width: 100%;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

#searchresult .article-body {
  display: flex;
  flex-direction: column;
  gap: .5em;
}

#searchresult .article-title {
  font-size: clamp(1.6rem, 4.44444vw, 1.8rem);
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
}

#searchresult .article-desc {
  color: inherit;
  opacity: .75;
  font-size: 1.3rem;
  line-height: 1.7;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-bottom: 0;
}

#searchresult .article-more {
  display: none;
}

/* PC時のホバーエフェクトをカテゴリページと統一 */
@media (min-width: 1025px) {
  #searchresult .article a {
    transition: 0.2s;
  }
  #searchresult .article a:hover {
    opacity: 0.5;
  }
  #searchresult .article-thumb img {
    max-height: 300px;
  }
}