@charset "utf-8";
/* CSS Document */



/* ========================================================================== */
/* TOP
   ========================================================================== */


/*タイトル*/
#result_ttl {
	/*position: fixed;*/
	position: relative;
	width: 100%;
	padding: 80px 0 5px;
	margin-top: 110px;
	/*background-size:contain;*/
}
	#result_ttl h1 {
		width: 90%;
		text-align: center;
		margin: 0 auto 30px;
		font-weight: 600;
		line-height: 1.6;
		font-size: 16px;
	}
		#result_ttl h1 span {
			width: 90%;
			text-align: center;
			margin: 0 auto;
			font-size: 48px;
			font-weight: normal;
			line-height: 1.8;
			letter-spacing: .05em;
			display: block;
			font-family: "bebas", sans-serif;
			color: #be0008;
		}
	#result_ttl p {
		max-width: 1000px;
		width: 90%;
		margin: 0 auto;
		text-align: center;
		font-size: 18px;
		line-height: 1.6;
		letter-spacing: .05em;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
		color: #333333;
		padding-bottom: 40px;
	}

.r_ttl_bk {
	background:url(../img/common/ttl_mark_bk.png) no-repeat center bottom;
	margin-bottom: 40px;
}



/*カテゴリー*/
.result_ct_box {
	position: relative;
	width: 100%;
	margin-bottom: 60px;
	padding: 0;
}
	.result_ct_box div.re_in {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		background: #EEEEEE;
		padding: 20px 50px;
	}
	.result_ct_box div.re_in h2 {
		width: 100%;
		font-size: 24px;
		margin: 0 auto 20px;
		padding: 10px;
		font-weight: 600;
		line-height: 1.2;
		text-align: center;
		color: #333333;
	}
	.result_ct_box div.re_in ul {
		width: 100%;
		margin: 0 auto;
		text-align: center;
		list-style: none;
	}
		.result_ct_box div.re_in ul li {
			float: left;
			margin: 0 10px 10px 0;
			font-size: 14px;
			background: #FFFFFF;
			/*font-size: 16px;*/
			padding: 8px 10px;
		}
		.result_ct_box div.re_in ul li a {
			text-decoration: none;
			color: #333333;
		}
		.result_ct_box div.re_in ul li.now { background: #be0008; }
		.result_ct_box div.re_in ul li.now a { color: #FFFFFF; }
			.result_ct_box div.re_in ul li a:hover {
				filter:alpha(opacity=70);
				-moz-opacity: 0.7;
				opacity: 0.7;
			}



/*カテゴリー*/
#result_box {
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	padding: 0;
}
	
		/*
	.result_box div.re_in {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		background: #EEEEEE;
		padding: 20px 50px;
	}
		*/

	#result_box ul {
		position: relative;
		max-width: 1200px;
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 14px;
	
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
		padding: 40px 0 0;
		
		/*background: #666666;*/
	}
		#result_box ul li {
			width: 23%;
			margin-bottom: 30px;
			transition: 3s;
		}
		#result_box ul li a {
			text-decoration: none;
		}
		#result_box ul li a:hover {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#result_box ul li a figure img { width: 100%;}
		#result_box ul li a:hover figure,
		#result_box ul li a:hover div,
		#result_box ul li a:hover strong {
			filter:alpha(opacity=70);
			-moz-opacity: 0.7;
			opacity: 0.7;
		}
		#result_box ul li a div.tr_cat {
			/*position: relative;*/
			width: 100%;
			/*background: #CCCCCC;*/
			color: #FFFFFF;
			
			display: flex;
			justify-content: space-between;
			-webkit-justify-content: space-between;
			-ms-justify-content: space-between;
		}
		#result_box ul li a div.cat_ { background: #666; }
		#result_box ul li a div.cat_company, 
		#result_detail_box dt.cat_company, 
		#result_box ul li a div.cat01 { background: #1166aa; }
		#result_box ul li a div.cat_realestate, 
		#result_detail_box dt.cat_realestate, 
		#result_box ul li a div.cat02 { background: #9c893b; }
		#result_box ul li a div.cat_campaign, 
		#result_detail_box dt.cat_campaign, 
		#result_box ul li a div.cat03 { background: #319934; }
		#result_box ul li a div.cat_medicalwelfare, 
		#result_detail_box dt.cat_medicalwelfare, 
		#result_box ul li a div.cat04 { background: #ffcc00; }
		#result_box ul li a div.cat_goods, 
		#result_detail_box dt.cat_goods, 
		#result_box ul li a div.cat05 { background: #ee6600; }
		#result_box ul li a div.cat_education, 
		#result_detail_box dt.cat_education, 
		#result_box ul li a div.cat06 { background: #7137a6; }
		#result_box ul li a div.cat_restaurant { background: #00a7db; }
		#result_box ul li a div.cat_hotel { background: #d7c447; }
		#result_box ul li a div.cat_municipality { background: #6cbb5a; }
		#result_box ul li a div.cat_recruit { background: #e5171f; }
		#result_box ul li a div.cat_mall { background: #e85298; }
		
			#result_box ul li a div.tr_cat span { width: 56%; padding: 8px 0 8px 12px; display:block;}
			#result_box ul li a div.tr_cat p {
				/*position: absolute;
				top: 0;
				right: 0;*/
				width: 44.1%;
				padding: 8px 12px 8px 0;
				color: #333333;
				text-align: right;
				background: #EEEEEE;
				display: block;
			}
		#result_box ul li strong {
			display: block;
			padding: 10px 0;
			color: #333333;
			font-size: 18px;
		}

		
		#result_box h2 {
			max-width: 1200px;
			width: 100%;
			margin: 0 auto;
			text-align: center;
			color: #333333;
			font-size: 24px;
		}


