@charset "utf-8";
/*____________________________________________________________________________

SITE TITLE: orobianco
TITLE: PC 店舗検索フォーム
____________________________________________________________________________*/
#shop-search-form-output {
  margin-top: 40px;
}
#shop-search-form {
  background: #fafafa;
  padding: 45px 30px;
  text-align: center;
}
#shop-search-form h3 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1.3;
  margin: 0;
  padding: 0;
}
#shop-search-form .shop-search-option {
  display: flex;
  justify-content: center;
  margin: 33px 0;
}
.shop-search-option .select-wrap {
  width: min(100%, 255px);
  margin: 0 30px;
  display: flex;
  align-items: center;
  position: relative;
}
#shop-search-form .shop-search-option select {
  appearance: none;
  width: 100%;
  background: #fff;
  color: #a9a9a9;
  border: 1px solid #ddd;
  font-size: 14px;
  text-align: left;
  line-height: 1.3;
  padding: 10px 13px;
}
#shop-search-form .shop-search-option select.active {
  color: #000;
}
#shop-search-form .shop-search-option select:focus, 
#shop-search-form .shop-search-option select:hover {
  border-color: #ddd;
}
.shop-search-option .uk-icon {
  position: absolute;
  right: 13px;
  color: #666;
  pointer-events: none;
}
#shop-search-button {
  width: min(100%, 235px);
  height: 45px;
  background: #000;
  color: #fff;
  border: none;
  font-size: 14px;
}
#shop-search-form-output .shop-search-bottom-text {
  font-size: 14px;
  line-height: 1.4;
  text-align: center;
  margin: 60px 0 0;
  padding: 0 30px;
}
#shop-search-form-output .shop-search-bottom-text p + p {
  margin-top: 1.3em;
}

@media (max-width: 599px) {
  #shop-search-form {
    padding:35px 12%;
  }
  #shop-search-form h3 {
    font-size: 14px;
  }
  .shop-search-option .select-wrap, 
  #shop-search-button {
    width: 100%;
    margin: 0;
  }
  #shop-search-form .shop-search-option {
    display: block;
    margin: 20px 0;
  }
  .shop-search-option .select-wrap +  .select-wrap {
    margin-top: 14px;
  }
  #shop-search-form .shop-search-option select {
    font-size: 12px;
  }
  #shop-search-button {
    font-size: 12px;
  }
  #shop-search-form-output .shop-search-bottom-text {
    font-weight: bold;
    margin-top: 25px;
    padding: 0;
  }
}