@charset "utf-8";




/*############################################*/
/*（3）ビデオ*/
/*############################################*/
.videoBox{
	position:relative;
	width:100%;
	_height:100vh;
	min-height:870px;
	margin:0 auto;
	text-align:center;
	background:#000;
}
.sliderMain{
	width:100%;
	height:80vh;
	overflow:hidden;
}
.wrapvid{
	position:relative;
	width:100%;
	height:80vh;
	margin:0 auto;
	overflow:hidden;
	background:url(../images_new/top/main_p.jpg);
	background-position:center center;
	background-size:cover;
}
.wrapvid.one{
	background-image:url(../images_new/top/main_p1.jpg);
}
.wrapvid.two{
	background-image:url(../images_new/top/main_p2.jpg);
}
.wrapvid.three{
	background-image:url(../images_new/top/main_p3.jpg);
}
video#bgvid {
	position: absolute;
	left: 0;
	top: 0;
	bottom:0;
	min-width: 100%;
	min-height: 100%;
	width: 100%;
	height: auto;
	z-index: 0;
	top: 40%;
	-webkit-transform: translateY(-50%); /* Safari用 */
	transform: translateY(-50%);
}
.videoBox .slick-slide {
	margin: 0;
}
.videoBox .txtBox{
	position:absolute;
	width:100%;
	_min-width:170px;
	height:auto;
  /* top: 10%; */
  top: 13%;/* 20230214osawa */
	left:0;
	right:0;
	margin:0 auto;
	text-align:center;
	_-webkit-transform: translateY(-50%); /* Safari用 */
	_transform: translateY(-50%);
	z-index: 2;
}
.videoBox .txtBox .flexBox{
	display:flex;
	width:920px;
	/* margin: 70px auto 0; */
	margin: 60px auto 0;/* 20230214osawa */
}
.videoBox .txtBox .flexBox div:nth-child(1){
	order:2;
	flex-basis:310px;
}
.videoBox .txtBox .flexBox div:nth-child(2){
	order:1;
	flex-basis:340px;
	padding-top:95px;
	text-align:right;
}
.videoBox .txtBox .flexBox div:nth-child(2) p{
	height:210px;
	color:#fff;
	_-ms-writing-mode: tb-rl;
	_writing-mode: vertical-rl;
	_text-orientation: upright;
	text-align:left;
	font-size:15px;
	line-height:1.8em;
	-moz-osx-font-smoothing: grayscale;
}
.videoBox .txtBox .flexBox div:nth-child(3){
	order:3;
	flex-basis:340px;
	padding-top:9px;
	text-align:left;
}
.videoBox .overlay{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:80vh;
	background:url(../images_new/top/v_overlay.png) bottom center;
	background-size:100% 100%;
	z-index:1;
}

/*共通----------------------------------*/
.moreBtn{
	display:block;
	width:118px;
	margin:0 auto;
	-webkit-font-smoothing: antialiased;
	color:rgba(255,255,255,0.7);
	font: inherit;
	font-weight:normal;
	font-family: 'Work Sans', sans-serif;
	font-weight:300;
	font-size:15px;
	line-height:1.9em;
	color:#5a5a5a;
	background:rgba(255,255,255,1);
	border:solid 1px #d2d2d2;
}
.moreBtn:link,
.moreBtn:visited,
.moreBtn:hover{
	color:#5a5a5a;
}


/*エントランス----------------------------------------------------------------------*/
.entranceWrapper{
	width:100%;
	margin:0 auto;
}
.entranceWrapper .pBox.main{
	width:100%;
	height:32vw;
	min-height:425px;
	_padding:calc(32vw - 98px) 0 0;
	background-size:cover;
	background-position:center center;
}
.entranceWrapper .flexBox{
	display:flex;
	justify-content:space-between;
	width:100%;
	padding:2vw 2vw 2vw 2vw;
	_margin:2vw auto;
}
.entranceWrapper .flexBox .pBox{
	width:32%;
	height:21vw;
	min-height:280px;
}
.entranceWrapper .kuro{
	padding:0px 0 30px;
	background:#000;
}
.entranceWrapper .txtWrapper{
	display:flex;
	justify-content:space-between;
	width:calc(33% + 300px);
	margin:0 auto;
}
.entranceWrapper .txtWrapper .pBox,
.entranceWrapper .txtWrapper span{
	width:148px;
	height:148px;
}
.entranceWrapper .txtWrapper .txtBox{
	width:calc(33vw - 12%);
	text-align:left;
}
.entranceWrapper .moreBtn{
	margin:30px auto 0;
}

