@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Cormorant:wght@300&family=Marcellus&family=Shippori+Mincho:wght@400;600&family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');

/* Reset
**************************************************************/
html,body,div,span,applet,object,iframe,strong,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,legend,caption,tbody,tfoot,thead,table,label,tr,th,td
 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-style: inherit;
	vertical-align: baseline;
	list-style: none;
}

.clear {
	clear: both;
	line-height: 0;
	border: none !important;
}

a {
	text-decoration: none;
	cursor: pointer;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a img {
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

a:hover {
	opacity: 0.5;
	filter: alpha(opacity=5);
	text-decoration: none;
}

a:hover img {
	opacity: 0.5;
	filter: alpha(opacity=5);
}

a:link {
	/*  */
}

a:visited {
	/*  */
}

::selection {
	background: rgb(193 168 139 / 40%);
	/* color: #fff; */
}

::-moz-selection {
	background: rgb(193 168 139 / 40%);
	/* color: #fff; */
}


/*===============================================
●smart.css  画面の横幅が500pxまで
===============================================*/
@media screen and (max-width:500px) {

	html,
	body,
	div,
	span,
	applet,
	object,
	iframe,
	strong,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	a,
	abbr,
	acronym,
	address,
	big,
	cite,
	code,
	del,
	dfn,
	em,
	font,
	img,
	ins,
	kbd,
	q,
	s,
	samp,
	small,
	strike,
	sub,
	sup,
	tt,
	var,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	legend,
	caption,
	tbody,
	tfoot,
	thead,
	table,
	label,
	tr,
	th,
	td {
		font-size: 16px
	}

	img {
		max-width: 100%;
		height: auto;
		width
		/***/
		: auto;
	}

	#container {
		width: 100%;
	}

	/* body
**************************************************************/

	body {
		font-size: 12px;
		line-height: 200%;

		font-weight: 400;
		overflow: scroll;
		width: 100%;
		height: auto;
		scrollbar-face-color: #888;
		letter-spacing: 0.075em;
		background-color: #fff;
		-webkit-text-size-adjust: 100%;
		-webkit-font-smoothing: antialiased;
		min-width: 100%;
	}


	/* nav
**************************************************************/

	.fixed {
		position: fixed;
		top: -130;
		left: 0;
		/* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.20); */
	}

	#header {
		width: 100%;
		padding: 0px 0 0px;
		background: #fff;
		border-top: 2px solid #c1a88b;
		z-index: 999999;
	}

	.logo {
		display: none;
	}

	#nav {
		display: none;
	}

	#nav-tel {
		display: none;
	}

	#nav-in {
		display: none;
	}

	#nav-sp {
		z-index: 999999;
		width: 100%;
		padding: 10px 0 10px;
		background: rgb(255 255 255 / 90%);
	}

	#nav-sp-in {
		width: 90%;
		margin: 0 auto;
	}

	#nav-sp h1 a {
		display: block;
		width: 20%;
		float: left;
		margin: 9px 0 0 40%;
		font-size: 20px;
	}


	/* =======================================
	0. top
======================================= */

	#top {
		width: 100%;
		padding: 35px 0 0;
	}

	.slider-inner {
		width: 90%;
		height: 450px;
	}

	/*  0 news_index
-----------------------------------------*/

	#news {
		width: 90%;
		margin: 35px auto;
	}

	.news-title {
		width: 100%;
		font-weight: 500;
		font-size: 19px;

		margin: 0px auto 15px;
		position: relative;
		text-align: center;
		letter-spacing: 0.15em;
	}

	.news-title a span {

		position: relative;
		z-index: 2;
		display: inline-block;
		margin: 0 2.5em;
		padding: 0 1em;
		background: #fff;
	}

	.news-title a::before {
		position: absolute;
		top: 50%;
		z-index: 1;
		content: '';
		display: block;
		width: 100%;
		height: 1px;
		background-color: #ccc;
	}

	.news_list {
		margin: 0 0;
		width: 100%;
		height: 100px;
		overflow-x: hidden;

	}

	.news_List_Ymd {
		font-weight: 300;
		font-family: 'Zen Kaku Gothic New', sans-serif;
		display: block;
		/* color: #000; */
		margin: 2px 0 5px;
		max-width: 28%;
		font-size: 11px;
		letter-spacing: 0.15em;
		float: left;
		line-height: 200%;
	}

	.news_List_Title {
		line-height: 100%;
		color: #000;
		display: block;
		margin: 7px 0 5px;
		padding: 0 0 0 2%;
		max-width: 70%;
		float: left;
		font-size: 12px;
		letter-spacing: 0.1em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}

	.news_list a:link {
		/* color: #000; */
		text-decoration: none;
		cursor: pointer;
		font-family: 'Zen Kaku Gothic New', sans-serif;
	}

	.news_list a:visited {}

	.news_list a:active {}

	.news_List_Title:hover {
		opacity: 0.5;
		filter: alpha(opacity=50);
	}

	#news_wrap::-webkit-scrollbar {
		width: 2px;
		background-color: #ddd;
	}

	#news_wrap::-webkit-scrollbar-button {
		display: none;
	}

	#news_wrapt::-webkit-scrollbar-track {
		border-radius: 5px;
		background-color: #ccc;
	}

	#news_wrap::-webkit-scrollbar-thumb {
		border-radius: 3px;
		background-color: #aaa;
	}


	/* =======================================
	0. footer
======================================= */

	#footer {
		width: 100%;
		/* background: #C90; */
	}

	#foo-nav {
		width: 100%;
		/* background: #eee; */
	}

	#foo-nav-in {
		display: block;
		padding: 30px 0 70px;
		width: 90%;
		margin: 0 auto;
	}

	#foo-nav h2 a {

		text-align: center;
		display: block;
		width: 42%;
		margin: 0 auto 5px;
	}

	#foo-nav ul {
		float: right;
		list-style: none;
		display: block;
		width: 100%;
		padding: 0;
		margin: 12px 0 0;
		text-align: center;
	}

	#foo-nav ul li {
		display: inline-block;
		border-right: 1px solid #e7e7e7;
		width: auto;
		margin: 0 -1px;
	}

	#foo-nav ul li a {
		position: relative;
		display: inline-block;
		font-size: 11px;
		width: auto;
		padding: 0.3em 20px;
		/* color: #000; */
		x font-family: 'Poppins', sans-serif;
		font-weight: 400;
		line-height: 1;
	}

	.foo-border-L {
		border-left: 1px solid #e7e7e7;
	}


	#foo-info {
		width: 100%;
		padding: 35px 0 50px;
	}

	#foo-info #foo-info-L p {
		font-family: 'Zen Kaku Gothic New', sans-serif;
		width: 90%;
		margin: 0 auto;
		font-size: 12px;
		letter-spacing: 0.02em;
	}

	#foo-info-R {
		width: 90%;
		margin: 30px auto 0;
	}

	a.web-reserv {
		display: block;
		width: 100%;
		padding: 15px 0;
		/* background: #fff; */
		text-align: center;
		border-radius: 8px;
		background-image: url(../img/bg1.png);
	}

	a.web-reserv h3 {
		width: 90%;
		font-weight: 500;
		margin: 0 auto;
		padding: 3px 0;
		font-size: 20px;
		letter-spacing: 0.25em;
		background: #c1a88b;
		border-radius: 5px;
		color: #fff;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	a.web-reserv p {
		color: #919191 !important;
		width: 90%;
		margin: 5px auto 0;
		/* font-size: 12px; */
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	a:hover.web-reserv {
		opacity: 1.0;

	}

	a:hover.web-reserv h3 {
background: #fff;
		color: #c1a88b;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	a:hover.web-reserv p {

		-webkit-transition: 0.3s ease-in-out;
		-moz-transition: 0.3s ease-in-out;
		-o-transition: 0.3s ease-in-out;
		transition: 0.3s ease-in-out;
	}

	#copy {
		width: 100%;
		border-top: solid 1px #e7e7e7;
		text-align: center;
		background: #fff;
		padding: 10px 0;
		font-family: 'Poppins', sans-serif;
	}

	#copy a {
		/* color: #fff; */
	}

	/* =======================================
	0. sub paje
======================================= */


	/* common
**************************************************************/
	.sub-1 {
		width: 100%;
		padding: 35px 0 0px;
	}

	.sub-inner-1 {
		width: 90%;
		margin: 0 auto;
	}

	.sub-img {
		width: 100%;
		height: 130px;
		background: #eee;
		margin: 0 10px 20px;
		overflow: hidden;
		position: relative;
		margin: 0 auto 35px;
		/* background: #C90; */
	}

	.sub-img img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
		filter: blur(2px);
		opacity: 0.8;
	}

	.sub-img h2 {
		position: absolute;
		display: block;
		top: 50%;
		width: 100%;
		margin: 0 auto;
		font-size: 23px;
		color: #fff;
		font-weight: 300;
		letter-spacing: 0.3em;
		text-align: center;
		margin-top: -12px;
	}

	a.button {
		display: block;
		background: #fff;
		width: 100%;
		margin: 0px auto 60px;
		text-align: center;
		padding: 13px 0;
		color: #C90 !important;
		font-size: 13px;
		border: 1px solid #C90;
		border-radius: 5px;
	}

	a:hover.button {
		background: #C90;
		color: #fff !important;
	}


	/* side
**************************************************************/

	.side-1 {
		display: none;
	}

	/* contents
**************************************************************/

	.sub-inner-box-1 {
		width: 100%;
		margin: 0 auto 70px;
	}

	.sub-inner-box-img-1 {
		width: 45%;
		height: 95px;
		float: left;
		margin: 0 2.5% 20px;
		overflow: hidden;
		position: relative;
	}

	.sub-inner-box-img-1 img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}

	/*  8.2 news_post
-----------------------------------------*/

	.news-inner-1 {
		width: 100%;
		margin: 0 0 50px;
	}

	.news_post-title {
		/* border-left: 5px solid #C90; */
		line-height: 100%;
		/* padding: 0 0 0 15px; */
		/* margin: 0 0 20px; */
		/* letter-spacing: 0.15em; */
		font-weight: 500;
		font-size: 27px;
		border-bottom: 1px solid #eaeaea;
		line-height: 100%;
		padding: 0 0 10px;
		margin: 0 0 20px 0;
		letter-spacing: 0.15em;
	}

	.news_post-title h2 {

		font-weight: 500;
		display: block;

		letter-spacing: 0.1em;
		font-size: 21px;
		line-height: 120%;
		margin: 0 0 5px;
	}

	.sub-inner-box-img-2 {
		width: 30%;
		height: 95px;
		float: left;
		margin: 0 1.5% 20px;
		overflow: hidden;
		position: relative;
	}

	.sub-inner-box-img-2 img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}

	/* clearfix */
	.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}

	/* for macIE \*/
	* html .clearfix {
		height: 1%;
	}

	.clearfix {}

	.clearfix img {
		width: 30%;
		float: left;
		margin: 0 1.5% 10px;
	}

	#detailWrap {
		width: 100%;
		margin: 0 auto;
		padding: 0 0 0px 0px;
	}

	#detailWrap font span {
		color: #333 !important;
		font-size: 16px !important;
		width: 100%;
		float: left;
	}

	#detailWrap p {
		line-height: 180%;
		color: #333;
		font-size: 14px;
		font-weight: 300;
		width: 100%;
		float: left;
	}

	#detailWrap ul,
	#detailWrap ol {
		color: #eee;
	}

	#detailWrap p {}

	#detailWrap a {
		text-decoration: underline;

	}

	p.up_ymd {
		width: 100%;
		position: relative;
		letter-spacing: 0.2em;
		/* margin: 0px 0 30px; */
		/* padding: 0 0 20px; */
		font-size: 13px;
		font-weight: 400;
	}

	.detailPhoto {
		width: 100%;
		margin: 30px auto 0px;
	}

	.sub-inner-box-img-2 {
		width: 30%;
		height: 95px;
		float: left;
		margin: 0 1.5% 20px;
		overflow: hidden;
		position: relative;
	}

	.sub-inner-box-img-2 img {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		width: 100%;
		height: auto;
	}


	.sub-inner-box-L {
		width: 90%;
		margin: 0 auto 30px;
	}

	.sub-inner-box-L img {
		width: 100%;

	}

	.sub-inner-box-R {
		width: 100%;
		margin: 0 0 50px 0;
	}

	.sub-inner-box-R h3 {
		font-weight: 400;

		letter-spacing: 0.08em;
		font-size: 18px;
		line-height: 120%;
		margin: 0 0 10px;
		/* font-family: 'Zen Kaku Gothic New', sans-serif; */
	}

	.sub-inner-box-R p {

		letter-spacing: 0.05em;
		font-size: 12px;
		line-height: 160%;
		text-align: right;
		margin: 0 0 80px;
	}

	.sub-inner-box-R p.menu-price {
		color: #C90;
		letter-spacing: 0.05em;
		font-size: 13px;
		margin: 0 0 10px;
		font-weight: 500;
	}



	span.cap {}

	.photo_caption {
		margin: 45px 0 0px;
		text-align: center;
	}

	.back {
		clear: both;
		display: block;
	}

	.mod_btn {
		margin: 30px 0 0px;
	}

	.mod_btn-center {
		text-align: center;
	}

	.mod_btn p {
		border-radius: 2px;
		display: inline-block;
	}

	.mod_btn p a {
		display: block;
		padding: 2px 14px 2px 14px;
		color: #fff;
		font-size: 12px;
		background: #333;
		margin: 0 auto;
		border-radius: 5px;
	}

	.mod_btn p a:hover {
		display: inline-block;
		background: #ccc;

	}

	.mod_btn p a:after {
		display: inline-block;
		background: #ccc;

	}

	.mod_btn p a:link {
		text-decoration: none;
		background: #333;
		color: #fff;
	}

	.mod_btn p a:visited {
		text-decoration: none;
		background: #333;
		color: #fff;
	}

	.mod_btn p a:hover {
		text-decoration: none;
		background: #333;
		color: #fff;
	}

	.mod_btn p a:active {
		text-decoration: none;
		background: #333;
		color: #fff;
	}

	/* 8.3 news_list
-----------------------------------------*/

	.news-inner-2 {
		width: 90%;
		margin: 0 auto;
	}

	#news-li {
		width: 100%;
		z-index: 6;
		padding: 0 0 0px;
	}

	#news_wrap_2 {
		margin: -20px 0 0 0;
	}

	#news_list_2 li {
		padding: 15px 0 50px 0;
		letter-spacing: 0.2em;
		border-bottom: 1px solid #eee;
	}

	.news_List_Ymd_2 {
		font-family: 'Zen Kaku Gothic New', sans-serif;
		max-width: :28%;
		display: block;
		color: #000;
		padding: 5px 2% 5px 0;
		font-size: 11px;
		float: left;
		border-radius: 2px;
	}

	.news_List_Title_2 {
		color: #000;
		display: block;
		margin: 5px 0 0;
		max-width: 70%;
		float: left;
		font-size: 12px;
		letter-spacing: 0.1em;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
		text-decoration: none;
		cursor: pointer;
	}

	.news_List_Title_2 a {

		text-decoration: none;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}

	.news_List_Title_2 a:link {
		font-family: 'Zen Kaku Gothic New', sans-serif;

		text-decoration: none;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}

	.news_List_Title_2 a:visited {

		text-decoration: none;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}

	.news_List_Title_2 a:active {

		text-decoration: none;
		cursor: pointer;
		-webkit-transition: 0.2s ease-in-out;
		-moz-transition: 0.2s ease-in-out;
		-o-transition: 0.2s ease-in-out;
		transition: 0.2s ease-in-out;
	}

	.news_List_Title_2 a:hover {
		color: #777;
	}

	.new_mark {
		display: block;
		color: #C90;
		font-size: 8px;
		border: 1px solid #999;
		padding: 0px 5px;
		border-radius: 2px;
		letter-spacing: 0.07em;
		margin: 7px 0 20px;
	}

	/* 0.0 sub
-----------------------------------------*/

	.sub-title-1 {
		line-height: 100%;
		font-weight: 500;
		font-size: 27px;
		border-bottom: 1px solid #eaeaea;
		line-height: 100%;
		padding: 0 0 10px;
		margin: 0 0 20px 0;
		letter-spacing: 0.15em;

	}

	.sub-title-1 span {
		font-size: 11px;
		display: block;
		padding: 10px 0 0;
		font-family: 'Zen Kaku Gothic New', sans-serif;
		font-weight: 500;
	}

	.sub-inner-box-1 > p {
		line-height: 200%;
		font-family: 'Zen Kaku Gothic New', sans-serif;
	}

}

