@charset "utf-8";
/*
Theme Name: 京都・滋賀求人タイムス
Theme URI:  
Description: 京都・滋賀求人タイムス
Version: 1.0
Author: monokus.jp

*/
.main_image {
	width:		1000px;
	height:		415px;
	margin:		0 -500% -92px;
	padding:	0 500%;
	
	background:		#fff url(../images/main_image.png) center bottom no-repeat;
	position:	relative;
}
	.main_image .inner {
		margin:		0 auto;
		width:		1000px;
		height:	447px;
		
		position:	relative;
	}
	/* .main_image .inner:before {
		position:		absolute;
		top:			0;
		bottom:			0;
		left:			-50px;
		
		display:	block;
		width:		500px;
		height:		auto;
		content:	'';
		
		background:		url(../images/main_image_person.png) left bottom no-repeat;
	} */
	.main_image .banners {
		float:		right;
		padding:	23px 0 40px;
		width:		766px;
		height:			130px;
		
		position:	relative;
		z-index:	4;
	}
		.main_image .banners .list {
			overflow:		hidden;
			height:			130px;
		}
		.main_image .banners ul {
			margin:		0 -20px;
		}
		.main_image .banners li {
			float:		left;
			width:		242px;
			height:		130px;
			
			margin:		0 0 0 20px;
		}
	.main_image .banners .swiper-container ul,
	.main_image .banners .swiper-container li {
		margin:			0;	
	}
	
	.main_image .banners .prev ,
	.main_image .banners .next {
		position:	absolute;
		top:		0;
		bottom:		0;
		
		width:		60px;
		height:		60px;
		margin:		auto 0;
	}
		.main_image .banners  .prev { left: -60px; }
		.main_image .banners  .next { right: -60px; }
		.main_image .banners  .prev a ,
		.main_image .banners  .next a {
			display:	block;
		}
		.main_image .banners  .prev a i ,
		.main_image .banners  .next a i {
			font-size:	60px;
			color:		#F4AA51;
		}
.step_search {
	float:		right;
	
	position:	relative;
	z-index:	2;
}
	.step_search .title {
		float:		left;
		margin:		0 18px 0 0;
		padding:	0 0 0 20px;
		display:	block;
		height:		63px;
		background:		#F4AA51;
		
		font-size:		17px;
		font-weight:	bold;
		line-height:	1.2em;
		color:			#fff;
		
		position:	relative;
	}
		.step_search .title:after {
			position:	absolute;
			top:		0;
			bottom:		0;
			left:		-15px;
			
			display:	block;
			width: 		42px;
			height: 	55px;
			content:	'';
			margin:		auto 0;
			
			background:		url(../images/step_search_icon.png) left center no-repeat;
		}	
		.step_search .title .in {
			display:	table-cell;
			height:		63px;
			padding:	0 0 0 10px;
			vertical-align:		middle;
			text-align:		left;
		}
		.step_search .title:before {
			position:	absolute;
			top:		0;
			right:		-15px;
			display:	block;
			width: 0;
			height: 0;
			content:	'';

			border-style: solid;
			border-width: 31.5px 0 31.5px 15px;
			border-color: transparent transparent transparent #F4AA51;
		}
	.step_search .select {
		float:		left;
		display:		block;
		width:			215px;
	}
		.step_search .select a {
			border:				1px solid #e0e0e0;
			border-radius:		5px;
			background:			#fff;
			
			display:		block;
			padding:		0 0 0 10px;
			height:			61px;
			
			color:		#444;
			text-decoration:	none;
			
			position:		relative;
		}
			.step_search .select a .in {
				display:	table-cell;
				width:			200px;
				height:		63px;
				vertical-align:		middle;
			}
			.step_search .select a .placeholder {
				display:		block;
				width:			190px;
				overflow:		hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
				
				color:		#999;
			}
			.step_search .select a .text {
				display:		block;
				width:			190px;
				overflow:		hidden;
				white-space: nowrap;
				text-overflow: ellipsis;
			}
			.step_search .select a i {
				position: absolute;
				top: 50%;
				right: 0;
				font-size: 20px;
				margin-top: -.5em;
				
				color:		#88CC7F;
			}
	.step_search .multiple {
		float:		left;
		display:		block;
		width:			34px;
		height:			63px;
		
		font-size:		28px;
		line-height:	63px;
		color:			#66B75E;
		
		text-align:		center;
	}
		.step_search .multiple i {
			font-size:		28px;
		}
	.step_search .submit {
		float:		left;
		margin:		0 0 0 10px;
		
		display:	block;
		width:		80px;
		height:		63px;
		border-radius:	5px;
		box-sizing:		border-box;
		
		cursor:		pointer;
		
		/* border:		1px solid #88CC7F; */
		border:			3px double #fff;
		background:	#88CC7F;

		font-size:		15px;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#fff;
		
		text-align:		center;
	}
		.step_search .submit i {
			font-size:		32px;
		}
		.step_search .submit .text {
			display:	block;
		}
