@charset "utf-8";

/*店舗情報*/

.access{
	display:table;
	margin:0 auto;
}

.access h2{
	font-size:150%;
	margin:10px;
}

.access img{
	margin:10px;
	width:780px;
}

.access table{
	margin:10px;
	border:1px solid #262626;
	background:#fff;
	border-collapse:collapse;
	width:780px;
}

.access table th{
	border:1px solid #262626;
	padding:5px;
	width:90px;
}

.access table td{
	border:1px solid #262626;
	width:610px;
	padding:5px 5px 5px 10px;
}

.access h3{
	margin:10px;
	font-size:150%;
}

.access iframe{
	margin-left:10px;
	margin-bottom:10px;
}
/*ウィンドウ幅が780px以下の場合に適用*/
@media screen and (max-width: 780px) { 
	
	/*店舗情報*/
	
	.access{
		margin:0 auto;
	}
	
	.access img,
	.access h2,
	.access h3,
	.access iframe,
	.access table{
		margin-left:2.5%;
		margin-right:2.5%;
	
	}
	
	.access img,
	.access table,
	.access iframe{
		width:95%;
	}
	
	/*マップ*/
	
	.gmap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
}
 
	.gmap iframe,
	.gmap object,
	.gmap embed {
			position: absolute;
			top: 0;
			left: 0;
			width: 95%;
			height: 95%;
	}
	
	
}

/*ウィンドウ幅が480px以下の場合に適用*/
@media screen and (max-width: 480px) { 

	/*店舗情報*/
	
	.access{
		letter-spacing:0.1em;
		font-size:85%;
	}
	
	.access table th{
		width:25%;
	}
}