#contents img{
	display: block;
	line-height: 1}
.flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;}

#contents p.title {
	font-size: 24px;
	text-align: center;
	margin-bottom: 60px;}
#contents p.title:before {
	content: url("../images/title.png");
	display: block;
	margin-bottom: 15px;}
	@media screen and (max-width:767px){
		#contents p.title {
			font-size: 4.172099087vw;
			margin-bottom: 7.822685788vw;}}


.main{
	padding-top: 50px;}
	.main img{
		margin-bottom: 50px;}
		@media screen and (max-width:767px){
			.main{
				padding-top: 0;}
			.main .inner{
				padding:0;}
			.main img{
				margin: 0 auto;}}
	
.shop{
	background: #dfd4cc;}
	.shop .inner{ padding: 100px 0;}
		@media screen and (max-width:767px){
			.shop .inner{ padding: 13.037809647vw 3.911342894vw;}}

.guest{
	background: #fff;}
	.guest .inner{ padding: 100px 0;}
		@media screen and (max-width:767px){
			.guest .inner{ padding: 13.037809647vw 3.911342894vw;}}

.parking{
	background: #dfd4cc;}
	.parking .inner{ padding: 100px 0;}
		@media screen and (max-width:767px){
			.parking .inner{ padding: 13.037809647vw 3.911342894vw;}}
		
.map .inner{
	padding:100px 0;}
		@media screen and (max-width:767px){
			.map .inner{ padding: 13.037809647vw 3.911342894vw;}}

.map .flex {
	align-items: stretch;}
	.map .flex iframe{
		width: 100%;
    height: 30vw;}

	@media screen and (max-width:767px){
		.map .flex iframe{
			width: 100%;
			height: 80vw;
			margin-bottom: 3.911342894vw}