#searchArea {
    background: #eeeeee;
    padding: 2.5em;
    margin-bottom: 30px;
    position: relative;
}
#searchArea:before {
    position: absolute;
    top: 100%;
    left: 49%;
    content: "";
    width: 0;
    height: 0;
    border: 15px solid transparent;
    border-top: 15px solid #eeeeee;
}
#searchArea ul {
    padding-left: 0;
    margin-bottom: 0;
    display: flex;
}
#searchArea ul li {
    list-style: none;
    width: 50%;
}
#searchArea label {
    font-family: Oswald, "Lucida Grande", sans-serif;
    font-size: 1.75em;
    font-weight: normal;
    vertical-align: sub;
}
#searchArea select#yourmodel,
#searchArea select#genre {
    margin-left: 1em;
    padding: 0.5em;
    width: 70%;
    font-size: 1.2em;
    font-weight: normal;
    border: 1px solid #cccccc;
}
/*from here*/
#resultArea {
    min-height: 276px;
}
#resultArea .resultTxt {
    font-size: 18px;
}
#resultArea ul {
    padding: 0;
    min-height: 276px;
    display: flex;
    flex-wrap: wrap;
    padding-inline-start: 0;
    box-sizing: border-box;
}
/*till here*/
/*
    #resultArea ul{
    padding: 0;
    display:flex;
    flex-wrap: wrap;
    padding-inline-start: 0;
    box-sizing: border-box;
    }*/
#resultArea ul li {
    flex-basis: 20%;
    max-width: 20%;
    padding: 0.5% 0.5% 1.5%;
    list-style: none;
    font-size: 1.5vw;
    font-weight: normal;
}
#resultArea ul li img {
    display: block;
    width: 100%;
    margin-bottom: 0.1vw;
}

@media (min-width: 1200px) {
    #resultArea ul li {
        font-size: 16px; /*聧脜鈥樏モ檒*/
    }
}

@media (max-width: 991px) {
    #searchArea {
        padding: 1.5em 1.5em 2.5em;
    }
    #searchArea:before {
        left: 48%;
    }
    #searchArea ul {
        display: block;
    }
    #searchArea ul li {
        width: 100%;
        margin-bottom: 20px;
    }
    #searchArea ul li:last-child {
        margin-bottom: 0;
    }
    #searchArea select#yourmodel,
    #searchArea select#genre {
        width: 100%;
        display: block;
        margin-left: 0;
    }
}

@media (max-width: 767px) {
    #searchArea:before {
        left: 47%;
    }
    #resultArea ul li {
        flex-basis: 50%;
        max-width: 50%;
        padding: 1.5%;
        font-size: 1.2em;
    }
}
<!--0.00023913383483887-->