:root {
    /*メインカラー*/
    --main-color: #3CB2FF;
    /*サブカラー（濃い）*/
    --sub-color: #FFBB00;
    /*サブカラー（薄い）*/
    --light-color: #F1F7FD;
}

/* body背景色あり
body:not(.freeContentsWrap) {background: #f1f9ff !important;}
body:not(.freeContentsWrap) .mod-subbox-wrap > .mod-subbox {padding: 15px;}
.main-visual {background: none;}
.mod-recommendBox .mod-recommendBox__view-together,
.sp-recommend {background: #FFF;}
#detail .mod-jobDetailBox {background: #FFF;}
.empty .mod-subbox-wrap {background: none;}
.footer-freespace {box-shadow: none !important;}
@media (min-width: 768px) {
	#detail .mod-jobDetailBox {padding: 0 15px 15px 15px;margin-bottom: 20px;}
	#detail .mod-excerptBox__header .mod-h9 {margin-left: -15px;margin-right: -15px;padding: 1em calc(1em + 15px);}
    #detail .mod-jobDetailBox {box-shadow: 0 .3rem .6rem rgba(0,0,0,.16);}
    #detail .mod-recommendBox .mod-recommendBox__view-together, #page404 .mod-recommendBox .mod-recommendBox__view-together, #search-result .mod-recommendBox .mod-recommendBox__view-together {padding-top: 2rem;}
    #detail .mod-recommendBox h3, #page404 .mod-recommendBox h3, #search-result .mod-recommendBox h3 {margin-left: 1.5rem;margin-right: 1.5rem;}
}
*/
#mypage-over-header ul li a:hover {color: #666;}

/* メインカラー　*/
.nav-wrapper .nav li a:hover {color: var(--main-color);}
.widget.widget_zenkoku .btn-group .mod-btn7 {background: var(--main-color);}
.slick-dots li.slick-active button:before {color: var(--main-color) !important;}
.nav-wrapper .nav__phone .fa {color: var(--main-color);}

.mod-excerptBox__header .mod-h9,
.mod-h1{
	border:none;
	padding: 1em;
	background: var(--light-color);
	border-top: var(--main-color) 2px solid;
}
.mod-excerptBox__header .mod-h9{color:#111;}

.modal-header,
.modal .modal-dialog .modal-content .modal-header {
	background: var(--sub-color);
    border-color: var(--sub-color);
}
.step_bar li.current{
    background: var(--sub-color);
    border-color: var(--sub-color);
}
.step_bar li.current::before,
.step_bar li.current::after{
    background: var(--sub-color) !important;
}
.header .navbar-toggle {
	background: #FFF;
}
.mod-h7 {
    background: var(--main-color);
    border-color: var(--main-color);
}
.mod-h4{
	border-left:5px solid var(--main-color);
}
.header .navbar-toggle:not(.pull-right)::before {background-color: var(--main-color);}

/* 検索ボックスモーダルの中のもの*/
.mod-checkItem-title.top-title {background: var(--light-color);}
.mod-checkItem-title .checkItem-js .fa {color: var(--main-color);}
.mod-checkBoxes__group .item .fa {color: var(--main-color);}
.mod-checkBoxes__group .item:hover > a {background: var(--sub-color);}

body.type-pc .easy-search .easy-search-key-ttl::before,
body.type-sp .easy-search .easy-search-key-ttl::before,
input[type=checkbox]:checked + label::after {
    border-color: var(--main-color) !important;
}
input[type=radio]:checked + label::after {
    background: var(--main-color);
}

.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: #696969;
	font-weight:normal !important;
	border-color: #696969 !important;
	background: #fff;
	border-radius: 25px;
	padding: 4px 12px !important;
	height: auto;
	line-height: 20px;
	font-size: 12px;
}
a.mod-btn5.btn-group.keepBtn,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group .btn-favorit{
	border: 1px #999 solid;
	color: #333;
}
.footer {background: #fff !important;}
.copyright {background: transparent !important;}
.copyright p {color: #A0A0A0;}

body.type-pc .s-header-search-block .change-btn {
    color: var(--main-color) !important;
    text-decoration: none;
}
body.type-pc .s-header-search-block .change-btn:hover {
    background: var(--main-color) !important;
    color: #FFF !important;
}

.resultTitle{border-color: var(--main-color);}
@media (max-width: 768px) {
	#detail .resultTitle{display:none;}
    .resultTitle{
		background: #FFF;
		color: #333;
		border-left: 2px solid var(--main-color);
		margin-bottom: 15px;
	}
}
@media (max-width: 767px) {
	.resultTitle{
		background: var(--main-color);
		color: #FFF;
		border-left: none;
		margin: 0;
	}
}

/*　サブカラー（濃い）　*/
body.type-sp .widget-primary .s-search-easy-home-block .search-easy-link a {background: #1A7DBE !important;}
/*　サブカラー（薄い）　*/
body.type-sp .c-title-label {
	background: var(--light-color) !important;
}
.recommend-url,
.mod-table1 th,
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: #f5f5f5 !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;
}
.mod-mypageguide .mod-btn2,
.mod-btn1,
.mod-btn2,
.mod-form1 .mod-btn2, 
.mod-btn2:hover,
.mod-form1 .mod-btn2:hover, 
.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,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__right .mod-btn7.btn-group__right.btn-oiwai-request,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__center .btn-group__right.oiwai-right.btn-oiwai-request.only-sp {
	background: var(--main-color);
	color:#fff;
	border: 1px var(--main-color) solid;
}
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__right .mod-btn7.btn-job-detail.oiwai-left,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__center .mod-btn7.btn-job-detail.only-sp,
.mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__right .mod-btn7.btn-group__right {
    background: #fff;
    color: #333;
    border: 1px #333 solid;
}
.widget-primary .mod-btn8 {
	background: transparent;
	border: none;
}
.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: var(--sub-color);
	color:#fff;
	border: 1px var(--sub-color) 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: var(--main-color) !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: #d90000;
}
.mod-resultForm td .mod-btn9 .fa, 
#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: var(--main-color);
}

