@charset "utf-8";

@charset "utf-8";

#contents_wrap {
	width: 100%;
	padding-bottom: 30%;
	position: relative;
}

#contents {
	width: 100%;
	margin: 0 auto;
}

	#contents #select #select_menu li a { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }
	#contents #map_block #comment { font-size: 60%; /*calc( 18 / 30 * 100%)*/ }
	#contents .factory ul li p.f_name { font-size: 106.67%; /*calc( 32 / 30 * 100%)*/ }
	#contents .factory ul li p.f_company { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }
	#contents .factory ul li p.f_address { font-size: 93.33%; /*calc( 28 / 30 * 100%)*/ }


#contents h2 {
	margin: 6% 4% 0 4%;
	
}

#contents #select {
	width: 92%;
	margin: 6.7% 4% 5.3% 4%;
	position: relative;
}

	#contents #select #select_box {
		padding: 5.3% 20% 5.3% 5.3%;
    	width: 74.7%;
		border: 1px solid #11aaee;
		/*position: relative;*/
	}

		#contents #select #select_box #btn {
			position: absolute;
    		width: 10.5%;
    		padding-bottom: 10.5%;
    		top: 50%;
    		transform: translate(0,-50%);
    		right: 3%;
    		margin: auto;
    		background: url(../img/open.png) left top no-repeat;
    		background-size: 100%;
			z-index: 15;
		}

	#contents #select #select_menu {
		width: 100%;
		border-right: 1px solid #11aaee;
		border-left: 1px solid #11aaee;	
		border-bottom: 1px solid #11aaee;
		position: absolute;
		left: 0;
		background-color: #fff;
		display: none;
		z-index: 15;
	}

		#contents #select #select_menu ul {
		}

		#contents #select #select_menu li {
		}

		#contents #select #select_menu li a {
			display: block;
			width: 100%;
			padding: 3% 0;
			text-align: center;
			color: #006699;
			background-color: #fff;
		}

		#contents #select #select_menu li a:hover {
			color: #006699;
			background-color: #cfeefc;
			opacity: 1;
		}


	#contents #map_block{
		margin: 0 0 6.7% 0;
		width: 100%;
	}

	#contents #map_block #map {
		width: 100%;
		padding-bottom: 62.7%;
		background: url(../img/map_sp.png) left top no-repeat;
		background-size: 100% auto;
	}

	#contents #map_block #comment {
		margin: 1.3% 4% 0 4%;
	}


#contents .factory {
	width: 100%;
	margin: 0 0 6.7% 0;
}

#contents .factory.last_factory {
	width: 100%;
	margin: 0 0 0 0;
}

	#contents .factory h3 {
		padding: 2.7% 4%;
		margin: 0 0 4% 0;
		width: 92%;
		background-color: #c5ecff;
	}

	#contents .factory ul {
		margin: 0 4%;
		width: 92%;
		overflow: hidden;
	}

	#contents .factory ul li {
		width: 100%;
		margin-bottom: 6.7%;
		float: left;
		position: relative;
	}

	#contents .factory ul li:last-child {
		margin-bottom: 0;
	}

	#contents .factory ul li:nth-child(even) {
		margin-bottom: 0;
	}

	#contents .factory ul li p.f_img {
		width: 100%;
		height: auto;
		margin: 0 0 2.7% 0;
	}

	#contents .factory ul li p.f_name {
		margin: 0 0 2.7% 0;
		font-weight: bold;
	}

	#contents .factory ul li p.f_company {
		margin: 0 0 3.3% 0;
	}

	#contents .factory ul li p.f_company a {
		color: #006699;
	}

	#contents .factory ul li p.f_address {
	
	}

	#contents .factory ul li p.f_map {
		width: 13.3%;
		height: auto;
		position: absolute;
		top: 75.7%;
		right: 0;
	}

	#contents .factory ul li p.f_map a {
		display: block;
	}

	#contents .factory ul li p.f_map a img {
		width: 100%;
		height: auto;
	}