@charset "UTF-8";
/* 
------------------------------------------------------------------------------------------------------------------------
Reset
------------------------------------------------------------------------------------------------------------------------
*/
/*! destyle.css v1.0.13 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*{box-sizing:border-box}::before,::after{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ul,ol{margin:0;padding:0;list-style:none}dt{font-weight:bold}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-0.25em}sup{top:-0.5em}img{border-style:none;vertical-align:bottom}embed,object,iframe{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:transparent;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}[type="checkbox"]{-webkit-appearance:checkbox;appearance:checkbox}[type="radio"]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}button,[type="button"],[type="reset"],[type="submit"]{cursor:pointer;-webkit-appearance:none;appearance:none}button[disabled],[type="button"][disabled],[type="reset"][disabled],[type="submit"][disabled]{cursor:default}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText}option{padding:0}fieldset{margin:0;padding:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type="checkbox"],[type="radio"]{padding:0}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto}[type="search"]{outline-offset:-2px}[type="search"]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:bold}template{display:none}[hidden]{display:none}

/* 
------------------------------------------------------------------------------------------------------------------------
Set Out
------------------------------------------------------------------------------------------------------------------------
*/
html,body { width: 100%; height: 100%;}
html { font-size: 62.5%; }
body {
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size:1.5rem;
	line-height:2.27;
	-webkit-text-size-adjust: 100%;
}
a {
	color: #000;
	text-decoration:none;
}
p {
	margin-bottom: 25px;
}
p:last-child {
	margin-bottom: 0;
}
img {
	max-width: 100%;
}

.in833 { display: none; }

@media screen and (max-width:833px){
	.out833 { display: none; }
	.in833 { display: block; }
}

/* 
------------------------------------------------------------------------------------------------------------------------
Common
------------------------------------------------------------------------------------------------------------------------
*/
@font-face {
  font-family: 'myfont';
  src: url('../font/Blaiil.woff') format('woff'),
       url('../font/Blaiil.ttf') format('truetype'),
       url('../font/Blaiil.ttf') format('opentype');
}

.wrap {
	max-width: 1440px;
	padding-left: 20px;
	padding-right: 20px;
	margin-left: auto;
	margin-right: auto;
}

.coolieLink {
	font-size: 1.4rem;
	line-height: 1.5;
	padding: 20px 55px 14px 25px;
	position: relative;
	background: #fff;
}
.coolieLink p,.coolieLink form,.coolieLink ul {
	display: inline
}
.coolieLink form {
	margin-left: 10px;
}
.coolieLink form li {
	display: inline-block;
	margin: 0 10px 0 0;
}
.coolieLink form button {
	color: #EA168C;
	text-decoration: underline;
}
.coolieLink .closeBtn {
	font-size: 3.15rem;
	color: #EA168C;
	position: absolute;
	top: 17px;
	right: 20px;
	line-height: 3.15rem;
	cursor: pointer;
}
@media screen and (max-width:833px){
	.coolieLink {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 1000000;
		border-top: 1px solid #ccc;
	}
}

.tableBox {
	width: 100%;
	height: 100%;
	display: table;
}
.tableBox .tableInner {
	display: table-cell;
	vertical-align: middle;
}

.flexBox {
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	-ms-flex-wrap: wrap;
  	flex-wrap: wrap;
}
.flexBox.halfBox .imgBox,.flexBox.halfBox .textBox {
	width: 50%;
}
.flexBox.halfBox .textBox {
	padding: 0 6.25%;
}
@media screen and (max-width:833px){
	.flexBox.halfBox {
		display: block;
	}
	.flexBox.halfBox .imgBox,.flexBox.halfBox .textBox {
		width: 100%;
	}
	.flexBox.halfBox .imgBox {
		line-height: 0;
		margin-bottom: 20px;
	}
	.flexBox.halfBox .textBox {
		padding: 0 20px;
	}
}

.fullImgText .imgBox {
	line-height: 0;
	margin-bottom: 50px;
}
.fullImgText .textBox {
	text-align: center;
}
@media screen and (max-width:833px){
	.fullImgText .imgBox {
		margin-bottom: 25px;
	}
}

