/* ■Job Offer 共通
--------------------------------------------------*/

.jobOffer .jobPanel.jobPanelHorizontal dl.layer_0{display:table;width:100%;}
.jobOffer .jobPanel.jobPanelHorizontal dl.layer_0>dt{display:table-cell;width:20%;}
.jobOffer .jobPanel.jobPanelHorizontal dl.layer_0>dd{display:table-cell;}

.jobOffer ul.jobCheckItem>li{display:inline-block;margin-right:1em;}

/*ポップアップ*/

.jobOffer.jobPanelPopup  .jobCheckPanel{
	position:fixed;
	
}
.jobOffer .jobPopupBack{
	position:fixed;
	background:rgba(0,0,0,0.8);
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:99998;
	display:none;
	cursor:url(../images/close_02.png),pointer;
}

.jobOffer.jobPanelPopup  .jobCheckPanel{
	position:fixed;
	padding:2em;
	box-sizing:border-box;
	width:90%;
	height:auto;
	max-height:90%;
	top:5%;
	left:5%;
	background:#ffffff;
	overflow-y:auto;
	box-shadow:3px 3px 5px 0 rgba(0,0,0,1);
	z-index:99999;
	display:none;
}
.jobOffer .jobClose{
	position: fixed;
	top: 5%;
	right: 5%;
	display: block;
	text-align: center;
	padding:0.5em;
	cursor:pointer;
	z-index:99999;
	display:none;
	box-sizing:border-box;
	margin:0;
	background:#333333;
}
.jobOffer .jobClose:before{
	content: "";
	display:block;
	width:0.6em;
	height:0.6em;
	background:url(../images/close_01.png) no-repeat center;
	background-size:contain;
}
  
.jobOffer.parentTermToggle dl.parentTerm>dd{
	display:none;
}

.jobOffer .jobPagination ul>li a{
	text-decoration:none;
	color:currentColor;
}

/* ■Job Offer detail（詳細タブ検索）表示
--------------------------------------------------*/
.jobOffer .jobTabs>.jobSearchMenu>ul{display:table;}
.jobOffer .jobTabs>.jobSearchMenu>ul>li{display:table-cell;cursor:pointer;}
.jobOffer .jobTabs>.jobSearchContents>ul>li{display:none;}
.jobOffer .jobTabs>.jobSearchContents>ul>li.active{display:block;}

/* ■Job Offer side（サイド）表示
--------------------------------------------------*/

.jobOffer .jobSide{width:100%;}
.jobOffer .jobSide>.jobSearchMenu{display:block;width:20%;float:left;box-sizing:border-box;}
.jobOffer .jobSide>.jobSearchMenu>ul>li{cursor:pointer;}
.jobOffer .jobSide>.jobSearchContents{display:block;width:80%;float:right;max-height:50vh;box-sizing:border-box;overflow-y:auto;}
.jobOffer .jobSide>.jobSearchContents>ul>li{display:none;}
.jobOffer .jobSide>.jobSearchContents>ul>li.active{display:block;}

.jobOffer .jobPanelSide  .jobSearchBox{
	position:fixed;
	box-sizing:border-box;
	padding:2em;
	width:90%;
	height:auto;
	max-height:90%;
	top:5%;
	left:5%;
	overflow-y:auto;
	box-shadow:3px 3px 5px 0 rgba(0,0,0,1);
	z-index:99999;
	display:none;
}

/* ■Job Offer 1step（1STEP）表示
--------------------------------------------------*/

.jobOffer .job1Step{width:100%;}
.jobOffer .job1Step:after{content:"";width:0;height:0;display:block;clear:both;}
.jobOffer .job1Step>.jobSearchMenu{
	display:block;
	width:100%;float:left;
	box-sizing:border-box;
	background:#2da32b;
	text-align:center;
	padding:1em;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	border-radius:15px 15px 0 0;
}
.jobOffer .job1Step>.jobSearchMenu>ul>li{cursor:pointer;font-size:1.5rem;font-weight:bold;color:#ffffff;}
.jobOffer .job1Step>.jobSearchMenu>ul>li p{display:inline-block;}
.jobOffer .job1Step>.jobSearchContents{
	display:block;
	width:100%;
	float:right;
	max-height:50vh;
	box-sizing:border-box;
	overflow-y:scroll;
	padding:3%;
	background:#ffffff;
	position:relative;
	border:solid 1px #cccccc;
	border-width:1px 1px 0;
}
.jobOffer .job1Step>.jobSearchContents::-webkit-scrollbar {
  width: 5px;
}
.jobOffer .job1Step>.jobSearchContents::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #fff;
}
.jobOffer .job1Step>.jobSearchContents::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.jobOffer .job1Step>.jobSearchContents>ul>li{display:none;}
.jobOffer .job1Step>.jobSearchContents>ul>li.active{display:block;}


