@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap');

/* PC版・スマホ版共通のスタイル */


/* PC版のスタイル */
/*  PCは、画面左の検索メニュー　*/
@media only screen and (min-width: 768px) {
    .search_product_main {
        width: 100%;
        color: #282F46;
    }
    .search_product_main .margin_top_24px {
        margin-top: 24px;
    }
    .search_product_main .title{
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-weight: 700;
    }
    .search_product_main .search_title{
        font-family: "Noto Sans JP";
        font-size: 12px;
        font-weight: 700;
        margin-top: 16px;
    }
    .search_product_main .search_value input[type=text] {
        height: 28px;
        width: 100%;
        border: 1px solid #282F4614;
        background: #F8F6F4;
        margin-top: 8px;
    }
    .search_product_main .search_value input[type=checkbox] {
        height: 16px;
        width: 16px;
        line-height: 16px;
        accent-color: #282F46;
        border: 1px solid #282F4614;
    }
    .search_product_main .search_value select {
        height: 28px;
        width: 100%;
        border: 1px solid #282F4614;
        background: #F8F6F4;
        margin-top: 8px;
    }
    .search_product_main .search_value label {
        font-family: "Noto Sans JP";
        font-size: 10px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    .search_product_main .search_value_price input[type=text] {
        width: 75%;
    }
    .search_product_main .search_button input[type=submit] {
        font-family: "Noto Sans JP";
        font-size: 12px;
        font-weight: 700;
        width: 100%;
        height: 40px;
        color: #FFFFFF;
        background: #282F46;
        border: none;
        margin-top: 24px;
        cursor: pointer;
    }
    .search_product_main .search_reset input[type=submit]  {
        font-family: "Noto Sans JP";
        font-size: 12px;
        font-weight: 700;
        width: 100%;
        height: 40px;
        color: #282F46;
        border: 1px solid #282F46;
        background-color: #FFFFFF;
        margin-top: 8px;
        cursor: pointer;
    }
}

/* スマホ版のスタイル */
/*  スマホは、ヘッダ部「詳細検索」の検索メニュー　*/
@media only screen and (max-width: 767px) {
    .search_product_main {
        color: #282F46;
        background-color: #FFFFFF;
        padding: 24px;
    }
    .search_product_main .margin_top_24px {
        margin-top: 24px;
    }
    .search_product_main .title{
        font-family: "Noto Sans JP";
        font-size: 18px;
        font-weight: 700;
    }
    .search_product_main .search_title{
        font-family: "Noto Sans JP";
        font-size: 12px;
        font-weight: 700;
        margin-top: 16px;
    }
    .search_product_main .search_value input[type=text] {
        height: 28px;
        width: 100%;
        border: 1px solid #282F4614;
        background: #F8F6F4;
        margin-top: 8px;
    }
    .search_product_main .search_value input[type=checkbox] {
        height: 16px;
        width: 16px;
        line-height: 16px;
        accent-color: #282F46;
        border: 1px solid #282F4614;
    }
    .search_product_main .search_value select {
        height: 28px;
        width: 100%;
        border: 1px solid #282F4614;
        background: #F8F6F4;
        margin-top: 8px;
    }
    .search_product_main .search_value label {
        font-family: "Noto Sans JP";
        font-size: 10px;
        font-weight: 700;
        padding-bottom: 10px;
    }
    .search_product_main .search_value_price input[type=text] {
        width: 75%;
    }
    .search_product_main .search_button input[type=submit] {
        font-family: "Noto Sans JP";
        font-size: 12px;
        font-weight: 700;
        width: 100%;
        height: 40px;
        color: #FFFFFF;
        background: #282F46;
        border: none;
        margin-top: 24px;
        cursor: pointer;
    }
    .search_product_main .search_reset input[type=submit]  {
        font-family: "Noto Sans JP";
        font-size: 12px;
        font-weight: 700;
        width: 100%;
        height: 40px;
        color: #282F46;
        border: 1px solid #282F46;
        background-color: #FFFFFF;
        margin-top: 8px;
        cursor: pointer;
    }
}