@charset "utf-8";

/*---------- 背景 ----------*/
body{
	background: url(../img/image/body.png);
	background-size: cover;
	background-attachment: fixed;
	background-position: center center;
	background-color: rgba(254,250,197,0.5);
}


/*---------- 店先、店内画像 ----------*/

.images{
	clear: both;
}

.images img{
	object-fit: cover;
	width: 460px;
	height: 345px;
}

.shop1{
	float: left;
}

.shop2{
	float: right;
}

.contents{
	clear: both;
}

/*モバイル*/
@media screen and (max-width: 920px){
	.images img{
		width: 50%;
	}
}

/*モバイル*/
@media screen and (max-width: 640px){
	.images img{
		width: 100vw;
	}
}

/*---------- マップ ----------*/

.map{
	width: 100%;
	padding-bottom: 100%;
	position: relative;
}

.map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*---------- 店舗情報 ----------*/

.profile{
	display: table;
	padding: 0;
	width: 100%;
	background-color: rgba(255,255,255,0.5);
}

.profile p{
	line-height: 1.0;
}

.profile_left{
	display: table-cell;
	width: 50%;
	padding-left: 100px;
}

.profile_right{
	display: table-cell;
	width: 50%;
	padding-right: 100px;
}

/*モバイル*/
@media screen and (max-width: 640px){
	.profile{
		width: 100vw;
		height: auto;
	}
	
	.profile_left, .profile_right{
		display: inline;
	}
}