@charset "utf-8";

/* CSS Document */

* {
    padding: 0;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body {
    height: 100%;
    background: #F5F5F5;
    color: #2E2E2E;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    line-height: 1.8em;
}
img {
	max-width:100%;
	height: auto;
	width/***/: auto;
}
ul li {
    list-style: none;
}

.wrap {
    width: 780px;
    margin: 0 auto;
}

.clearfix:after {
    clear: both;
    content: "";
    display: block;
}

.center {
    text-align: center;
	padding-top: 4%;
}
.top-top {
	  background-image: url("./images/bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}
h1 {
	font-size:25px;
	color: #ffffff;
	    text-align: center;
    padding-top: 135px;
    line-height: 40px;
}
	

/* header */

#header nav {
    width: 100%;
    padding: 2% 0;
	background-color:#6f2d24;
	position: fixed;
  top: 0;
  left: 0;
  z-index: 999; 
}

#header nav ul li {
    width: 130px;
    float: left;
    text-align: center;
}


/* index */

#concept {
	background-image:url(images/top01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
	background-position:left center;
	position: relative;
    min-height: 400px;
	border-top: 3px solid #e5e5e5;
}
	
.con-in {
		width: 28%;
		position: absolute;
		top: 56px;
        left: 5%;
}
.con-mozi {
	color:#e9e6e6;
}
.con-img {
	text-align:center;
    padding-bottom: 4%;
}

#food {
	background-image:url(images/top02.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	background-position:top right;
	position: relative;
	min-height: 400px;
	border-top: 3px solid #e5e5e5;
}
	
.fod-in {
	position: absolute;
	top: 56px;
    width: 28%;
    right: 4%;
}

.fod-mozi {
	color:#e9e6e6;
	padding-bottom: 30px;
}
.fod-img {
	text-align:center;
    padding-bottom: 3%;
}

.fod-img2 {
	padding-bottom: 3%;
    padding-left: 5%;
}
.fod-img3 { 
    position: absolute;
    left: 5%;
	    width: 60%;
}

#drink {
	background-image:url(images/top03.jpg);
	background-size: cover;
    background-repeat: no-repeat;
	position: relative;
    min-height: 400px;
	border-top: 3px solid #e5e5e5;
}
.dri-in {
	width: 28%;
		position: absolute;
		top: 56px;
        left: 5%;
	
}
.dri-mozi {
	color:#e9e6e6;
	padding-bottom: 30px;
}
.dri-img {
	text-align:center;
    padding-bottom: 4%;
	   
}	
.dri-img2 {
	padding-left:50px;  
}	

#space {
	background-color:#b9b9b9;
	background-size: cover;
    background-repeat: no-repeat;
	border-top: 3px solid #e5e5e5;
}
.spa-in {
    text-align: center;
    padding-top: 70px;
}
.spa-img {
	padding-bottom:15px;
}
.spa-img2 {
	padding-bottom:60px;
}
.spa-mozi {
	color:#e9e6e6;
    margin-bottom: 30px;
}
.lat-img {
	text-align:center;
	padding: 2% 0;
}

.acc-img {
	text-align:center;
	padding: 2% 0;
}
.address {
	background-color:#6f2d24;
	padding: 100px 0;
}

.address dt {
	float:left;
	width: 30%;
    display: block;
	padding: 21px 0 21px 50px;
	clear:both;
}
.address dd {
	display: block;
	padding: 21px 0 21px 175px;
    border-top: 2px dashed #f8f6f5;
}

.address dd a {
	color:#b9b9b9;
}
.address dl {
	font-size:18px;
	color:#b9b9b9;
	width: 640px;
    border-bottom: 2px dashed #b9b9b9;	
	margin: 0 auto;
}


.net {
	text-align:center;
	padding: 5% 43% 0;
}

.insta {
	float:left;
}