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


#wrapper{
	text-align: center;
	margin:auto;

}
img {
max-width: 100%;
height: auto;
}
/*------------------------------------------------------------*/
#header{
	align-content: center;
	background: #DEC69F;
	width: 100%;
	margin:auto;
	text-align:center;
	
}
#header h1{
	background: #40220F;
	color: #FFFFFF;
	height: 40px;
  line-height: 40px;
}
/*----------------------スライド------------*/
/* -----------------------------------------------------------
	container
----------------------------------------------------------- */


	.inner {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
	}
	.container, 
	.content {
		background: #fff;
	}
	.main-gallery {
	}

	.main-gallery img {
		width: 100%;
		height: auto;
	}
	button:hover {
		cursor: pointer;
	}	


/*------------------------------------------------------------*/
#navi{
	background: #40220F;
	height: 40px;
    line-height: 40px;

}
.nav a {
    margin: 1px;
    color: #fff;
    text-decoration: none;
	margin-right: 25px;

}

.nav{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
/*------------------------------------------------------------*/

#floor{
	background: #40220F;
	padding-top: 10px;
}
#floor h3{
	color: #fff;
}
.floor_navi a {
  margin: 10px;
  border-radius: 5px;
  background: #fff;
  color: #40220F;
  display: block;
  padding: 15px;
  text-decoration: none;
	width: 120px;
	height: 10px;
	font-weight:bold;
}

.floor_navi{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

/*------------------------------------------------------------*/

.shop{
	background: #FFD68A;
	padding-bottom: 20px;
	padding-top: 20px;
}
.main-shop a {
    display: block;
	margin-right: 30px;
}


.main-shop {
  display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

/*------------------------------------------------------------*/

#contents{
background: #EE7B3E;	
	
	
}
.main-cont1 a {
  margin: 20px;
  border-radius: 5px;
  border:solid 5px #fff;
  background: #60B99A;
  color:#fff;
  display: block;
  text-decoration: none;
  width: 170px;
  height: 170px;
  line-height: 180px;
  font-size: 1.5rem;
  font-weight: bolder;
}


.main-cont1 {
  display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.main-cont1 .cont1_01 a{
	background-image: url("../pct/shop/wedding_01.jpg");
}
.main-cont1 .cont1_02 a{
	background-image: url("../pct/shop/party_01.jpg");
}
.main-cont1 .cont1_03 a{
	background-image: url("../pct/shop/dinner_01.jpg");
}

.main-cont2 a {
  margin: 20px;
  border-radius: 5px;
  border:solid 5px #fff;
  background: #60B99A;
  color: #fff;
  display: block;
  text-decoration: none;
  width: 170px;
  height: 170px;
  line-height: 180px;
  font-size: 1.5rem;
  font-weight: bolder;
}


.main-cont2 {
  display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.main-cont2 .cont2_01 a{
	background-image: url("../pct/shop/lunch_01.jpg");
}
.main-cont2 .cont2_02 a{
	background-image: url("../pct/shop/event_01.jpg");
}
.main-cont2 .cont2_03 a{
	background-image: url("../pct/shop/what_01.jpg");
}
/*------------------------------------------------------------*/
.concept{
	padding-top: 30px;
	padding-bottom: 30px;
	background: #FFD68A;
}
.concept h3{
	font-size: 2rem;
	color:#40220F;
	font-weight: bolder;
	margin-bottom: 20px;
}
.concept li{
	width: 250px;
	text-align: center;
	font-size: 14px;
	color: #EE7B3E;
	font-weight: bold;
}
.concept_main a{
 		 border:solid 1px #FFD68A;
 		 background: #60B99A;
 		 color: #EE7B3E;
 		 display: block;
 		 text-decoration: none;
	     width: 150px;
	     height: 150px;
	     -webkit-border-radius: 50%;/* 50%でもOK */
	     -moz-border-radius: 50%;
	     border-radius: 50%;
	     background-color: #fff;/* 円の色 */
font-size: 20px;
	font-weight: bold;
	line-height: 150px;
	box-shadow:
inset 0 0 10px #DEC69F /* 背景色と同じ色 */,
inset 0 0 10px #DEC69F,
inset 0 0 10px #DEC69F,
inset 0 0 10px #DEC69F;
	margin: auto;
}

.concept_main {
  display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

/*------------------------------------------------------------*/

#group{
	background: #40220F;
	padding-top: 50px;
}
#group h1{
	color: #FFFFFF;
    font-size: 2rem;
	margin-bottom: 30px;
}
/*------------------------------------------------------------*/
.g_map{
	margin: 2.5em 0;
}
.group_r a {
  margin: 10px;
  border-radius: 5px;
  background: #40220F;
  color: #fff;
  display: block;
  padding: 15px;
  text-decoration: none;
}

.group_r{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}

.group_c a {
  margin: 10px;
  border-radius: 5px;
  background: #40220F;
  color: #fff;
  display: block;
  padding: 15px;
  text-decoration: none;
}

.group_c{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
.group_p a {
  margin: 10px;
  border-radius: 5px;
  background: #40220F;
  color: #fff;
  display: block;
  padding: 15px;
  text-decoration: none;
}

.group_p{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}


/*------------------------------------------------------------*/

.concept{
  background: #FFD68A;
}






/*------------------------------------------------------------*/

#footer{

	background: #40220F;
	padding-top: 20px;
	padding-bottom: 30px;
	color: #FFFFFF;
	
}
#footer hr{
	width: 800px;
}

.footer_navi{
	margin-bottom: 20px;
}
.footer_navi_m a {
  margin: 1px;
  border-radius: 5px;
  background: #40220F;
  color: #fff;
  display: block;
  padding: 15px;
  text-decoration: none;
	width: 70px;
	height: 8px;
}

.footer_navi_m{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}