.pinkTitle,.pinkMiddleTitle,.pageTitle {
	color: #EA168C;
	font-family: myfont;
	font-size: 4.6rem;
	line-height: 1.4;
	margin-bottom: 25px;
	letter-spacing: 0.3rem;
}
.pinkMiddleTitle {
	font-size: 2.4rem;
	margin-bottom: 20px;
}
.pageTitle {
	font-size: 3.4rem;
	text-align: center;
	margin-bottom: 100px;
}
@media screen and (max-width:833px){
	.pinkTitle {
		font-size: 2.8rem;
		margin-bottom: 10px;
	}
	.pinkMiddleTitle {
		font-size: 2.0rem;
		margin-bottom: 10px;
	}
	.pageTitle {
		margin-bottom: 40px;
		font-size: 2.8rem;
	}
}

.betaLink a {
	color: #fff;
	display: inline-block;
	background: #000;
	font-size: 1.6rem;
	padding: 4.5px 40px;
	text-align: center;
	margin-bottom: 10px;

}
.betaLink.pink a {
	background: #EA168C;
}
.betaLink.pink a img,.betaLink.pink a span {
	vertical-align: middle;
}
.betaLink.img a {
	padding: 4.5px 30px 4.5px 25px;
}
.betaLink.img a img {
	margin-right: 10px;
}

.textLink {
	color: #EA168C;
	text-decoration: underline;
}
@media screen and (max-width:833px){
	.textLink:hover {
		text-decoration: none;
	}
}

/* 
------------------------------------------------------------------------------------------------------------------------
header
------------------------------------------------------------------------------------------------------------------------
*/
.contentWrap {
	position: relative;
}
#headerBox {
	border-top: 2px solid #EA168C;
	position:absolute;
	top: 0;
	left: 0;
	right: 0;
	transition: .3s;
	z-index: 100000;
}
#headerBox.is-fixed {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	background: #fff;
	z-index: 10000;
}
#headerBox .weather {
	position: absolute;
	top: 0;
	left: 20px;
	z-index: 10;
	margin: 0;
	display: block;
}
#headerBox.is-fixed .weather {
	display: none;
}
#headerBox .rightBox {
	text-align: right;
	padding: 15px 20px;
}
#headerBox .rightBox.rsv {
	padding: 15px 224px 15px 20px;
}
#headerBox .rightBox .telLink,#headerBox .rightBox .langList {
	display: inline-block;
	text-align: left;
	vertical-align: top;
}
#headerBox .rightBox .telLink {
	margin-right: 35px;
	margin-bottom: 0;
	margin-top: 4px;
}
#headerBox .rightBox .telLink.in833 {
	display: none;
}
#headerBox .rightBox .telLink.out833 img,#headerBox .rightBox .telLink.out833 span {
	vertical-align: middle;
}
#headerBox .rightBox .telLink.out833 img {
	margin-right: 5px;
}
#headerBox .rightBox .telLink.out833 span {
	font-size: 1.8rem;
	line-height: 1.5;
	color: #4D4D4D;
}
#headerBox .rightBox .langList {
	transition: .3s;
	position: relative;
}
#headerBox .rightBox .langList p {
	position: relative;
	margin: 0;
	padding: 0 0 0 17px;
	color: #4D4D4D;
	cursor: pointer;
}
#headerBox .rightBox .langList p:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 8px;
	height: 8px;
	border-top: 2px solid #666666;
	border-right: 2px solid #666666;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}
#headerBox .rightBox .langList ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	right: 0;
	background: #fff;
	width: 100%;
}
#headerBox .rightBox .langList li {
	position: relative;
	padding: 0 0 0 17px;
}
#headerBox .rightBox .langList li a {
	font-size: 1.4rem;
	position: relative;
	display: block;
	height: 31px;
	line-height: 31px;
	color: #4D4D4D;
}

#headerBox.underPage+article {
	padding-top: 145px;
}
#headerBox.underPage h1.underLogo {
	text-align: center;
	position: absolute;
	top: 20px;
	left: 0;
	right:0;
	margin: 0 auto;
	width: 92px;
	height: 110px;
}
#headerBox.underPage.is-fixed h1.underLogo {
	opacity: 0;
}

#headerBox .logo {
	position: absolute;
	left: 20px;
	top: 16px;
	display: none;
}
#headerBox.is-fixed .logo {
	display: block;
}

