@charset "utf-8";


/* 　base
******************************************/
@media screen and (min-width:641px){
.js-clingify-locked{z-index: 0;}
}
.js-clingify-wrapper{background: rgba(255,255,255,.8);}

/* 　link
******************************************/
a{color: #333;}
a:hover,a:active{color: #999;text-decoration: underline;}
a:hover img{opacity: .8;}a:hover .rollover{opacity: 1;}

.headline a{color: #fff;}
.pagination>li>a{color: #333;}
.pagination>li>a i.fa,
.pagination>li>span i.fa{margin-right: 0;}
.pagination>li>a:hover,.pagination>li>a:active{background: #333;color: #fff;}

/* 　job
******************************************/
.job-category{color: #f00;font-size: 150%;}
.job-type{color: #999;}
.job-desc{line-height: 1.4;}
.job-salary{font-size: 120%;display: block;}
.job-salary .salary-title,
.job-salary .salary-body{display: inline-block;line-height: 1.4;vertical-align: bottom;}
.job-salary .salary-title{background: rgb(255, 228, 0);padding: 0px 10px;margin-right: 2px;margin-bottom: 5px;}
.job-salary .salary-body{display: inline-block;padding: 1px;letter-spacing:-1px;margin-top: 3px;}
.job-salary .salary-body .num{font-size: 230%;line-height: 1;}
.job-feature{font-size: 70%;}
.job-feature li{background: #fff;box-shadow:1px 1px 2px 0 rgba(0,0,0,.2);display: inline-block;margin-right: 3px;margin-bottom: 5px;border: solid 1px #555;border-radius:5px;}
.job-vehicle li{display: inline-block;border-radius:5px;}

.feature{display: block;vertical-align: middle;}
.icon-feature{background: url(../img/icon-feature.png) no-repeat;
width: 50px;height: 50px;display: inline-block;background-size:600%;vertical-align: middle;}
.icon-text{display: inline-block;vertical-align: middle;padding-right: 10px;font-size: 120%;}
.feature-woman i{background-position: 0 0;}
.feature-60 i{background-position: 20% 0;}
.feature-40 i{background-position: 40% 0;}
.feature-20 i{background-position: 60% 0;}
.feature-experienced i{background-position: 80% 0;}
.feature-station i{background-position: 100% 0;}
.feature-insurance i{background-position: 0 100%;}
.feature-beginner i{background-position: 20% 100%;}
.feature-double i{background-position: 40% 100%;}
.feature-bike i{background-position: 60% 100%;}
.feature-holiday i{background-position: 80% 100%;}
.feature-blank i{background-position: 100% 100%;}

.vehicle{display: block;vertical-align: middle;}
.icon-vehicle{background: url(../img/icon/icon-vehicle.png) no-repeat;margin-left: 3px;
width: 60px;height: 30px;display: inline-block;background-size:500%;vertical-align: middle;}
.icon-text{display: inline-block;vertical-align: middle;padding-right: 10px;}
.vehicle-s i{background-position: 0 0;}
.vehicle-m i{background-position: 25% 0;}
.vehicle-l i{background-position: 50% 0;}
.vehicle-tractor i{background-position: 75% 0;}
.vehicle-bike i{background-position: 100% 0;}
.vehicle-s2 i{background-position: 0% 100%;}
.vehicle-m2 i{background-position: 25% 100%;}
.vehicle-l2 i{background-position: 50% 100%;}
.vehicle-crane i{background-position: 75% 100%;}
.vehicle-forklift i{background-position: 100% 100%;}
.vehicle-forklift .icon-text{margin-left: -8%;}

/* 　index
******************************************/
.list-employment{display: inline-block;}
.list-employment li{display: inline-block;font-size: 70%;background: #eee; color: #333;border: solid 1px #ddd;
padding: 5px 8px;line-height: 1;}
.list-license{display: block;margin-bottom: 5px;}
.list-license li{display: inline-block;font-size: 90%;background: yellow; color: #333;border: solid 1px #999;
padding: 5px 8px;line-height: 1;}

.table-result .area{color: #999;display: inline-block;float: left;}
.table-result .list-employment{float: right;}
.table-result .category{font-size: 120%;font-weight: bold;margin-top: 5px;clear: both;color: #d62c1a;}
.table-result .title{line-height: 1.4;font-size: 90%;}
@media screen and (max-width:640px){
.list-employment,
.list-license{margin-top: 0;}
}

/* preset: feature
---------------------------------------*/
.form-feature-apply label{background: rgba(250,105,223,.1);}
.form-feature-work label{background: rgba(52,91,209,.1);}
.form-feature-company label{background: rgba(20,147,29,.1);}
.form-feature-offtime label{background: rgba(247,128,9,.1);}

.form-feature-apply i{color: rgba(250,105,223,1);}
.form-feature-work i{color: rgba(52,91,209,1);}
.form-feature-company i{color: rgba(20,147,29,1);}
.form-feature-offtime i{color: rgba(247,128,9,1);}

/*************************
extend for /admin/
*************************/
.label-gray{background: #ddd;color: #999;}
.input-group-m{width: 70%;}
.pos{position: relative;}
.info{padding: 20px;background: #fff;border: solid 1px #ddd;border-radius:5px;}
/* 　nav
******************************************/
nav h2{padding: 20px;font-size: 100%;background: #333;color: #fff;margin-bottom: 0;}
nav ul{font-size: 110%;}
nav li{border-top: solid 1px rgba(0,0,0,.3);}
nav li:last-child{border-bottom: solid 1px rgba(0,0,0,.3);}
nav li a{display: block;padding: 10px;}

/* 　main
******************************************/

/*detail*/
.job-detail-inner{background: #fff;border: solid 1px #ddd;box-shadow:1px 1px 3px 0 rgba(0,0,0,.2);text-align: left;padding: 40px;margin-bottom: 30px;}
.job-detail-inner h2{color: #333;margin-bottom: 20px;border-bottom: solid 1px #011E54;line-height: 1.6;padding-bottom: 10px;}
.table-job-main{font-size: 110%;}
.table-job-main th,
.table-job-main td{border: solid 5px #fff;}
.table-job-main th{background: #333;color: #fff;padding: 3px 10px;}
.table-job-main td{padding: 3px 20px;color: #333;}
.table-job-sub th{background: #eee;color: #111;}
.job-detail-feature{background: #eee;border-radius:10px;padding: 20px;font-size: 90%;}
.job-detail-feature h3{margin-bottom: 20px;}
@media screen and (min-width:641px){
.table-job-main th{width: 20%;}
}

/*edit*/
.salary-col{display: inline-block;}
.salary-col select{height: 27px;}
.salary-col input{max-width: 50%;}
/*news*/
@media screen and (min-width:641px){
.table-result-news .cell-label{width: 10%;}
.table-result-news .cell-detail{width: 60%;}
}


/*for print*/
@media print{
@page { size: A4 }
body {-webkit-print-color-adjust: exact;font-size: 18px;}
header,.side,.breadcrumb,
.section-inner > *:not(.print){display: none;}
table th{background: #eee !important;}
.print{font-size: 7pt;border: 0;box-shadow:none;padding: 20px;}
footer{font-size: 5pt;border-top: solid 2px #ddd;}
.job-feature li{background: yellow !important;}
.icon-feature{display: none;}
.icon-text{padding-right: 0;}
}