.jobOffer .jobPanel1Step  .jobSearchBox{
	position:fixed;
	box-sizing:border-box;
	padding:0;
	width:90%;
	height:auto;
	max-height:90%;
	top:5%;
	left:5%;
	overflow-y:scroll;
	-webkit-overflow-scrolling:touch;
	box-shadow:3px 3px 5px 0 rgba(0,0,0,1);
	z-index:99999;
	display:none;
	background:#f6f6f6;
	overflow:auto;
	padding:60px 3% 3%;
}

.jobOffer .jobPanel1Step  .jobSearchBox::-webkit-scrollbar {
  width: 5px;
}
.jobOffer .jobPanel1Step  .jobSearchBox::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #fff;
}
.jobOffer .jobPanel1Step  .jobSearchBox::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

.jobOffer .jobPanel1Step  .jobSearchBox form{
	padding:55px 10px 10px 10px;
	position:relative;
	background:#f0f0f0;
}
.jobOffer .jobPanel1Step  .jobSearchContents>ul dl>dt{
	background:#eef8fe;
	color:#00b1ee;
	font-weight:bold;
	text-align:center;
}
.jobOffer .jobPanel1Step  .jobSearchBox .jobValueList{
	padding:3%;
	background:#ffffff;
	position:relative;
	border:solid 1px #cccccc;
	border-width:0 1px 0;
}
.jobOffer .jobPanel1Step  .jobButtonWrap{
	background:#ffffff;
	position:relative;
	border:solid 1px #cccccc;
	border-width:0 1px 1px;
}

/* ■バナー表示
--------------------------------------------------*/
.bannerBox{
	width:100%;
}
.bannerBox .parentBlock>li{
	text-align:center;
	margin-bottom:0.5em;
}
.bannerBox .parentBlock>li img{
	max-width:none;
	width:100%;
	height:auto;
	display:block;
}
.bannerBox .parentBlock ul>li{
	text-align:center;
	margin:0 0 20px 0;
}
.bannerBox .parentBlock.cols2 ul>li,
.bannerBox .parentBlock.cols3 ul>li,
.bannerBox .parentBlock.cols4 ul>li,
.bannerBox .parentBlock.cols5 ul>li,
.bannerBox .parentBlock.cols6 ul>li{
	float:left;
	margin:0 2% 20px 0;
}
.bannerBox .parentBlock.cols2 ul>li{
	width:calc(100% - 2% * 1 / 2);
}
.bannerBox .parentBlock.cols3 ul>li{
	width:calc(100% - 2% * 1 / 3);
}
.bannerBox .parentBlock.cols4 ul>li{
	width:calc(100% - 2% * 1 / 4);
}
.bannerBox .parentBlock.cols5 ul>li{
	width:calc(100% - 2% * 1 / 5);
}
.bannerBox .parentBlock.cols6 ul>li{
	width:calc(100% - 2% * 1 / 6);
}
.bannerBox .parentBlock.cols2 ul>li:nth-child(2n),
.bannerBox .parentBlock.cols3 ul>li:nth-child(3n),
.bannerBox .parentBlock.cols4 ul>li:nth-child(4n),
.bannerBox .parentBlock.cols5 ul>li:nth-child(5n),
.bannerBox .parentBlock.cols6 ul>li:nth-child(6n),
.bannerBox .parentBlock.cols7 ul>li:nth-child(7n),
.bannerBox .parentBlock.cols8 ul>li:nth-child(8n),
.bannerBox .parentBlock.cols9 ul>li:nth-child(9n),
.bannerBox .parentBlock.cols10 ul>li:nth-child(10n){
	margin-right:0;
}
.jobSearchPageUrl{
	font-size:14px;
	line-height:1.5;
	color:#666666;
}
.jobSearchPageUrl dl>dt{
	font-weight:bold;
}
.jobSearchPageUrl textarea{
	width:100%;
	height:2.5em;
	padding:0.5em;
	box-sizing:border-box;
}


/* ■マップ検索
--------------------------------------------------*/
.jobMapSearch .jobMapModal{
	display:none;
	position:fixed;
	width:100%;
	height:100%;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:999999;
	font-size:1rem;
}
.jobMapSearch .jobMapModal.active{
	display:block;
}
.jobMapSearch .jobMapModal div.jobToggleMap{
	position: absolute;
	top: 1em;
	right: 2em;
	display: block;
	text-align: center;
	padding: 0;
	cursor: pointer;
	z-index: 99999;
	box-sizing: border-box;
	margin: 0;
}
.jobMapSearch .jobMapModal div.jobToggleMap:before{
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background: url(../images/close_03.png) no-repeat center;
	background-size: contain;
}
.jobMapSearch .jobMapModal dl>dt{
	width:100%;
	line-height:1;
	font-size:1rem;
	background:#f8f8f8;
	padding:1em 2em;
	box-sizing:border-box;
	color:#333333;
	text-align:left;
	font-weight:bold;
}
.jobMapSearch .jobMapModal dl>dd{
	position:absolute;
	top:3em;
	right:0;
	bottom:0;
	left:0;
	background:rgba(255,255,255,0.5);
}