/* ------------- スマホ詳細検索 ------------- */
body.type-sp .c-btn-radius.op-bg-link {
    background: #fff !important;
    border: 2px solid var(--sub-color) !important;
    color: var(--sub-color) !important;
}
body.type-sp .c-btn-check,
body.type-sp .c-btn-radius.op-link {
    background: #eee !important;
    color: #333 !important;
    border: 1px solid #eee !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: var(--main-color) !important;
    color: #fff !important;
    border: 1px solid var(--main-color) !important;
}
body.type-sp .is-selected input[type=radio] + label::before {
    background: var(--main-color);
}
body.type-sp .c-btn,
body.type-sp .c-btn.op-link {
    background: #F7F7F7 !important;
    color: #333 !important;
    border: 1px solid #D0D7D9 !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 var(--sub-color) !important;
}
body.type-sp .s-btn-accordion-box {
    border: 1px solid #D0D7D9 !important;
    color: #333 !important;
}
body.type-sp .s-btn-accordion-box.is-selected {border-color: var(--sub-color) !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: #414141;
	vertical-align: top;
}
body.type-sp .s-btn-accordion-box.is-selected .s-btn-accordion-change-block:before {
	display: none;
}

/* ------------- フリーコンテンツ ------------- */
#freeContBox h2:before{background: var(--main-color);}
#freeContBox h2{color:#fff !important;}

#freeContBox h5{color:var(--main-color);}
#freeContBox h3,
#freeContBox h6{border-bottom:1px var(--main-color) solid !important;}
#freeContBox h4{background: var(--light-color) !important;/* color:#fff; */padding:.5em !important;}

#freeContBox .faq div:before{background: var(--main-color);border: 2px var(--main-color) solid;}
#freeContBox .faq p:before{border: 2px var(--main-color) solid;color: var(--main-color);}
#freeContBox .linkTxt_list li span {color: var(--main-color);}

#freeContBox .pager .pagination li a:hover,
#freeContBox .pager .pagination li a.active{
	color: #fff;
	background: var(--main-color);
}
#freeContBox .paging .prev,
#freeContBox .paging .next,
#freeContBox .pageLink_btn a{border: var(--main-color)  1px solid;}
#freeContBox .pageLink_btn a,
#freeContBox .paging a{color: var(--main-color);}
#freeContBox .free_btn a{background: var(--main-color);}
#freeContBox .pageLink_btn a:hover,
#freeContBox .paging a:hover{
	background:var(--main-color);
	color:#fff;
}

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