.job_cnts {
	clear:		both;
	float:		right;
	margin:		12px 0 7px;
	padding:	10px 10px 5px;
	
	background:		rgba(255,255,255,0.4);
	
	font-size:		14px;
	font-weight:	normal;
	line-height:	1.3em;
	color:			#777;
	
	text-align:		right;
	
	position:	relative;
	z-index:	2;
}
	.job_cnts .cnts {
		font-size:		17px;
		line-height:	1.3em;
	}
		.job_cnts .cnts .num {
			font-size:		27px;
			font-weight:	bold;
			line-height:	1.3em;
			/*
			font-style: 	italic; */
			color:			#66B75E;
		}
.search_form_tab {
	position:	relative;
	z-index:	2;

	clear:		both;
	border:		1px solid #88CC7F;
	background:		#fff;
	margin:		0 0 35px;
}
	.search_form_tab .tabs {
	}
	.search_form_tab .tabs ul {
		border-bottom:		1px solid #88CC7F;
	}
		.search_form_tab .tabs ul li {
			float:		left;
			width:		20%;
		}
		.search_form_tab .tabs ul li a {
			display:	table;
			width:		100%;
			height:		55px;
			
			border-left:		1px solid #88CC7F;
			background:			#fff url(../images/search_form_tab_bg.jpg) right bottom no-repeat;

			font-size:		15px;
			font-weight:	normal;
			line-height:	1em;
			color:			#66B75E;
			
			text-decoration:	none;
		}
			.search_form_tab .tabs ul li:first-child a {
				border-left:		none !important;
			}
			.search_form_tab .tabs ul li a .in {
				display:	table-cell;
				height:		55px;
				
				vertical-align:		middle;
				text-align:			center;
			}
			.search_form_tab .tabs ul li a span {
				font-size:		22px;
				font-weight:	bold;
			}
			.search_form_tab .tabs ul li a i {
				font-size:		38px;
				color:			#F4AA51;
				
				vertical-align: text-bottom; 
				
				position:	relative;
				top:		2px;
			}
		.search_form_tab .tabs ul li a:hover,
		.search_form_tab .tabs ul li a.active {
			background:	#88CC7F;
			color:		#fff;
		}
			.search_form_tab .tabs ul li a:hover i ,
			.search_form_tab .tabs ul li a.active i {
				color:		#fff;
			}
	.search_form_tab .inner {
		padding:		20px 22px;
	}
	.search_form_tab .tab_contents {
	}
	.search_form_tab .tab_content {
		display:	none;
	}
	.search_form_tab .tab_content.active {
		display:	block;
	}
		.search_form_tab .tab_content .salary_form {
		}
			.search_form_tab .tab_content .salary_form .text {
				font-weight:	bold;
				padding:		0 0 12px;
			}
			.search_form_tab .tab_content .salary_form .select {
				float:		left;
				border:		1px solid #ccc;
				margin:		0 10px 0 0;
			}
				.search_form_tab .tab_content .salary_form .select select {
					width:		224px;
					height:		48px;
					box-sizing:	border-box;
					
					padding:	12px 12px 12px 12px;
					vertical-align:		top;
					border:		none !important;
				}
			.search_form_tab .tab_content .salary_form .textform {
				float:		left;
				border:		1px solid #ccc;
				margin:		0 10px 0 0;
			}
				.search_form_tab .tab_content .salary_form .textform input[type="text"] {
					width:		270px;
					height:		48px;
					box-sizing:	border-box;
					
					padding:	12px 12px 12px 12px;
					vertical-align:		top;
					border:		none !important;

				}
			.search_form_tab .tab_content .salary_form .sep {
				float:		left;
				height:		48px;
				line-height:	50px;
				padding:	0 10px 0 0;
			}
		.search_form_tab .tab_content .kodawari {
			display:		table;
			border-collapse:	collapse;
			table-layout:		fixed;
			
			width:			100%;
			border-bottom:		1px dashed #ccc;
		}
		.search_form_tab .tab_content .kodawari dl {
			display:		table-row;
		}
			.search_form_tab .tab_content .kodawari dl dt {
				display:		table-cell;
				vertical-align:	top;
				background:		#FFF3CA;
				
				font-weight:	bold;
				color:		#555;
				
				width:			120px;
				padding:		15px 12px;
			}
			.search_form_tab .tab_content .kodawari dl dd {
				display:		table-cell;
				vertical-align:	top;
				
				padding:		15px 12px;
			}
				.search_form_tab .tab_content .kodawari dl dd .parent {
					clear:		both;
					padding:	0 0 10px 0;
					/* border-left:		8px solid #3EB36F; */
					/*
					line-height:	1.2em; */
					font-weight:	bold;
					
				}
				.search_form_tab .tab_content .kodawari dl dd .children {
					padding:	0 0 12px;
				}
				.search_form_tab .tab_content .kodawari dl dd label {
					width:		40%;
				}
	.search_form_tab .result {
		padding:		24px;
		clear:		both;
	}
		.search_form_tab .result .search_cnts {
			float:		left;
			padding:		19px 0 0;
			
			font-size:		17px;
			font-weight:	bold;
			line-height:	1.3em;
			color:			#666;
		}
			.search_form_tab .result .search_cnts .cnts {
				font-size:		27px;
				font-weight:	bold;
				line-height:	1.3em;
				/*
				font-style: 	italic; */
				color:			#66B75E;
			}
		.search_form_tab .result .submit {
			margin:		0 auto;
		}
			.search_form_tab .result .submit button {
				cursor:			pointer;
			}
		.search_form_tab .result .clear_btn {
			float:		right;
			width:		157px;
			padding:	8px 0 0;
		}
		.search_form_tab .result .clear_btn a {
			border:		1px solid #ddd;
background-image:-moz-linear-gradient(50% 0% -90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%); 
background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(255,255,255)),color-stop(1, rgb(241,241,241)));
background-image:-webkit-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background-image:-o-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background-image:-ms-linear-gradient(-90deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
background-image:linear-gradient(180deg,rgb(255,255,255) 0%,rgb(241,241,241) 100%);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff1f1f1,GradientType=0)";
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff,endColorstr=#fff1f1f1,GradientType=0);

			display:	block;
			width:		157px;
			padding:	12px 0 10px;
			
			border-radius:	3px;
			border-width:	1px;
			border-style:	solid;
			
			font-size:		14px;
			font-weight:	bold;
			line-height:	1;
			color:			#66B75E;
			
			text-align:			center;
			text-decoration:	none;
			
			cursor:			pointer;
		}
			.search_form_tab .result .clear_btn a .material-icons {
				font-size:		21px;
				position:		relative;
				top:			-2px;
				
				margin-right:		.3em;
			}


