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

	.contents内レスポンシブ

////////////////////////////////////////////////////////////////////*/
@media print, screen and (min-width: 768px){
	.stay-pickup {
		justify-content: center;
	}
}
/*font*/


@font-face {
  font-family: 'Noto Serif Japanese', serif;
  font-style: normal;
  font-weight: 400;
  src: url(font/NotoSerifCJKjp-Regular.otf) format('opentype');
 }

@import url('https://fonts.googleapis.com/css?family=Buenard');


.contents01{
  color: #333;
  background-color: #e9e9e2;
  position: relative;
  z-index: 1;
}


.contents01 ul li{
	list-style: none;
}

.cjk-jp-serif {
  font-family: "Noto Serif Japanese", serif;
  font-feature-settings: "pwid";
  -ms-font-feature-settings: "normal";
  font-weight: 400;
}

.buenard{
	font-family: 'Buenard', serif;
}

.mvArea{
	position: relative;
	z-index: 1;
}
	.imgArea{
		width: 75%;
		z-index: 2;
		position: relative;
		top: 0;
		left: 0;
		padding-bottom: 60px;
	}
		@media(max-width: 900px){
			.imgArea {
				padding-bottom: 0;
			}
		}
	.imgArea .slick-dots{
		position: absolute;
		bottom: 30px;
		left: 50%;
		margin-left: -28px;
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	@media (max-width: 900px) {
		.imgArea .slick-dots{
			bottom: 40px;
			margin-left: -25px;
		}
	}

	.imgArea .slick-dots li{
		/*text-indent: -999999px;*/
		margin-right: 10px;
		background-color: #fff;
		width: 12px;
		height: 12px;
		border-radius: 12px;
	}
	.imgArea .slick-dots li:last-child{
		margin-right:0;
	}
	.imgArea .slick-dots li.slick-active{
		background-color: #1c1c21;
	}

	.imgArea .slick-dots li button{
        opacity: 0;


		display: block;
		text-indent: -999999px;

	}
	@media (max-width: 900px) {
		.imgArea .slick-dots li{
			width: 10px;
			height: 10px;
			border-radius: 10px;
		}
	}
	@media (max-width: 900px) {
		.imgArea{
			width: 100%;
			z-index: 2;
			position: relative;
			top: 0;
			left: 0;
			margin-bottom:0;
		}
	}

	.imgArea img{
		width: 100%;
	}


	.txtArea{
		position: absolute;
		top: 60px;
		right: 0;
		width: 80%;
		height: calc(100% - 60px);
		z-index: 1;
		color:#fff;
		background-color: #11122e;
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
	}
	.txtArea .txt {
		padding-left: 68.8%;
		text-align: center;
		
	}
	@media (max-width: 900px) {
		.txtArea{
			position: relative;
			top: 0;
			width: 90%;
			margin: 0 auto;
			z-index: 2;
			color:#fff;
			padding: calc(20 / 375 * 100vw) 0;
			margin-top: -30px;
		}
		.txtArea .txt {
			padding-left: 0;
		}
	}
	.txtArea_tit {
		position: relative;
		font-size: calc(36 / 1900 * 100vw);
		line-height: 1.6;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	@media (max-width: 900px){
		.txtArea_tit {
			font-size: calc(23 / 375 * 100vw);
			font-size: clamp(20px, (23 / 375 * 100vw), 36px);
			line-height: 1.4;
		}
	}
	.txtArea_txt {
		font-size: calc(16 / 1900 * 100vw);
		font-size: clamp(13, (16 / 1900 * 100vw), 16px);
		line-height: 2.1;
	}
	@media (max-width: 900px){
		.txtArea_txt {
			font-size: calc(12 / 375 * 100vw);
			font-size: clamp(12px, (12 / 375 * 100vw), 16px);
			line-height: 1.53;
		}
	}
			.txtArea_tit:after{
				content: '';
				width: 40px;
				height: 1px;
				background-color: #ffd800;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%);
			}
.infoArea {
	text-align: center;
	color: #a20606;
	margin: -20px auto 0;
	line-height: 1.6;
	padding: 0 20px;
	position: relative;
	z-index: 3;
	font-size: 15px;
}
@media(max-width: 900px){
	.infoArea {
		margin-top: 60px;
	}
}
.infoArea:before {
	content: 'i';
	width: 40px;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 100%;
	background-color: #a20606;
	color: #fff;
	font-size: 24px;
	font-family: 'Buenard', serif;
	margin: 0 auto 20px;
}
.infoArea:after {
	content: '';
	width: 0;
	height: 0;
	display: block;
	border: 5px solid transparent;
	border-top-color: #a20606;
	position: absolute;
	top: 39px;
	left: 50%;
	transform: translateX(-50%);
}
.infoArea .onlySP {
	display: none;
}
@media(max-width: 768px){
	.infoArea .onlySP {
		display: block;
	}
}
.infoArea a {
	text-decoration: underline;
}

.wrap01{
	padding:80px 70px;
	width: 100%;
	-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
}
@media (max-width: 768px) {
	.wrap01{
		padding:60px 20px;
	}
}
	.point{
		display: -webkit-flex;
		display: -moz-flex;
		display: -ms-flex;
		display: -o-flex;
		display: flex;
	}
	@media (max-width: 1200px) {
		.point{
			flex-wrap: wrap;
		}
	}
		.point li{
			width: 30%;
			margin-right: 3%;
			background: none;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
		}
		@media (max-width: 1200px) {
			.point li{
				width: 45%;
				margin-right: 10%;
				margin-bottom: 40px;
			}
		}
		@media (max-width: 768px) {
			.point li{
				width: 100%;
				margin-right: 0;
				margin-bottom: 40px;
			}
		}
			.point li:last-child{
				margin-right:0;
			}
			@media (max-width: 768px) {
				.point li:last-child{
					margin-bottom: 0;
				}
			}
			@media (max-width: 1200px) {
				.point li:nth-child(even){
					margin-right: 0;
				}
			}
			.point li .pNum{
				font-family: 'Buenard', serif;
				font-size: 25px;
				text-align: center;
				margin-bottom: 25px;
				position: relative;
			}
			@media (max-width: 768px) {
				.point li .pNum{
					margin-bottom: 5px;
				}
			}

			.pNum span{
				color:#a07900;
			}

			.pNum:after{
				content: '';
				width: 40px;
				height: 1px;
				background-color: #a07900;
				position: absolute;
				bottom: 50%;
				left: 35px;
				margin-top: 1px;
			}

			@media (max-width: 768px) {
				.pNum:after{
					left: 50px;
				}
			}
			.pNum:before{
				content: '';
				width: 40px;
				height: 1px;
				background-color: #a07900;
				position: absolute;
				bottom: 50%;
				right: 35px;
				margin-top: 1px;
			}

			@media (max-width: 768px) {
				.pNum:before{
					right: 50px;
				}
			}

			.lead{
				font-size: calc(16 / 1400 * 100vw);
				font-size: clamp(14px, (16 / 1400 * 100vw), 16px);
				line-height: 25px;
				margin-bottom: 20px;
				text-align: center;
			}
			@media(max-width: 1200px){
				.lead {
					font-size: calc(16 / 1200 * 100vw);
					font-size: clamp(14px, (16 / 1200 * 100vw), 16px);
				}
			}
			@media (max-width: 768px) {
				.lead{
					margin-bottom: 10px;
					font-size: 15px;
				}
				.lead .spNone{
					display: none;
				}
			}

		.point li .imgBox{
			margin-bottom: 15px;
		}
		.point li .imgBox img{
			width: 100%;
			height: auto;
		}
		.point_sub {
			text-align: center;
			line-height: 1.6;
			font-size: 14px;
			font-size: clamp(12px, (14 / 1600 * 100vw), 14px);
		}
		@media(max-width: 768px){
			font-size: 13px;
			font-size: clamp(12px, (13 / 375 * 100vw), 14px);
		}
/*tab*/
/*#tabMenu>ul{
	margin-top:-100px;
    padding-top:100px;
}
.inTab{
	margin-top:-100px;
    padding-top:100px;
}*/

@media (max-width: 768px) {
	.r-tabs-nav{
	display: none!important;
}
}


#tabMenu>ul{
	width: 1100px;
	margin: 0 auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	align-items: flex-end;
}
@media (max-width: 1100px) {
	#tabMenu>ul{
		width: 100%;
	}
}
@media (max-width: 768px) {
	#tabMenu>ul{
	}
}
#tabMenu>ul li{
	background: none!important;
	display: block;
	margin: 0;
	width: 33.3333333%;
	margin-right: 8px;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

