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

/* ------------------------------------------  
base
------------------------------------------ */

article{
	position:relative;
}

.post-type-data h1 + span{
	font-size:85%;
}


.shopnav{
	list-style:none;
	margin-bottom:40px;
	margin-top:20px;
	width:100%;
}

	.shopnav li{
		float:left;
		display:block;
		width:20%;
		width:calc(100% / 5);
		text-align:center;
		border-right: solid 1px #fff;
	}

	.shopnav li a{
		background:#eee2d9;
		display:block;
		width:100%;
		color:#594e46;
		font-size:83%;
		font-weight:700;
		padding:0.4em 0;
	}

	.shopnav li a:hover{
		background:#eed1bb;
	}

	.shopnav li a:before{
		font-family: "Font Awesome 5 Free";
		vertical-align: baseline;
		padding-right:3px;
		content:"\f0d7";
		font-weight:900;
	}


/*=== s_info ===*/
#s_info > div{width:40.3%; float:left;}
#s_info table, #s_info img.btnGo {width:58.2%; float:right;}


/*=== s_news ===*/
#s_news{
	margin-bottom:40px;
}

	#s_news img{
		width:150px;
		float:left;
		margin-right:20px;
	}
	
	#s_news ul{
		font-size:90%;
	}
	
		#s_news ul li{
			display:block;
			margin:0 0 10px;
			padding-top:0.15em;
			font-weight:400;
			line-height:1.3em;
			/*margin-top:-1px;*/
		}

			#s_news ul span{
				color:#cfc0b6;
				font-size:90%;
				font-weight:700;
				margin-right:1em;
			}

			#s_news ul a{
				color:#3a3a3a;
			}

			#s_news ul a:hover{
				color:#2f9389;
			}
			
	#s_news p{
		text-align: right;
    	font-size: 90%;
	}

/*=== s_menu ===*/


/*=== s_datail ===*/

/*=== s_map ===*/
.ggmap{
	/*height:300px;*/
	margin-bottom:40px;
}

	.ggmap iframe{
		width:100%;
		height:300px;
	}

/*=== s_coupon ===*/
div.coupon{
	background-color:#ffe097;
	background-image:url(../../../img/coupon.png);
	background-size:60px auto;
	background-repeat:no-repeat;
	background-position:20px center;
	border:solid 1px #ffe097;
	padding-left:100px;
	margin-bottom:20px;
}

	div.coupon > div{
		background:#fef7dd;
		padding:25px 20px;
	}

	div.coupon h3{
		font-size:120%;
		margin-bottom:10px;
		margin-top:0 !important;
		background:none;
		padding:0;
		font-weight:700;
	}

	div.coupon p{
		margin-bottom:7px;
		letter-spacing:0;
		font-size:90%;
	}

	div.coupon > div p:last-of-type{margin-bottom:0;}

	div.coupon p span{
		display:inline-block;
		background-color:#ffe097;
		padding:0 0.9em;
		margin-right:10px;
		line-height:1.5em;
		font-weight:500;
		letter-spacing:0.08em;
	}

/* side */
#slider_bn,
#slider_shop{
	position:absolute;
	top:0;
	width:100%;
}

#slider_shop img {
  margin-bottom:0;
  width: 100%;
  height: 100%;
  object-fit:cover;
  font-family: 'object-fit: cover';
  /* position:absolute; */
  vertical-align: middle;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  z-index: 50;
}

.slider_shop_box span{
  z-index:100;
  position:absolute;
  color:#fff;
  width:100%;
  /* left:0; */
  bottom:0;
  padding:10px;
  background-color:rgba(0, 0, 0, 0.6);
  font-size:80%;
  text-align: center;
}

.slider_shop_box span strong{font-size:120%;}

.slider_shop_box span.p-name{
	position:relative;
	top:-2px;
	padding:0px 1.3em;
	background-color:#fff;
	color:#3a3a3a;
	font-weight:700;
	display:inline;
	border-radius:20px;
}

.home .slider_shop_box{
  display:block;
  position:relative;
  margin-bottom:40px;
  padding-top:33%;
}

.slider_shop_box{
  padding-top:100%;
  margin-bottom:20px;
}

.slider_bn_box{
  display:block;
  position:relative;
  padding-top:50.769%;
}