#headerBox .rsvBtn {
	color: #fff;
	display: inline-block;
	background: #000;
	font-size: 1.6rem;
	padding: 14px 40px;
	text-align: center;
	font-family: myfont;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	height: 68.05px;
	z-index: 10000000000;
}
#headerBox .rsvBtnEn {
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 10000000000;
}
#headerBox .rsvBtnEn a {
	color: #fff;
	display: inline-block;
	background: #000;
	font-size: 1.6rem;
	padding: 14px 40px;
	text-align: center;
	font-family: myfont;
	height: 64.05px;
}
@media screen and (max-width:834px){
	#headerBox.is-fixed .weather {
		display: none;
	}
#headerBox.is-fixed .weather,
#headerBox.is-fixed .weather,
#headerBox .underLogo{
	display: none;
}
}

@media screen and (max-width:833px){
	#headerBox .rightBox .telLink.out833 {
		display: none;
	}
	#headerBox .rightBox .telLink.in833 {
		display: inline-block;
		margin-top: 8px;
		margin-right: 14px;
	}
	#headerBox .rightBox .telLink.in833 a{
		display: block;
		line-height: 0;
	}
	
	#headerBox.underPage+article {
		padding-top: 120px;
	}
	#headerBox.underPage h1.underLogo {
		width: 45px;
	}
	#headerBox .weather {
		position: fixed;
		bottom: 0;
		left: 0;
		right: 0;
		background: #fff;
		top: auto;
		z-index: 100;
		border-top: 1px solid #ccc;
		padding: 10px 20px;
		display: block !important;
		margin: 0 !important;
	}
	#headerBox .rightBox.rsv {
		padding: 15px 136px 15px 20px;
	}
	#headerBox .rsvBtn,#headerBox .rsvBtnEn a {
		padding: 16px 11px;
		font-size: 1.4rem;
		height: 64.05px;
	}
}

/* 
------------------------------------------------------------------------------------------------------------------------
footer
------------------------------------------------------------------------------------------------------------------------
*/
#footerBox .logo {
	background: #000;
	padding: 25px 20px;
	line-height: 0;
	text-align: center;
}

#footerBox .snsBox {
	background: #E6E6E6;
	text-align: right;
	padding: 25px 0;
}
#footerBox .snsBox .pinkSmallTitle,#footerBox .snsBox .snsList,#footerBox .snsBox .snsList li {
	display: inline-block;
	vertical-align: middle;
}
#footerBox .snsBox .pinkSmallTitle {
	margin: 0 55px 0 0;
	font-size: 1.6rem;
	font-family: myfont;
	color: #EA168C;
	line-height: 1;
}
#footerBox .snsBox .snsList li {
	margin: 0 5px 0 0;
	line-height: 0;
}
#footerBox .snsBox .snsList li:last-child {
	margin: 0;
}
@media screen and (max-width:500px){
	#footerBox .snsBox {
		text-align: center;
	}
	#footerBox .snsBox .pinkSmallTitle {
		margin: 0 20px 0 0;
	}
}

