/* --------------------main------------------- */
/* shop-details-top */
.shop-details-top{
	padding: 40px 0 30px;
	margin-bottom: 30px;
}
.shop-details-top__ttl{
	font-size: 30px;
	font-weight: bold;
	margin-bottom: 20px;
	font-family: 'Roboto', sans-serif;
}
.shop-photo{
	margin-bottom: 30px;
}
.shop-photo li,
.stafflist li{
	width: 100%;
	margin-bottom: 30px;
}
.shop-photo li img,
.stafflist li img{
	width: 100%;
	border: 3px solid #000;
}
/* staff */
.staff{
	margin-bottom: 40px;
}
.staff__name{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin: 10px 30px;
}
.staff__coodinate{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	width: 337px;
	margin: 0 auto;
}
.staff__coodinate a{
	display: block;
	border: 2px solid #000;
}
.staff__coodinate a:hover{
	color: #fff;
	background-color: #000;
}
/* brand */
.brand{
	margin-bottom: 60px;
}
.brand__name{
	margin-top: 10px;
}
/* access */
.access{
	margin-bottom: 60px;
}
.accessflex{
	margin-top: 10px;
}
.map{
	width: 100%;
	margin-bottom: 20px;
}
.map iframe{
	width: 100%;
	height: 408px
}
.shopinfo__line{
	width: 150px;
	margin-top: 10px;
}
.shopinfo__train{
	margin-top: 30px;
}
.shopinfo__train li{
	font-weight: bold;
	padding-left: 10px;
	position: relative;
}
.shopinfo__train li::before{
	font-family: "Font Awesome 5 Pro";
	font-weight: 300;
	content: "\f239";
	font-size: 20px;
	position: relative;	
	top: 0;
	left: -10px;
}