/*
メインカラー（濃い）：
#75c3ff
サブカラー（濃い）：
#147ed0
サブカラー（薄い）：
#e6f7ff
アクションカラー：
#ff6868
*/

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

.mod-excerptBox__header .mod-h9,
.mod-h1 {
	border: none;
	padding: 1em;
	background: #EFEFEF;
	border-top: #5C4BB9 2px solid;
}

.mod-excerptBox__header .mod-h9 {
	color: #111;
}

#detail .mod-excerptBox__header .mod-h9 {
	display: none;
}

#detail .mod-excerptBox__body:first-child {
	padding: 0;
}

.header .navbar-toggle {
	background: none;
}

.mod-h7,
.modal-header,
.modal .modal-dialog .modal-content .modal-header,
.step_bar li.current {
	background: #4D217C;
	border-color: #4D217C;
}

.step_bar li.current::before,
.step_bar li.current::after {
	background: #4D217C !important;
}

.mod-h4 {
	border-left: 5px solid #4D217C;
}

/* 検索ボックスモーダルの中のもの*/
.mod-checkItem-title.top-title {
	background: #f9f7ed;
}

.mod-checkItem-title .checkItem-js .fa {
	color: #884BC9;
}

.mod-checkBoxes__group .item .fa {
	color: #884BC9;
}

.mod-checkBoxes__group .item:hover>a {
	background: #7322C9;
}

.modal-footer .mod-btn2 {
	background: #FFD83C;
	color: #000;
	border: 1px #FFD83C solid;
}

body.type-pc .easy-search .easy-search-key-ttl::before,
input[type=checkbox]:checked+label::after {
	border-color: #884BC9 !important;
}

input[type=radio]:checked+label::after {
	background: #884BC9;
}

.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: #666;
	font-weight: normal !important;
	border-color: #666 !important;
	background: #fff;
	border-radius: 25px;
	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 #4D217C solid;
	color: #4D217C;
}

a.mod-btn5.btn-group.keepBtn .fa-star,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group .btn-favorit .fa-star {
	color: #F9D33B;
}

.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: #FFD83C !important;
	color: #000 !important;
}

.resultTitle {
	border-color: #4D217C;
}

@media (max-width: 768px) {
	#detail .resultTitle {
		font-size: 1.3em;
		border: none;
		padding: .7em 1em;
		background: #ede8f2;
		border-top: #4D217C 2px solid;
		color: #111;
		line-height: 1.5em;
	}

	.resultTitle {
		background: #FFF;
		color: #333;
		border-left: 2px solid #4D217C;
		margin-bottom: 15px;
	}
}

@media (max-width: 767px) {
	.resultTitle {
		background: #000;
		color: #FFF;
		border-left: none;
		margin: 0;
	}
}

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

/*　サブカラー（薄い）　*/
body.type-sp .c-title-label {
	background: #f9f7ed !important;
}

.mod-table1 th {
	background: #EFEFEF !important;
}

.recommend-url,
body.type-pc .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 th {
	background: #F7F7F7 !important;
}

/*　アクションカラー */
.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;
}

.widget-primary .mod-btn7,
.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: #FFD83C;
	color: #000;
	border: 1px #FFD83C solid;
}

.mod-btn1,
.mod-btn2,
.mod-form1 .mod-btn2,
.mod-btn2:hover,
.mod-form1 .mod-btn2:hover,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group>.btn-group__right .mod-btn7.btn-group__right {
	background: #000;
	color: #fff;
	border: 1px #000 solid;
}

.widget-primary .mod-btn8,
.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;
}

#tel-Modal .modal-body .btn-group .btn-group__center .mod-btn3 {
	background: #fff;
	color: #000;
	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: #FFD83C !important;
	color: #000;
}

.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: #FC1726;
}

.mod-resultForm td .mod-btn9 .fa,
.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 {
	color: #000;
}

.result-paging_box .result-num-wrap .result-num .num-txt {
	color: #FC1726;
}

/* ------------- スマホ詳細検索 ------------- */
body.type-sp .c-btn-radius.op-bg-link {
	background: #fff !important;
	border: 1px solid #AEAEAE !important;
	color: #333 !important;
}

body.type-sp .c-btn-check,
body.type-sp .c-btn-radius.op-link {
	background: #f5f2f7 !important;
	color: #333 !important;
	border: 1px solid #f5f2f7 !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: #884BC9 !important;
	color: #fff !important;
	border: 1px solid #884BC9 !important;
}

body.type-sp .is-selected input[type=radio]+label::before {
	background: #884BC9;
}

body.type-sp .c-btn,
body.type-sp .c-btn.op-link {
	background: #F5F5F5 !important;
	color: #333 !important;
	border: 1px solid #AEAEAE !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: 6px solid #4D217C !important;
}