#tabMenu>ul li:last-child{
	margin-right: 0;
}
#tabMenu>ul li a{
	padding: 15px 0 10px 0;
	border-left:solid 1px #c3c3c3;
	border-top:solid 1px #c3c3c3;
	border-right:solid 1px #c3c3c3;
	display: block;
	width: 100%;
	background-color: #fff;
	color: #11122e;
	text-decoration: none;
	font-size: 23px;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

@media (max-width: 768px) {
	.r-tabs-accordion-title{
		border-bottom: 1px solid #c3c3c3;
	}
		.r-tabs-nav + .r-tabs-accordion-title{
			border-top: 1px solid #c3c3c3;
		}
		.r-tabs-accordion-title.r-tabs-state-active {
			border-bottom: none!important;
			border-top: none!important;
		}

	.r-tabs-accordion-title a{
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		text-align: center;
		padding: 15px 0;
		display: block;
		width: 100%;
		background-color: #fff;
		color: #11122e;
		text-decoration: none;
		font-size: 20px;
		font-family: "Noto Serif Japanese", serif;
		  font-feature-settings: "pwid";
		  -ms-font-feature-settings: "normal";
		  font-weight: 400;
		  -webkit-transition: all 0.5s ease-out;
		-moz-transition: all 0.5s ease-out;
		-ms-transition: all 0.5s ease-out;
		-o-transition: all 0.5s ease-out;
		transition: all 0.5s ease-out;
	}

	.r-tabs-accordion-title{
		position: relative;
		display: block;
		color: #000;
		vertical-align: middle;
		text-decoration: none;
		font-size: 15px;
		}
		.r-tabs-accordion-title:before,
		.r-tabs-accordion-title:after{
		position: absolute;
		top: 0;
		bottom: 0;
		left: 18px;
		margin: auto;
		content: '';
		vertical-align: middle;
		}

		.r-tabs-accordion-title:before{
		width: 25px;
		    height: 25px;
		    -webkit-border-radius: 50%;
		    border-radius: 50%;
		    background: #7a0;
		background: #fff;
		border: solid 1px #c3c3c3;
		}
		.r-tabs-accordion-title.r-tabs-state-active:before{
			border: none;
		}
		.r-tabs-accordion-title:after{
		left: 30px;
		top: 1px;
		box-sizing: border-box;
		width: 8px;
		height: 8px;
		border: 5px solid transparent;
		border-left: 9px solid #11122e;
		}
		.r-tabs-accordion-title:after{
			left: 28px;
		    top: 50%;
		    margin-top: -5px;
		    box-sizing: border-box;
		    width: 8px;
		    height: 8px;
		    border: 5px solid transparent;
		    border-left: 8px solid #11122e;
		}
		.r-tabs-accordion-title.r-tabs-state-active:after{
			left: 25px;
		    top: 50%;
		    margin-top: -3px;
		    box-sizing: border-box;
		    width: 8px;
		    height: 8px;
		    border: 5px solid transparent;
		    border-top: 8px solid #11122e;

		}

	.r-tabs-accordion-title a span{
		display: block;
		font-size: 16px;
		color: #a07900;
	}

	.r-tabs-accordion-title.r-tabs-state-active a{
		background-color: #11122e;
		color: #fff;
		padding: 25px 0 20px 0;
		border:none;
		-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
	}

	.r-tabs-accordion-title.r-tabs-state-active a span{
		color: #fff;
	}
}

