@charset "utf-8";

@import url("parts_fsearch.css");


.main_contents__inner {
    width: 95%;
    padding: 0 0 3.2rem 0;
    margin:0 auto;
}


.search__row {
    width: 100%;
    padding: 0 0 3.2rem 0;
}



/* -------------------------------

    ページ / レイアウト

------------------------------- */

@media (min-width: 1024px) {

    /* PC */

    .search__row {
        width: 100%;
        padding: 3.2rem;
        border-bottom: 1px solid #ddd;
    }

    .search__row--keyword,
    .search__row--price ._priceinput,
    .search__row ._attributegroup {
        display: grid;
        grid-template-columns: 20% 80%;
        /*        align-items: center;*/
    }


    .search__row ._priceinput ._label,
    .search__row ._group {
        padding-top: .8rem;
        font-size: 1.3rem;
    }


}


@media (min-width: 767.98px) and (max-width: 1023px) {

    /* pad */
    .search__row--keyword,
    .search__row--price ._priceinput,
    .search__row ._attributegroup {
        display: grid;
        grid-template-columns: 20% 80%;
        /*        align-items: center;*/
    }


}



/* リセット / 検索する  */


[data-popfind="searchcondition"]{
    position: relative;
    margin-bottom:80px;
}



._allreset ._reset button {
    position: absolute;
    width: 49%;
    left: 1%;
    bottom: -80px;
    height: 4.4rem;
    border: 1px solid #888;
    background-color: #888;
    border-radius: .2rem;
    cursor: pointer;
    color: #fff;
}

input[type="submit"].btn.btn--submit {
    position: absolute;
    width: 49%;
    right: 1%;
    bottom: -80px;
    border: 1px solid #333;
    background-color: #333;
    border-radius: .2rem;
    height: 4.4rem;
    cursor: pointer;
    color: #fff;
}

._allreset ._reset button:hover,
input[type="submit"].btn.btn--submit:hover {
    opacity: .7;
    transition: .3s;
}

@media (min-width: 767.98px) and (max-width: 1023px) {


._allreset ._reset button {
    width: 48%;
    left: 0;
}

input[type="submit"].btn.btn--submit {
    width: 48%;
    right: 0%;
}

}


@media (max-width: 767.98px) {

._allreset ._reset button {
    width: 49%;
    left: 0;
}

input[type="submit"].btn.btn--submit {
    width: 49%;
    right: 0%;
}



}