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

#Responsive-table{
	width: 100%;
	border-collapse: collapse;
}
#Responsive-table td,
#Responsive-table th{
	padding: 10px;
	border: 1px solid #ccc;
	font-size:1.4rem

}

#Responsive-table td:first-of-type { font-size:1.4rem; font-weight:bold}

#Responsive-table th{
	font-size:1.4rem;
	font-weight: bold;
	text-align:left
}

#Responsive-table thead th{
	background:#e6e6e6; text-align:center
	
}

.respon-td-point { margin-bottom:20px}

.res-table-tr10 th{ border-left:0px !important; border-right:0px !important; padding:0px !important}




			#Responsive-table tbody th:nth-child(1) { width:100px}
			#Responsive-table tbody td:nth-child(2) { }
			#Responsive-table tbody td:nth-child(3) { font-size:1.6rem; color:#EB1B1E ;
			                                          white-space: nowrap;}
			#Responsive-table tbody td:nth-child(4) { }
			#Responsive-table tbody td:nth-child(5) { }
			#Responsive-table tbody td:nth-child(6) { }
			#Responsive-table tbody td:nth-child(7) { }	
			#Responsive-table tbody td:nth-child(8) { width:50px;  text-align:center}




/*link----------------------------------------*/
#Responsive-table a:link { text-decoration: none; color:#42AD77; text-decoration:underline}
#Responsive-table a:visited { text-decoration: none; color:#42AD77}
#Responsive-table a:hover { text-decoration: none; color:#42AD77;opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )"; text-decoration:none}
#Responsive-table a:active { text-decoration: none; color:#42AD77}




@media only screen and (max-width:768px){
	#Responsive-table{
		display: block;
	}
		#Responsive-table thead{
			display: none;
		}
		#Responsive-table tbody{
			display: block;
		}
			#Responsive-table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#Responsive-table tbody th,
			#Responsive-table tbody td{
				display: list-item;
				border: none;
				
			}
			#Responsive-table tbody th{
				font-size:1.6rem;
				font-weight:bold;
				margin-bottom: 5px;
				list-style-type: none;
				color: #000;
				border:2px #C9C9C9 solid;
				border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
				
			}
			
			#Responsive-table th img { width:100%}
			
			
						

			
			#Responsive-table tbody td{
				margin-left: 20px;
				padding: 0;
				font-size:1.6rem
			}
			#Responsive-table tbody td:nth-of-type(1):before { content: "【区分】"; }
			#Responsive-table tbody td:nth-of-type(2):before { content: "【価格】"; }
			#Responsive-table tbody td:nth-of-type(3):before { content: "【面積】"; }
			#Responsive-table tbody td:nth-of-type(4):before { content: "【所在地】"; }
			#Responsive-table tbody td:nth-of-type(5):before { content: "【時間】"; }
			#Responsive-table tbody td:nth-of-type(6):before { content: "【特徴】"; }
			#Responsive-table tbody td:nth-of-type(7):before { content: "【詳細】"; }		





			#Responsive-table tbody th:nth-child(1) { width:90%}
			#Responsive-table tbody td:nth-child(2) { }
			#Responsive-table tbody td:nth-child(3) { font-size:1.6rem; color:#CB191C ;
			                                          white-space:inherit;}
			#Responsive-table tbody td:nth-child(4) { }
			#Responsive-table tbody td:nth-child(5) { }
			#Responsive-table tbody td:nth-child(6) { }
			#Responsive-table tbody td:nth-child(7) { width:100%}
			#Responsive-table tbody td:nth-child(8) { width:100%; text-align:left}		

}