/* ------------- キープボタン ------------- */
.pc_keepListBtn a {background: var(--sub-color) !important;}
.pc_keepListBtn a .fa-star::before,
.sp_keepListBtn a span.fa::before {
	content: "";
	display: block;
	width: 100%;
	height: 20px;
	background-color: #FFF;
	mask-image: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 24 24"><path fill="currentColor" d="m7.625 6.4l2.8-3.625q.3-.4.713-.587T12 2t.863.188t.712.587l2.8 3.625l4.25 1.425q.65.2 1.025.738t.375 1.187q0 .3-.088.6t-.287.575l-2.75 3.9l.1 4.1q.025.875-.575 1.475t-1.4.6q-.05 0-.55-.075L12 19.675l-4.475 1.25q-.125.05-.275.063T6.975 21q-.8 0-1.4-.6T5 18.925l.1-4.125l-2.725-3.875q-.2-.275-.288-.575T2 9.75q0-.625.363-1.162t1.012-.763zM8.85 8.125L4 9.725L7.1 14.2L7 18.975l5-1.375l5 1.4l-.1-4.8L20 9.775l-4.85-1.65L12 4zM12 11.5"/></svg>');
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: contain;
	transition: .1s ease-out;
}
.pc_keepListBtn a:hover {
	color: #F50A0A;
}
.pc_keepListBtn a:hover .fa-star::before {
	background-color: #F50A0A;
}
.sp_keepListBtn a span.fa::before {
	height: 27px;
	background-color: var(--main-color);
}
.sp_keepListBtn a,
.sp_messageListBtn a {
	background: none;
	color: #111;
}
.sp_keepListBtn a:hover, 
.sp_messageListBtn a:hover {
    color: #111;
    background: none;
	opacity: .7;
}
.sp_keepListBtn a span.keepCountShow, 
.sp_messageListBtn a span.messageCountShow {background: #F50A0A;}
.pc_keepListBtn a span.keepCountShow {color: #F50A0A;width: 28px;height: 28px;line-height: 28px;flex-shrink: 0;}
.sp_keepListBtn a span.fa,
.sp_messageListBtn a span.fa{color: #ffd200;}

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

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

/* ------------- マイページ ------------- */
#mp-side-menu li.side-menu-head {border-color: var(--main-color);}
#mp-side-menu li > .item-content:after {border-color: var(--main-color);}
#mp-page-top a {color: var(--sub-color);}
#mp-page-top ul li p.mypage-menu-ttl span.arrow {border-color: var(--sub-color);}
#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: #eee;}

#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: var(--main-color);
	border-color: var(--main-color);
}
#mp-page-scout-block-client-update .scout-block-client-count .count {
	border: 1px solid var(--main-color);
    color: var(--main-color);
}
#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: #333;}
#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: var(--sub-color);}
#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: var(--main-color);}
#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 var(--main-color);
    color: var(--main-color);
    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: var(--sub-color);}
#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: var(--main-color);}
#mp-page-message-detail .message-list .mem-message-data .m-content, 
#mp-page-scout-message-detail .message-list .mem-message-data .m-content {
	background: #f5f5f5;
	background: color-mix(in srgb, var(--sub-color) 10%, white 90%);
}
#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 #f5f5f5 inset;
	box-shadow: inset 3px -15px 0 -5px color-mix(in srgb, var(--sub-color) 10%, white 90%);
}
#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: var(--light-color);}
#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: 3px -15px 0 -5px var(--light-color) inset;}

/* ------------- キープ・検索履歴 ------------- */
.result-paging_box .result-num-wrap .result-num .num-txt,
#keep span.keep-num,
#recently-search-conditions span.keep-num,	
#recently-search-conditions .mod-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body > p {color:#d90000 !important;}
#recently-search-conditions .mod-jobResultBox-wrap .mod-jobResultBox .btn-group > .btn-group__center .mod-btn7 {background: var(--main-color);}

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

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

/*===========================================　管理画面用
　※管理画面の求人原稿プレビュー表示は本CSSのみ読みこまれるため、
　　こちらに記載すること
===========================================*/
.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: var(--sub-color);
	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-jobResultBox-wrap .mod-jobResultBox .mod-jobResultBox__body .mod-jobResultBox__body-In .job-excerpt-wrap .job-excerpt a:hover {
    color: var(--sub-color);
    text-decoration: underline;
}
.mod-recommendBox .detail .catch a,
.mod-recommendBox .sp-recommend .sp-recommend-item a .job-pr{
	color: #333;
}

/*PR*/
.mod-excerptBox.excerptBox-pr p {
  color: #333;
  border: 1px solid var(--main-color) !important;
  padding: 1.5em;
  background:var(--light-color);
}

/*募集要項*/
.mod-jobDetailBox .mod-jobDetailBox__table h2,
.mod-jobDetailBox .mod-jobDetailBox__container .detail_table h2{
	border-left: var(--main-color) 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){
	.slick-slide .mod-slider__excerpt {
		font-size: 1em;
		margin:10px 20px;
	}
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track {display: flex;align-items: stretch;}
    .mod-jobDetailBox .mod-jobDetailBox__slider .slick-track .slick-slide {float: none;height: auto;}
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track .slick-slide > div,
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-track .slick-slide .mod-slider__item{height: 100%;}
	.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;}
	.mod-jobDetailBox .mod-jobDetailBox__slider .slick-dots {bottom: 15px;}
}

/*レコメンド*/
#detail .mod-recommendBox h3, #page404 .mod-recommendBox h3, #search-result .mod-recommendBox h3 {border-left: var(--sub-color) 6px solid;}
#detail .mod-recommendBox .sp-recommend .sp-recommend-title.title, #page404 .mod-recommendBox .sp-recommend .sp-recommend-title.title, #search-result .mod-recommendBox .sp-recommend .sp-recommend-title.title {background: var(--light-color);}