:root {

	--mainColor: #7e151a;

	--mainFontColor: #7e151a;

	--mainBorder: 1.5px solid var(--mainFontColor);

}



body {

	overflow-x: hidden;

}



#home {

	background-image: url(img/home.jpg);

	background-position: 90%;

}



.homeCover {

	/* background-color:rgba(240,240,240,0.5); */

}



.homeCover h4 {

	width: auto;

	background-color: #fff;

	padding: 0 10px;

}



.homeCover h4:first-child {

	margin-bottom: 1.7em;

}



#mainBg {

	background-image: url(img/bg.jpg);

}



.mainCover {

	background-color: rgba(240, 240, 240, 0.2);

}



.menuArea h3,

.menuArea li {

	text-align: center;

}



.mainList li a {

	font-weight: bold;

}



.scollMenu {

	background-color: #ffffff90;

}



h3 {

	font-weight: 700;

}



article>h3 {

	text-align: center;

	margin-bottom: 30px;

	color: var(--mainColor);

}



p,

li,

a,

h2 {

	font-weight: 400;

}



#sns ul li a,

.slick-next,

.slick-arrow {

	filter: brightness(0);

}



.roomTypeItem a {

	margin: auto;

	padding: 10px;

	width: 30%;

	text-align: center;

	background-color: var(--mainColor);

	color: #eccb89;

}



.roomTypeItem a:hover {

	opacity: 0.7;

}



.number ul {

	list-style-type: decimal;

	list-style-position: outside;

	list-style: normal !important;

	margin: 0px;

	padding-left: 2em;

}



.number li {

	list-style: inherit !important;

	display: list-item;

}



.aboutFlex {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-between;

}



.aboutFlex div {

	width: 49%;

	margin-bottom: 30px;

}



.aboutFlex>div {

	align-self: center;

}



.aboutFlex p {

	text-align: justify;

	width: 80%;

	margin: auto;

	max-width: 800px;

}



article {

	overflow: hidden;

}



#product>article {

	overflow: visible;

}



.animateLeftToRight {

	position: relative;

	right: 100px;

	opacity: 0;

	transition: opacity 1s ease-in-out, right 1s ease-in-out;

}



.animateRightToLeft {

	position: relative;

	left: 100px;

	opacity: 0;

	transition: opacity 1s ease-in-out, left 1s ease-in-out;

}



.animateBottomToTop {

	position: relative;

	top: 100px;

	opacity: 0;

	transition: opacity 1s ease-in-out, top 1s ease-in-out;

}



.supportLine {

	height: 2px;

	width: 60px !important;

	background-color: var(--mainColor);

	margin: 0 auto 50px;

}



#sns .tel {

	background-image: url(img/tel.svg);

}



#traffic div {

	width: 100%;

}



.trafficText li {

	text-align: center;

	min-width: 300px;

	margin: 20px 0;

}



.trafficText ol {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around;

	align-items: center;

}



.menuItem span {

	font-size: 0.5em;

}



#menu article {

	padding-bottom: 0px;

}



.roomTypeItem a {

	display: inline-block;

}



.item2 {

	width: 46%;

	margin: 0 2% 80px 2%;

}



.item3 {

	margin-bottom: 40px;

}



.lb-number {

	display: none !important;

}



/**************************************/

.picture article {

	display: flex;

	flex-wrap: wrap;

	justify-content: space-around;

}



.picture article h3 {

	width: 100%;

}



.picture article p {

	width: 100%;

}



.picture article a {

	width: 46%;

	margin: 20px 2%;

}



.picture article.cc1 a {

	width: 90%;

	margin: 20px auto;

}



.picture article.cc2 a {

	width: 40%;

	margin: 20px 5%;

}



.picture article .clear {

	width: 46%;

	margin: 0 2%;

}



.picture article.cc1 .clear {

	width: 90%;

	margin: 0 auto;

}



.picture article.cc2 .clear {

	width: 40%;

	margin: 0 5%;

}



.picture article a span {

	position: absolute;

	bottom: 0;

	left: 0;

	display: block;

	width: calc(100% - 20px);

	padding: 10px 10px;

	background-color: rgba(18, 18, 18, 0.85);

}



.picture a {

	overflow: hidden;

}



.picture a img {

	transition: all 0.35s, transform 0.35s;

	transform: scale3d(1.05, 1.05, 1);

}



.picture a:hover img {

	transform: scale3d(1, 1, 1);

}



.picture article a span {

	color: #fff;

}



/**************************************/



.videoDiv {

	width: 48%;

	margin-bottom: 15px;

}



.video-container {

	position: relative;

	padding-bottom: 56.25%;

	padding-top: 30px;

	height: 0;

	overflow: hidden;

}



.video-container iframe,

.video-container object,