/*体験----------------------------------------------------------------------*/
.experienceWrapper{
	width:calc(100% - 146px);
	margin:0 auto;
	padding:100px 0 70px;
}
.experienceWrapper .sectionTitle h3{
	color:#565656;
}
.experienceWrapper .inner{
	display:flex;
	justify-content:center;
	padding:40px 0 0;
}
.experienceWrapper .inner div:nth-child(1){
	width:414px;
}
.experienceWrapper .inner div:nth-child(2){
	width:166px;
}
.experienceWrapper .inner div:nth-child(3){
	width:414px;
}
.experienceWrapper .inner h4{
	padding:20px 0;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
	font-size:18px;
	color:#565656;
}
.experienceWrapper .inner p{
	text-align:left;
	line-height:200%;
}
.experienceWrapper .moreBtn{
	margin:30px auto 0;
}
.restaurantWrapper.experiencePart {
    margin: 100px auto;
}
/*-----------------*/
.appSection{
	width:1000px;
	margin:0 auto;
}
.appWrapper{
	position:relative;
	width:994px;
	margin:0px auto;
	padding:50px 0;
	border:solid 1px #000;
	border-width:1px 0;
}
.appWrapper .catch{
	width:890px;
	margin:0 auto;
	padding:0 0 24px;
	font-size:28px;
	text-align:left;
}
.appWrapper .innerBox{
	display:flex;
	justify-content:center;
	align-items:flex-start;
	width:994px;
}
.appWrapper .leftBox{
	padding-top:0px;
	text-align:left;
}
.appWrapper .leftBox .bodyCopy{
	width:390px;
	padding:10px 0 0px;
	font-size:14px;
	line-height:1.6em;
}
.appWrapper .leftBox span{
	font-weight:bold;
	font-size:12px;
	line-height:1.0em;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.appWrapper .leftBox h4{
	font-weight:bold;
	font-size:22px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.appWrapper .leftBox .lead{
	padding-top:8px;
	font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
}
.appWrapper .leftBox{
	flex-basis:430px;
}
.appWrapper .rightBox{
	flex-basis:460px;
	display:flex;
	padding:20px 0 0px;
}
.appWrapper .rightBox .left{
	flex-basis:180px;
	text-align:left;
}
.appWrapper .rightBox .left img{
	height:150px;
	margin-right:5px;
}
.appWrapper .rightBox .right{
	flex-basis:280px;
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	text-align:left;
}
.appWrapper .rightBox .right div:nth-child(1){
	flex-basis:250px;
	padding:0 0 5px;
}
.appWrapper .rightBox .right div:nth-child(2){
	flex-basis:135px;
}
.appWrapper .rightBox .right div:nth-child(3){
	flex-basis:135px;
}



/*room----------------------------------------------------------------------*/
.roomWrapper {
  width: 100%;
  margin: 100px auto 0;
}

.roomWrapper .flexBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.roomWrapper .flexBox .pBox {
  width: 50%;
  height: 30vw;
  min-height: 546px;
}

.roomWrapper .txtWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: center;
  width: 1030px;
  margin: 0 auto;
}

.roomWrapper .txtWrapper .inner {
  width: 505px;
  padding: 50px 0 0;
}

.roomWrapper .txtWrapper .inner .sectionTitle h3 div,
.roomWrapper .txtWrapper .inner .sectionTitle h3 p {
  color: #5a5a5a;
}

.roomWrapper .txtWrapper .inner .sectionTitle h3 div::before,
.roomWrapper .txtWrapper .inner .sectionTitle h3 div::after {
  width: 100%;
  color: #5a5a5a;
}

.roomWrapper .txtWrapper .inner .txtBox {
  width: 320px;
  margin: 0 auto;
  padding: 26px 0 0;
  text-align: left;
}

.roomWrapper .txtWrapper .inner .facTitle div {
  padding: 0 0 20px;
  font: inherit;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1.0em;
  -moz-osx-font-smoothing: grayscale;
  font-size: 20px;
}

.roomWrapper .txtWrapper .inner .facTitle h3 {
  position: relative;
  padding: 12px 0 8px;
  font-size: 14px;
  font-weight: normal;
}

.roomWrapper .txtWrapper .inner .facTitle h3::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.roomWrapper .txtWrapper .inner .facTitle h3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.roomWrapper .txtWrapper .inner .facFlex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 470px;
  margin: 50px auto 0;
}

