/*

For Search Pages

*/

/*** COMMON ***/

/* 検索セクション */
div.eop {
  text-align: left;
  /*padding-left: 1em;*/
  margin-top: 3em;
  font-size: .9em;
}
div.eop a {
  display: inline-block;
  font-size: 0.9em;
  border-radius: 5rem;
  padding: 0.1em 1em;
  background: var(--idk-red);
  color: #fff;
}
div.eop a:hover {
  background: var(--idk-darkred);
}

/* 検索結果セクション */
.list_result {
  list-style: none;
}
.item_line {
  border-bottom: 1px solid #ccc;
  padding: 0.5em 0;
}
.item_line:last-child {
  border-bottom: none;
}
.item_line .image {
  display: table-cell;
  width: 10em;
  text-align: center;
}
.item_line .image a {
  display: block;
  background: var(--idk-gray);
  padding: 0.8em 0;
}
.item_line:hover .image {
  opacity: 0.7;
  transition: ease .2s;
}
.image img {
  max-width: 70%;
  height: 4.5em !important;
}
.image img.rect {
  object-fit: cover;
  width: 80% !important;
}
.item_line .info {
  display: table-cell;
  padding-left: 1em;
  vertical-align: middle;
}
.item_line .info a {
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2em;
}
.item_line:hover .info a {
  text-decoration: underline;
}
.item_line .info span {
  margin: 1px 0 0.5em;
}
/*** RESPONSIVE ***/
@media(max-width:767px) {
  .item_line .info {
    font-size: 1.2rem;
  }
}