@charset "UTF-8";

/* 検索結果コンテンツ
---------------------------------*/
.is-category-page .trouble-content{
  margin-top:-6.4rem;
}
.is-search-result-page .trouble-content{
  margin-top:-15rem;
}
@media only screen and ( max-width:960px) {
  .is-search-result-page .trouble-content{
    margin-top:-11rem;
  }
}

/* 検索結果ボックス
---------------------------------*/
.search-result-box{
  background: #fff;
  border: .2rem solid var(--color-dark-blue);
  border-radius: .8rem;
  display: grid;
  grid-template-columns: 16rem 1fr;
  margin-bottom: 3.2rem;
  overflow: hidden;
}
.search-result-box .search-result-box_label {
  display: grid;
  place-items: center;
  background: var(--color-dark-blue);
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
}
.search-result-box .search-result-box_body {
  padding: 2.2rem 2.4rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.2;
  display: grid;
  gap:1rem;
}
.search-result-box_body a span{
  background-image: linear-gradient(#222, #222);
  background-position: 0% 100%;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  transition: background-size 0.6s cubic-bezier(0.170, 0.935, 0.305, 1.000);
}
.search-result-box_body a:hover span{
  background-position: 100% 100%;
  background-size: 0% 1px;
}

@media only screen and ( max-width:960px) {
  .search-result-box {
    grid-template-columns: 1fr;
  }
  .search-result-box .search-result-box_label{
    font-size: 1.6rem;
    padding:1.2rem 2rem;
    place-items: center start;
  }
  .search-result-box .search-result-box_body {
    padding: 1.6rem 2rem;
    font-size: 1.6rem;
  }
}