/* search-bar */
.search-bar {
	align-items: center;
	justify-content: center;
	width: 100%;
	border-radius: 1rem;
	font-size: 14px;
	font-weight: 500;
	height: 32px;
	padding-left: 8px;
	padding-right:8px;
}

.search-bar-error {
	background-color: #F8EAE7 !important;
}

/* search-bar box*/
.search-box {
	border: none;
	outline: none;
	font-weight: 500;
	background-color: rgba(0, 0, 0, 0);
	width: calc(100% - 40px)
}

.search-bar-error .search-box {
	color: #DC0D00 !important;
}
.search-bar-error.icn_search-secondary-before::before {
	background-image: url(../img/icon_google/search-error_main.svg);
}

.search-bar-error.icn_tune-primary-after::after {
	background-image: url(../img/icon_google/tune-error_main.svg);
}

.search-bar-disabled > input {
	color: #ADB4B6 !important;
}

.search-bar-disabled.icn_search-secondary-before::before {
	background-image: url(../img/icon_google/search-gray.svg);
}

.search-bar-disabled.icn_tune-primary-after::after {
	background-image: url(../img/icon_google/tune-gray.svg);
}


/* 検索リセット*/
.reset-search:hover {
	coler: #051A26 !important;
}

.reset-search:hover::before {
	background-image: url(../img/icon_google/refresh-primary_dark.svg);
}

/* 検索タグ*/
.icn_close:after {
	content: url("../img/icon_google/close.svg") !important;
}

/* サジェストボックスのスタイル */
.suggestions {
  border: 1px solid #ccc;
  border-top: none; /* 上部の境界線を非表示 */
  width: 100%;
  max-height: 200px; /* サジェストボックスの最大高さを設定 */
  border-radius: 5px 5px 0 0; /* 上部の左上と右上の角をなくす */
  border-left: none; /* 左側の境界線を非表示 */
  border-right: none; /* 右側の境界線を非表示 */
  padding-left: 1rem;
  padding-right: 1rem;
  background-color: #F4F4F4 !important;
}

/* サジェストの項目のスタイル */
.suggestions li {
  padding: 8px;
  cursor: pointer;
  list-style-type: none;
}

/* サジェストの項目のホバースタイル */
.suggestions li:hover {
  background-color: #f0f0f0 !important;
}

/* 検索条件リセット用start */

.reset {
	font-weight: bold;
	color: #1F415F !important;
	position: relative;
	z-index: 1;
	cursor: pointer;
	flex: 1;
	padding: 5px 0;
	margin: 0 5px; 
}

.reset::before {
	content: "";
	display: inline-block;
	background: url("../img/icon_google/refresh.svg");
	background-size: contain;
	margin-right: 4px;
	background-repeat: no-repeat;
}

/* 検索条件リセット用end */