/*カテゴリー詳細*/
#result_detail_box {
	position: relative;
	width: 100%;
	margin-bottom: 80px;
	padding: 0 0 80px 0;
	border-bottom: 1px solid #CCCCCC;
}
	#result_detail_box div.slider {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
		margin-bottom: 30px;
	}
		#result_detail_box div.slider p img {
			width: 100%;
		}
	#result_detail_box #rdb_in {
		position: relative;
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
	}
		#result_detail_box #rdb_in dl { padding-bottom: 15px;}
		#result_detail_box #rdb_in dt {
			/*position: absolute;
			top: 0;
			left: 0;*/
			float: left;
			display: inline;
			padding: 8px 12px;
			border-radius: 3px;        /* CSS3草案 */  
			-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 3px;   /* Firefox用 */
		}
		#result_detail_box #rdb_in dt strong { color: #FFFFFF;}
		#result_detail_box #rdb_in dd {
			float: left;
			font-size: 24px;
			font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
			margin-left: 20px;
			color: #333333;
			padding: 3px 0 0 0;
		}
		#result_detail_box #rdb_in dt.cat01 { background: #1166aa;}
		#result_detail_box #rdb_in dt.cat02 { background: #9c893b;}
		#result_detail_box #rdb_in dt.cat03 { background: #319934;}
		#result_detail_box #rdb_in dt.cat04 { background: #ffcc00;}
		#result_detail_box #rdb_in dt.cat05 { background: #ee6600;}
		#result_detail_box #rdb_in dt.cat06 { background: #7137a6;}
		
		#result_detail_box #rdb_in p.rdb_link { margin-bottom: 25px;}
		#result_detail_box #rdb_in p.rdb_link a { color: #666666; text-decoration: none;}
		#result_detail_box #rdb_in p.rdb_link a:hover { color: #999999;}
		#result_detail_box #rdb_in p { color: #333333; line-height: 1.6;}
		
		

	
@media screen and (max-width: 1024px) {


/*タイトル*/
#result_ttl { padding: 8% 0 10px;}
	#result_ttl h1 span { font-size: 42px; line-height: 1.8;}
	#result_ttl p { font-size: 16px; line-height: 1.8;}


/*カテゴリー詳細*/
#result_detail_box {
	width: 92%;
	margin: 0 auto 60px;
	padding: 0 0 60px 0;
	border-bottom: 1px solid #CCCCCC;
}
	#result_detail_box div.slider {
		width: 100%;
		/*margin: 0 auto;*/
		margin-bottom: 30px;
	}
		#result_detail_box #rdb_in dt {
			/*position: absolute;
			top: 0;
			left: 0;
			float: none;*/
		}
		#result_detail_box #rdb_in dd {
			/*float: none;
			font-size: 24px;*/
		
		}
	

/*カテゴリー*/
#result_box {
	position: relative;
	width: 92%;
	margin-bottom: 80px;
	padding: 0;
	margin: 0 auto;
}

	#result_box ul {
		width: 100%;
		margin: 0 auto;
		list-style: none;
		font-size: 14px;
	
		flex-wrap: wrap;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
			
		display: flex;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		-ms-justify-content: space-between;
		
		padding: 30px 0 0 0;
		
		/*background: #666666;*/
	}
		#result_box ul li {
			width: 32%;
			margin-bottom: 20px;
		}

	.pc-only { display: none !important; }
		
}



@media screen and (max-width: 480px) {


/*タイトル*/
#result_ttl { padding: 10% 0 10px;}
	#result_ttl h1 span {
		margin: 0 auto 10px;
		font-size: 36px;
		line-height: 1.4;
		text-align: center;
	}
	#result_ttl p {
		font-size: 14px;
		line-height: 1.6;
		text-align: left;
	}

/*カテゴリー詳細*/
#result_detail_box {
	width: 94%;
	margin: 0 auto 40px;
	padding: 0 0 40px 0;
	border-bottom: 1px solid #CCCCCC;
}
		#result_detail_box #rdb_in dt {
			width: 100%;
			/*position: absolute;
			top: 0;
			left: 0;*/
			float: none;
			display: block;
		}
		#result_detail_box #rdb_in dd {
			width: 100%;
			float: none;
			font-size: 20px;
			margin-left: 0;
			margin-top: 25px;
		}
		#result_detail_box #rdb_in p { font-size: 14px;}


/*カテゴリー*/
#result_box {
	width: 94%;
	margin: 0 auto 40px;
}

	#result_box ul {		
		padding: 30px 0 0 0;
	}
		#result_box ul li {
			width: 48%;
			margin-bottom: 20px;
		}



.pc-only { display: none !important; }

}





/* ドット用スタイル */
.slide-dots {
	display: flex;
	justify-content: right;
	margin: 10px 0 0 0;
	padding: 0;
	height: 6px;
}

.slide-dots li {
	list-style-type: none;
	margin: 0 8px 0 0;
}

.slide-dots li button {
	width: 50px;
	height: 6px;
	border: 0;
	/*border: 1px solid #000;
	color: #fff;*/
	background-color: #CCCCCC;
	text-indent: -999999px;
}

.slide-dots li:hover,
.slide-dots li button:hover {
	cursor: pointer;
	background: #C00;
	width: 50px;
	height: 6px;
}
/* ここまで */