@charset "utf-8";

.mainImage{
	position: relative;
	margin: 0 auto;
	width: 100%;
	height:0;
	padding-top: 24.12%;
	background-image: url("../img/shop/main.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 0;
}

/* 共通 */
#shop h3,#shopinfo h3{
	position: relative;
	margin: 0 auto;
	color:#101a37;
	font-weight: bold;
	font-size: .24rem;
	text-align: left;
	padding-bottom: 6%;
}
/* shop */
#shop{
	position: relative;
	margin: 0 auto;
	padding-top: 8%;
}
#shop h2{
	position: relative;
	margin: 0 0 1% 0;
	width: 100%;
	height:0;
	padding-top: 10%;
	font-size: .24rem;
}
#shop p{ position: relative; width: 96%; margin: 6% auto 0 auto; text-align: left;}

/* shopinfo */
#shopinfo{
	position: relative;
	margin: 0 auto;
	padding-top: 8%;
}
#shopinfo h2{
	position: relative;
	margin: 0 0 1% 0;
	width: 100%;
	height:0;
	padding-top: 10%;
	font-size: .24rem;
}
#shopinfo p{ position: relative; width: 96%; margin: 6% auto 0 auto; text-align: left;}
#shopinfo ul{
	position: relative;
	margin: 0 auto 80px auto;
	width: 80%;
}
#shopinfo ul li{
	position: relative;
	margin-bottom: 20px;
	color: #011235;
}
#shopinfo ul li img{ width: 100%;}
p.name{
	position: relative;
	margin: 5px 0 0 0;
	color: #0e49be !important;
	font-size: .18rem;
}
p.address{
	position: relative;
	margin: 10px 0 0 0;
}
p.access{
	position: relative;
	font-size: .12rem;
}


/* ----- pc ----- */
@media screen and (min-width: 641px) {
	
	
	/* 共通 */
	#shop h3 #shopinfo h3{padding-bottom: 50px;margin: 0 0 0 20px;}
	.leftBox, .rightBox{
		position: relative;
		margin: 0 ;
		display: inline-block;
		width: 480px;
		vertical-align: top;
	}
	.rightBox{margin: 0 0 0 25px;}
	
	/* shop */
	#shop{
		padding-top: 0;
		margin:  0 auto 40px auto;
		background-image: none;
	}
	#shop .contents-inner{
		margin: 0 auto;
		padding-top: 60px;
	}
	#shop h2{
		margin: 0 0 30px 0;
		width: 198px;
		padding-top: 33px;
		background-size: contain;
	}
	#shop p{ width: 454px; margin: 0 0 0 20px; line-height: 1.857em;}
	
	
	/* shopinfo */
	#shopinfo{
		padding-top: 0;
		margin:  0 auto 40px auto;
		background-image: none;
	}
	#shopinfo .contents-inner{
		margin: 0 auto;
		padding-top: 60px;
	}
	#shopinfo h2{
		margin: 0 0 30px 0;
		width: 198px;
		padding-top: 33px;
		background-size: contain;
	}
	#shopinfo p{ width: 454px; margin: 0 0 0 20px; line-height: 1.857em;}
	#shopinfo ul{
		width: 960px;
		display:-webkit-box;
		display:-webkit-flex;
		display:-ms-flexbox;
		display:flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-start;
	}
	#shopinfo ul::after{
	  content:"";
	  display: block;
	  width: 250px;
	}
	#shopinfo ul li{
		width: 250px;
		margin-bottom: 50px;
	}
	
	
}