@charset "UTF-8";
/* トップページの設定 ------------*/
body {
	color: #444;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	background-color: #ccaf8b;
	border-top: 5px solid #c39156;
}


.bg-slider {
	margin: 0px;  
	padding: 0px;  
	width: 100vw;
	height: 100vh;
	background-position:center center;
	background-size: cover;
	display: flex;
	align-items: center;
	justify-content: center;
}
h1,h1.bg-slider__title{
	position: absolute;
	top : 50px;
	left: 100px;
}

.bg-slider h2{
	position: absolute;
	top : 20px;
	left: 400px;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}
.bg-slider nav,nav{
	position: absolute;
	top : 500px;
	left: 180px;
	color: #fff;
	font-size: 24px;
	line-height: 1.5;
	font-weight: bold;
	text-shadow: 1px 1px 1px #000;
}

ul {
	width: 200px;
	margin: 0;
	padding: 0;
	list-style-type: none;
	background-color: #eeeeee;
}
li a {
	display: block;
	padding: 8px 16px;
	text-decoration: none;
	color: #ccaf8b;
}
li {
	text-align: center;
}
li:last-child {
	border-bottom: none;
}
li a.active {
	color: #ffffff;
	background-color: #da3c41;
}
li a:hover:not(.active) {
	color: #ffffff;
	background-color: #ccaf8b;
/*	background-color: #1b2538;*/
}

h3{
	position: absolute;
	top : 400px;
	left: 500px;
	background-color: #eeeeee;
	text-align: center;

}


footer {
	clear: both;
	text-align: center;
}

#footer_in {
	width: 900px;
	margin: 0 auto;
}
footer #shopname {
	margin-top: 10px;
	font-size: 110%;
}

/* ENDトップページの設定 END------------*/
.page-top {
	margin: 0 ;
	padding: 0 ;
}
 
.page-top p {
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right:  20px ;
	bottom: 20px ;
}
.move-page-top {
	display: block ;
	background: #c39156 ;
	width: 50px ;
	height: 50px ;
	border-radius: 10px;
	color: #fff ;
	font-size:150% ;
	line-height: 50px ;
	text-decoration: none ;
	text-align: center ;

	-webkit-transition:all 0.3s ;
	-moz-transition:all 0.3s ;
	transition:all 0.3s ;
}
.move-page-top:hover {
	opacity: 0.85 ;
}
.page-top {
	display: none ;
}
/* ENDトップへ戻る設定 END------------*/

h2 {
	margin:25px 0px 0px 300px;
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	line-height: 30px;
}


h3.menu {
	position: absolute;
	top : 150px;
	left: 500px;
}

p#map {
	position: absolute;
	top : 50px;
	left: 1150px;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
	line-height: 80px;
	width: 100px;
	height: 80px;
	border-radius: 10px;
	background-color: #eeeeee;
	color: #ccaf8b;
	text-shadow: 1px 1px 1px #000;
	box-shadow: 2px 2px 2px #66330e;

}