.list_title {
}
	.list_title .title {
		float:		left;
		padding:	12px 20px 10px 7px;
		margin:		0 0 16px;
		
		background:		#fff;
		border:			1px solid #88CC7F;	
		
		font-size:		20px;
		font-weight:	bold;
		line-height:	1.3em;
		color:			#55AE4C;
	}
		.list_title .title i {
			margin:		0 8px 0 0;
			position:	relative;
			top:		-2px;
			
			font-size:		40px;
			font-weight:	bold;
			line-height:	1;
			color:			#F4AA51;
		}
	.list_title .more {
		float:		right;
		padding:	22px 0 0;
	}
		.list_title .more a {
			float:	right;
			display:	block;
			padding:	4px 4px 3px 6px;
			
			background:		#F4AA51;
			border:			1px solid #fff;
			border-radius:	3px;
			
			font-size:		15px;
			font-weight:	bold;
			line-height:	1em;
			color:			#fff;
			
			text-decoration:	none;
		}
			.list_title .more a i {
				font-size:		100%;
				font-weight:	normal;
				line-height:	1;
			} 
	.list_title .inner {
		clear:	both;
	}

.job_list {
}
	.job_list .inner {
		clear:	both;
		position:	relative;
	}
	.job_list .list {
		clear:	both;
		margin:		0 -8px;
	}
		.job_list .list li {
			float:		left;
			/* width:		200px; */
			width:		20%;
		}
		.job_list .list li:nth-child(5n+1 ) {
			clear:		both;
		}
		.job_list .list li.swiper-slide {
			clear:		none !important;
		}
		.job_list .list li a {
			display:	block;
			width:		184px;
			margin:		0 auto;
			padding:	0 0 18px;
			
			color:			#444;
			text-decoration:	none;
		}
			.job_list .list li a .cr_image_wrap {
/*				width:		184px;
				height:		138px;
				overflow:	hidden;
				position:	relative;
				
				background-color:			#fff;
				background-position:		center center;
				background-repeat:			no-repeat;
				background-size:	cover !important; */
			}
				/* .job_list .list li a .image img {
					display:	none;
				} */
				.job_list .list li a .tags {
					position:	absolute;
					left:		0;
					right:		0;
					bottom:		0;
					
					padding:	0 4px 0 0;
				}
					.job_list .list li a .tags span {
						display:		inline-block;
						margin:			0 0 4px 4px;
						padding:		2px 3px 1px;
						
						font-size:		12px;
						font-weight:	bold;
						line-height:	1em;
						color:			#fff;
						
						text-align:		center;
					}
					.job_list .list li a .tags .new {
						background-color:	rgba(245,147,0, 0.8);
					}
					.job_list .list li a .tags .recommend {
						background-color:	rgba(0,150,0, 0.8);
					}
					.job_list .list li a .tags .recommend_icons {
						font-size:		14px;
						font-weight:	bold;
						line-height:	1;
						
						color:		#FF8000;
					}
			.job_list .list li a .text {
				padding:	4px 0 3px;
				color:		#444;
			}
			.job_list .list li a .note {
				font-size:	12px;
				line-height:	1.3em;
			}
	.job_list .prev ,
	.job_list .next {
		position:	absolute;
		top:		0;
		bottom:		0;
		
		
		width:		60px;
		height:		60px;
		margin:		auto 0;
	}
		.job_list .prev { left: -60px; }
		.job_list .next { right: -60px; }
		.job_list .prev a ,
		.job_list .next a {
			display:	block;
		}
		.job_list .prev a i ,
		.job_list .next a i {
			font-size:	60px;
			color:		#F4AA51;
		}
	