#footerBox .bottomBox {
	overflow: hidden;
	padding-bottom: 15px;
	margin-top: 35px;
}
#footerBox .bottomBox .leftBox {
	overflow: hidden;
}
#footerBox .bottomBox .linkBox {
	margin-bottom: 30px;
	font-size: 1.4rem;
}
#footerBox .bottomBox .linkBox p {
	display: inline-block;
	margin-right: 25px;
	margin-bottom: 0;
}
#footerBox .bottomBox .linkBox .linkInner {
	margin-bottom:10px;
	margin-right: 30px;
	display: inline-block;
}
#footerBox .bottomBox .linkBox .linkInner p {
	margin-bottom: 0;
}
#footerBox .bottomBox .linkBox .pinkSmallTitle {
	font-size: 1.6rem;
	font-family: myfont;
	color: #EA168C;
	margin: 0;
	display: block;
	margin-right: 0;
}
#footerBox .bottomBox .linkBox .pinkSmallTitle+p.block {
	display: block;
	margin: 0 0 15px;
}
#footerBox .bottomBox .linkBox ul {
	overflow: hidden;
}
#footerBox .bottomBox .linkBox ul li.betaLink {
	margin: 0 10px 10px 0;
	float: left;
}
#footerBox .bottomBox .lastBox {
	overflow: hidden;
	margin: 20px 0 0;
}
#footerBox .bottomBox .lastBox .otherLink {
	float: left;
}
#footerBox .bottomBox .lastBox .otherLink li {
	float: left;
	margin: 0 20px 0 0;
}
#footerBox .bottomBox .lastBox .otherLink li:last-child {
	margin: 0;
}
#footerBox .bottomBox .lastBox .otherLink li a {
	font-size: 1.4rem;
	display: inline-block;
	padding: 0 0 0 17px;
	position: relative;
}
#footerBox .bottomBox .lastBox .otherLink li a:after {
	content: "";
	position: absolute;
	top: 10px;
	left: 0;
	width: 7px;
	height: 7px;
	border-top: 1px solid #000;
    border-right: 1px solid #000;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#footerBox .bottomBox .groupLink {
	clear: both;
	text-align: right;
	float: right;
	margin: -36px 0 0;
}
#footerBox .bottomBox .groupLink li {
	display: inline-block;
	margin: 0 20px 10px 0;
}
#footerBox .bottomBox .groupLink li:last-child {
	margin: 0 0 10px;
}
@media screen and (min-width:834px){
	#footerBox .bottomBox .lastBox .otherLink li a:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width:1230px){
	#footerBox .bottomBox {
		text-align: center;
		padding-bottom: 35px;
	}
	#footerBox .bottomBox .linkBox {
		display: block;
		float: none;
		margin: 0 30px 30px;
	}
	#footerBox .bottomBox .linkBox ul {
		text-align: center;
		font-size: 0;
	}
	#footerBox .bottomBox .linkBox ul li.betaLink {
		display: inline-block;
		float: none;
		margin: 0 5px 5px;
	}
	#footerBox .bottomBox .lastBox .otherLink {
		float: none;
		text-align: center;
		margin: 0 0 50px;
	}
	#footerBox .bottomBox .lastBox .otherLink li {
		float: none;
		display: inline-block;
	}
	#footerBox .bottomBox .groupLink {
		float: none;
		display: block;
		text-align: center;
		margin: 0;
	}
}
@media screen and (max-width:833px){
	#footerBox {
		padding-bottom: 55px;
	}
	#footerBox .bottomBox .linkBox {
		display: block;
		margin: 0 0 30px;
	}
}
@media screen and (max-width:468px){
	#footerBox .bottomBox .groupLink li {
		max-width: 70px;
	}
	#footerBox .bottomBox .linkBox ul li.betaLink {
		display: block;
		margin: 0 0 5px;
	}
	#footerBox .bottomBox .linkBox ul li.betaLink a {
		display: block;
	}
	#footerBox .bottomBox .linkBox .linkInner {
		display: block;
		margin-right: 0;
	}
}

/* 
------------------------------------------------------------------------------------------------------------------------
reserve
------------------------------------------------------------------------------------------------------------------------
*/
.reserveBox {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	display: none;
}
.reserveBox .wrap {
	max-width: 820px;
	position: relative;
	z-index: 1000;
}
.reserveBox .wrap .formParts {
	text-align: center;
	margin: 0 0 30px;
}
.reserveBox .wrap .formParts li {
	display: inline-block;
	vertical-align: top;
	margin: 0 20px 10px 0;
	font-size: 1.4rem;
}
.reserveBox .wrap .formParts li:last-child {
	margin: 0 0 10px;
}
.reserveBox .wrap .formParts li span {
	margin-right: 15px;
}
.reserveBox .wrap .formParts li input[type="text"],
.reserveBox .wrap .formParts li select{
	background: #fff;
	border: 1px solid #ccc;
	text-align: left;
	padding: 0 10px;
	width: 100%;
	display: inline-block;
}
.reserveBox .wrap .formParts li input[type="text"] {
	max-width: 170px;
}
.reserveBox .wrap .formParts li select {
	max-width: 80px;
}

.reserveBox .wrap .formParts li.nights,
.reserveBox .wrap .formParts li.rooms,
.reserveBox .wrap .formParts li.adults {
	max-width: 145px;
	width: 100%;
}

.reserveBox .wrap .field-button {
	text-align: center;
}
.reserveBox .wrap .field-button .sub-bgcolor {
	color: #fff;
	display: inline-block;
	background: #EA168C;
	font-size: 1.6rem;
	padding: 4.5px 40px;
	text-align: center;
}

.modal__bg{
    background: rgba(255,255,255,0.9);
    height: 100vh;
    position: absolute;
    width: 100%;
}

