.search-box {
  margin-bottom: 30px;
}

.search-row {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  gap: 10px;
  align-items: center;
}
.search-row .search-col__input {
  width: 40%;
}
.search-row .search-col__input .ac_field {
  margin-bottom: 0px !important;
}
.search-row .search-col__input input.ac_input-text {
  padding: 15px 16px;
}
.search-row .search-col__btn .ac_button--primary {
  padding-right: 30px;
  padding-left: 54px;
  margin-bottom: 0;
}
.search-row .search-col__btn .ac_button--primary:after {
  display: none;
}

@media screen and (max-width: 767px) {
  .search-row {
    flex-direction: column;
  }
  .search-row .search-col__input {
    width: 100%;
  }
  .search-row .search-col__btn {
    width: 100%;
  }
}
.result-box {
  overflow: hidden;
  border-radius: 10px;
  background-color: #fff;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.result-box h3 {
  background-color: #307fab;
  padding: 10px 0 8px 0;
}

.release-row {
  display: flex;
  gap: 10px;
}

.result-area-row {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 50px 20px;
}
.result-area-row .result-area-col--txt {
  width: 55%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 30px;
}
.result-area-row .result-area-col--txt .release-date {
  width: -moz-fit-content;
  width: fit-content;
  /*padding: 1px 5px ;
  border: #C00000 1px solid;*/
}
.result-area-row .result-area-col--txt .ac_tag.ac_tag--outline:has(.tag-badge) {
  padding: 4px 9px 3px;
  margin-bottom: 5px;
}
.result-area-row .result-area-col--txt .tag-badge {
  font-size: 36px;
  line-height: 1;
  vertical-align: middle;
}
.result-area-row .result-area-col--txt .kw-wrap {
  padding-left: 5px;
  margin-bottom: 5px;
}
.result-area-row .result-area-col--txt .product-code-row {
  display: flex;
  gap: 10px;
  align-items: end;
  margin-bottom: 30px;
}
.result-area-row .result-area-col--txt .product-code-row h4 {
  font-size: 50px;
  line-height: 1;
}
.result-area-row .result-area-col--img {
  width: 38%;
  display: flex;
  flex-direction: column;
  gap: 10px;
  padding-bottom: 30px;
}

@media screen and (max-width: 959px) {
  .result-area-row .result-area-col--txt .product-code-row {
    margin-bottom: 10px;
  }
  .result-area-row .result-area-col--txt .product-code-row h4 {
    font-size: 40px;
  }
  .result-area-row .tag-badge {
    font-size: 28px !important;
  }
  .result-area-row .ac_tag.ac_tag--outline:has(.tag-badge) {
    margin-bottom: 2px;
  }
}
@media screen and (max-width: 767px) {
  .result-area-row {
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 30px 20px;
  }
  .result-area-row .result-area-col--txt {
    width: 100%;
    padding-bottom: 0;
    gap: 5;
  }
  .result-area-row .result-area-col--txt .product-code-row {
    flex-direction: column;
    gap: 0;
    align-items: flex-start;
  }
  .result-area-row .result-area-col--txt .product-code-row h4 {
    font-size: 35px;
  }
  .result-area-row .result-area-col--img {
    width: 90%;
  }
  .result-area-row .result-area-col--img img {
    width: 100%;
    max-width: 300px;
    display: block;
    margin: 0 auto;
  }
}
.message-box {
  padding: 0px 40px;
}

.is-hidden {
  display: none !important;
}/*# sourceMappingURL=search-hpexuni.css.map */