#tabMenu>ul li a span{
	display: block;
	font-size: 16px;
	color: #a07900;
}

#tabMenu>ul li.r-tabs-state-active a span{
	color: #fff;
}

#tabMenu>ul li.r-tabs-state-active a{
	border:none;
	padding: 25px 0 20px 0;
	display: block;
	width: 100%;
	background-color: #11122e;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.5s ease-out;
	-moz-transition: all 0.5s ease-out;
	-ms-transition: all 0.5s ease-out;
	-o-transition: all 0.5s ease-out;
	transition: all 0.5s ease-out;
}

.arrow01{
position: relative;
display: block;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow01:before,
.arrow01:after{
position: absolute;
top: 0;
bottom: 0;
left: 20px;
margin: auto;
content: '';
vertical-align: middle;
}

.arrow01:before{
width: 25px;
    height: 25px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #7a0;
background: #fff;
border: solid 1px #c3c3c3;
}
#tabMenu>ul li.r-tabs-state-active.arrow01:before{
	border: none;
}
.arrow01:after{
left: 30px;
top: 1px;
box-sizing: border-box;
width: 8px;
height: 8px;
border: 5px solid transparent;
border-left: 9px solid #11122e;
}
#tabMenu>ul li.r-tabs-state-active.arrow01:after{
	left: 28px;
    top: 9px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 5px solid transparent;
    border-top: 8px solid #11122e;
}