.job_recommend_list {
	margin:			0 -500%;
	padding:		0 500% 18px;
	
	background:		url(../images/bg01.png) center center repeat;
}
.job_latest_list {
}
	.job_latest_list .title {
		border:		none !important;
	}

.info_list {	
	border-top:		6px solid #88CC7F !important;	
	border:			1px solid #FFFBEF;
	background:		#FFFBEF;
	
	margin:			40px auto;
	padding:		0 20px 20px;
	width:			1000px;
	
	box-sizing:		border-box;
}
	.info_list .title {
		border:		none !important;
		background:		none !important;
	}

	.info_list .inner {	
		clear:		both;
	}
	.info_list .cats {	
	}
		.info_list .cats span {	
			display:	inline-block;
			
			margin:			0 6px 0 0;
			padding:		2px 5px;
			border-radius:		5px;
			
			font-size:		14px;
			font-weight:	normal;
			line-height:	1.1em;
			
			/* 管理画面から変更可能 */
			border:		1px solid #F4AA51;
			background:		#fff;
			color:			#F4AA51;
		}
	.info_list .list {	
	}
		.info_list .list ul {	
			float:		right;
			width:		564px;
		}
		.info_list .list li {
			margin:		0 0 12px;
		}
		.info_list .list li a {
			display:	block;
			
			color:			#444;
			text-decoration:	none;
		}
			.info_list .list li a .cr_image_wrap {
				float:		left;
				width:		150px;
				margin:		0 12px 0 0;
				/*
				width:		150px;
				height:		100px;
				margin:		0 12px 0 0;
				
				overflow:	hidden;
				position:	relative;
				
				background-color:			#fff;
				background-position:		center center;
				background-repeat:			no-repeat;
				background-size:	cover !important;
				*/
			}
				/* .info_list .list li a .image img {
					display:	none;
				} */
			.info_list .list li a .text {
				padding:	4px 0 3px;
				color:		#666;
			}

	.info_list .first {
		float:		left;
		width:		352px;
	}
		.info_list .first a {
			display:	block;
			
			color:			#444;
			text-decoration:	none;
		}
			.info_list .first a .cr_image_wrap {
				float:		left;
				width:		352px;
				margin:		0 0 12px;
				/*
				height:		235px;
				margin:		0 0 12px;
				
				overflow:	hidden;
				position:	relative;
				
				background-color:			#fff;
				background-position:		center center;
				background-repeat:			no-repeat;
				background-size:	cover !important; */
			}
				/* .info_list .first a .image img {
					display:	none;
				} */
			.info_list .first a .text {
				padding:	4px 0 3px;
				color:		#666;
			}

				/*
#3EB36F */

