/*イラスト、アイコン、シナリオテンプレートなどのトップページ以外の検索バー*/
.search_area_wrapper {
    padding-top: 15px !important;
    padding-bottom: 15px !important;
}
.tekipaki_search_btn i.fa-solid{
    color: #ffffff;
}
.tekipaki_category_select{
    min-width: 189px !important;
}
select#sort_order {
    border:none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-size: 14px;
}
@media (max-width: 1200px) {
    .tekipaki_search_bar{
        min-width: 95% !important;
        max-width: 95% !important;
        background: none !important;
    }
    .tekipaki_category_select {
        width: 15% !important;
        min-width: 15% !important;
        max-width: 15% !important;
    }
    .tekipaki_search_btn {
        width: 10% !important;
        min-width:10% !important;
        max-width: 10% !important;
    }
    .tekipaki_keyword_search_materials{
        width: 75% !important;
        min-width: 75% !important;
        max-width: 75% !important;
    }
}
@media(max-width:900px){
    .search_area_wrapper {
        padding-top: 15px !important;
        padding-bottom: 15px !important;
    }
    .tekipaki_search_bar{
        min-width: 90% !important;
        max-width: 90% !important;
        background: none !important;
    }
    .tekipaki_category_select {
        width: 15% !important;
        min-width: 15% !important;
        max-width: 15% !important;
    }
    .tekipaki_search_btn {
        width: 12% !important;
        min-width:12% !important;
        max-width: 12% !important;
        border-radius: 0 5px 5px 0 !important;
    }
    .tekipaki_keyword_search_materials{
        width: 73% !important;
        min-width: 73% !important;
        max-width: 73% !important;
    }
    .tekipaki_category_select{
        height: 37px !important;
    }
    .tekipaki_search_btn span{
        color:#ffffff !important;
    }
}