@charset   "UTF-8";

/* 一覧表の見方
----------------------------------------------- */

.list_ichiran_exp li {
	margin-bottom: 5px;
}

.ari {
	background: #f9dddc;
	border: 1px solid #333;
	padding: 0 18px;
}

.nashi {
	background: #eaf1dd;
	border: 1px solid #333;
	padding: 0 18px;
}

.komoku {
	background: #75923c;
	border: 1px solid #333;
	color: #fff;
	padding: 0 5px;
}

/* table
----------------------------------------------- */
.table_list_maisonette {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

.table_list_maisonette th {
	width:8%;
	padding: 5px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background: #75923c;
	line-height: 130%;
	color: #fff;
	text-align:center;
}

.table_list_maisonette td {
	padding: 5px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background: #f9dddc;
	text-align: center;
	font-size: 12px;
	line-height: 130%;
}

.table_list_maisonette2 {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}

.table_list_maisonette2 th {
	width:8%;
	padding: 5px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background: #75923c;
	line-height: 130%;
	color: #fff;
	text-align:center;
}

.table_list_maisonette2 td {
	padding: 5px;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	background: #eaf1dd;
	text-align: center;
	font-size: 12px;
	line-height: 130%;
}

.table_list_maisonette .short,
.table_list_maisonette2 .short{
	width:5%;
}

.table_list_maisonette .long,
.table_list_maisonette2 .long{
	width:12%;
}

.table_list_maisonette .xlong,
.table_list_maisonette2 .xlong{
	width:18%;
}

.table_title {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%
}

.table_title th {
	background: #fac090;
	padding: 8px 5px;
	color: #c0504d;
	font-size: 20px;
}

.table_title td {
	text-align: center;
	font-size: 18px;
}

.table_title td.pr {
	background: #e5e0ec;
	padding: 8px 5px;
}

.table_title td.title {
	padding:10px 0 5px;
	background:#75923c;
	color: #fff;
}

.table_title td.title.hiyou {
	font-size: 14px;
}

.table_title td.hiyou .yachin {
	font-size: 24px;
	font-weight:bold;
}

.table_title td.hiyou .kyoeki {
	font-size: 24px;
}

.table_kyori{
	margin:1em auto;
	border-collapse: reparate;
	border-spacing: 7px;
}
.table_kyori th {
	background: #f29c9f;
	font-size: 15px;
}

.table_kyori td.kyori {
	text-align: right;
}

.table_gaiyo {
	float:right;
	width: 400px;
	border-collapse: collapse;
	border-spacing: 0;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
}

.table_gaiyo th {
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	background: #ecf2cf;
	text-align: left;
}

.table_gaiyo td {
	padding: 5px 10px;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
}

/* LINE
----------------------------------------------- */
#line{
	display:none;
}

/* 概要
----------------------------------------------- */
#gaiyo_group{
	width:100%;
	padding-top:1em;
}
#gaiyo_group .box_left,
#gaiyo_group .box_right{
	width:50%;
}
#gaiyo_group .box_left table,
#gaiyo_group .box_right table{
	width:100%;
}
#madori{
	margin-top:7px;
	text-align:center;
}


/* 地図
----------------------------------------------- */
.map {
	margin:0 auto;
	border: 3px solid orange;
}


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

	/* table
	----------------------------------------------- */
	.table_title,
	.table_gaiyo,
	.table_kyori{
		width:100%;
	}
	.table_title th,
	.table_title td{
		display:block;
	}
	.table_gaiyo{
		margin-top:-1em;
	}
	.table_title td.title {
		height: auto;
		background:#75923c;
	}
	.table_title td.title + .table_title td.hiyou {
		padding-top:0;
	}

	/* LINE
	----------------------------------------------- */
	#line{
		display:block;
		height:30px;
		margin-top:10px;
		overflow:hidden;
		text-align:right;
	}
	#line .line-it-button{
		height:30px;
		overflow:hidden;
	}

	/* 概要
	----------------------------------------------- */
	#gaiyo_group{
		display:block;
	}
	#gaiyo_group .box_left,
	#gaiyo_group .box_right{
		width:100%;
	}
	#madori img{
		width:100%;
		height:auto;
	}
	.table_gaiyo{
		float:none;
	}

}