@charset "utf-8";

/*************************
extend for /admin/
*************************/

.label-gray{background: #ddd;color: #999;}
.input-group-m{width: 70%;}
.pos{position: relative;}

.datepicker{min-width:260px;}
.datepicker thead tr:nth-child(1){background: #666;color: #fff;}
.datepicker thead tr:nth-child(1) th:hover{background: #333;border-radius:0;}
.datepicker thead tr:nth-child(2){background: #eee;}
.datepicker thead tr:nth-child(2) th:first-child{background: #fd4515;color: #fff;}
.datepicker thead tr:nth-child(2) th:last-child{background: #5ba3da;color: #fff;}
.datepicker tbody td.taian{background: #fd9815;color: #fff;}
.datepicker tbody td:first-child{color: #fd4515;background: #f1d2c9;}
.datepicker tbody td:last-child{color: #5ba3da;background: #dbe4ea;}
.datepicker tbody td.old,
.datepicker tbody td.new{color: #ccc;}
.datepicker table tr td, .datepicker table tr th{border-radius:0;}
.datepicker table tr td.disabled, .datepicker table tr td.disabled:hover{color: #ccc;}

.info{padding: 20px;background: #fff;border: solid 1px #ddd;border-radius:5px;}
/* 　base
******************************************/
@media screen and (min-width:641px){
.js-clingify-locked{z-index: 0;}
}

body{background: #fff;}
.main{position: relative;background: #eee;}
.section-inner{padding: 20px;max-width: 1200px;margin: auto;}
.side .section-inner{padding: 0px;text-align: center;background: rgba(255,255,255,.9);}
@media screen and (min-width:641px){
.main{width: 85%;float: right;}
.main.full{width: 100%;float: none;}
.side{width: 15%;float: left;}
.section-inner{padding: 30px;}
}


/* 　nav
******************************************/
nav h2{padding: 20px;font-size: 100%;background: #011E54;color: #fff;}
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
******************************************/
.btn-title{font-size: 14px;position: absolute;right: 0;}
@media screen and (max-width:640px){
.btn-title{font-size: 8px;position: static;padding:6px;float: right;}
.btn-title i.fa{font-size: 200%;display: block;text-align: center;margin: auto;}
}

.table-search{background: #fff;font-size: 80%;margin-bottom: 0;}
.table-search th,
.table-search td{padding: 5px 10px;line-height: 1.4;}
.table-search input[type=text]{width: 100%;}

.table-result{background: #fff;font-size: 80%;}
.table-result th{padding: 5px;line-height: 1.2;background: #011E54;color: #fff;}
.table-result td{padding: 5px;line-height: 1.6;}
.table-result .cell-date .label-new{display: inline-block;}
.table-result .cell-detail span{display: block;}
.table-result .cell-detail .category{color: #011E54;margin-bottom: 5px;font-size: 130%;border-bottom: solid .5px #011E54;}
.table-result td.cell-detail{text-align: left;}
.table-result td.cell-detail .list-employment{position: relative;top: -3px;}
@media screen and (min-width:641px){
.table-result{table-layout: fixed;}
.table-result .cell-id{width: 8%;}
.table-result .cell-detail{width: 42%;}
}
@media screen and (max-width:640px){
.table-result td.cell-check:nth-child(1){height: 50px;padding-top: 15px;}
.table-result td.cell-check:nth-child(2){height: 50px;background: #fff;color: #222;}
.table-result td.cell-select,
.table-result td.cell-id{width: 50%;float: left;height: 70px;vertical-align: middle;}
.table-result td.cell-detail{clear: both;}
.table-result td.cell-date span{display: inline-block;}
.table-result .cell-date .label-new{margin-right: 5px;}
}
/*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: #011E54;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: #011E54;color: #fff;padding: 3px 10px;}
.table-job-main td{padding: 3px 20px;color: #011E54;}
.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%;}
}

/*news*/
@media screen and (min-width:641px){
.table-result-news .cell-label{width: 10%;}
.table-result-news .cell-detail{width: 60%;}
}

@media screen and (max-width:640px){
.result-sort{margin: 10px 0;}
}

/*for print*/
@media print{
header,.side,.breadcrumb,
.section-inner > *:not(.print){display: none;}
.print{font-size: 7pt;border: 0;box-shadow:none;padding: 20px;}
footer{font-size: 5pt;border-top: solid 2px #ddd;}
}