.home .slider_bn_box{padding-top:33%;}

	#slider_bn i,
	#slider_shop i{
		position:absolute;
		z-index:100;
		width:30px;
		color:rgba(255,255,255,0.6);
	}

	#slider_bn i{color:rgba(80,80,80,0.6);}

		#slider_bn .fa-chevron-circle-left{margin:20% auto auto 5px;}
		#slider_bn .fa-chevron-circle-right{margin:20% 5px auto auto;}

		#slider_shop .fa-chevron-circle-left{margin:45% auto auto 5px;}
		#slider_shop .fa-chevron-circle-right{margin:45% 5px auto auto;}

/* page-about */
.page-about .about_kajimachi{
	background-image:url("../../../img/about_sign.png"),url("../../../img/about_bg.jpg"); 
	background-repeat:no-repeat, no-repeat;
	background-position:bottom right 10px, top right;
	background-size:130px auto,cover;
	color:#fff;
	padding: 3em 2em;
}

	.page-about .about_kajimachi h2{
		background:none;
		color:#fff;
		padding:0;
		font-size:140%;
		margin:0 0 20px !important;
	}

	.page-about .about_kajimachi p{
		background:none;
		color:#fff;
		padding-right:140px;
		margin:0;
	}

@media screen and (max-width: 768px) {
.shopnav{
	margin-bottom:20px;
}

	.shopnav li a{
		padding:1em 0 1.8em;
		position:relative;
		font-size:78%;
	}

	.shopnav li a:before{
		position:absolute;
		bottom:7px;
		left:45%;
	}

/*=== s_coupon ===*/
div.coupon{
	background-size:40px auto;
	background-position:8px center;
	padding-left:58px;
	margin-bottom:20px;
	font-size:93%;
	line-height:1.45em;
}

	div.coupon > div{
		padding:15px;
	}

	div.coupon h4{
		font-size:120%;
		margin-bottom:10px;
	}

	div.coupon p{
		margin-bottom:5px;
		letter-spacing:0;
		font-size:90%;
	}
}

@media screen and (max-width: 540px) {
.post-type-data h1{
	padding:0 3% 6px;
}

.post-type-data h1 + span,
#main article > p,
#main > p,
#s_news,
#s_menu,
#s_menu + div,
div.coupon,
.single .entry-content,
.navigation{
	width:94%;
	margin:0 auto;}
	
.post-type-data h1 + span{
	display:block;
	line-height:1.4em;
	text-indent:-5.2em;
	padding-left:5em;
}

#s_menu{margin-bottom:5px;}

#main > p,
#main article > p{margin-bottom:20px;}

	
/*=== s_info ===*/
#s_info > div,#s_info table, #s_info img.btnGo {width:100%; float:none;margin-bottom:20px;}

/*=== s_news ===*/
	#s_news img{
		width:100px;
		margin-right:10px;
	}
	
		#s_news ul li{
			margin:0 0 5px;
		}

			#s_news ul span{
				margin-right:0.5em;
			}

/*=== s_coupon ===*/
div.coupon{
	margin-bottom:20px;
}
/* -----slider----- */

	#slider_shop i{
		color:#808080;
	}

		#slider_shop .fa-chevron-circle-left{margin:45% auto auto -40px;}
		#slider_shop .fa-chevron-circle-right{margin:45% -40px auto auto;}

	.slider_shop_box li a{
		display:block;
		/* padding-bottom:calc(100% + 60px); */
		}

		.slider_shop_box li a img{
			padding-bottom:60px;}

		.slider_shop_box span{
			position:absolute;
			display:block;
			bottom:0;
			background-color:#fff;
			border-bottom: 2px solid #cee4e2;
			color:#3a3a3a;
			z-index:100;
		}

	.slider_shop_box span.p-name{
		background-color:#3a3a3a;
		color:#fff;
		font-size:90%;
		border-bottom: none;
	}

}

/*===CLEARFIX===*/
#contents:before,
.shopnav:before,
#s_info:before,
#s_news:before,
.menubox:before {
	display: table;
	content: " ";
}
#contents:after,
.shopnav:after,
#s_info:after,
#s_news:after,
.menubox:after {
	display: table;
	content: " ";
	clear: both;
}
/* Localized */