@media screen and (max-width:468px){
	.reserveBox .wrap {
		max-width: 340px;
	}
	.reserveBox .wrap .formParts li {
		display: block;
		text-align: left;
	}
	.reserveBox .wrap .formParts li.nights, .reserveBox .wrap .formParts li.rooms, .reserveBox .wrap .formParts li.adults {
		max-width: 100%;
	}
}

/* 
------------------------------------------------------------------------------------------------------------------------
LP
------------------------------------------------------------------------------------------------------------------------
*/
#lp .mainVisual {
	margin-bottom: 110px;
}
#lp .mainVisual .slick-slide {
	position: relative;
}
#lp .mainVisual .slick-slide .spImg {
	display: none;
}
#lp .mainVisual .slick-slide .firstCatch {
	position: absolute;
	bottom: 25%;
	left: 0;
	right: 0;
	text-align: center;
	color: #EA168C;
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 3.4rem;
	line-height: 1.47;
	letter-spacing: 0.3rem;
}

#lp .mainVisual .slick-slide .secoundCatch {
	position: absolute;
	bottom: 20%;
	left: 0;
	right: 0;
	text-align: center;
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 3.4rem;
	line-height: 1.47;
	letter-spacing: 0.3rem;
}
#lp .mainVisual .slick-slide .thirdCatch {
	position: absolute;
	top: 50%;
	right: -webkit-calc(63% - 800px);
	right: calc(63% - 800px);
	transform: translate(0,-50%);
	text-align: center;
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 4.0rem;
	line-height: 1.47;
	letter-spacing: 0.3rem;
	color: #EA168C;
}
#lp .mainVisual .slick-slide .thirdCatch span {
	display: block;
	color: #fff;
	font-size: 3.0rem;
	margin: 10px 0 0;
}

@media screen and (max-width:1300px){
	#lp .mainVisual .slick-slide .thirdCatch {
		right: 5%;
	}
}
@media screen and (max-width:1100px){
	#lp .mainVisual .slick-slide .thirdCatch {
		font-size: 3.2rem;
	}
	#lp .mainVisual .slick-slide .thirdCatch span {
		font-size: 2.0rem;
	}
}
@media screen and (max-width:1030px){
	#lp .mainVisual .slick-slide .firstCatch {
		font-size: 2.8rem;
		bottom: 20%;
	}
	#lp .mainVisual .slick-slide .secoundCatch {
		font-size: 2.8rem;
		bottom: 15%;
	}
}
@media screen and (max-width:960px){
	#lp .mainVisual .slick-slide .secoundCatch {
		font-size: 2.2rem;
		bottom: 10%;
	}
}
@media screen and (max-width:900px){
	#lp .mainVisual .slick-slide .thirdCatch {
		font-size: 2.6rem;
	}
	#lp .mainVisual .slick-slide .thirdCatch span {
		font-size: 1.6rem;
	}
}
@media screen and (max-width:733px){
	#lp .mainVisual .slick-slide .firstCatch {
		font-size: 2.4rem;
		bottom: 15%;
	}
}
@media screen and (max-width:680px){
	#lp .mainVisual .slick-slide .thirdCatch {
		font-size: 2.0rem;
		right: 15px;
		top: auto;
		transform: none;
		bottom: 30px;
		text-align: right;
	}
	#lp .mainVisual .slick-slide .thirdCatch span {
		font-size: 1.4rem;
	}
}
@media screen and (max-width:630px){
	#lp .mainVisual .slick-slide .secoundCatch {
		font-size: 1.9rem;
		bottom: 10%;
	}
}
@media screen and (max-width:550px){
	#lp .mainVisual .slick-slide .firstCatch {
		font-size: 2.0rem;
		bottom: 10%;
	}
}
@media screen and (max-width:430px){
	#lp .mainVisual .slick-slide .spImg {
		display: block;
	}
	#lp .mainVisual .slick-slide .pcImg {
		display: none;
	}
	#lp .mainVisual .slick-slide .firstCatch {
		font-size: 2.1rem;
		bottom: 13%;
	}
}


