/** ======================================================================
 * 以下のテンプレートのみから参照されるスタイルシート
 * src/Recruit/JobBundle/Resources/views/Default/index.html.twig
 *
 * 求人の各カードに対してのCSSはここには記載せず、各vue.jsファイルのScoped CSSを利用する
 * ======================================================================= */
 
/* mobile */
@media screen and (max-width:599px) {
    .job-listbox.ichiran {
        background: #F4F4F4;
    }

    .save-search-navbar-sp {
        background-color: yellow;
        border: 1px solid black;
    }
    
    .save-search-navbar-content-sp {
        background-color: white;
        border: 1px solid black;
        width: 80%;
        margin: 20px;
        padding: 20px;
    }

    .save-search-toggle-btn {
        display: none !important;
    }

    #save-search-navbar-id {
        display: none;
    }
}

/* tablet */
@media screen and (min-width: 560px) and (max-width:979px) {
    .job-listbox.ichiran {
        background: #FFF;
    }

    #save-search-navbar-id {
        display: none !important;
    }
}

/* PC */
@media screen and (min-width: 960px) {
    .job-listbox.ichiran {
        background: #FFF;
    }

    #save-search-navbar-id {
        display: none !important;
    }

    .save-search-toggle-btn {
        border-color: red;
        display: inline-block !important;
    }
}