/*
メインカラー（濃い）：
#000
サブカラー（濃い）：
#869AAB
サブカラー（薄い）：
#FDF9F0
アクションカラー：
#DEAF97
*/

/* メインカラー　*/
.widget.widget_zenkoku .btn-group .mod-btn7 {background: #000;}

.mod-excerptBox__header .mod-h9,
.mod-h1{
	border:none;
	padding: 1em;
	background: #DEAF97;
	border-top: none;
	color: #FFF;
}
.mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__header a {color: #FFF;}

.mod-h7,
.modal-header,
.modal .modal-dialog .modal-content .modal-header,
.step_bar li.current{
    background: #000;
    border-color: #000;
}
.step_bar li.current::before,
.step_bar li.current::after{
    background: #000 !important;
}
.mod-h4{
	border-left:5px solid #000;
}

.mod-checkItem-title.top-title {background: #fdf9f0;}
.mod-checkBoxes__group .item .fa {color: #869aab;}
.mod-checkBoxes__group .item:hover > a {background: #adb7c3;}

body.type-pc .easy-search .easy-search-key-ttl::before{
    border-color: #000 !important;
}
.resultTitle {background: #000;}
@media (min-width:768px) {
	.resultTitle{
	    border: none;
	    text-align: center;
	    margin: 3rem 0;
	    color: #DEAF97;
	    letter-spacing: .2em;
	    font-size: 2.4rem;
	    background: none;
	}
}
input[type=checkbox]:checked + label::after {
	border-color: #869aab !important;
}
input[type=radio]:checked + label::after {
    background: #869aab;
}

.icon.icon-merit,
#keep .mod-iconSearchKey .icon.icon-merit,
#search-result .mod-jobDetailBox__iconBox .mod-iconSearchKey .icon.icon-merit, 
#detail .mod-jobDetailBox__iconBox .mod-iconSearchKey .icon.icon-merit{
	color: #000;
	font-weight:normal !important;
	border-color: #fff !important;
	background: #fff;
	border-radius: 4px;
	padding: 5px 12px !important;
	line-height: 20px;
	height: 30px;
	font-size: 12px;
}
a.mod-btn5.btn-group.keepBtn,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group .btn-favorit{
	border: 1px #000 solid;
	color: #000;
}
.footer {background: none !important;}

.hotJobLayout .widget-data .description:before,
.easy-search ul li.easy-search-item-level a:hover{
	color: #000;
}
body.type-pc .s-header-search-block .change-btn {
    color: #000 !important;
    text-decoration: none;
}
body.type-pc .s-header-search-block .change-btn:hover {
    background: #000 !important;
    color: #FFF !important;
}

@media (max-width: 768px) {
	#detail .resultTitle{display:none;}
	.widget-primary .search-easy-title:after {
		background: #000;
	}
	.widget-primary .search-easy-title{
		color: #333;
		font-size: .9em;
		font-weight: bold;
		text-align: left;
	}
}

/*　サブカラー（濃い）　*/
body.type-sp .widget-primary .s-search-easy-home-block .search-easy-link a,
body.type-sp .resultTitle{background:#000 !important;color:#FFF;}

/*　サブカラー（薄い）　*/
.recommend-url, 
body.type-sp .c-title-label, 
.mod-table1 th{
	background: #fdf9f0 !important;
}
body.type-pc .mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-items-wrap .job-items th,
body.type-pc .mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-items-wrap .job-items td,
.mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-items-wrap .job-items th,
.mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-items-wrap .job-items td {
    background: #fcf8f5 !important;
    text-align: left;
}

/*　アクションカラー */
.mod-form1 .mod-btn3, 
.mod-form1 .mod-btn3:hover,
.mod-btn3,
.mod-btn3:hover,
.mod-btn5,
.mod-btn5:hover,
.mod-btn8,
.mod-btn8:link,
.mod-btn8:hover {
	background: #fff;
	color:#898989;
	border: 1px #898989 solid;
}
.mod-btn1,
.mod-btn2,
.mod-form1 .mod-btn2, 
.mod-btn2:hover,
.mod-form1 .mod-btn2:hover, 
.widget-primary .mod-btn7 {
	background: #000;
	color:#fff;
	border: 1px #000  solid;
}
.mod-jobDetailBox .btn-group .btn-group__center .btn-group__right.mod-btn7,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__center .mod-btn7.btn-result_oubo {
	background: #FFF;
	color:#000;
	border: 1px #000  solid;
}
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__right .mod-btn7.btn-group__right {
    background: #a0a0a0;
    color: #fff;
    border: 1px #a0a0a0 solid;
}
.widget-primary .mod-btn8 {
	background: #727171;
	color:#fff;
	border: 1px #727171 solid;
}
.mod-jobDetailBox .btn-group .btn-group__center .btn-group__left.mod-btn7,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__center .mod-btn7.btn-result_tel{
	background: #000;
	color:#fff;
	border: 1px #000 solid;
}

body.type-sp .c-input-btn-submit, 
body.type-sp .c-btn-push a,
body.type-pc .s-fix-footer-block .fix-footer .mod-btn7 {
    background: #000 !important;
}

.mod-btn3:hover, 
.mod-btn7:hover,
.mod-btn8:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
}
.mod-form1 .table th div .mod-label.mod-label-required {
	background: #DEAF97;
}
.mod-form1 .table th div .mod-label.mod-label-any {
	background: #aaa;
}
.mod-resultForm td .mod-btn9 .fa, 
.widgetlayout.widgetlayout2-1 .widget .widget-inner .widget-data a:hover .title, 
/*.widgetlayout.widgetlayout1 .widget h2:before, 
.widgetlayout.widgetlayout2-1 .widget h2:before, .widgetlayout.widgetlayout2-2 .widget h2:before, .widgetlayout.widgetlayout2-3 .widget h2:before, .widgetlayout.widgetlayout2-4 .widget h2:before, .widgetlayout.widgetlayout3 .widget h2:before,*/ 
#detail .mod-recommendBox .sp-recommend .sp-recommend-item a .job-pr:before, 
#detail .mod-recommendBox .sp-recommend .sp-recommend-item a .area:before, 
#detail .mod-recommendBox .sp-recommend .sp-recommend-item a .station:before, 
#detail .mod-recommendBox .sp-recommend .sp-recommend-item a .wage:before, 
.mod-recommendBox .detail .area:before, 
.mod-recommendBox .detail .station:before, 
.mod-recommendBox .detail .wage:before, 
.result-paging_box .result-num-wrap .result-num .num-txt  {
  color: #DEAF97;
}

/* ------------- スマホ詳細検索 ------------- */
body.type-sp .c-btn-radius.op-bg-link {
    background: none !important;
    border: 1px solid #000 !important;
    color: #000 !important;
}
body.type-sp .c-btn-check,
body.type-sp .c-btn-radius.op-link {
    background: #e7ebee !important;
    color: #333 !important;
    border: 1px solid #e7ebee !important;
}
body.type-sp .c-btn-check.is-selected,
body.type-sp .c-btn-radius.is-selected,
body.type-sp .c-btn.op-link.is-selected, 
body.type-sp .c-btn.op-link.op-select {
    background: #869aab !important;
    color: #fff !important;
    border: 1px solid #869aab !important;
}
body.type-sp .is-selected input[type=radio] + label::before {
    background: #869aab;
}
body.type-sp .c-btn,
body.type-sp .c-btn.op-link {
    background: #FFF !important;
    color: #333 !important;
    border: 1px solid #b9c2cb !important;
}
body.type-sp .js-selected-category .js-selected-category-clear.is-active {
    color: #999;
}
body.type-sp .c-selected-category-title-label {
	border-left-color: #DEAF97 !important;
}
body.type-sp .s-btn-accordion-box {
    border: 1px solid #b9c2cb !important;
    color: #333 !important;
}
body.type-sp .s-btn-accordion-box.is-selected {border-color: #adb7c3 !important;}

body.type-sp .s-btn-accordion-box .s-btn-accordion-change-block img {display: none;}
body.type-sp .s-btn-accordion-box .s-btn-accordion-change-block {margin-top: -.25em;}
body.type-sp .s-btn-accordion-box .s-btn-accordion-change-block:before {
	font-family: FontAwesome;
	content: "\f105";
	color: #000;
	vertical-align: top;
}
body.type-sp .s-btn-accordion-box.is-selected .s-btn-accordion-change-block:before {
	display: none;
}

/* ------------- フリーコンテンツ ------------- */
#freeContBox h1:before{background: #869AAB;}
#freeContBox h1{color:#fff !important;}
#freeContBox h2,
#freeContBox h5{color: #000;}
#freeContBox h3,
#freeContBox h6{border-bottom: 1px #000 solid !important;}
#freeContBox h4{background: #f3f4f6 !important;/* color:#fff; */padding:.5em !important;}

#freeContBox .faq div:before{background: #869AAB;border: 2px #869AAB solid;}
#freeContBox .faq p:before{border: 2px #869AAB solid;color: #869AAB;}
#freeContBox .linkTxt_list li span {color: #869AAB;}

#freeContBox .pager .pagination li a:hover,
#freeContBox .pager .pagination li a.active{
	color: #fff;
	background: #727171;
}
#freeContBox .paging .prev,
#freeContBox .paging .next,
#freeContBox .pageLink_btn a{border: #000  1px solid;}
#freeContBox .pageLink_btn a,
#freeContBox .paging a{color: #000;}
#freeContBox .pageLink_btn a:hover,
#freeContBox .free_btn a{background: #000 ;}
#freeContBox .pageLink_btn a:hover,
#freeContBox .paging a:hover{
	background:#000 ;
	color:#fff;
}

/* ------------- パンくず背景色 ------------- */
.breadcrumb {background: #fbf5e9 !important;}

/* ------------- キープボタン ------------- */
.pc_keepListBtn a {
	background: #FFF !important;
	border: solid 1px #000;
}
.pc_keepListBtn a span.keepCountShow {
	background: #000 !important;
	color: #FFF !important;
}
.pc_keepListBtn a:hover {
	color: #000 !important;
	opacity: .7;
}
.sp_keepListBtn a,
.sp_messageListBtn a {
	background: none;
	color: #000;
}
.sp_keepListBtn a:hover, 
.sp_messageListBtn a:hover {
    color: #000;
    background: none;
	opacity: .7;
}

/* ------------- キープ済ボタン ------------- */
.keep-done {
	background: #999 !important;
	color: #ccc !important;
	border-color: #999 !important;
}

/* ------------- 求人タイトル「NEW」 ------------- */
.icon.icon-new {
	border-color: #000;
	background: #000;
	color: #fff;
}

/* ------------- マイページ ------------- */
#mp-side-menu li.side-menu-head {border-color: #000;}
#mp-side-menu li > .item-content:after {border-color: #000;}
#mp-page-top a {color: #DEAF97;}
#mp-page-top ul li p.mypage-menu-ttl span.arrow {border-color: #DEAF97;}
#apply-history article.apply {border: none;}
#apply-history .apply-content .open > a > span:after {border-color: #000;}

#mp-page-profile .profile-head, 
#mp-page-profile-appeal .profile-head,
#mp-page-scout-block-client-list .scout-block-client-head,
#mp-page-scout-block-client-update .scout-block-client-head{background: #f3f4f6;}

#mp-page-scout-block-client-update .btn-primary.disabled, 
#mp-page-scout-block-client-update .btn-primary[disabled],
#mp-page-scout-block-client-update .btn-primary.disabled:hover, 
#mp-page-scout-block-client-update .btn-primary[disabled]:hover{
	background-color: #898989;
	border-color: #898989;
}
#mp-page-scout-block-client-update .btn-primary:hover {
	background-color: #000;
	border-color: #000;
}
#mp-page-scout-block-client-update .scout-block-client-count .count {
	border: 1px solid #000;
    color: #000;
}
#mp-page-message-list .message-list .mem-message-data .m-right .m-body li.created_at span:before, 
#mp-page-scout-message-list .message-list .mem-message-data .m-right .m-body li.created_at span:before {color: #DEAF97;}
#mp-page-message-list .message-list .mem-message-data .m-right .m-footer li.icons span.type3, 
#mp-page-scout-message-list .message-list .mem-message-data .m-right .m-footer li.icons span.type3 {background-color: #DEAF97;}
#mp-page-message-list .message-list .mem-message-data .m-right .m-footer li.icons span.type2, 
#mp-page-scout-message-list .message-list .mem-message-data .m-right .m-footer li.icons span.type2 {background-color: #DEAF97;}
#mp-page-message-detail .back, 
#mp-page-scout-message-detail .back {
    border: 1px solid #898989;
    color: #898989;
    background: #FFF;
}
#mp-page-message-detail .mod-btn5[type="submit"], 
#mp-page-scout-message-detail .mod-btn5[type="submit"] {
    border: 1px solid #000;
    color: #000;
    background: #FFF;
}
/* メッセージバルーン */
#mp-page-message-detail .message-list .mem-message-data .m-header .from-name, 
#mp-page-scout-message-detail .message-list .mem-message-data .m-header .from-name {color: #869AAB;}
#mp-page-message-detail .message-list .mem-message-data.message-company .m-header .from-name, 
#mp-page-scout-message-detail .message-list .mem-message-data.message-company .m-header .from-name {color: #DEAF97;}
#mp-page-message-detail .message-list .mem-message-data .m-content, 
#mp-page-scout-message-detail .message-list .mem-message-data .m-content {background: #f3f4f6;}
#mp-page-message-detail .message-list .mem-message-data .m-content:before, 
#mp-page-scout-message-detail .message-list .mem-message-data .m-content:before {box-shadow: -3px -15px 0 -5px #f3f4f6 inset;}
#mp-page-message-detail .message-list .mem-message-data.message-company .m-content, 
#mp-page-scout-message-detail .message-list .mem-message-data.message-company .m-content {background: #FDF9F0;}
#mp-page-message-detail .message-list .mem-message-data.message-company .m-content:before, 
#mp-page-scout-message-detail .message-list .mem-message-data.message-company .m-content:before{box-shadow: inset 3px -15px 0 -5px #FDF9F0;}

