/*PC版検索結果*/

.srcBtn_li {
 background: #fff;
 border: 1px solid #bebebe;
 border-radius: 5px;
 line-height: 40px;
 text-align: center;
 width: 150px;
 font-size: 14px;
 margin-left: 0px;
 position:relative;
 left:-50%;
 float:left;
 margin-left: 20px;
}

/*
.srcBtn_li a:before {
 content:"\f0c6";
 font-family: FontAwesome;
 margin-right: 5px;
}
*/


.src_Btn {
 position: relative;
 overflow: hidden;
}

.src_Btn ul {
 position: relative;
 left: 50%;
 float:left;
}


.src_Btn_ul_li {
 position:relative;
 left:-50%;
 float:left;
 margin-left: 20px;
/*
 background: #eee;
 border: 1px solid #333;
*/
 line-height: 40px;
 text-align: center;
 width: 220px;
 font-size: 14px;
 margin-left: 0px;
}

/*
.src_Btn_ul_li li:before {
 content:"\f0c6";
 font-family: FontAwesome;
 margin-right: 5px;
}
*/

.src_Btn_ul_li a {
 display: block;
}


.src_Btn_ul_li .srcSubmit {
 width: 220px;
 height: 44px;
 line-height: 40px;
 background: #333;
 color: #fff;
 border: 1px solid #333;
 font-family: "メイリオ","Meiryo",Verdana,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN",sans-serif;
 font-size: 15px;
 cursor: pointer;
 border-radius: 5px;
 letter-spacing: 0.2em;
 text-align: center;
background: url(/assets/img/pc/pc_search_kensaku.png) left 50% no-repeat,#000;
background-position : 50px 50%;
background-size: 25px;
padding-left: 10px;
}



.srcArea_h3 {
 color:#333;
 font-size: 18px;
 text-align: center;
 font-weight: bold;
 margin: 20px 0px 10px;
 letter-spacing: 0.15em;
}

/*
.src_Btn_ul_li i:before{
    content: "\f002";
    font-family: FontAwesome;
    margin-right: 5px;
    color: #fff;
}

.srcBtn_li a:before {
    content: "\f013";
    font-family: FontAwesome;
    margin-right: 5px;
}
*/

.pc_search_tb{
display: table;
 border-bottom: 1px solid #bebebe;
width: 100%;
}

.pc_search_area{
display:table-cell;
font-weight:bold;
font-size:14px;
width:200px;
letter-spacing:0.1em;
padding:10px;
vertical-align: middle;
}

.pc_search_job{
display:table-cell;
font-weight:bold;
font-size:14px;
width:200px;
letter-spacing:0.1em;
padding:10px;
vertical-align: middle;
}

.pc_search_koyou{
display:table-cell;
font-weight:bold;
font-size:14px;
width:200px;
letter-spacing:0.1em;
padding:10px;
vertical-align: middle;
}

.pc_search_free{
display:table-cell;
font-weight:bold;
font-size:14px;
width:200px;
letter-spacing:0.1em;
padding:10px;
vertical-align: middle;
}

.pc_search_kodawari{
display:table-cell;
font-weight:bold;
font-size:14px;
width:200px;
letter-spacing:0.1em;
padding:10px;
vertical-align: middle;
}

.pc_search_check {
 float:right;
 border: 1px solid #333;
 border-radius:5px;
 padding:10px 20px;
 margin-bottom:20px;
 font-size:12px;
 width: 20%;
 text-align: center;
}

.search-select-txt {
    vertical-align: middle;
    padding-right: 5px;
    width: 100%;
    line-height: 1.5em;
}

.search-select-feature-label {
    display: table-cell;
    padding: 0px 20px;
    vertical-align: middle;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

input[type=checkbox].easy-feature-check-position {
    display: table-cell;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    height: 52px;
}


.search_result_txt {
    font-size: 95%;
    color: #333;
    padding-top: 5px;
    text-align: left;
    display: inline-block;
    max-width: 300px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    font-weight: bold;
}


.search_menu01 {
display: flex;
width:100%;
}

.search_menu02 {
display:table-cell;
padding:10px;
width: 20%;
}

.search_menu_button {
background-color:#fff;
padding:10px;
border: 1px solid #bebebe;
border-radius:5px;
letter-spacing: 0.1em;
width:100%;
text-align: left;
}

.search_menu_dv {
display:table-cell;
padding:10px;
width: 60%;
display: flex;
align-items: center;
}

.search_menu_span {
 position: relative;
 display: table-cell;
vertical-align: middle;
font-size: 95%;
color: #bebebe;
padding-left: 10px;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}

.search_menu_span_after {
 position: relative;
 display: table-cell;
vertical-align: middle;
font-size: 95%;
color: #333;
padding-left: 10px;
max-width: 300px;
overflow: hidden;
text-overflow: ellipsis;
word-wrap: break-word;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}


.pc_search_name{
display:table-cell;
font-size:14px;
width:200px;
letter-spacing:0.1em;
padding:10px;
vertical-align: middle;
}

button.search_submit{
    background-color:#fff;
    padding:10px;
    border: 1px solid #bebebe;
    border-radius:5px;
    letter-spacing: 0.1em;
    width:100%;
    text-align: left;
    cursor: pointer;
    color: #bebebe;
}

button#searchClear{
    background-color:#fff;
    padding:10px;
    border: 1px solid #bebebe;
    border-radius:5px;
    letter-spacing: 0.1em;
    width:100%;
    text-align: center;
    cursor: pointer;
}

/*ポップアップ*/

/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#333; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:14px; height:14px; background:url(/assets/img/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/assets/img/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/assets/img/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/assets/img/controls.png) no-repeat 0 -32px;}

    #cboxBottomRight{width:14px; height:43px; background:url(/assets/img/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/assets/img/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/assets/img/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/assets/img/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/assets/img/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible;  position:absolute; bottom:-29px; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0;
/*
 background-position:-100px -25px;
*/
}
        #cboxClose:hover{background-position:-100px 0px;}

        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;
}


a:hover {
text-decoration: none;
}


.pc_search_close {
text-align:right;
margin-bottom:10px;
padding-right: 5px;
 }

input[type=checkbox]{
vertical-align: middle;
}



.search_select{
display:table-cell;
padding:10px;
width: 60%;
display: flex;
align-items: center;
}