.video-container embed {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



@media only screen and (max-width: 1200px) {

	.aboutFlex {

		flex-wrap: wrap;

	}



	.aboutFlex div {

		width: 100%;

	}



	.reserveFlex {

		flex-direction: column-reverse;

	}

}



@media only screen and (max-width: 1052px) {

	.trafficText p {

		display: none;

	}



	.aboutFlex p {

		width: 100%;

	}

}



@media only screen and (max-width: 950px) {

	ul.mainList li a {

		color: #ffffff;

	}





}



@media only screen and (max-width: 770px) {

	.item2 {

		width: 100%;

		margin: 0 auto 40px auto;

	}



	.videoDiv {

		width: 100%;

	}

}



@media only screen and (max-width: 600px) {

	.item3 {

		width: 100% !important;

	}

}



@media only screen and (max-width: 480px) {

	.picture article a {

		width: 100%;

	}



	#sns {

		left: 5px;

		bottom: -2px;

	}

}



@media screen and (max-width:1024px) {

	#home {

		height: 50vw;

	}

}







/* footer */

.footerText {

	background-color: #7e151a;

}



.footerText article {

	display: flex;

	padding: 50px;

	align-items: center;

}



.footerText img {

	align-self: center;

	width: 60%;
	/* width: 40%; */

	margin-right: 30px;

}



.footer1 {

	width: 20%;

}



.footer2 {

	width: 50%;


}
.footer2 p{
	color: #fff;
}
.footer3 p{
	color: #fff;
}



.footer3 {
	color: #fff;

	width: 25%;

	display: flex;

}



.footer3 img {

	width: 70%;

	margin-right: 25px;

}

#copyright{
	color: #fff;
}







@media only screen and (max-width: 760px) {

	.footerText article {

		width: 100%;

		display: block;

	}



	.footerText img {

		align-self: center;

		width: 30%;

		margin-right: 0px;

	}



	.footer1 {

		width: 50%;

		margin-bottom: 30px;

	}



	.footer2 {

		width: 100%;

		margin-left: 20px;

		margin-bottom: 30px;

	}



	.footer3 {

		width: 100%;

	}



	.footer3 div {

		width: 50%;

		margin-left: 25px;

	}

}



/* footer */

/* menu */

.menubox {

	width: auto;

	display: flex;

	background-color: rgba(233, 211, 193, 0.7);

	padding: 10px;

	margin-bottom: 30px;

}



.menu-pic {

	width: 35%;

}



.menu {

	width: 60%;

	margin: auto 1% auto 2.5%;

}



.menu h2 {

	font-weight: 600;

	font-size: 32px;

	letter-spacing: 3px;

	border-bottom: 2px solid #000;

}



.menu p {

	margin-top: 10px;

}





span.price {

	font-weight: 500;

	float: right;

	letter-spacing: 2px;

	font-size: 34px;

}



img.icon01 {

	display: inline;

	position: absolute;

	margin-left: 10px;

	width: 15px;

	height: auto;



}



img.icon02 {

	display: inline;

	position: absolute;

	margin-left: 10px;

	width: 15px;

	height: auto;



}



.menu-pic img:hover {

	transition: all 0.35s linear;

	transform: scale(1.06);

	overflow: hidden;

}



@media screen and (max-width:768px) {



	.menubox {

		flex-wrap: wrap;

		padding: 5px;

		margin: 10px;

	}



	.menu-pic {

		width: 100%;

		margin: auto;

	}



	.menu {

		width: 90%;

		margin: auto;

	}



	.menu h2 {

		font-weight: 600;

		font-size: 20px;

		letter-spacing: 3px;

		margin-top: 12px;

		border-bottom: 2px solid #000;

	}



	span.price {

		font-weight: 500;

		float: right;

		letter-spacing: 2px;

		font-size: 20px;

	}

}



/* menu */

/* about */

#about p {

	font-size: 18px;

	letter-spacing: 2px;

}



#about p.aboutTitle {

	font-weight: 600;

	font-size: 30px;

	letter-spacing: 5px;

}



.aboutFlex img:hover {

	transition: all 0.35s linear;

	transform: scale(1.06);

	overflow: hidden;

}



@media screen and (max-width:768px) {

	#about p {

		font-size: 14px;

		letter-spacing: 1px;

		width: 85%;

	}



	#about p.aboutTitle {

		font-size: 20px;

		letter-spacing: 2px;

		width: 90%;

	}

}



/* about */

/* take out */

.take-out_box {

	display: flex;

	flex-wrap: wrap;

	width: auto;

}



.take-out {

	width: 46%;

	margin: 0 2% 0 2%;

}



.roomleft {

	width: 100%;

	margin: 0 2% 20 2%;

}



.outleft div {

	width: 50%;

	margin-left: auto;

	margin-right: auto;

}



.outleft img {

	width: 60%;

	margin: auto;

}



.roomright img {

	width: 60%;

	margin: auto;

}



.roomright img:hover {

	transition: all 0.35s linear;

	transform: scale(1.06);

	overflow: hidden;

}



.take-out h3 {

	display: block;

	text-align: center;

	margin: auto;

	margin-bottom: 20px;

	font-size: 32px;

}



@media screen and (max-width:768px) {

	.take-out_box {

		margin: auto;

	}



	.take-out {

		width: 80%;

		margin: auto;

	}



	.outleft img {

		margin: auto;

	}

}



/* take out */

a.proItem {

	opacity: 1;

}