@charset "utf-8";
html {
	overflow-y: scroll;
}
a {
	text-decoration: none;
}
img {
	height: auto;
	max-width: 100%;
}


body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000000;
}
#wrapper {
	background: url(../images/bg.jpg);
	margin: 0 auto;
	width: 100%;
	max-width: 1024px;
	min-width: 320px;
	line-height: 1.5em;
}
#home_top {
position: relative;
}
#header {
	/*left: 50px ;*/
/*	top: 2.929%;
*/	position: absolute;
	width: 100%;
	z-index: 1;
}
#header h1 {
	float: left;
	padding-left: 1.953%;
	padding-top: 2.92%;
}
#contents {
	clear: both;
	margin-right: 5.859%;
	margin-left: 5.859%;
	margin-bottom: 2.929%;
}

#contents h2 {
	text-align: center;
	padding:1.953%;
}


#header #add {
	text-shadow: 1px 1px 1px #fff,-1px -1px 1px #fff;
	text-align: right;
	font-size: 87.5%;
	padding-right: 2.92%;
	padding-top: 2.92%;
	line-height: 1.5em;
	background: url(../images/header2.png) no-repeat right bottom;
	padding-bottom: 2.92%;
}

#header #nav {
	text-shadow: 0 0 10px #fff,0 0 15px #fff;
	font-size: 150%;
	/* [disabled]min-height: 50px; */
	clear: both;
	font-weight: bold;
}
#header #nav li {
	background-color: rgba(143,57,38,0.7);
	width: 20%;
	float: left;
	overflow: hidden;
	display: block;
}
#header #nav a {
	color: #443716;
	display: block;
	text-align: center;
	vertical-align: center;
	line-height: 1.8;
}
#header #nav a:hover {
	color: #fff051;
}
#contents #banner {
	text-align: center;
	clear: both;
	padding-top: 1.953%;
	padding-bottom: 1.953px;
}

#footer{
	text-align: center;
	background: url(../images/footer.jpg) no-repeat bottom;
	clear: both;
	line-height: 1.5em;
	padding-top: 2%;
	padding-bottom: 2%;
}
#footer #subnav {
	color: #ec9416;
	font-size: 93.75%;
}
#footer #subnav li {
	display: inline;
}
#footer #subnav li+li::before {
	content: " | ";
}
#footer #subnav a {
	color: #ec9416;
	text-align: center;
}
#footer #subnav a:hover {
	color: #fff;
}
#home #nav .home a, 
#speciality #nav .hair a,
#price #nav .cafe a,
#access #nav .access a,
#contact #nav .contact a{
	color: #F30;
	background: url(../images/nav_on.png) no-repeat center;
}
#home #subnav .home a, 
#speciality #subnav .hair a,
#price #subnav .cafe a,
#access #subnav .access a,
#contact #subnav .contact a{
	color: #fff;
}
@media screen and (max-width: 800px){
	#header {
	position: static;/*スライドのポジション固定を動かせるようにする*/
	}
	#header #nav .home {
	display:none;
	}
	#header #nav li {
	width: 50%;
	}
#header #add span  {
	display: block;
}
}
#footer small {
	color: #7f7c00;
}
#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 50px;
  background: #8f3926;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
 font-family: FontAwesome;
  content: '上へ';
  font-size: 10px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}