.roomWrapper .txtWrapper .inner .facFlex .pBox {
  width: 198px;
  height: 146px;
}

.roomWrapper .txtWrapper .inner .facFlex .txtBox {
  width: 220px;
  padding: 0;
}

.roomWrapper .moreBtn {
  margin: 40px auto 0;
}
/*20220713*/
.roomWrapper .smallP{
	display: flex;
	flex-wrap:wrap;
	width:950px;
	margin:50px auto 0;
}
.roomWrapper .smallP .pBox{
	width:190px;
	height:190px;
}
.cakeBtn img{
	margin:70px 0 0;
	width:330px;
}
.roomWrapper .komidashi{
	padding: 38px 0 13px;
	font-size: 24px;
	font-weight: normal;
}
.restaurantWrapper .komidashi{
	padding: 38px 0 10px;
	font-size: 24px;
	font-weight: normal;
	color:#d8d8d8;
}

/* 20211228 追加 */
.bnr_box {
  margin-top: 24px;
}

.img_bnr {
  margin: 40px auto 0;
  width: 420px;
}

.img_bnr img {
  width: 100%;
}

.img_bnr a:hover {
  opacity: 0.5;
  transition: 0.5s;
}

/*レストラン----------------------------------------------------------------------*/
.restaurantWrapper {
  width: 100%;
  margin: 100px auto 0;
}

.restaurantWrapper .mainBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.restaurantWrapper .mainBox .pBox.one {
  width: 25%;
  height: 40vw;
  min-height: 546px;
  background-position:26% center;
}

.restaurantWrapper .mainBox .sectionTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 25%;
  height: 40vw;
  min-height: 546px;
  background: #000;
}

.restaurantWrapper .mainBox .sectionTitle .txtBox {
  width: 230px;
  padding: 30px 0 30px;
  margin: 0 auto;
  text-align: left;
  color: #d8d8d8;
}

.restaurantWrapper .mainBox .pBox.two {
  width: 50%;
  height: 40vw;
  min-height: 546px;
}

.restaurantWrapper .moreBtn {
  color: #ccc;
  background: #000;
  border: solid 1px #999;
}

/**/
.restaurantWrapper .txtWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 1030px;
  margin: 0 auto;
}

.restaurantWrapper .inner {
  width: 505px;
  padding: 50px 0 0;
}

.restaurantWrapper .inner .sectionTitle h3 div,
.restaurantWrapper .inner .sectionTitle h3 p {
  color: #5a5a5a;
}

.restaurantWrapper .inner .sectionTitle h3 div::before,
.restaurantWrapper .inner .sectionTitle h3 div::after {
  width: 100%;
  color: #5a5a5a;
}

.restaurantWrapper .inner .txtBox {
  width: 320px;
  margin: 0 auto;
  padding: 26px 0 0;
  text-align: left;
}

.restaurantWrapper .inner .facTitle div {
  padding: 0 0 20px;
  font: inherit;
  font-family: 'Lato', sans-serif;
  font-weight: 300;
  line-height: 1.0em;
  -moz-osx-font-smoothing: grayscale;
  font-size: 26px;
}

.restaurantWrapper .inner .facTitle h3 {
  position: relative;
  padding: 12px 0 8px;
  font-size: 14px;
  font-weight: normal;
}

.restaurantWrapper .inner .facTitle h3::before {
  position: absolute;
  content: "";
  top: 0px;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background: #ccc;
}

.restaurantWrapper .inner .facTitle h3::after {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 1px;
  background: #ccc;
}

/**/
.restaurantWrapper .pWrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 475px;
  margin: 30px auto 0;
}

.restaurantWrapper .pWrapper .pBox {
  width: 230px;
  height: 190px;
}


