@charset "utf-8";
/* CSS Document */
#wrapper{
	text-align: center;
	margin:auto;

}
/*------------------------------------------------------------*/
.header_img{
	width: 100%;
	height: 0;
	padding-top: calc(330 / 900 * 100%);
	background-image: url(../pct/top_img/top_main.jpg) ;
	background-size: contain;

}

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


}
.nav a {
  margin: 1px;
	margin-left: 15px;
  border-radius: 5px;
  background: #40220F;
  color: #fff;
  display: block;
  padding: 5px;
  text-decoration: none;
	height: 30px;
	width: 100%;
}

.nav{
	display: flex;
  justify-content: center; /* 子要素をflexboxにより中央に配置する */
  align-items: center;  /* 子要素をflexboxにより中央に配置する */
}
/*------------------------------------------------------------*/
.reserve{
	background: #DEC69F;
}
.reserve p{
  font-size: 1.5rem;
	padding-top: 10px;
	padding-bottom: 10px;
  color: #CC1146;
	font-weight: bold;
}
.reserve_shop a{
  margin: 10px;
  border-radius: 5px;

  color: #000;
  display: block;
  padding: 5px;
  text-decoration: none;
	width: 200px;
	height: 20px;
}

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

.reserve_shop_clender {
  margin: 10px;
  border-radius: 5px;
  color: #fff;
  display: block;
  padding: 5px;
  text-decoration: none;
}

.reserve_shop_clender li{
	margin-right: 10px;
}

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

/*------------------------------------------------------------*/
.about{
	width: 600px;
	margin: 0 auto;
	padding: 0 30px;
}
.about p{
	line-height: 1.5;
	color: #6D4401;
}
	.about h1{
		font-size: 1.5rem;
		margin: 20px 0;
		color: #6D4401;
		

}
.contents-wrap {
	display: flex;
	justify-content: space-between;
	margin: 60px 0;
}
.contents-wrap:nth-child(odd) {
	flex-direction: row-reverse;
}

.contents-text {
}

.contents-img {
	margin: 0 15px;
}

.contents-text h2 {
	margin-bottom: 2rem;
	font-size: 1.5rem;
	color: #6D4401;
}
.contents-text p{
	line-height: 1.5;
	font-size: 13px;
	color: #6D4401;
}
.contents-img img {
	display: block;
	height: auto;
}

@media screen and (max-width: 768px){
	.contents-wrap,
	.contents-wrap:nth-child(odd)  {
		flex-direction: column;
	}

	.contents-text,
	.contents-img {
	}

	.contents-text {
	}

	.contents-text h2 {
		text-align: center;
	}
}


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

.shop_list_header_img{
	width: 100%;
	height: 0;
	padding-top: calc(330 / 900 * 100%);
	background-image: url(../pct/shop_list/list_top_img.jpg) ;
	background-size: contain;

}

.shop_list{
	background: #FFD68A;
	padding-top: 30px;
	padding-bottom: 30px;
	text-align: left;
}
.shop_list a{
	text-decoration: none;
}
.shop_list h1{
	font-size: 1.5rem;
	color: #767171;
	font-weight: bolder;
	margin: 3px 1px;
}

.shop_list h3{
	margin-top: 8px;
}
.shop_list_inner{
	margin: 0 auto;
	width: 600px;
}
.shop_list_cp{
	display: flex;
	margin-bottom: 30px;
}
.list_chouchouna{
}
.list_pausavi{
	margin-left: 100px;
}
.shop_navi{
	background: #A3A3A3;
	color: #FFFFFF;
	font-weight: bold;
	width: 150px;
	padding: 5px;
	margin: 0 auto;
}
.list_chouchouna{
	text-align: center;
}
.list_pausavi{
	text-align: center;
}
.list_royal{
	text-align: center;
	width: 250px;
}


/*------------------------------------------------------------*/
.access{
	width: 900px;
	margin: auto;
}
.map_contents{
	display: flex;
	margin: 60px 0;
}

.map_contents h1{
	width: 400px;
	margin-bottom: 30px;
	font-size: 1.5rem;
	color: #563101;
	background: #F2EBEB;
	margin-right: 5px;
	
}
.map_text p{
	text-align: left;
	padding-left: 100px;
	font-size: 15px;;
	color: #563101;
}
.map_contents p{
	border: #03B9FB;
}
/*------------------------------------------------------------*/



/*------------------------------------------------------------*/
#group{
	background: #40220F;
	padding-top: 50px;
}
#group h1{
	color: #FFFFFF;
    font-size: 2rem;
	margin-bottom: 30px;
}
/*------------------------------------------------------------*/
.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により中央に配置する */
}

.g_map{
	margin: 2.5em 0;
}

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

.concept{
  background: #DEC69F;
}


/*------------------------------------------------------------*/
.privacy{
	width: 800px;
	margin: 0 auto;
	padding: 20px 0;
	
}
.privacy h1{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
	text-align: left;
}
.privacy h2{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #494949;/*文字色*/
background: #f4f4f4;/*背景色*/
border-left: solid 5px #7db4e6;/*左線*/
border-bottom: solid 3px #d7d7d7;/*下線*/
	text-align: left;
	margin-top: 10px;
}


.privacy p{
	text-align: left;
	line-height: 25px;
	font-size: 15px;
	padding-left: 15px;
}


/*------------------------------------------------------------*/
/*------------------------------------------------------------*/
.qanda{
	
	background: #F8D189;
}
.qanda_header_img{
	background-image: url(../pct/qanda/qanda_img.jpg) ;
	width: 100%;
	height: 0;
	padding-top: calc(330 / 900 * 100%);
	background-size: contain;
}

.qanda_inner{
	width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	
}
.qanda_line{
	width: 100px;
	
}
.qanda h1{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #000000;/*文字色*/
	text-align: left;
	font-size: 1.8rem;
}
.qanda h2{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #3E3A39;/*文字色*/
	text-align: left;
	margin-top: 30px;
	font-size: 1.5rem;
}
.qanda h5{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #FFFFFF;/*文字色*/
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 60px;
}


.qanda p{
	text-align: left;
	line-height: 25px;
	font-size: 15px;
	padding-left: 15px;
}
/*------------------------------------------------------------*/
.recruit{
	
	background: #F8D189;
}
.recruit_header_img{
	background-image: url(../pct/reqruit/req_top_img.jpg) ;
	width: 100%;
	height: 0;
	padding-top: calc(330 / 900 * 100%);
	background-size: contain;
}

.recruit_inner{
	width: 600px;
	margin: 0 auto;
	padding: 20px 0;
	
}
.recruit_line{
	width: 100px;
	
}
.recruit h1{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #000000;/*文字色*/
	text-align: left;
	font-size: 1.8rem;
}
.recruit h2{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #3E3A39;/*文字色*/
	text-align: left;
	margin-top: 30px;
	font-size: 1.5rem;
}
.recruit h5{
	font-weight: bolder;
	padding: 0.4em 0.5em;/*文字の上下 左右の余白*/
color: #FFFFFF;/*文字色*/
	text-align: center;
	font-size: 1.8rem;
}


.recruit p{
	text-align: left;
	line-height: 25px;
	font-size: 15px;
	padding-left: 15px;
	margin-bottom: 10px;
}

.recruit hr{
	margin-top: 70px;
}

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

#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により中央に配置する */
}

.picture img{
    cursor: -moz-zoom-in; 
    cursor: -webkit-zoom-in; 
    cursor: zoom-in;
}