@charset "utf-8";

/* 客室ページ */

/* メインビジュアル
---------------------------------------------------------------------------*/
.block-mv {
	background-image: url(../img/facility/mv.jpg);
	text-shadow: 
		0px 0px 9px rgba(71, 23, 2, .7), 
		2px 2px 7px rgba(71, 23, 2, .7), 
		2px -2px 7px rgba(71, 23, 2, .7), 
		-2px 2px 7px rgba(71, 23, 2, .7), 
		-2px -2px 7px rgba(71, 23, 2, .7);
}
@media screen and (max-width: 768px){
	.block-mv {
		background-image: url(../img/facility/mv-sp.jpg);
	}
}


/* アンカー
---------------------------------------------------------------------------*/
.tx-anchors {
	min-height: 96px;
}
@media screen and (max-width: 768px){
	.tx-anchors {
		min-height: 25vw;
	}
}


/* 館内のご案内
---------------------------------------------------------------------------*/
.block-floormap {
	margin-bottom: 10px;
}
.tbl-floormap {
	border-collapse: separate;
	border-spacing: 2px;
}
.tbl-floormap th,
.tbl-floormap td {
	padding: 10px 15px;
}
.tbl-floormap th {
	width: 146px;
	background-color: #0050A0;
	color: #FFFFFF;
}
.tbl-floormap td {
	width: 370px;
	background-color: #FFFFFF;
}
@media screen and (max-width: 1024px){
	.tbl-floormap {
		margin-left: 2vw;
	}
}
@media screen and (max-width: 768px){
	.block-floormap {
		margin-bottom: 0;
	}
	.fig-floormap {
		margin-bottom: 5vw;
	}
	.tbl-floormap th,
	.tbl-floormap td {
		padding: 3vw;
	}
	.tbl-floormap th {
		width: 20%;
	}
	.tbl-floormap td {
		width: 80%;
	}
}

/* 海を感じる設え
---------------------------------------------------------------------------*/
.fig-feeltheocean {
	margin-top: 20px;
}
@media screen and (max-width: 768px){
	.fig-feeltheocean {
		margin-top: 5vw;
	}
	.lead-feeltheocean {
		padding-left: 3vw;
		padding-right: 3vw;
	}
}

/* 詳細
---------------------------------------------------------------------------*/
.box-details {
	padding-bottom: 60px;
	margin-bottom: 60px;
}
.lead-details {
	line-height: 180%;
}
@media screen and (max-width: 768px){
	.box-details {
		margin-bottom: 5vw;
		padding-bottom: 8vw;
	}
	.box-details.det06 {
	}
}

/* ボタン */
.btn-details {
	margin-top: 60px;
}
.box-details + .btn-details {
	margin-top: -90px;
	margin-bottom: 60px;
}
.btn-details a {
	width: 400px;
	height: 60px;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.btn-details {
		margin-top: 5vw;
		margin-bottom: 8vw;
	}
	.box-details + .btn-details {
		margin-top: -14vw;
		margin-bottom: 8vw;
		padding-left: 3vw;
		padding-right: 3vw;
	}
	.btn-details a {
		width: 100%;
		height: 12vw;
	}
}


/* 宴会場・会議室
---------------------------------------------------------------------------*/
.block-banquet {
	padding-bottom: 60px;
}
.lst-banquet {
	margin-top: 20px;
}
.fig-banquet {
	margin-bottom: 20px;
}
@media screen and (max-width: 1024px){
	.lst-banquet li {
		width: 32%;
	}
}
@media screen and (max-width: 768px){
	.lst-banquet {
		margin-top: 5vw;
	}
	.lst-banquet li + li {
		margin-top: 5vw;
	}
	.fig-banquet {
		margin-bottom: 3vw;
		text-align: center;
	}
	.tx-banquet {
	}
	.block-banquet {
		padding-bottom: 5vw;
	}
	.block-banquet .btn-details {
		margin-bottom: 0;
	}
}

/* カラオケ・ビリヤード
---------------------------------------------------------------------------*/
.lst-karaoke {
	margin-top: 20px;
}
.fig-karaoke {
	margin-bottom: 20px;
}
.fig-karaoke img {
	width: 100%;
	height: 250px;
	object-fit: cover;
	object-position: center;
	font-family: "object-fit: cover; object-position: center;";
}
.lst-karaoke li {
	width: 400px;
}
.lst-karaoke li + li {
	margin-left: 40px;
}
.lead-karaoke {
	letter-spacing: -.04em;
}
.lst-karaoke .btn-details {
	margin-top: 40px;
	margin-bottom: 60px;
}
.lst-karaoke .tx-name {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	.lst-karaoke {
		margin-top: 5vw;
	}
	.lst-karaoke li {
		width: 100%;
	}
	.lst-karaoke li + li {
		margin-top: 3vw;
		margin-left: 0;
	}
	.fig-karaoke {
		margin-bottom: 3vw;
	}
	.tx-karaoke {
	}
	.lst-karaoke .btn-details {
		width: 100%;
		margin-top: 3vw;
		margin-bottom: 5vw;
	}
	.lst-karaoke .tx-name {
		margin-bottom: .5vw;
	}
}


/* 駐車場
---------------------------------------------------------------------------*/
.fig-parking img {
	max-width: 520px!important;
	height: 355px!important;
}
.lst-other li {
	width: 320px;
}
@media screen and (max-width: 768px){
	.fig-parking img {
		width: 100%!important;
		height: 60vw!important;
	}
}


/* その他の設備・サービス
---------------------------------------------------------------------------*/
.lead-supple-other {
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px dotted #0050A0;
}
.fig-other {
	margin-bottom: 20px;
}
.lst-other .tx-name {
	margin-bottom: 10px;
}
@media screen and (max-width: 768px){
	.lead-supple-other {
		margin-top: 4vw;
		padding-top: 4vw;
	}
	.lst-other .tx-name {
		font-size: 4.5vw;
		margin-bottom: .5vw;
	}
	.fig-other {
		width: 40vw;
		margin-bottom: 0;
	}
	.tx-other {
		width: 52vw;
	}
	.lst-other li + li {
		margin-top: 5vw;
		margin-left: 0;
	}
}