@charset "UTF-8";

/*---------------------------------------
 * PC
---------------------------------------*/ 

@media print, screen and (min-width:931px) {
	
	.page-header h2{
		width: 136px;
	}
	
	
	/* map
	---------------------------------------*/ 
	
	.map{
		margin-bottom: 70px;
	}
	.map .inner{
		width: 1080px;
		margin: 0 auto;
	}
	.map .map_canvas{
		width: 100%;
		height: 463px;
	}
	
	
	/* zip
	---------------------------------------*/
	
	.zip{
		padding: 0 0 130px;
	}
	.zip .inner{
		width: 1080px;
		margin: 0 auto;
	}
	.zip .inner table{
		width: 100%;
		margin-bottom: 50px;
	}
	.zip .inner table th{
		width: 268px;
		padding: 0 60px 0 12px;
		text-align: center;
		vertical-align: middle;
	}
	.zip .inner table th .midashi{
		width: 274px;
		margin: 0 auto 15px;
	}
	.zip .inner table th .midashi-ja{
		font-size: 12px;
	}
	.zip .inner table td{
		width: 740px;
	}
	.zip .inner table td dl{
		line-height: 2.5;
	}
	.zip .inner table td dl dt{
		width: 75px;
		float: left;
		clear: both;
	}
	.zip .inner table td dl dd{
		padding-left: 85px;
	}
	.moreAccess {
		text-align: center;
		margin: 20px auto 20px auto ;
		background-color: #6d5849;
		padding: 20px;
		width: 300px;
		color: #FFFFFF;
	}
	.moreAccess a {
	}
	
}


/*---------------------------------------
 * SP
---------------------------------------*/ 

@media print, screen and (max-width:930px) {
	
	.page-header h2{
		width: 108px;
	}
	
	
	/* map
	---------------------------------------*/ 
	
	.map{
		margin-bottom: 40px;
	}
	.map .inner{
		width: 100%;
		margin: 0 auto;
	}
	.map .map_canvas{
		width: 100%;
		height: 380px;
	}
	
	
	/* zip
	---------------------------------------*/
	
	.zip{
		width: 100%;
		padding: 0 0 45px;
	}
	
	.zip .inner{
		margin: 0 auto;
		padding: 0 12px;
		
	}
	.zip .inner table{
		width: 100%;
		
	}
	.zip .inner table th{
		display: block;
		text-align: center;
		margin-bottom: 30px;
	}
	.zip .inner table th .midashi{
		width: 235px;
		margin: 0 auto 15px;
	}
	.zip .inner table th .midashi-ja{
		font-size: 12px;
	}
	.zip .inner table td{
		display: block
		
	}
	.zip .inner table td dl{
		line-height: 1.6;
		margin-bottom: 20px;
	}
	
	.moreAccess {
		text-align: center;
		margin: 30px auto 20px auto ;
		background-color: #6d5849;
		padding: 20px;
		width: 100%;
		color: #FFFFFF;
	}
	.moreAccess a {
		color: #FFFFFF;
	}
	
	
}