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

@import url(facilitysearch.css);

li {
	word-wrap: break-word;
}

body,html{
	width:100%;
	height:100%;
	min-width:320px;
}

body {
	background-color: #FFFFFF;
	background-image: none;	
}

/* 検索条件入力部分 */
#searchbox tr{
	display:table-cell;
	vertical-align:bottom;
}

/* メイン指定 */
#mainbase {
	background-color: #FFFFFF;
	background-image: none;
}
#mainblock {
	background-image: none;
	width: auto;
}
#mainblockinner {
	background-image: none;
	max-width: 960px;
}

/* ヘッダ指定 */
#header {
	background-color: #FFFFFF; /* #6FC8F2; */
	background-image: none; 
}
#header #logo {
	background-image: none;
	width: auto;
}
#etopicpath {
	width: auto;
}


/* list詳細指定 */
.listblock {
	width: calc(100% - 20px);
}

.listblock > div{
	display:table;
	border-collapse: collapse;
	width:100%;
	table-layout: fixed;
}

.listblock ul{
	display:table-row;
	font-size:0;/*inline-blockの隙間を削除*/
}

.listblock ul li{
	display:table-cell;
	border-left:solid 1px #c0c0c0;
	border-right:solid 1px #c0c0c0;
	box-sizing:border-box;
	font-size:13px;
	padding:7px 5px 5px 5px;	
	vertical-align:middle;
}

.elheader {
	background-color: #FB415F;
	background-image: none;
}

.elheader li {
	float: none;
}

.listblock .elheader ul li{
	font-size: 10.8px;
}

.elheader li {
	float: none;
}

.elheader li.offer {
	width: auto;
}

.eroutelist {
	background-color: #FEFBF7;
	background-image: linear-gradient(#FFFAE5, #FEFBF7, #FEFBF7, #FEFBF7);
}

.eroutelist li {
	float: none;
	margin: 0 0px;	
	line-height: normal;
}

.eroutelist li.name {
	width: 240px;
}

.eroutelist li.address {
	width: 240px;
}
.eroutelist li.tel {
	width: 140px;
}

.eroutelist li.offer {
	width: auto;
}

/* フッター指定 */
#footerbase {
	background-image: none;
}
#footerblock {
	background-image: none;
	width: auto;
}
#footer {
	width: auto;
	background-image: none;
}


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

	#mainblockinner {
		padding:0px 8px 10px;
	}

	#searchbox {
		font-size: 130%;
	}

	#searchbox tr select {
		font-size: 100%;	
		border:1px solid #ddd;
	}
	#searchbox tr input {
		font-size: 100%;	
	}

	.listblock ul{
		font-size:100%;
	}
	.listblock ul li{
		font-size: 130%;
	}
	.listblock .elheader ul li{
		font-size: 100%;
	}
	.listblock ul li.address{
		display:none;
	}
	.nextnm {
		font-size: 130%;
	}
	.nextnm a {
		display: inline-block;
	}
}

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

	#searchbox {
		width:100%;
	}
	#searchbox tr{
		display:block;
	}

	.listblock ul li.tel{
		display:none;
	}
	.listblock ul li.name{
		width: 150px;
	}
}