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

	header

-----------------------------------*/
header{
	height: 415px;
	background: url(../img/first/mv_lower.jpg)no-repeat center/100%;
}
header .ttl_box{
	bottom: 94px;
}
header .contents_inner .ttl_box h2{
	font-size: 30px;
	font-family: 'Noto Serif JP', serif;
}
@media screen and (max-width: 1300px){
	header{
		background-size: cover;
	}
}
@media screen and (max-width: 640px){
	header{
		height: 315px;
	}
	header .ttl_box{
		bottom: 44px;
	}	
	header .contents_inner .ttl_box h2{
		font-size: 26px;
	}
}
/*-----------------------------------

	breadcrumb

-----------------------------------*/
#breadcrumb{
	background: url("../img/common/lower_bg.png");
}
#breadcrumb .row_box{
	justify-content: flex-start;
	font-size: 13px;
	font-weight: 400;
	font-family: 'Zen Antique Soft', serif;
	overflow-x: scroll;
	white-space: nowrap;
	flex-wrap: nowrap;
}
#breadcrumb .breadcrumb_link a{
	position: relative;
	padding: 10px 11px 10px 15px;
}
#breadcrumb .breadcrumb_link a::before{
	content: "";
	position: absolute;
	background: url("../img/common/breadcrumb_icon.png")no-repeat;
	width: 11.4px;
	height: 10.14px;
	bottom: 0;
	top: 0;
	margin: auto 0;
	left: 0;
}
#breadcrumb .breadcrumb_text{
	position: relative;
	padding: 10px 0 10px 19px;
	color: #9B7F30;
}
#breadcrumb .breadcrumb_text::before{
	content: "";
	position: absolute;
	background: url("../img/common/breadcrumb_arrow.png")no-repeat;
	width: 8px;
	height: 16px;
	bottom: 0;
	top: 0;
	margin: auto 0;
	left: 0;
}
/*-----------------------------------

	shop_block

-----------------------------------*/
#shop_block{
	padding: 105px 0 190px;
	font-size: 15px;
	font-weight: 400;
	font-family: 'Zen Antique Soft', serif;
	background: url("../img/common/lower_bg.png");
	background-size: cover; 
	position: relative;
	z-index: -5;
	color: #171717;
}
#shop_block::after{
	content: "";
	background: url("../img/access/bg_bird.png");
	position: absolute;
	bottom: 0;
	right: 0;
	width: 355px;
	height: 327px;
	z-index: -1;
}
#shop_block .shop_table{
	margin-top: 36px;
}
#shop_block .shop_table tbody tr td{
	padding: 14.5px 0;
	max-width: 100%;
	line-height: 25px;
}
.bg_white{
	background: #FBFBFB;
}
.bg_beige{
	background: #F3F2EE;
}
#shop_block .shop_table tbody tr .shop_ttl{
	width: 120px;
	padding-left: 25px;
}
#shop_block .shop_table tbody tr .shop_text{
	width: 425px;
	padding-left:18.5px;
	padding-right: 39px;
}
#shop_block .shop_wrapper.row_box .shop_img img{
	border-radius: 10px;
}
@media screen and (max-width: 1200px){
	#shop_block .shop_box{
		width: 51%;
	}
	#shop_block .shop_wrapper.row_box .shop_img{
	    width: 49%;
        margin: auto;
		padding-left: 54px;
    }
}
@media screen and (max-width: 840px){
	#shop_block{
		padding: 75px 0 95px;
	}
}
@media screen and (max-width: 640px){
	#shop_block{
		padding: 50px 0 70px;
	}
	#shop_block .shop_wrapper.row_box{
		display: block;
		margin: 0 auto;
	}
	#shop_block .shop_box{
		width: 100%;
	}
	#shop_block .shop_wrapper.row_box .shop_img{
	    width: 100%;
		padding-left: 0;
    }
	#shop_block .shop_wrapper.row_box .shop_img  img{
		display: block;
		margin: 50px auto 0;
		height: 350px;
        width: 100%;
        object-fit: cover;
	}
	#shop_block .shop_table{
		margin: 36px auto 0;
		width: 100%;
	}
	#shop_block .shop_table tbody tr{
		display: block;
	}
	#shop_block .shop_table tbody tr .shop_ttl{
		width: 100%;
		display: block;
		background: #F3F2EE;
	}
	#shop_block .shop_table tbody tr .shop_text{
		width: 580px;
		background: #FBFBFB;
	}
}


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

	access_block

-----------------------------------*/
#access_block{
	padding: 80px 0;
	background: #FBFBFB;
}
#access_block .contents_inner .map_box iframe{
	display: block;
	margin: 50px auto 47px;
	width: 832px;
	height: 510px;
}
#access_block .contents_inner .btn{
	width: 250px;
	height: 57px;
	background-color: #2B2B2B;
	margin: 0 auto;
	font-size: 16px;
	font-weight: 400;
	font-family: 'Zen Antique Soft', serif;
}
@media screen and (max-width: 930px){
	#access_block .contents_inner .map_box iframe{
		width: 100%;
	}
}
@media screen and (max-width: 640px){
	#access_block .contents_inner .map_box iframe{
		height: 250px;
	}
}