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

*/
.top_search_menu {
/*	background:		#FBFFEA; */
	background:		#FBFFEE url(../images/main_search_bg.png) center bottom no-repeat;
	background-size:	contain;
	padding:		0.5em 2.5%;
}
	.top_search_menu .job_cnts {
		margin:		0 0 0 20%;
		text-align:		right;
		
		font-size:		80%;
		line-height:	1;
	}
		.top_search_menu .job_cnts  time {
			color:			#EB6444;
		}
		.top_search_menu .job_cnts .cnts .num {
			font-size:		150%;
			font-weight:	bold;
			line-height:	1.3em;
			color:			#EB6444;
		}
	.top_search_menu .search_btn01 {
		margin:		0 0 0.8em;
	}
		.top_search_menu .search_btn01 a {
			display:	block;
			padding:	0.9em 2.5% 0.8em 40%;
			
			border-radius:	0.1em;
			border-width:	1px solid #ED8E08;
			
			font-size:		150%;
			font-weight:	bold;
			line-height:	1;
			color:			#fff;
			
			text-align:			left;
			text-decoration:	none;
			
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fead16+0,f79f0d+50,ef8f03+100 */
background: #fead16; /* Old browsers */
background: -moz-linear-gradient(top, #fead16 0%, #f79f0d 50%, #ef8f03 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #fead16 0%,#f79f0d 50%,#ef8f03 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #fead16 0%,#f79f0d 50%,#ef8f03 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fead16', endColorstr='#ef8f03',GradientType=0 ); /* IE6-9 */

			position:		relative;
		}
			.top_search_menu .search_btn01 a:before {
				position:		absolute;
				left:			1%;
				bottom:			0;
				right:			58%;
				top:			-1.2em;
				
				display:		block;
				width:			auto;
				height:			auto;
				content:		'';
				
				background:		url(../images/main_search_image.png?1) left bottom no-repeat;
				background-size:	contain;
			}
			.top_search_menu .search_btn01 a .simple {
				display:		inline-block;
				vertical-align:		middle;
				/*
				border-radius:	100px;	*/
				background:		rgba(0,0,0,0.15);
				
				/*
				background:		#ff9400;
				box-shadow: 1px 1px 0 rgba(0,0,0,.2) inset, 1px 1px 0 rgba(255,255,255,.2);
				*/
				text-shadow: none;
				
				font-size:		70%;
				padding:		0.4em 0.2em 0.4em 0.6em;
				margin:		0 0.5em 0 0;
			}
			.top_search_menu .search_btn01 a .simple  .material-icons {
				font-size: 		1em;
			}
			.top_search_menu .search_btn01 a .arrow {
				position:		absolute;
				right:			0;
				top:			0;
				bottom:			0;
				margin:			auto 0;
				
				display:		inline-block;
				width:			1.5em;
				height:			1.5em;
			}
			.top_search_menu .search_btn01 a .arrow i {
				font-size:		150%;
			}
	.top_search_menu .nav {
	}
		.top_search_menu .nav a {
			display:		block;
			padding:		0.5em 0 0.4em;
			
			border-radius:	0.3em;
			border:	1px solid #66B75E;
			background:			#fff url(../images/main_search_btn_bg.jpg) right bottom no-repeat;
			background-size:	cover;
			
			font-size:		100%;
			font-weight:	normal;
			line-height:	1.2em;
			color:			#66B75E;
			
			text-decoration:	none;
			text-align:			center;
		}
		.top_search_menu .nav a .material-icons {
			display:		block;
						
			font-size:		240%;
		}
		.top_search_menu .nav a .stress {
			display:		block;
			
			font-size:		120%;
			font-weight:	bold;
			line-height:	1.3em;
		}
.job_recommend_list {
}
	.job_recommend_list .list {
		margin:		0 0 0.8em;		
	}

	.job_recommend_list li {
		float:		left;
		width:		50%;
	}
		.job_recommend_list li:nth-child(2n+1) {
			clear:		both;
		}
	.job_recommend_list li a {
		display:	block;
		
		font-size:		85%;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#444;
		
		text-decoration:	none;
	}
		.job_recommend_list li a .image {
		}
		.job_recommend_list li a .in {
			padding:		0.4em 2.5%;
		}
		.job_recommend_list li a .text {
			font-size:		110%;
			line-height:	1.5em;
			color:			#88CC7F;
		}
		.job_recommend_list li a .new {
			display:	inline-block;
			padding:	0.1em 0.2em 1px;
			margin:		0 0.3em 0 0;
			
			font-size:		75%;
			line-height:	1.2em;
			
			background:		#EB706B;
			color:		#fff;
		}
		.job_recommend_list li a .recommend {
			display:	inline-block;
			padding:	0.1em 0.2em 1px;
			margin:		0 0.3em 0 0;
			
			font-size:		75%;
			line-height:	1.2em;
			
			background:		#ff5;
			color:		#000;
		}
		.job_recommend_list li a .recommend_icons {
			color:		#FF931E;
		}
		
.job_new_list {
}
	.job_new_list .list {
		margin:		0 0 0.8em;		
	}
	.job_new_list li {
		border-bottom:		2px solid #aaa;
	}
	.job_new_list li a {
		display:	table;
		width:		100%;
		table-layout:	fixed;
		
		font-size:		85%;
		font-weight:	normal;
		line-height:	1.3em;
		color:			#444;
		
		text-decoration:	none;
	}
		.job_new_list li a .image_wrap {
			display:		table-cell;
			vertical-align:		middle;
			width:			24%;
		}
		.job_new_list li a .in {
			display:	table-cell;
			vertical-align:		middle;
			width:			74%;
			
			padding:		0.4em 2.5%;
		}
		.job_new_list li a .text {
			font-size:		110%;
			line-height:	1.5em;
			color:			#88CC7F;
		}
		.job_new_list li a .new {
			display:	inline-block;
			padding:	0.1em 0.2em 1px;
			margin:		0 0.3em 0 0;
			
			font-size:		75%;
			line-height:	1.2em;
			
			background:		#EB706B;
			color:		#fff;
		}
		.job_new_list li a .recommend {
			display:	inline-block;
			padding:	0.1em 0.2em 1px;
			margin:		0 0.3em 0 0;
			
			font-size:		75%;
			line-height:	1.2em;
			
			background:		#ff5;
			color:		#000;
		}
		.job_new_list li a .recommend_icons {
			color:		#FF931E;
		}
.job_history_list {
}		
	.job_history_list .in {
		width:		100% !important;
	}		
.info_list { /* .job_new_list.info_list */
}
	.info_list .tags {
		display:	block;
	}
	.info_list .tags span {
		padding:	0.1em 0.2em 1px;
		margin:		0 0.3em 0 0;
		
		font-size:		75%;
		line-height:	1.2em;
		
		background:		#FFA64D;
		color:		#fff;
	}