/* --------------------------------------------------------------------------------------
   ACCESS
--------------------------------------------------------------------------------------- */

.main article {
	margin-top: 50px;
	border-left: 5px solid #f8b516;
	padding-left: 5px;
	overflow: hidden;
}

.main article .imgfont { float: left; }

.main .shopinfo .imgfont {
	background: url(../img/access/title_access_info.jpg) no-repeat;
	width: 135px;
	height: 60px;
}

.main .fan .imgfont {
	background: url(../img/access/title_access_enquete.png) no-repeat;
	width: 135px;
	height: 60px;
}

.main .map .imgfont {
	background: url(../img/access/title_access_map.jpg) no-repeat;
	width: 135px;
	height: 60px;
}

.main .floor .imgfont {
	background: url(../img/access/title_access_floor.jpg) no-repeat;
	width: 135px;
	height: 60px;
}

.main .shopinfo .sub {
	float: right;
	width: 294px;
}

.main .shopinfo .sub .image {
	border: 3px solid #dfd9cd;
	margin-bottom: 20px;
}

.main article .detail {
	float: left;
	width: 500px;
	margin-left: 25px;
}

.main article .detail dl { overflow: hidden;}

.main article .detail dt {
	border-top: 1px solid #cec8bc;
	padding: 10px;
	width: 80px;
	font-weight: bold;
	float: left;
}

.main article .detail dd {
	border-top: 1px solid #cec8bc;
	padding: 10px;
	margin-left: 110px;
}

.main article .detail p { margin-top: 20px; }
.main article .detail p:first-child { margin-top: 0;}

.main article .detail p strong { display: block; }

.qr {
	float: right;
	width: 150px;
	margin-top: 130px;
	margin-right: 52px;
}

.g-map {
	float: left;
	width: 400px;
	margin-left: 25px;
}

.you {
	float: right;
	width: 400px;
	text-align: center;
}

.floorbox {
	float: right;
	width: 825px;
	overflow: hidden;
}

.floorbox .image {
	float: left;
	width: 200px;
}

.floorbox .image p {
	font-size: 90%;
	margin-bottom: 20px;
}

.floorbox .photo {
	float: right;
	width: 600px;
}

.map-photo {
	float: left;
	margin-top: 20px;
}

/* --------------------------------------------------------------------------------------
   タブレット
--------------------------------------------------------------------------------------- */

@media (max-width: 1024px) and (min-width: 767px) {
	
	.main article img {
		width: 100%;
		height: auto;
	}
	
	.main article {
		border: 3px double #c4bcac;
		padding: 4% !important;
		margin-left: 4%;
		margin-right: 4%;
	}
	
	.main article .imgfont {
		float: none;
		margin-bottom: 5%;
	}
	
	.main article .detail {
		margin-left: 0;
		width: 57%;
	}
	
	.main .shopinfo .sub { width: 39%; }
	
	.main .shopinfo .sub iframe,
	.map iframe { width: 100%; }
	
	
	.main article .detail dt { width: 55px; }
	
	.main article .detail dd { margin-left: 97px; }
	
	.fan .detail p { width: 176%; }
	
	.fan .detail dl { width: 120%; }
	
	.qr {
		width: 28%;
		margin-top: 18%;
		margin-right: 0;
	}
	
	.g-map {
		width: 100%;
		margin-left: 0;
	}
	
	.you { width: 49%; }
	
	.floorbox {
		float: none;
		width: auto;
	}
	
	.floorbox .image { width: 29%; }
	
	.floorbox .image p {
		width: 346%;
		text-align: center;
	}
	
	.floorbox .photo {
		width: 69%;
		margin-top: 9%;
	}
}

/* --------------------------------------------------------------------------------------
  スマホ用
--------------------------------------------------------------------------------------- */

@media(max-width: 766px) {
	
	.main article {
		border: 3px double #c4bcac;
		padding: 4% !important;
		margin-left: 4%;
		margin-right: 4%;
	}
	
	.main article .imgfont {
		float: none;
		margin-bottom: 5%;
	}
	
	.main article .detail {
		margin-left: 0;
		width: auto;
	}
	
	.main .shopinfo .sub { width: auto; }
	
	.main .shopinfo .sub iframe,
	.map iframe,
	.map-photo iframe {
		width: 100%;
		height: 200px !important;
	}
	
	
	.main article .detail dt { width: 14%; }
	
	.main article .detail dd { margin-left: 25%; }
	
	.qr {
		width: 28%;
		margin-top: 18%;
		margin-right: 0;
		float: none;
	}
	
	.g-map {
		width: 100%;
		margin-left: 0;
	}
	
	.you { width: 100%; }
	
	.floorbox {
		float: none;
		width: auto;
	}
	
	.floorbox .image { width: 29%; }
	
	.floorbox .image p {
		width: 346%;
		text-align: center;
		margin-bottom: 19%;
	}
	
	.floorbox .photo {
		width: 69%;
		margin-top: 22%;
	}
}