@charset "utf-8";
/* CSS Document */

html {
  scroll-behavior: smooth;
}

/* 
------------------------------
リセットCSS
------------------------------
*/	
html {
	font-size: 62.5%;/* ルートのフォントサイズ10px */
} 
body {
	font-size:16px;
	font-size:1.6em;/* 16px*/
	line-height:1.5;
}	
body {
	width:100%;
	margin:0;
	padding:0;
	font-family: Arial, sans-serif;
	-webkit-text-size-adjust: 100%;
}
body img {
  border:0;
}

/* ウィンドウサイズに合わせて画像サイズを自動で伸縮させる */
img,iframe {
	max-width:100%;
	height:auto;
}
/* ウィンドウサイズに合わせて画像サイズを自動で伸縮させる */

* {
  box-sizing: border-box;
  list-style-type: none;
}

ul,ol {
	margin:0;
	padding:0;
}

p {
	margin:0;
	padding:0;
}

/*リンク画像透明*/
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70 )";
	background:#FFF;
}
/*リンク画像透明*/

/*リンク下線有り*/
a {text-decoration:underline;}
/*リンク下線有り*/

/*リンクhover時下線*/
a:hover {text-decoration:none !important;} 
/*リンクhover時下線*/
/* 
------------------------------
リセットCSS
------------------------------
*/





/* 
------------------------------
ここから基本共通CSS
------------------------------
*/
#container {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0 auto;
  padding: 20px;
}

.shop-address {
  display: block;
  margin: 50px 0 20px 0;
  padding: 0;
  font-style: normal;
  font-size: 1.4rem;
  text-align: center;
}
.shop-address p {
  display: inline-block;
  color: #8B4513; /* 茶色 */
  margin: 0;
  padding: 0;
  text-align: left;
  line-height: 1.5;
}

#map {
  position: relative;
  width: 90%;
  height: 0;
  margin: 0 auto 0 auto;
  padding-top: 56.25%;
}
#map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

footer {
  background-color: #E7E7E7;
  width: 100%;
  margin: 100px auto 0 auto;
  padding: 20px;
}
#footer-inner {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0 auto;
  text-align: center;
}
p#copyright {
  width: 100%;
  margin: 30px auto 0 auto;
  font-size: 1.3rem;
  text-align: center;
}