/*limit*/
#lp .mainVisual .slick-slide.limit .firstCatch {
	bottom: 14.7%;
}
#lp .mainVisual .slick-slide.limit .secoundCatch {
	bottom: 12%;
}
#lp .mainVisual .slick-slide.limit .countdown1,#lp .mainVisual .slick-slide.limit .countdown2,#lp .mainVisual .slick-slide.limit .thirdCatch span.countdown3 {
	display: block;
	text-align: center;
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	font-size: 2.2rem;
	line-height: 1.47;
	letter-spacing: 0.1rem;
}
#lp .mainVisual .slick-slide.limit .countdown1 {
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	margin: 40px 0 0;
	color: #000;
}

#lp .mainVisual .slick-slide.limit .countdown2 {
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	margin: 40px 0 0;
}

#lp .mainVisual .slick-slide.limit .thirdCatch span.countdown3 {
	font-family: myfont,-apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
	margin: 30px 0 0;
}
@media screen and (max-width:1200px){
	#lp .mainVisual .slick-slide.limit .firstCatch,#lp .mainVisual .slick-slide.limit .secoundCatch {
		bottom: 20px;
		margin-bottom: 0;
	}
}
@media screen and (max-width:1030px){
	#lp .mainVisual .slick-slide.limit .firstCatch .countdown1,
	#lp .mainVisual .slick-slide.limit .secoundCatch .countdown2,
	#lp .mainVisual .slick-slide.limit .thirdCatch span.countdown3{
		font-size: 1.6rem;
	}
	#lp .mainVisual .slick-slide.limit .firstCatch .countdown1,
	#lp .mainVisual .slick-slide.limit .secoundCatch .countdown2{
		margin: 20px 0 0;
	}
}
@media screen and (max-width:850px){
	#lp .mainVisual .slick-slide.limit .firstCatch {
		font-size: 2.0rem;
	}
	#lp .mainVisual .slick-slide.limit .firstCatch .countdown1,
	#lp .mainVisual .slick-slide.limit .secoundCatch .countdown2,
	#lp .mainVisual .slick-slide.limit .thirdCatch span.countdown3{
		font-size: 1.3rem;
	}
}
@media screen and (max-width:680px){
	#lp .mainVisual .slick-slide.limit .thirdCatch span.countdown3{
		text-align: right;
	}
}
@media screen and (max-width:600px){
	#lp .mainVisual .slick-slide.limit .firstCatch,
	#lp .mainVisual .slick-slide.limit .secoundCatch{
		bottom: 8%;
	}
	#lp .mainVisual .slick-slide.limit .pcImg {
		display: none;
	}
	#lp .mainVisual .slick-slide.limit .spImg {
		display: block;
	}
	#lp .mainVisual .slick-slide.limit .spImg img {
		height: 100vh;
		width: 100%;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}
}



#lp .history {
	margin-bottom: 170px;
}
#lp .meets {
	margin-bottom: 160px;
}
#lp .meets .pinkTitle {
	text-align: center;
	padding: 0 20px;
	margin-bottom: 50px;
}
@media screen and (max-width:833px){
	#lp .mainVisual {
		margin-bottom: 55px;
	}
	#lp .history {
		margin-bottom: 85px;
	}
	#lp .meets {
		margin-bottom: 80px;
	}
	#lp .meets .pinkTitle {
		margin-bottom: 25px;
	}
}

#lp .map {
	width: 100%;
	height: 500px;
}
@media screen and (max-width:833px){
	#lp .map {
		height: 300px;
	}
}

#lp .infoBox {
	padding: 0 20px;
}
#lp .infoBox dl {
	max-width: 1400px;
	margin: 0 auto 100px;
	border: 1px solid #EA168C;
	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	line-height: 1.5;
}
#lp .infoBox dl dt {
	background: #EA168C;
	color: #fff;
	font-family: myfont;
	font-size: 2.4rem;
	width: 275px;
	text-align: center;
}
#lp .infoBox dl dd {
	padding: 26px 40px 25px 40px;
}
#lp .infoBox dl dd a[href$=".pdf"] {
	padding-right: 25px;
	display: inline-block;
	position: relative;
}
#lp .infoBox dl dd a[href$=".pdf"]:after {
	content: "";
	position: absolute;
	bottom: 4px;
	width: 17px;
	height: 16px;
	background: url("../img/common/pdf_icon.gif") no-repeat;
	background-size: 17px;
	background-position: right top;
	margin-left: 5px;
}
@media screen and (min-width:834px){
	#lp .infoBox dl dd a:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width:833px){
	#lp .infoBox dl {
		display: block;
		margin: 0 auto 65px;
	}
	#lp .infoBox dl dt {
		width: 100%;
		text-align: left;
		padding: 10px 20px 9px;
		font-size: 2.0rem;
	}
	#lp .infoBox dl dd {
		padding: 16px 20px 15px;
	}
}