/*ロケーション----------------------------------------------------------------------*/
.locationWrapper{
	width:100%;
	margin:100px auto 0;
	background:#000;
}
.locationWrapper .pBack{
	display:flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	width:100%;
	_height:42vw;
	padding:70px 0;
	background:url(../images_new/top/loc_back.jpg) center center;
	background-size:cover;
}
.locationWrapper .pBack .midashi{
	margin:0 0 20px 0;
	font-size:21px;
	color:#fff;
	font-weight:normal;
	line-height:1.4em;
}
.locationWrapper .pBack .moreBtn{
	color:#ccc;
	background:#000;
	border:solid 1px #999;
}
.locationWrapper .pBack .flexBox{
	display:flex;
	justify-content:center;
	align-items: center;
	width:100%;
	margin:40px 0 40px 0;
}
.locationWrapper .left{
	width:240px;
	margin-right:105px;
}
.locationWrapper .left .sectionTitle .chapterBox{
	color:#ccc;
}
.locationWrapper .left .sectionTitle + p{
	padding-top:40px;
	color:#fff;
	text-align:left;
	color:rgba(255,255,255,0.8);
}
.locationWrapper .right{
	padding-top:0px;
	width:550px;
}
/*
.locationWrapper .inner{
	padding:70px 0 50px;
	background:#faf8f1;
	overflow:hidden;
}
.locationWrapper .inner .slider{
	position:relative;
	width:92%;
	margin:0 auto;
	height:calc(18vw + 60px);
}
.locationWrapper .inner .flexContent{
	width:29%;
	margin:0 10px;
}
.locationWrapper .inner .flexContent div{
	width:100%;
	height:18vw;
	background-size:cover;
}
.locationWrapper .inner .flexContent p{
	position:relative;
	padding:20px 0 10px;
	font-size:16px;
}
.locationWrapper .inner .flexContent p:after{
	position:absolute;
	content:"";
	left:0;
	right:0;
	bottom:0;
	width:110px;
	height:3px;
	margin:0 auto;
	background:#929292;
}
.locationWrapper .inner .flexContent span{
	display:block;
	padding-top:6px;
	font-size:10px;
	line-height:1.6em;
}
*/


/*ショップとニュース----------------------------------------------------------------------*/
.shopWrapper .txtWrapper{
	display:flex;
	justify-content:space-between;
	width:1030px;
	margin:0 auto;
}
.shopWrapper .txtWrapper .inner{
	width:505px;
	padding:70px 0 ;
}
.shopWrapper .txtWrapper .inner .sectionTitle h3 div,
.shopWrapper .txtWrapper .inner .sectionTitle h3 p{
	color:#5a5a5a;
}
.shopWrapper .txtWrapper .inner .sectionTitle h3 div::before,
.shopWrapper .txtWrapper .inner .sectionTitle h3 div::after{
	width:100%;
	color:#5a5a5a;
}
.shopWrapper .txtWrapper .inner .txtBox{
	width:400px;
	margin:0 auto;
	padding:26px 0 0;
	text-align:left;
}
.shopWrapper .txtWrapper .inner .facTitle{

}
.shopWrapper .txtWrapper .inner .facTitle div{
	padding:0 0 20px;
	font: inherit;
	font-family: 'Lato', sans-serif;
	font-weight: 300;
	line-height: 1.0em;
	-moz-osx-font-smoothing: grayscale;
	font-size:20px;
}
.shopWrapper .txtWrapper .inner .facTitle h3{
	position:relative;
	padding:12px 0 8px;
	font-size:14px;
	font-weight:normal;
}
.shopWrapper .txtWrapper .inner .facTitle h3::before{
	position: absolute;
	content: "";
	top: 0px;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 1px;
	background: #ccc;
}
.shopWrapper .txtWrapper .inner .facTitle h3::after{
	position: absolute;
	content: "";
	bottom:0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	height: 1px;
	background: #ccc;
}
.shopWrapper .txtWrapper .inner .facFlex{
	display:flex;
	justify-content:space-between;
	width:470px;
	margin:50px auto 0;
}
.shopWrapper .txtWrapper .inner .facFlex .pBox{
	width:198px;
	height:128px;
}
.shopWrapper .txtWrapper .inner .facFlex .txtBox{
	width:220px;
	padding:0;
}
.shopWrapper .pBox{
	width:310px;
	height:170px;
	margin:20px auto 0;
}
.shopWrapper .moreBtn{
	margin:40px auto 0;
}
/**/
.newsListBox{
	text-align:left;
}
.newsListBox .listBox{
	display:block;
	margin:10px 0 0 0;
	padding:0px 0 0;
}