#tabMenu>ul li.r-tabs-state-active a:hover{
	text-decoration: none;
}

/*sp*/


 a:hover{
	text-decoration: none;
}
/**/
.wrap02 {
	padding-bottom: 80px;
	background-color: #fff;
}
	@media(max-width: 768px){
		.wrap02 {
			padding-bottom: 60px;
		}
	}
.r-tabs {
	background-color: #e9e9e2;
}
.inTab{
	background-color: #f8f8eb;
	border-top: solid 2px #11122e;
	border-bottom: solid 2px #11122e;
	padding: 60px 70px;
	width: 100%;
	box-sizing: border-box;
}
@media (max-width: 768px) {
	.inTab{
		padding: 20px!important;
	}
}
.slider-for {
	width: 100%;
}
.slider-for>li {
	width: 100%;
	display: block;
}
.slider-for_wp{
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100%;
	padding: 60px 70px 0;
	box-sizing: border-box;
}
@media(max-width: 768px){
	.slider-for_wp {
		display: block;
		padding: 0;
	}
}
.slick-slider {
	width: 100%;
}
.slider-for_img {
	width: 40%;
}
	@media(max-width: 768px){
		.slider-for_img {
			width: 100%;
		}
	}
	.slider-for_img img {
		width: 100%;
		height: auto;
	}
.slider-for_txt {
	width: calc(60% - 20px);
	box-sizing: border-box;
	font-size: 15px;
	line-height: 1.42;
}
	@media(max-width: 768px){
		.slider-for_txt {
			width: 100%;
			padding: 20px 20px 0;
			font-size: 14px;
		}
	}
	.slider-for_txt p:nth-child(n+2),
	.slider-for_txt ul:nth-child(n+2) {
		margin-top: 1em;
	}
	.slider-for_txt a {
		text-decoration: underline;
	}
	.slider-for_hl {
		color: #11122e;
		font-size: 27px;
		line-height: 1.5;
	}
		@media(max-width: 768px){
			.slider-for_hl {
				font-size: 20px;
			}
		}
	.slider-for .slick-dots {
		position: relative;
		padding: 60px 0;
		display: flex;
		justify-content: center;
		align-items: center;
	}
		@media(max-width: 768px){
			.slider-for .slick-dots {
				padding: 20px 0;
			}
		}
		.slider-for .slick-dots:before {
			content: '';
			display: block;
			position: absolute;
			bottom: 0;
			left: 0;
			width: 100%;
			height: 50%;
			background-color: #11122e;
			z-index: 1;
		}
		.slider-for .slick-dots>li {
			position: relative;
			z-index: 2;
			padding: 3px;
			background-color: #fff;
			box-shadow: 0 0 2px rgba(0,0,0, .3);
			cursor: pointer;
		}
			
		.slider-for .slick-dots>li.slick-active {
			background-color: #11122e;
		}
		.slider-for .slick-dots>li.slick-active:before {
			content: '';
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-width: 9px 8px;
			border-color: transparent;
			border-bottom-color: #11122e;
			position: absolute;
			top: -18px;
			left: 50%;
			margin-left: -9px;
		}
		.slider-for .slick-dots>li:nth-child(n+2){
			margin-left: 10px;
		}
			@media(max-width: 768px){
				.slider-for .slick-dots>li:nth-child(n+2){
					margin-left: 5px;
				}
			}
		.slider-for .slick-dots>li>button {
			width: 115px;
			height: 73px;
			background-size: cover;
			border: none;
			color: transparent;
			cursor: pointer;
		}
		@media (max-width: 768px){
			.slider-for .slick-dots>li>button {
				width: 77px;
				height: 48px;
			}
			.slider-for.__num5 .slick-dots>li>button {
				width: 40px;
				height: 24px;
			}
		}
	#slider1 .slick-dots>li:nth-child(1)>button {
		background-image: url('img/202410/thumb_lounge01.jpg');
	}
	#slider1 .slick-dots>li:nth-child(2)>button {
		background-image: url('img/202410/thumb_lounge02.jpg');
	}
	#slider1 .slick-dots>li:nth-child(3)>button {
		background-image: url('img/202410/thumb_lounge03.jpg');
	}
	#slider2 .slick-dots>li:nth-child(1)>button {
		background-image: url('img/thumb_hospitality01.jpg');
	}
	#slider2 .slick-dots>li:nth-child(2)>button {
		background-image: url('img/thumb_hospitality03.jpg');
	}
	#slider2 .slick-dots>li:nth-child(3)>button {
		background-image: url('img/thumb_hospitality06.jpg');
	}
	#slider2 .slick-dots>li:nth-child(4)>button {
		background-image: url('img/thumb_hospitality02.jpg');
	}
	#slider2 .slick-dots>li:nth-child(5)>button {
		background-image: url('img/202410/thumb_hospitality04.jpg');
	}
	#slider2 .slick-dots>li:nth-child(6)>button {
		background-image: url('img/202507/thumb_hospitality04.jpg');
	}
	#slider2 .slick-dots>li:nth-child(7)>button {
		background-image: url('img/thumb_hospitality05.jpg');
	}
	#slider3 .slick-dots>li:nth-child(1)>button {
		background-image: url('img/thumb_guestroom04.jpg');
	}
	#slider3 .slick-dots>li:nth-child(2)>button {
		background-image: url('img/202503/thumb_guestroom02.jpg');
	}
	#slider3 .slick-dots>li:nth-child(3)>button {
		background-image: url('img/thumb_guestroom03.jpg');
	}
	

