/* CSS Document */

.photo_left,.photo_right{
	display:none;	
}
.storeinfo{
	margin-bottom:30px;	
	overflow:hidden;
}
.storeinfo table{
	width:600px;
	float:left;
	box-sizing: border-box;
	border-collapse:collapse;
}
.storeinfo th{
	width:100px;
}
#map_canvas{
	border: 1px solid black;
	width: 85%;
	height: 235px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	display:block;
	margin:0 auto;
	clear:both;
}
.photo1{
	width:340px;
	float:right;
}
.photo2{
	width:100%;
	display:-webkit-box;	/*--- Androidブラウザ用 ---*/
	display:-ms-flexbox;	/*--- IE10 ---*/
	display:-moz-flex;		/*--- firefox ---*/
	display:flex;
	-webkit-box-pack:justify;	/*--- Androidブラウザ用 ---*/
	-ms-box-pack:justify;		/*--- IE10 ---*/
	-webkit-flex-pack:justify;	/*--- Androidブラウザ用 ---*/
	-ms-flex-pack:justify;		/*--- IE10 ---*/
	justify-content:space-between;
	margin-bottom:25px;
}
.photo3{
	display:none;	
}
@media screen and (max-width:1020px){
h2{
	max-width:100%;
	padding:10px 3%;
}
.photo2 p{
	width:32%;
	margin:0 2%;
}
.photo3{
	display:block;	
}
.photo3 img{
	max-width:100%;
	margin:0 auto;
	display:block;	
}
.storeinfo table{
	width:60%;
}
.photo1{
	width:34%;
}
}
@media screen and (max-width:850px){
.photo_left,.photo_right{
	display:block;	
}
.photo1,.photo2{
	display:none;
	width:100%;
}
.photo_left{
	float:left;
	width:48%;
}
.photo_right{
	float:right;
	width:48%;	
}
.photo_left img,.photo_right img{
	margin:0 auto 25px;
	display:block;
}
.storeinfo table{
	width:100%;
	float:none;
}
}
@media screen and (max-width:540px){
.photo_left,.photo_right{
	display:block;
	min-width:100%;	
}
}