body.type-sp .s-btn-accordion-box {
	border: 1px solid #ccc !important;
	color: #333 !important;
}

body.type-sp .s-btn-accordion-box.is-selected {
	border-color: #AEAEAE !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: "\f054";
	color: #666;
	vertical-align: top;
}

body.type-sp .s-btn-accordion-box.is-selected .s-btn-accordion-change-block:before {
	display: none;
}

/* ------------- フリーコンテンツ ------------- */
#freeContBox h1:before {
	background: #000;
}

#freeContBox h1 {
	color: #fff !important;
}

#freeContBox h2,
#freeContBox h3,
#freeContBox h6 {
	color: #4F4296;
}

#freeContBox h2 {
	background: none;
	border: none;
}

#freeContBox h3 {
	border-left: none;
	border-bottom: 1px #4D217C solid;
}

#freeContBox h6 {
	border-bottom: 1px #4D217C dotted;
}

#freeContBox h4 {
	border-left: 5px #4D217C solid !important;
	padding-left: .5em;
}

#freeContBox h2 {
	background: #EFEFEF;
	padding: .5em;
	border-left: none;
	border-radius: 5px;
}

#freeContBox .faq div:before {
	background: #4D217C;
	border: 2px #4D217C solid;
}

#freeContBox .faq p:before {
	border: 2px #4D217C solid;
	color: #4D217C;
}

#freeContBox .linkTxt_list li span {
	color: #4D217C;
}

#freeContBox .pager .pagination li a:hover,
#freeContBox .pager .pagination li a.active {
	color: #fff;
	background: #000;
}

#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: #E0690F;
	color: #fff;
}

#freeContBox .pageLink_btn a:hover,
#freeContBox .paging a:hover {
	background: #000;
	color: #fff;
}

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

/* ------------- キープボタン ------------- */
.pc_keepListBtn a {
	background: #4D217C !important;
}

.pc_keepListBtn a:hover {
	color: #F9D33B;
}

.pc_keepListBtn a .fa-star {
	color: #F9D33B;
}

.pc_keepListBtn a span.keepCountShow {
	color: #FC1726 !important;
}

.sp_keepListBtn a,
.sp_messageListBtn a {
	background: none;
	color: #111;
}

.sp_keepListBtn a:hover,
.sp_messageListBtn a:hover {
	color: #111;
	background: none;
	opacity: .7;
}

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

.keep-done .fa-star {
	color: #ccc !important;
}

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

/* ------------- マイページ ------------- */
#mp-side-menu li.side-menu-head {
	border-color: #4D217C;
}

#mp-side-menu li>.item-content:after {
	border-color: #000;
}

#mp-page-top a {
	color: #4D217C;
}

#mp-page-top ul li p.mypage-menu-ttl span.arrow {
	border-color: #000;
}

#apply-history article.apply {
	border: none;
}

#apply-history .apply-content .open>a>span:after {
	border-color: #333;
}

#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: #f9f7ed;
}

#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: #000;
}

#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: #884BC9;
}

#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: #B0A699;
}

#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: #4D217C;
}

#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: #B0A699;
}

#mp-page-message-detail .message-list .mem-message-data .m-content,
#mp-page-scout-message-detail .message-list .mem-message-data .m-content {
	background: #ede8f2;
}

#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 #ede8f2 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: #FDFAF6;
}

#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 #FDFAF6;
}

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

/* ------------- 404調整 ------------- */
#page404 .search-field .fa {
	background: #FFD83C;
	color: #000;
}

#page404 .list-inline>li a,
.empty .list-inline>li a[href="./"] {
	background: #5C4BB9;
}

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

/* ------------- スマホレコメンド求人の「>」の色を変えたいとき ------------- */
#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: #666;
	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-size: 1.3em;
	border: none;
	padding: 1em;
	background: #ede8f2;
	border-top: #4D217C 2px solid;
}

.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: #4D217C;
	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: #4D217C;
}

/*PR*/
.mod-excerptBox.excerptBox-pr p {
	color: #333;
	border: 1px solid #000 !important;
	padding: 1.5em;
	background: #fff;
}

.mod-excerptBox.excerptBox-pr p:before {
	content: "\f0a4  PR";
	font-weight: bold;
	font-family: 'FontAwesome';
	border-bottom: 1px #000 solid;
	color: #000;
	display: block;
	padding-bottom: .5em;
	margin-bottom: 1em;
}

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

/*募集要項背景*/
.mod-jobDetailBox__container.detailContents__table,
.detailContents__btn__02 {
	position: relative;
	margin: 0;
}

/*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: 1em;
		margin: 10px 20px;
	}

	.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: 9;
		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;
	}
}