.newsListBox .listBox .dateBox{
	position:relative;
	padding:14px 0 4px 0;
	font-size:16px;
	color:#5a5a5a;
}
.newsListBox .listBox .dateBox::before{
	position:absolute;
	content:"";
	width:80px;
	height:4px;
	background:#b1b1b1;
	top:0;
	left:0;
}
.newsListBox .listBox .title{
	margin:0 0 14px 0;
	padding:0 0 0px 0;
	font-size:14px;
	font-weight:normal;
	line-height:1.4em;
	color:#5a5a5a;
}

/*20200423*/
.kyukanBanner img{
	margin-top:30px;
	transition:all,0.4s;
}
.kyukanBanner img:hover{
	opacity:0.7;
}









/*############################################*/
/*  */
/*############################################*/
@media (max-width: 992px) {

}
@media only screen and (max-width: 767px) {
	/*############################################*/
	/*（3）ビデオ*/
	/*############################################*/
	.videoBox{
		position:relative;
		width:100%;
		height:auto;
		padding:0 0 70px 0;
		min-height:auto;
		background:#000;
	}
	.sliderMain{
		position:absolute;
		width:100%;
		height:80vh;
		top:0;
		left:0;
		margin:0 auto;
		overflow:hidden;
	}
	.wrapvid{
		width:100%;
		height:80vh;
		overflow:hidden;
	}
	.sliderMain .slick-slide {
    margin: 0 ;
}
	video#bgvid {
		position: absolute;
		left: 0;
		top: -10vw;
		bottom:auto;
		min-width: 100%;
		min-height: 100%;
		width: 250vw;
		height: 140vw;
		z-index: 0;
		-webkit-transform: translateX(-40%); /* Safari用 */
		transform: translateX(-40%);
	}
	.videoBox .txtBox{
		position:relative;
		height:auto;
		top:auto;
		padding:5vh 0 0 0;
		-webkit-transform: translateY(-0%); /* Safari用 */
		transform: translateY(-0%);
	}
	.mainLogo{
		width:50%;
	}
	.videoBox .txtBox .flexBox{
		display:flex;
		justify-content:center;
		flex-wrap:wrap;
		width:100%;
		margin:6vh auto 0;
	}
	.videoBox .txtBox .flexBox div:nth-child(1){
		order:1;
		flex-basis:20%;
	}
	.videoBox .txtBox .flexBox div:nth-child(1) img{
		width:auto;
		height:50vh;
	}
	.videoBox .txtBox .flexBox div:nth-child(2){
		order:3;
		flex-basis:340px;
		margin:0 auto;
		padding-top:40px;
	}
	.videoBox .txtBox .flexBox div:nth-child(2) p{
	}
	.videoBox .txtBox .flexBox div:nth-child(3){
		order:2;
		flex-basis:40%;
		padding-top:8px;
		text-align:left;
	}
	.videoBox .txtBox .flexBox div:nth-child(3) img{
		 width:100%;
		 height:auto;
	}
	.videoBox .overlay{
		top:0vw;
	}

	/*エントランス----------------------------------------------------------------------*/
	.entranceWrapper{
		width:100%;
		margin:0 auto;
	}
	.entranceWrapper .pBox.main{
		width:100%;
		height:70vw;
		min-height:0;
	}
	.entranceWrapper .flexBox{
		display:flex;
		justify-content:space-between;
		width:100%;
	}
	.entranceWrapper .flexBox .pBox{
		min-height:0px;
	}
	.entranceWrapper .kuro{
	}
	.entranceWrapper .txtWrapper{
		flex-wrap:wrap;
		flex-direction:column;
		width:100%;;
		margin:0 auto;
	}
	.entranceWrapper .txtWrapper .pBox,
	.entranceWrapper .txtWrapper span{
		order:2;
		width:108px;
		height:108px;
		margin:0 auto;
		border-radius:150px;
	}
	.entranceWrapper .txtWrapper span{
		display:none;
	}
	.entranceWrapper .txtWrapper .txtBox{
		order:1;
		width:90%;
		margin:30px auto 30px;
		text-align:left;
	}
	.entranceWrapper .moreBtn{
		margin:30px auto 0;
	}


	/*体験----------------------------------------------------------------------*/
	.experienceWrapper{
		width:100%;
		padding:80px 0 0px;
	}
	.experienceWrapper .sectionTitle h3{
		color:#565656;
	}
	.experienceWrapper .inner{
		display:flex;
		flex-wrap:wrap;
		justify-content:center;
		padding:40px 0 0;
	}
	.experienceWrapper .inner div:nth-child(1){
		order:2;
		width:90%;
		padding:70px 0 50px;
	}
	.experienceWrapper .inner div:nth-child(1) img{
		width:100%;
	}
	.experienceWrapper .inner div:nth-child(2) img{
		width:auto;
		height:50vh;
	}
	.experienceWrapper .inner div:nth-child(2){
		order:1;
		width:166px;
	}
	.experienceWrapper .inner div:nth-child(3){
		order:3;
		width:90%;
	}
	.experienceWrapper .inner div:nth-child(3) img{
		width:100%;
	}
	.experienceWrapper .inner h4{
		padding:20px 0;
		font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
		font-size:18px;
		color:#565656;
	}
	.experienceWrapper .inner p{
		text-align:left;
		line-height:200%;
	}
	/**/
	.appSection{
		width:100%;
		margin:0 auto;
	}
	.appWrapper{
		width:100%;
		margin:50px auto 0;
		padding:30px 0 50px;
		border-width:1px 0 0 0;
	}
	.appWrapper .catch{
		width:96%;
		padding:20px 0 24px;
		font-size:24px;
		line-height:1.6em;
		text-align:center;
	}
	.appWrapper .innerBox{
		display:flex;
		flex-wrap:wrap;
		width:90%;
		margin:0 auto;
	}
	.appWrapper .leftBox{
		padding-top:10px;
	}
	.appWrapper .leftBox .bodyCopy{
		width:100%;
	}
	.appWrapper .leftBox span{
	}
	.appWrapper .leftBox h4{
	}
	.appWrapper .leftBox .lead{
	}
	.appWrapper .leftBox{
		flex-basis:100%;
	}
	.appWrapper .rightBox{
		flex-basis:100%;
		display:flex;
		padding:20px 0 0px;
	}
	.appWrapper .rightBox .left{
		flex-basis:50%;
		text-align:left;
	}
	.appWrapper .rightBox .left img{
		height:36vw;
		margin-right:2%;
	}
	.appWrapper .rightBox .right{
		flex-basis:50%;
		display:flex;
		flex-wrap:wrap;
		align-items:flex-start;
		text-align:left;
	}
	.appWrapper .rightBox .right div:nth-child(1){
		flex-basis:250px;
		padding:0 0 5px;
	}
	.appWrapper .rightBox .right div:nth-child(2){
		flex-basis:49%;
		margin-right:2%;
	}
	.appWrapper .rightBox .right div:nth-child(3){
		flex-basis:49%;
	}
	.appWrapper .rightBox .right div:nth-child(2) img,
	.appWrapper .rightBox .right div:nth-child(3) img{
		width:100%;
	}

	/*room----------------------------------------------------------------------*/
	.roomWrapper {
		margin: 0px auto 0;
	}
	.roomWrapper .flexBox {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
	}
		.roomWrapper .flexBox{
			width:100%;
		}
	.roomWrapper .flexBox .pBox {
		width: 100%;
		height: 80vw;
		min-height: 0px;
	}
	.roomWrapper .txtWrapper {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		width: 100%;
	}
	.roomWrapper .txtWrapper .inner {
		width: 100%;
		padding: 40px 0 0;
	}
	.roomWrapper .txtWrapper .inner .txtBox {
		width: 80%;
		margin: 0 auto;
		padding: 26px 0 0;
		text-align: left;
	}
	.roomWrapper .txtWrapper .inner .facFlex {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		width: 100%;
		margin: 40px auto 0;
	}
	.roomWrapper .txtWrapper .inner .facFlex .pBox {
		width: 80%;
		height: 50vw;
		margin: 0px auto 0;
	}
	.roomWrapper .txtWrapper .inner .facFlex .txtBox {
		width: 80%;
		padding: 20px 0;
		margin: 0px auto 0;
	}
	.roomWrapper .moreBtn {
		margin: 20px auto 20px;
	}
	
		/* 20211228 追加 */
		.img_bnr {
		margin: 20px auto 0;
		width: 90%;
		}
		/*20220726*/
		.guestP02{
			background-position:left center!important;
		}
	.roomWrapper .smallP{
		width:100%;
		margin:50px auto 40px;
	}
	.roomWrapper .smallP .pBox{
		width:50vw;
		height:50vw;
	}
	.cakeBtn img {
		margin: 40px 0 0;
		_width: 330px;
	}
	/*レストラン----------------------------------------------------------------------*/
	.restaurantWrapper {
		margin: 30px auto 0;
	}
	.restaurantWrapper .mainBox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		width: 100%;
	}
	.restaurantWrapper .mainBox .pBox.one {
		width: 100%;
		height: 100vw;
		min-height: 0px;
	}
	.restaurantWrapper .mainBox .sectionTitle {
		width: 100%;
		height: 100vw;
		min-height: 546px;
	}
	.restaurantWrapper .mainBox .pBox.two {
		width: 100%;
		height: 100vw;
		min-height: 0px;
	}
	.restaurantWrapper .moreBtn {
		color: #ccc;
		background: #000;
		border: solid 1px #999;
	}
	/**/
	.restaurantWrapper .txtWrapper {
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
	}
	.restaurantWrapper .inner {
		width: 100%;
		padding: 30px 0 0;
	}
	/**/
	.restaurantWrapper .pWrapper {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
			-ms-flex-pack: justify;
				justify-content: space-between;
		-ms-flex-wrap: wrap;
			flex-wrap: wrap;
		width: 96%;
		margin: 30px auto 0;
	}
	.restaurantWrapper .pWrapper .pBox {
		width: 49%;
		height: 40vw;
	}
	.restaurantWrapper.experiencePart {
		margin: 70px auto;
	}



	/*ロケーション----------------------------------------------------------------------*/
	.locationWrapper{
		width:100%;
		margin:60px auto 0;
		background:#000;
	}
	.locationWrapper .pBack{
		display:flex;
		flex-wrap: wrap;
		width:100%;
		padding:70px 0;
		background:url(../images_new/top/loc_back.jpg) center center;
		background-size:cover;
	}
	.locationWrapper .pBack .midashi{
		margin:0 0 40px 0;
		font-size:21px;
		line-height:1.6em;
	}
	.locationWrapper .pBack .moreBtn{
	}
	.locationWrapper .pBack .flexBox{
		flex-wrap:wrap;
		margin:40px 0 40px 0;
	}
	.locationWrapper .left{
		width:100%;
		margin-right:0;
	}
	.locationWrapper .left .sectionTitle .chapterBox{
	}
	.locationWrapper .left .sectionTitle + p{
		width:60%;
		margin:0 auto;
	}
	.locationWrapper .right{
		padding-top:0px;
		width:100%;
	}
	.locationWrapper .right img{
		width:96%;
		margin:50px auto 30px;
		height:auto;
	}

	/*ショップとニュース----------------------------------------------------------------------*/
	.shopWrapper .txtWrapper{
		flex-wrap:wrap;
		width:100%;
		margin:30px auto;
	}
	.shopWrapper .txtWrapper .inner{
		width:100%;
		padding:40px 0 ;
	}
	.shopWrapper .txtWrapper .inner .sectionTitle h3 div,
	.shopWrapper .txtWrapper .inner .sectionTitle h3 p{
	}
	.shopWrapper .txtWrapper .inner .sectionTitle h3 div::before,
	.shopWrapper .txtWrapper .inner .sectionTitle h3 div::after{
	}
	.shopWrapper .txtWrapper .inner .txtBox{
		width:80%;
	}
	.shopWrapper .txtWrapper .inner .facTitle{
	
	}
	.shopWrapper .txtWrapper .inner .facTitle div{
	}
	.shopWrapper .txtWrapper .inner .facTitle h3{
	}
	.shopWrapper .txtWrapper .inner .facTitle h3::before{
	}
	.shopWrapper .txtWrapper .inner .facTitle h3::after{
	}
	.shopWrapper .pBox{
	}
	.shopWrapper .moreBtn{
	}
	/**/
	.newsListBox{
		width:90%;
		margin:20px auto 0;
	}
	.newsListBox .listBox{
		margin:50px 0 0 0;
	}
	.newsListBox .listBox .dateBox{
	}
	.newsListBox .listBox .dateBox::before{
	}
	.newsListBox .listBox .title{
	}















} /* /@media */
@media only screen and (max-width: 374px) {
	/*iPhone5サイズ*/

} /* /@media */