@import url('https://fonts.googleapis.com/css2?family=Heebo:wght@700&family=Source+Serif+Pro&display=swap');
.showroom{
	font-size: 16px;
	line-height: 1.5;
}
.showroom img{
	width: 100%;
	height: auto;
}
@media screen and (min-width: 768px){
	.showroom .showr_main_sp{
		display: none;
	}
}
.showroom .showr_main img{
	display: none;
}
.showroom .catch{
	background: #000000;
	color: #FFF;
	font-size: 2em;
	text-align: center;
	padding: 1em 0;
	font-weight: bold;
}
.showroom .read-copy{
	max-width: 640px;
	margin: 2em auto;
}
.showroom .copy1{
	text-align: center;
	font-size: 2em;
	font-weight: bold;
}
.showroom .roomphoto{
	max-width: 640px;
	margin: 15px auto;
	text-align: center;
}
.showroom .marker{
	border: 1px solid #000;
	padding: 1em;
}
.showroom ul.bl_wrap{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.showroom ul.bl_wrap li{
	width: 30%;
	margin: 2em 0;
}
.showroom ul.bl_wrap li:nth-child(2),
.showroom ul.bl_wrap li:nth-child(3),
.showroom ul.bl_wrap li:nth-child(5){
	margin-left: 2.5%;
}
.showroom ul.bl_wrap li dl dt{
	background: #000;
	color: #FFF;
	text-align: center;
	padding: 0.5em 0;
}
.showroom ul.bl_wrap li dl dd:nth-child(2){
	position: relative;
	min-height: 120px;
}
.showroom ul.bl_wrap li dl dd:nth-child(2) img{
	max-width: 100px;
	position:absolute;
	left: 50%;
	top: 50%;
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
}
.showroom ul.bl_wrap li dl dd:nth-child(3){
	text-align: center;
	font-weight: bold;
	padding: 1em 0;
}
.showroom .other{
	border-top:1px solid #000;
	margin: 2em 0;
	padding: 0 15px;
	text-align: center;
}
.showroom .reserve_acc{
	text-align: center;
}
.showroom .reserve_acc h2{
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 0.5em 0;
	margin-top: 2em;
}
.showroom .tel{
	width: 70%;
	max-width: 300px;
	margin: 1em auto;
}
.showroom .toreserve{
	max-width: 450px;
	margin: 1em auto;
	background: url(https://cellar.itembox.design/item/assets/img/showroom/contact_form.svg) no-repeat left 30px center #000;
	background-size: 30px auto;
	color: #FFF;
	padding: 0.5em 0 0.5em 50px;
	font-size: 1.3em;
}
.showroom .toreserve a{
	text-decoration: none;
	color: #FFF;
}
.showroom .access h2.acc_t{
	line-height: 1;
	border-top:1px solid #000;
	padding: 0.5em 0;
	margin-top: 2em;
	font-size: 2em;
	font-family: 'Heebo', sans-serif;
}
.showroom .access h2.acc_t span{
	font-weight: normal;
	font-size: 0.5em;
	line-height: 1;
}
.showroom .toGooleMap{
	width: 70%;
	margin: 1em auto;
	background: #000;
	max-width: 300px;
	padding: 0.5em 0;
}
.showroom .toGooleMap a{
	color: #FFF;
	text-decoration: none;
}
.showroom ul.map{
	display: flex;
	justify-content: center;
	max-width: 640px;
	margin: 1em auto;
}
.showroom ul.map li{
	flex: 1;
}
@media screen and (max-width: 767px){
	.showroom .showr_main_pc{
		display: none;
	}
	.showroom .showr_main{
		background: none;
	}
	.showroom .catch{
		font-size: 1.2em;
	}
	.showroom .read-copy{
		margin: 1em auto;
	}
	.showroom .copy1{
		text-align: center;
		font-size: 1em;
		font-weight: bold;
	}
	.showroom ul.bl_wrap{
		display: inherit;
	}
	.showroom ul.bl_wrap li:first-child{
		margin-top: 1em;
	}
	.showroom ul.bl_wrap li{
		width: 100%;
	}
	.showroom ul.bl_wrap li:nth-child(2),
	.showroom ul.bl_wrap li:nth-child(3),
	.showroom ul.bl_wrap li:nth-child(5){
			margin-left: 0;
		}
	.showroom .toreserve{
		font-size: 0.8em;
		background: url(https://cellar.itembox.design/item/assets/img/showroom/contact_form.svg) no-repeat left 10px center #000;
		background-size: 20px auto;
		padding: 0.5em 0 0.5em 30px;
	}
	.showroom ul.map{
		display: inherit;
	}
}
