@charset "UTF-8";


/*----------------------------------------------------------------------------
  #globalNav
----------------------------------------------------------------------------*/
#globalNav {
	display: block;
}
/*----------------------------------------------------------------------------
  #shop
----------------------------------------------------------------------------*/
#shop .shopImg {
	width: 90%;
	height: 74vw;
	margin: 0 auto;
}
#shop p {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 1em 0;
}
#shop .closureInfo p {
	text-align: center;
}
#shop .closureInfo p span {
	display: block;
}
#shop .shopInfo {
	width: 90%;
	text-align: center;
	border-top: #ccc 1px dotted;
	border-bottom: #ccc 1px dotted;
	margin: 0 auto;
	padding: 1em 0 2em;
}
#shop .shopInfo dl {
	width: 90%;
	margin: 0 auto;
}
#shop .shopInfo dl dt,
#shop .shopInfo dl dd {
	display: inline;
	margin: 0;
}
#shop .shopInfo dl dt:before {content:""; display:block; clear:both;}
#shop .shopInfo dl dt:after {content:"／";}
#shop .shopInfo .accessInfo {
	margin: 0 0 .5em 0;
}
#shop .shopInfo .address,
#shop .shopInfo .tel {
	font-size: 11px;
	letter-spacing: .05em;
}
#shop .shopInfo .map {
	margin: 2em 0 2em 0;
}
#gMap {
	width: 100%;
	height: 70vw;
	margin: 1em 0 20px;
}
@media only screen and (max-width: 949px) {
	#shop h1 {
		display: none;
	}
	#shop .ttl br,
	#shop>.lead br {
		display: none;
		text-align: left;
	}
	#shop>.lead {
		text-align: left;
		margin-bottom: 0;
	}
}
@media only screen and (min-width: 950px) {
	#shop {
		position: relative;
	}
	#shop h1 {
		position: absolute;
		font-weight: normal;
		top: 60px;
		left: 0;
		font-size: 27px;
		-webkit-writing-mode: vertical-rl;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		margin: 0;
		padding: 0;
	}
	#shop .shopImg {
		width: 60%;
		height: auto;
		padding: 10px 0 60px;
	}
	#shop p {
		text-align: center;
		font-size: 16px;
		line-height: 2.2;
		width: 100%;
		padding: 0 0 30px 0;
	}
	#shop .closureInfo p span br {
		display: none;
	}
	#shop .closureInfo p {
		padding-bottom: 0;
	}
	#shop .shopInfo {
		position: relative;
		width: 100%;
		margin: 30px 0 0 0;
		padding: 20px 0 0;
	}
	#shop .shopInfo::after { content: ""; display: block; clear: both; }
	#shop .shopInfo>dl {
		float: left;
		font-size: 14px;
		line-height: 1.6;
		width: 200px;
		margin: 0;
	}
	#shop .shopInfo .notice {
		width: 100%;
		font-size: 16px;
		padding-bottom: 10px;
	}
	#shop .shopInfo .map {
		float: right;
		width: 435px;
		margin: 1.5em 0 7em 0;
	}
	#shop .shopInfo .btn {
		position: absolute;
		bottom: 0;
		width: 100%;
	}
	#shop .shopInfo .btn a {
		width: 14em;
		margin: 0 auto;
		padding-bottom: 2em;
	}
	#shop .shopInfo .info {
		width: 166px;
		margin-bottom: 30px;
		padding: 30px 0 10px 12px;
	}
	#gMap {
		display: none;
	}
}
@media only screen and (min-width: 1141px) {
	#shop .shopInfo>dl,
	#shop .shopInfo .info {
		width: 40%;
		margin: 0;
	}
	#shop .shopInfo>dl {
		line-height: 1.6;
		margin-top: 20px;
	}
	#shop .shopInfo .info {
		margin-bottom: 115px;
		padding-left: 0;
	}
}