/***********************************************
求人詳細モーダル設定
***********************************************/
#tcru_job_list #jobDetailModal {
	visibility: hidden;
	opacity : 0;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: .4s;
}

#tcru_job_list #jobDetailModal .modalBg {
	width: 100%;
	height: 100%;
	background-color: rgba(35,24,6,0.8);
}

#tcru_job_list #jobDetailModal .modalWrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	transform:translate(-50%,-50%);
	width: 40%;
	height: 85%;
	max-width: 1080px;
	padding: 40px 10px 10px 10px;
	background-color: #fff;
	border-radius: 10px;
}
@media screen and (max-width:1200px) {
	#tcru_job_list #jobDetailModal .modalWrapper {
		width: 80%;
	}
}
@media screen and (max-width:600px) {
	#tcru_job_list #jobDetailModal .modalWrapper {
		width: 90%;
		height: 90%;
	}
}
#tcru_job_list #jobDetailModal .modalContents {
	overflow: auto;
	height: 100%;
}

#tcru_job_list #jobDetailModal .closeModal {
	position: absolute;
	top: 2px;
	right: 10px;
	cursor: pointer;
}

#tcru_job_list #jobDetailModal.is-show { /* モーダル表示用クラス */
	visibility: visible !important;
	opacity : 1;
	z-index: 9999;
}