@charset"utf-8";

.searchArea{
  background: #fdfcf8;
  padding: 2em;
}

.searchArea .inputForm .input {
  font-size: 140%;
  width: 660px;
  padding: 1em 0;
}

.searchArea .btnArea {
  margin: 2em 0 1em;
}

.searchArea .searchBox {
    width: 400px;
}
.searchArea .searchCategory {
    width: 353px;
}
@media screen and (max-width:768px) {
.searchArea {
    background: #fdfcf8;
    padding: 1em;
}
.searchArea .inputForm .input {
  width: 100%;
}
.searchArea .searchBox {
  width: 100%;
}
.searchArea .searchCategory {
  width: 100%;
}
.searchArea .inputForm input[type="text"].half{
  width: 30%;
  padding: 1em .5em; 
}
  
}