table,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}

.table-1 {
	margin: 0px auto 0;
	width: 100%;
	vertical-align: text-top;
}



.table-1 th {
	border-top: 1px solid #eee;
	background: #fff;
	width: 20%;
	font-size: 12px;
	letter-spacing: 0.1em;
	font-weight: 500;
	text-align: left;
	padding: 20px 0;
	text-indent: 0.5em;
}

.table-1 td {
	border-top: 1px solid #eee;
	background: #fff;
	width: 80%;
	/* font-size: 11px; */
	font-weight: 400;
	padding: 20px;
	font-family: 'Zen Kaku Gothic New', sans-serif;
}

.map {
	width: 100%;
	height: 270px;
	background: #eee;
	margin: 30px 0 30px;
}



/* page-top **********************/

.page-top a {
	color: #fff;
	position: fixed;
	right: 10px;
	bottom: 10px;
	border-radius: 10px;
	text-align: center;
	display: block;
	padding: 5px 17px;
	font-size: 11px;
	background: #777;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: 0.3s ease-in-out;
}

.page-top a:hover {
	background: #C90;
	opacity: 1.0;
	filter: alpha(opacity=10);
}

/*header fix ONLINESTORE*/
div#nav-sp-in > a:nth-of-type(1) {
	position: absolute;
	top: 17px;
	left: 55px;
	width: 60px;
	font-size: 10px;
	line-height: 12px;
}

/*header fix icon*/

div#nav-sp-in > a:nth-of-type(2) {
	position: absolute;
	top: 14px;
	left: 14px;
}
div#sidr-menu li:nth-child(5) a{
	width: 150px;
	margin: 0 auto;
	border-radius: 5px;
	padding: 8px 20px;
	font-size: 14px;
	line-height: 11px;
	border: solid 2px #717171;
	}