.wrap02 .slider-for_txt .list03 li {
	margin-bottom: 5px;
}

.recommendPlan{
	margin: 60px 70px 0;
}
@media (max-width: 768px) {
	.recommendPlan{
		margin: 20px 20px 0;
	}
}
	.recommendPlan_in {
		max-width: 1100px;
		margin: 0 auto;
	}
.recommendPlan_tit{
	width: 100%;
	background-color: #e9e9e2;
	font-weight: normal;
	margin-bottom: 20px;
	padding: 8px 0;
	text-align: center;
	font-size: 19px;
	line-height: 19px;
	position: relative;
	border-radius: 3px;
}
.recommendPlan_tit:after{
	content: '';
	position: absolute;
	bottom:-8px;
	left: 50%;
	box-sizing: border-box;
	margin: -8px;
	width: 8px;
	height: 8px;
	border: 8px solid transparent;
	border-top: 8px solid #e9e9e2;
}
.planList{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
	@media (max-width: 768px) {
		.planList{
			display: block;
		}
	}

.planList>li{
	width: calc((100% - 40px) / 3);
	transition: all .5s ease;
	box-shadow:0px 0px 2px rgba(0,0,0,0.2);
}
	@media(max-width: 768px){
		.planList>li {
			width: 100%;
		}
		.planList>li:nth-child(n+2) {
			margin-top: 20px;
		}
	}

@media (min-width: 769px) {
	.planList.__style02{
		justify-content: center;
	}
	.planList.__style02>li:nth-child(n+2){
		margin-left: 50px;
	}
}

.planList>li:hover{
	box-shadow:0px 0px 6px rgba(0,0,0,0.2);
}

.planList>li a{
	transition: all 0.5s ease-out;
	box-sizing: border-box;
	display: block;
	padding: 20px 20px 55px;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
	color: #333;
}
	@media (max-width: 768px) {
		.planList>li a{

		}
	}
	.planList>li a:hover{
		color: #333;
		transition: all 0.5s ease-out;
	}
	.planList>li img {
		width: 100%;
		height: auto;
		margin-bottom: 20px;
	}
	.planList>li .ttl {
		font-size: 16px;
		margin-bottom: 0.5em;
	}
	.planList>li .txt {
		font-size: 13px;
	}
	.planList>li .btn {
		position: absolute;
		left: 50%;
		bottom: 20px;
		transform: translateX(-50%);
		color: #11122e;
		font-size: 16px;
	}
		.planList>li .btn:before {
			content: '';
			display: inline-block;
			width: 0;
			height: 0;
			border-width: 4px 5px;
			border-style: solid;
			border-color: transparent;
			border-left-color: #11122e;
		}
.btnBayclub01 {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
	.btnBayclub01:nth-child(n+2){
		margin-top: 30px;
	}
	.btnBayclub01>a {
		width: 100%;
		max-width: 400px;
		height: 60px;
		margin: 0 auto;
		display: flex;
		justify-content: center;
		align-items: center;
		background-color: #11122e;
		font-family: "Noto Serif Japanese", serif;
		font-feature-settings: "pwid";
		-ms-font-feature-settings: "normal";
		font-weight: 400;
		color: #fff;
		font-size: 19px;
		transition: all .5s ease;
	}

	.btnBayclub01>a:before {
		content: '';
		display: block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 5px;
		border-color: transparent;
		border-left-color: #a2893d;
		transition: all .5s ease;
	}
	.btnBayclub01>a:hover {
		background-color: #9f6924;
	}
	.btnBayclub01>a:hover:before {
		border-left-color: #11122e;
	}
	@media (max-width: 768px) {
		.btnBayclub01>a:nth-child(2){
			margin-top: 30px;
		}
	}


.wrap03{
	background-image: url('img/bg01.jpg');/*背景画像*/
	background-attachment: fixed;/*画面からの相対位置（背景固定）*/
	background-size: cover;/*背景サイズ*/
	padding:60px 70px;
	width: 100%;
	box-sizing: border-box;
}

@media (max-width: 768px) {
	.wrap03 {
		padding: 60px 20px;
		position: relative;
		background: #f8f8eb;
	}
	.wrap03:before{
		content: '';
		display: block;
		width: 100%;
		height: calc(60vw);
		background: linear-gradient(transparent 75%, #f8f8eb 100%),
		url('img/bg01_sp.jpg');
		background-size:cover;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1;
	}
	.wrap03 .ttl01,
	.wrap03 .wrapIn {
		position: relative;
		z-index: 2;
	}
}

.ttl01{
	text-align: center;
	font-size: 25px;
	text-shadow:0px 0px 4px 1px rgba(255,255,255,1);
	margin-bottom: 40px;
}

@media (max-width: 768px) {
	.ttl01{
		font-size: 22px;
		margin-bottom: 20px;
	}
}

.ttl01 span{
	display: block;
	font-size: 16px;
	color: #a07900;
	margin-top: 5px;
}


.ttl02{
	color: #fff;
	text-align: center;
	font-size: 25px;
	text-shadow:0px 0px 4px 1px rgba(255,255,255,1);
	margin-bottom: 40px;
}

@media (max-width: 768px) {
	.ttl02{
		font-size: 22px;
		margin-bottom: 20px;
	}
}

.ttl02 span{
	display: block;
	font-size: 16px;
	color: #fff;
	margin-top: 5px;
}


.wrap04{
	background-image: url('img/bg02.jpg');/*背景画像*/
	background-attachment: fixed;
	background-size: cover;
	padding:140px 70px;
}

@media (max-width: 768px) {
	.wrap04{
		background-image: url('img/bg02_sp.jpg');/*背景画像*/
		padding:60px 20px;
		-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
        background-size: cover;/*背景サイズ*/
		background-attachment: scroll;
	}
}

.wrap04 .wrapIn{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
@media (max-width: 768px) {
	.wrap04 .wrapIn{
		display: block;
	}
}
	.wrap04 .wrapIn div{
		width: calc((100% - 20px) / 2);
	}
	@media (max-width: 768px) {
		.wrap04 .wrapIn div{
			width: 100%;
		}
		.wrap04 .wrapIn div:nth-child(n+2){
			margin-top: 10px;
		}
	}
	.wrap04 .wrapIn .btnOnline{
		background-color: #11122e;
	}

	.wrap04 .wrapIn .btnOnline a{
		padding: 0;
		text-decoration: none;
		color: #fff;
		text-align: center;
		font-size: 23px;
		position: relative;
		transition: all 0.5s ease-out;
		display: flex;
		justify-content: center;
		align-items: center;
		height: 115px;
	}

	@media (max-width: 768px) {
		.wrap04 .wrapIn .btnOnline a{
			font-size: 18px;
			height: 60px;
			
		}
	}

	.wrap04 .wrapIn .btnOnline a:before{
		content: '';
		width: 0;
		height: 0;
		border: 5px solid transparent;
		border-left-color: #a2893d;
		transition: all 0.5s ease-out;
	}
	.wrap04 .wrapIn .btnOnline a:hover{
		text-decoration: none;
		background-color: #9f6924;
	}

	.wrap04 .wrapIn .btnOnline a:hover:before{
		border-left-color: #11122e;
	}
	.wrap04 .txtReservation {
		text-align: center;
		font-size: 18px;
		color: #11122e;
		line-height: 1.5;
		margin-bottom: 1em;
	}
	.wrap04 .txtReservation br {
		display: none;
	}
	@media(max-width: 768px){
		.wrap04 .txtReservation {
			font-size: 14px;
		}
		.wrap04 .txtReservation br {
			display: block;
		}
	}



#container div.lastChild.empty{
	display: none;
}

.wrapIn{
	width: 1100px;
	margin: 0 auto;
}
@media (max-width: 1220px) {
	.wrapIn{
		width: 100%;
	}
}
.tbInfo{
	width: 100%;
}

.tbInfo .tbInfoTr {
	display: flex;
}
	@media(max-width: 768px){
		.tbInfo .tbInfoTr {
			display: block;
			box-shadow: 0 0 2px rgba(0,0,0,.2);
		}
	}
	.tbInfo .tbInfoTr:nth-child(n+2){
		margin-top: 1px;
	}
	@media(max-width: 768px){
		.tbInfo .tbInfoTr:nth-child(n+2){
			margin-top: 10px;
		}
	}
.tbInfo .tbInfoTh{
	vertical-align: middle;
	text-align: center;
	color: #fff;
	background-color: #11122e;
	font-size: 15px;
	width: 25%;
	box-sizing: border-box;
	padding: 15px 10px;
  display: grid;
  place-items: center;
}

@media (max-width: 768px) {
	.tbInfo .tbInfoTh{
		display: block;
		width: 100%;
		padding: 10px;
	}
}

.tbInfoTd{
	padding: 15px 20px;
	vertical-align: middle;
	background-color: #fff;
	box-sizing: border-box;
	width: 75%;
	line-height: 1.5;
}

@media (max-width: 768px) {
	.tbInfoTd{
		display: block;
		width: 100%;
		padding: 20px;
		font-size: 14px;
	}
	.tbInfoTd.__center{
		text-align: center;
	}
}

.tbInfo td{
	font-size: 15px;

}
.tbInfoTd a{
	text-decoration: underline;
}



.tbInfoTd>table{
	/*width: 50%;*/
}

.inTb{
	margin-right: 40px;
	line-height: 1.5em;
}

@media (max-width: 768px) {
	.inTb{
		margin-right: 0;
		display: block;
		font-size: 14px;
	}
}

.inTb:last-child{
	margin-right: 0;
}



.inTb tr{
	display: block;
	padding-bottom: 20px;
}

@media (max-width: 768px) {
	.inTb tr{
		padding-bottom: 0;
		width: 100%;
	}
}

.inTb tr:last-child{
	padding-bottom: 0;
}

.inTb th{
	padding-right: 15px;
}

@media (max-width: 768px) {
	.inTb tbody{
		display: block;
	}
	.inTb th{
		width: 100%;
		display: block;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		background-color: #f9efdb;
		padding: 5px 10px;
		border-left: 3px solid #11122e;
		margin-bottom: 10px;
	}

	.inTb:last-child th{
		margin-top: 15px;
	}
}

@media (max-width: 768px) {
	.inTb td{
		display: block;
		/*margin-bottom: 15px;*/
	}
	.inTb td:nth-child(2){
		/*margin-bottom: 0;*/
	}
}

.priceList{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

@media (max-width: 768px) {
	.priceList{
		display: block;
	}
}

.tableBox{
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.guide{
	width: 7%;
}

.break{
	width: 15%;
}

.lunch{
	width: 53%;
}

.dinner{
	width: 25%;
}


@media (max-width: 768px) {
	.tableBox{
		width: 100%;
		margin-bottom: 15px;
	}
}

.tableBox h4{
	font-size: 15px;
	font-weight: normal;
	color: #fff;
	background-color: #11122e;
	text-align: center;
	padding: 15px 0;
	border-right: solid 1px #f1e9d8;
	border-bottom: solid 1px #f1e9d8;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

@media (max-width: 768px) {
	.tableBox h4{
		border-top: solid 1px #f1e9d8;
		border-left: solid 1px #f1e9d8;
	}
}

.tableBox table{
	width: 100%;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.tableBox table tr{

}

.tableBox table tr th{
	text-align: center;
	vertical-align: middle;
	border-right: solid 1px #f1e9d8;
	border-bottom: solid 1px #f1e9d8;
	padding: 10px 5px;
	color: #fff;
	background-color: #de9d00;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.tableBox table tr td{
	vertical-align: middle;
	text-align: center;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	border-right: solid 1px #f1e9d8;
	border-bottom: solid 1px #f1e9d8;
	padding: 10px 5px;
	background-color: #fff;
}
.tableBox .type{
	border-left: solid 1px #f1e9d8;
	width: 75px;
	font-size: 12px;
	display: none;
}




@media (max-width: 768px) {
	.tableBox .type{
	    display: table-cell;
	}
}

.tableBox .price{
  font-family: "Noto Serif Japanese", serif;
  font-feature-settings: "pwid";
  -ms-font-feature-settings: "normal";
  font-weight: 400;
  font-size: 18px;
}
.tableBox .price br{
	line-height: 10px;
}

.tableBox .price span{
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;

	font-size: 10px;
}

@media (max-width: 768px) {
	.tableBox .price span{
		display: block;
	}
}

.tableBox.guide .price{
	font-size: 12px;
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	background-color: #de9d00;
	color: #fff;
}

@media (max-width: 768px) {
	.tableBox.guide{
		display:none;
	}
}

.tableBox.guide h4{
	opacity: 0;
}

.tableBox.guide .type{
	opacity: 0;
	display: block;
}

.spConv{
		display: block;
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		z-index: 999999999999;
		background: rgba(255,255,255,0.7);
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 5px;
	}
	.spConv ul{
		display: flex;
	}
	.spConv ul li{
		width: 49%;
		margin-right: 1%;
		text-align: center;
		font-size: 15px;
	}
	.spConv ul li:last-child{
		margin-right: 0;
	}

	.spConv ul li a{
		background-color: #11122e;
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
		        box-sizing: border-box;
		padding: 15px 0;
		display: block;
		color: #fff;
		position: relative;
	}
	.spConv ul li i{
		margin-right: 3px;
	}
	.spConv ul li i img{
		width: 15px;
		height: auto;
	}

	.spConv ul li.online a:before{
		content: '';
		position: absolute;
		top:50%;
		left: 20px;
		box-sizing: border-box;
		margin: -5px;
		width: 5px;
		height: 5px;
		border: 5px solid transparent;
		border-left: 5px solid #df9e0a;
	}
	@media (max-width: 768px){
		.spConv {
			bottom: 61px;
		}
	}
.copyright{
		margin-bottom: 55px;
	}

#copyright {
   margin-bottom: 55px;
}
br.pcNone{
	display: none;
}

@media (max-width: 768px) {
	.spConv ul li{
		width: 49%;
		margin-right: 2%;
		text-align: center;
		font-size: 15px;
	}
	br.pcNone{
		display: block;
	}
}
.accordion_icon{
	display: none;
}
@media (max-width: 768px) {
	.accordion_icon,
	.accordion_icon span {
	  display: inline-block;
	  transition: all .4s;
	  box-sizing: border-box;
	}
	.accordion_icon {
	  position: relative;
	  width: 30px;
	  height: 30px;
	  float: right;
	  margin-right: 0;
	}
	.accordion_icon span {
	  position: absolute;
	    left: 6px;
	    width: 50%;
	  height: 2px;
	      margin-top: 2px;
	    background-color: #fff;
	  border-radius: 4px;
	  -webkit-border-radius: 4px;
	  -ms-border-radius: 4px;
	  -moz-border-radius: 4px;
	  -o-border-radius: 4px;
	}
	.accordion_icon span:nth-of-type(1) {
	    top: 5px;
	  transform: rotate(0deg);
	    -webkit-transform: rotate(0deg);
	  -moz-transform: rotate(0deg);
	  -ms-transform: rotate(0deg);
	    -o-transform: rotate(0deg);
	}
	.accordion_icon span:nth-of-type(2) {
	    top: 5px;
	  transform: rotate(90deg);
	    -webkit-transform: rotate(90deg);
	  -moz-transform: rotate(90deg);
	  -ms-transform: rotate(90deg);
	    -o-transform: rotate(90deg);
	}
	/*＋、－切り替え*/
	.active .accordion_icon span:nth-of-type(1) {
	  display:none;
	}



	.active .accordion_icon span:nth-of-type(2) {
	  top: 5px;
	  transform: rotate(180deg);
	    -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	    -o-transform: rotate(180deg);
	}

}

.chuLP{
	position: relative;
	margin-top: 20px;
	padding: 15px;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	background-color: rgba(255,255,255,0.7);
}

.chuLP:after{
    content: "";
    position: absolute;
    top: -36px;
    left: 50%;
    width: 0px;
    height: 13px;
    margin-left: -12px;
    border: 12px solid transparent;
    border-bottom: 11px solid rgba(255,255,255,0.7);
}

@media (max-width: 768px) {
	.chuLP{
		background-color: #f9efdb;
	}
	.chuLP:after{
	    border-bottom: 11px solid #f9efdb;
	}
}

.chuLP ul{
	position: relative;
}
.chuLP ul li{
	position: relative;
	margin-left: 1em;
	text-indent: -1em;
	margin-bottom: 5px;
}
.txt-red {
	color: #ff0000;
}