/* ------------- キープページ ------------- */
#keep span.keep-num{color:#DEAF97 !important;}

/* ------------- 404調整 ------------- */
#page404 .search-field .fa {background: #000;}
#page404 .list-inline > li a[href="/"],
.empty .list-inline > li a[href="/"] {
	background: #000;
}
#page404 .list-inline > li a[href="/kyujin/search-result"],
.empty .list-inline > li a[href="javascript:document.form.submit();"] {
	background: #727171;
}

/* ------------- スマホレコメンド求人の「>」の色 ------------- */
#detail .mod-recommendBox .sp-recommend .sp-recommend-item a {
	background: none;
	position: relative;
}
#detail .mod-recommendBox .sp-recommend .sp-recommend-item a:after {
	content: "\f054"; 
	font-family: 'FontAwesome';
	color: #000;
	font-size: 12px;
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translateY(-50%);
}

/*===========================================　管理画面用
　※管理画面の求人原稿プレビュー表示は本CSSのみ読みこまれるため、
　　こちらに記載すること
===========================================*/
#detail.type-sp {padding-bottom: 80px;}
.mod-excerptBox.excerptBox-pr{
	border:none;
	color:#111;
	margin: 1em 0;
}
@media (max-width: 767px) {
    .mod-excerptBox.excerptBox-pr{padding:0;}
}
#detail.body .mod-jobDetailBox .mod-jobDetailBox__flexcontainer{
	padding: 0 0 10px;
}
#detail.body .resultTitle{
	border-left: none !important;
	line-height: 1.4;
	padding-bottom: 15px;
	font-weight: normal;
	font-size: 1em;
	display: none;
}
.mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-excerpt-wrap .job-excerpt a,
.mod-jobDetailBox .mod-jobDetailBox__iconBox .copy,
.mod-jobDetailBox .copy,
.mod-excerptBox__header .mod-h10{
	color: #000;
	font-weight: bold;
	border-left:none;
	font-size: 1.3em;
	text-decoration:none;
}
.mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-excerpt-wrap .job-excerpt a{font-size:1.4em;}
.mod-recommendBox .sp-recommend .sp-recommend-item a .job-pr{color: #000;}

/*PR*/
.mod-excerptBox.excerptBox-pr p {
  color: #333;
  border: 1px solid #DEAF97 !important;
  padding: 1.5em;
  background: #FDF9F0;
}
.mod-excerptBox.excerptBox-pr p:before{
	content:"\f0a4  PR";
	font-weight:bold;
    font-family: 'FontAwesome';
    border-bottom:1px #DEAF97 solid;
    color: #DEAF97;
    display:block;
    padding-bottom:.5em;
    margin-bottom:1em;
}

/*募集要項*/
.mod-jobDetailBox .mod-jobDetailBox__table h2,
.mod-jobDetailBox .mod-jobDetailBox__container .detail_table h2{
	border-left: #000 4px solid;
	padding: .2em .5em;
	font-size: 1.2em;
	font-weight: bold;
}

/*募集要項背景*/
.mod-jobDetailBox__container.detailContents__table,
.detailContents__btn__02{
	position: relative;
	margin: 0;
}
#detail .mod-recommendBox .mod-slider__item .catch a {color: #000;}
/*PC*/
@media (min-width: 768px){
	.mod-jobDetailBox .mod-jobDetailBox__slider {
		 padding: 0px;
	}
	.mod-jobDetailBox .mod-jobDetailBox__slider ul, 
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-list.draggable,
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track {
		width: 100% !important;
		padding:0 !important;
		background:#fff;
        display: flex;
		justify-content: space-around;
	}
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track .slick-slide {
		max-width: 33%;
		width: 33%!important;
		max-width:-webkit-calc(100% / 3);
		max-width:calc(100% / 3);
		margin: 0;
		padding: 10px;
	}
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track .mod-slider__item {
	    max-width: none;
	    padding: 0;
	}
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track li .img {background: none;}
}

/*SP*/
@media (max-width: 767px){
    .mod-jobDetailBox .mod-jobDetailBox__slider .slick-dots {bottom: 15px;}
	.slick-slide .mod-slider__excerpt {font-size: .85em;}
	.mod-jobDetailBox .btn-group .btn-group__center .btn-group__left.mod-btn7,
	.mod-jobDetailBox .btn-group .btn-group__center .btn-group__right.mod-btn7 {
		margin: 0!important;
	}
	.mod-jobDetailBox .mod-jobDetailBox__container.detailContents__btn__02 {
        position: fixed;
        bottom: 0;
        width: 100%;
        z-index: 999;
        background: rgba(0,0,0,0.5);
	}
	.mod-jobDetailBox .mod-jobDetailBox__container.detailContents__btn__02 .btn-group + .btn-group{display: none;}
	.mod-jobDetailBox .mod-jobDetailBox__container.detailContents__btn__02 .btn-group{padding: 0;}
	#detail.type-sp .mod-jobDetailBox__iconBox .mod-iconSearchKey{padding:0;}
}