#lp .rooms {
	margin-bottom: 170px;
}
#lp .rooms .pinkTitle,#lp .restaurant .pinkTitle {
	text-align: center;
	padding: 0 20px;
	margin-bottom: 50px;
}

/*#lp .rooms .slideBox .box .imgBox li {
	width: 50%;
}
#lp .rooms .slideBox .box .imgBox li,
#lp .rooms .slideBox .box .imgBox li div{
	position: relative;
	line-height: 0;
}
#lp .rooms .slideBox .box .imgBox li img {
	height: 370px;
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#lp .rooms .slideBox .box .imgBox li:first-child img {
	height: 740px;
}*/
#lp .rooms .slideBox .box .imgBox li {
	position: relative;
}
#lp .rooms .slideBox .box .imgBox li img {
	height: 740px;
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

#lp .rooms .slideBox .box .textBox {
	padding-bottom: 40px;
}
#lp .rooms .slideBox .box .textBox .roomTitle {
	font-size: 4.0rem;
	font-family: myfont;
	margin-bottom: 15px;
}
#lp .rooms .slideBox .box .textBox .roomInfo {
	font-size: 1.4rem;
	border-top: 1px solid rgba(255,255,255,0.5);
	margin-bottom: 25px;
}
#lp .rooms .slideBox .box .textBox .roomInfo dt {
	float: left;
	clear: both;
	padding: 6px 10px;
}
#lp .rooms .slideBox .box .textBox .roomInfo dd {
	padding: 6px 10px 6px 180px;
	border-bottom: 1px solid rgba(255,255,255,0.5);
}
#lp .rooms .slideBox .box .textBox .roomsFigure {
	color: #fff;
	display: inline-block;
	padding: 0 0 0 17px;
	position: relative;
}
#lp .rooms .slideBox .box .textBox .roomInfo dd .roomsFigure:after {
	content: "";
	position: absolute;
	top: 9px;
	left: 0;
	width: 7px;
	height: 7px;
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

@media screen and (min-width:834px){
	#lp .rooms .slideBox .box .textBox .roomInfo dd .roomsFigure:hover {
		text-decoration: underline;
	}
}
@media screen and (max-width:833px){
	#lp .rooms {
		margin-bottom: 70px;
	}
	#lp .rooms .slideBox .box .imgBox li img {
		height: 200px;
	}
	#lp .rooms .slideBox .box .imgBox li:first-child img {
		height: 400px;
	}
	
	#lp .rooms .slideBox .slick-arrow{
		bottom: auto !important;
		top: 180px !important;
	}
	
	#lp .rooms .slideBox .box .textBox .roomTitle {
		font-size: 2.4rem;
	}
}
@media screen and (max-width:468px){
	#lp .rooms .slideBox .box .imgBox li img {
		height: 175px;
	}
	#lp .rooms .slideBox .box .imgBox li:first-child img {
		height: 350px;
	}
	
	#lp .rooms .slideBox .box .textBox .roomInfo dt {
		float: none;
		padding: 6px 10px 3px;
	}
	#lp .rooms .slideBox .box .textBox .roomInfo dd {
		padding: 0 10px 6px;
	}
}

#lp .restaurant {
	margin-bottom: 170px;
}
#lp .restaurant .slideBox {
	margin-bottom: 50px;
}
#lp .restaurant .slideBox .flexBox,
#lp .rooms .slideBox .box{
	background: #000;
	color: #fff;
	font-size: 1.6rem;
	line-height: 2.13;
}
#lp .restaurant .slideBox .flexBox .imgBox{
	order: 2;
	position: relative;
}
#lp .spa .flexBox .imgBox {
	position: relative;
}
#lp .restaurant .slideBox .flexBox .imgBox img {
	height: 740px;
	width: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}