.job_history {
	margin:			0 -500%;
	padding:		0 500% 18px;
	/*
	border-top:		1px solid #e0e0e0;
	background:		#EFF4F7;
	*/
	background:		url(../images/bg01.png) center center repeat;
}
		/*
			.job_list .more a span {
				display:		inline-block;
				margin:			0 0 0 7px;
				
				width:			12px;
				height:			12px;
				border-radius:	100px;
				
				background:		#fff;
				
				text-align:		center;
				line-height:	12px;
			} 
			.job_list .more a i {
				font-size:		11px;
				font-weight:	normal;
				line-height:	1;
				color:			#FF665B;
			} */
	.job_history .inner {
		clear:	both;
		position:	relative;
	}
		.job_history .list li {
			float:		left;
			width:		50%;
		}
		.job_history .list li:nth-child(2n+1) {
			clear:		both;
		}
		.job_history .list li a {
			display:	block;
			margin:		0 22px 20px 0;
			padding:	0 0 18px;
			
			color:			#444;
			text-decoration:	none;
		}
			.job_history .list li a .cr_image_wrap {
				float:		left;
				width:		148px;
				margin:		0 12px 0 0;
				/*
				height:		110px;
				
				overflow:	hidden;
				position:	relative;
				
				background-color:			#fff;
				background-position:		center center;
				background-repeat:			no-repeat;
				background-size:	cover !important;
				*/
			}
				/* .job_history .list li a .image img {
					display:	none;
				} */
			.job_history .list li a .in {
				display:			table-cell;
				height:				110px;
				
				vertical-align:		middle;
			}
			.job_history .list li a .text {
				padding:	4px 0 3px;
				color:		#444;
			}
			.job_history .list li a .note {
				font-size:	12px;
				line-height:	1.3em;
			}