@charset 'UTF-8';

/* IEハック用mixin */

.p-search-site .search_condition_block .c-input
{
    margin-bottom: 10px;
}

.p-search-site .search_condition_block .c-input .search_word
{
    width: 50%;
}

.p-search-site .search_condition_block .c-input .c-search-btn
{
    line-height: 53px;

    width: 100px;

    vertical-align: middle;

    background-color: #004ea1;
}

.p-search-site .search_filter_block
{
    display: table;

    width: 100%;

    background: none;
}

.p-search-site .search_filter_block .search_filter_ttl
{
    font-weight: bold;

    display: table-cell;
    float: none;

    width: 90px;
    padding: 10px 0;

    text-align: center;
    vertical-align: middle;

    color: #fff;
    background: #004ea1;
}

.p-search-site .search_filter_block ul
{
    display: table-cell;
    float: none;

    padding: 5px 5px 5px 10px;

    vertical-align: middle;

    background: #ecedef;
}

.p-search-site .search_filter_block ul svg
{
    vertical-align: middle;
}

.p-search-site #contents_block #main_contents
{
    width: 100%;
}

.p-search-site #contents_block #main_contents .result_set .ph img
{
    max-width: 100%;
}

.p-search-site #contents_block #main_contents .result_set .txt
{
    width: 800px;
}

.p-search-site #contents_block #main_contents .search_info_block
{
    background: #004ea1;
}

@media (max-width: 767px)
{
    .p-search-site
    {
        padding: 0 4vw;
    }

    .p-search-site .search_condition_block
    {
        width: 100%;
    }

    .p-search-site .search_condition_block .c-input .search_word
    {
        display: block;

        width: 100%;
        margin-bottom: 10px;
    }

    .p-search-site .search_condition_block .c-input .c-search-btn
    {
        line-height: 12vw;

        width: 100%;
    }

    .p-search-site #contents_block
    {
        width: 100%;
        padding: 20px 0;
    }

    .p-search-site #contents_block #main_contents .search_info_ttl
    {
        float: none;

        width: 100%;
    }

    .p-search-site #contents_block #main_contents .result_set .ph > div
    {
        display: block;

        width: auto;
        height: auto;
        margin: 0 auto;
    }

    .p-search-site #contents_block #main_contents .result_set .ph
    {
        float: none;

        width: 100%;
        margin-bottom: 10px;

        text-align: center;
    }

    .p-search-site #contents_block #main_contents .result_set .txt
    {
        float: none;

        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 1280px)
{
    .p-search-site .search_condition_block
    {
        width: 960px;
        padding: 0 10px;
    }

    .p-search-site .search_condition_block .c-input .c-search-btn
    {
        line-height: 4.297vw;
    }
}