@charset "utf-8";

/* 客室ページ */

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


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

/* 詳細
---------------------------------------------------------------------------*/
.box-rooms {
	margin-bottom: 60px;
	padding-bottom: 60px;
}
.box-rooms.nomb {
	margin-bottom: 0;
}
.box-rooms .catch-def {
	margin-bottom: 0;
	font-size: .22rem;
}
.box-rooms .min-catch {
	margin-bottom: 20px;
	font-size: .18rem;
}
.lead-rooms {
	line-height: 180%;
}
.lay-skew.sld.rit .tx-lay-skew,
.lay-skew.sld.lft .tx-lay-skew {
	padding-top: 90px;
}
@media screen and (max-width: 768px){
	.box-rooms {
		margin-bottom: 5vw;
		padding-bottom: 0;
	}
	.box-rooms .catch-def {
		width: 100%;
		margin-top: 4vw;
		margin-bottom: 1vw;
		font-size: 4.5vw;
	}
	.box-rooms .min-catch {
		font-size: 4vw;
		margin-bottom: 5vw;
	}
	.lead-rooms {
		margin-bottom: 5vw;
	}
	.name-skew::after {
		bottom: -4vw;
	}
	.lay-skew.sld.rit .tx-lay-skew,
	.lay-skew.sld.lft .tx-lay-skew {
		padding: 5vw 3vw;
	}
	.box-skew-ttl-sp {
		padding-top: 5vw;
	}
}
/* アイコン */
.icons-rooms {
	top: 90px;
	right: 0;
}
.icons-rooms li + li {
	margin-left: 20px;
}
.icons-rooms li img {
	display: block;
}
@media screen and (max-width: 768px){
	.icons-rooms {
		top: 6vw;
		right: 3vw;
	}
	.icons-rooms li + li {
		margin-left: 2vw;
	}
}


/* ボタン */
.btn-rooms {
	margin-top: 40px;
}
.btn-rooms a {
	width: 224px;
	height: 60px;
}
@media screen and (max-width: 768px){
	.btn-rooms {
		margin-top: 5vw;
	}
	.btn-rooms li + li {
		margin-top: 2vw;
	}
	.btn-rooms a {
		width: 100%;
		height: 12vw;
	}
}

/* ユニバーサルツイン限定 */
.box-rooms.rooms10 .catch-def {
	letter-spacing: -.08em;
}
.box-rooms.rooms10 .icons-rooms {
	top: 50px;
}
@media screen and (max-width: 768px){
	.box-rooms.rooms10 .icons-rooms {
		top: 6vw;
	}
}


/* 客室設備・備品、宿泊基本情報
---------------------------------------------------------------------------*/
.box-facilities,
.box-roomdata {
	margin-bottom: 60px;
}
@media screen and (max-width: 768px){
	.box-facilities {
		padding-top: 3vw;
	}
	.box-roomdata {
		padding-top: 5vw;
	}
	.box-facilities,
	.box-roomdata {
		margin-bottom: 8px;
	}
}