@charset "UTF-8";

.keyword_search_wrap {
  display: none;
}
.keyword_search_area{
  background: #333;
  padding: 10px 20px 20px;
  /* display: none; */
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: calc(100vh - var(--headerH));
  height: calc(100dvh - var(--headerH));
  z-index: 10;
  overflow-y: auto;
  opacity: .6;
}
.search_form_wrap .search_form_box{
  padding: 16px 28px;
  position: relative;
}
.search_form_wrap .search_form_box{
}
input[type="text"] {
  outline: none;
  -webkit-appearance: none;
  appearance: none;
  transition: border-color 0.2s, box-shadow 0.2s;
}
input[type="text"]:focus {
  border-color: #ea5504;
}
.search_form_wrap .search_form_box .block-global-search--keyword{
  width: 100%;
  padding: 6px 20px;
  border: 1px solid #DBD4CB;
  border-radius: 19px;
  color: #603813;
}
.search_form_wrap .search_form_box .block-global-search--keyword:focus{
  border-color: #ea5504;
}
.search_form_wrap .search_form_box .block-global-search--submit{
  position: absolute;
  right: 48px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 1;
  background: transparent;
  border: none;
}
.block-search-suggest{
  z-index: 11;
}
.block-icon-image--search{
  background-image: none;
}