#lp .restaurant .slideBox .flexBox .imgBox span,
#lp .spa .flexBox .imgBox span,
#lp .rooms .slideBox .box .imgBox li span{
	font-size: 1.2rem;
	color: #fff;
	text-shadow: 0 0 3px #000;
	position: absolute;
	bottom: 6px;
	right: 11px;
	font-weight: normal;
	line-height: 1.5;
}
#lp .restaurant .slideBox .flexBox .textBox .logoTitle {
	font-family: myfont;
	font-size: 3.5rem;
	line-height: 1.37;
}
#lp .restaurant .slideUnder {
	text-align: center;
	padding: 0 20px;
}
#lp .restaurant .slideBox .slick-arrow,
#lp .rooms .slideBox .slick-arrow{
	position: absolute;
	top: 0;
	bottom: 0;
	width: 21px;
	height: 41px;
	margin: auto 0;
	font-size: 0;
}
#lp .restaurant .slideBox .slick-arrow.slick-prev,
#lp .rooms .slideBox .slick-arrow.slick-prev{
	background: url("../img/top/slide_prev.png") no-repeat;
	background-size: 21px;
	background-position: center;
	left: 25px;
	z-index: 10;
}
#lp .restaurant .slideBox .slick-arrow.slick-next,
#lp .rooms .slideBox .slick-arrow.slick-next{
	background: url("../img/top/slide_next.png") no-repeat;
	background-size: 21px;
	background-position: center;
	right: 25px;
	z-index: 10;
}
@media screen and (max-width:833px){
	#lp .rooms .pinkTitle, #lp .restaurant .pinkTitle {
		margin: 0 0 30px;
	}
	#lp .restaurant {
		margin-bottom: 70px;
	}
	#lp .restaurant .slideBox {
		background: #000;
		margin-bottom: 30px;
	}
	#lp .restaurant .slideBox .flexBox .imgBox img {
		height: 350px;
	}
	#lp .restaurant .slideBox .slick-arrow{
		bottom: auto;
		top: 155px;
	}
	#lp .restaurant .slideBox .flexBox .textBox {
		padding-top: 30px;
		padding-bottom: 45px;
	}
	#lp .restaurant .slideBox .flexBox .textBox .logoTitle {
		font-size: 2.4rem;
	}
}

#lp .spa {
	margin-bottom: 130px;
}
#lp .spa h2 {
	margin-bottom: 50px;
}
@media screen and (max-width:833px){
	#lp .spa {
		margin-bottom: 70px;
	}
	#lp .spa .tableBox {
		display: block;
		height: auto;
	}
	#lp .spa .imgBox {
		margin-bottom: 40px;
	}
	#lp .spa h2 {
		margin-bottom: 30px;
	}
}


.access_info{
	border:1px solid #EA168C;
	padding:20px;
	margin:40px auto 40px auto;
	max-width:700px;
	text-align:center;
	
}

p.pc_access{
	margin:0 auto 40px auto;
	max-width:1240px;
	padding:0 20px;
}

p.sp_access{
	display:none;
}

@media screen and (max-width:600px){
.access_info{
	margin:40px 20px 40px 20px;
}

p.pc_access{
	display:none;

}
p.sp_access{
	display: inherit;
	padding:0 20px;
}
}



/* 
------------------------------------------------------------------------------------------------------------------------
cookie
------------------------------------------------------------------------------------------------------------------------
*/
#headerBox.underPage + article#cookie {
	padding-top: 195px;
}
#cookie .simpleBox {
	margin-bottom: 80px;
}
#cookie .simpleBox:last-child {
	margin-bottom: 120px;
}

#cookie.wrap {
	max-width: 840px;
	padding-top: 200px;
}
@media screen and (max-width:833px){
	#headerBox.underPage + article#cookie {
		padding-top: 120px;
	}
	#cookie .simpleBox {
		margin-bottom: 40px;
	}
	#cookie .simpleBox:last-child {
		margin-bottom: 70px;
	}
	#cookie.wrap {
		padding-top: 100px;
	}

}

/* 
------------------------------------------------------------------------------------------------------------------------
law
------------------------------------------------------------------------------------------------------------------------
*/
.table {
	width: 100%;
	border: 1px solid #EA168C;
}
.table th {
	background: #EA168C;
	color: #fff;
	font-weight: normal;
	width: 180px;
	vertical-align: middle;
	text-align: center;
	padding: 20px 10px;
	border-bottom: 1px solid #fff;
}
.table tr:last-child th {
	border-bottom: 1px solid #EA168C;
}
.table td {
	padding: 20px 20px 20px 30px;
	border-bottom: 1px solid #EA168C;
}