@charset "UTF-8";


/* -------------------------------------------------------------
　宿泊に関するお知らせ
------------------------------------------------------------- */

/* hotel_common.css（ニュース関係（TOP・宿泊・施設サービス・朝食・周辺観光））に記載 */




/* -------------------------------------------------------------
　客室
------------------------------------------------------------- */

/* こだわりの客室
------------------------------------------------------------- */

#speciality {
	padding: 40px 0 0;
	background: #1E2B30;
}

#speciality h2 {
	color: #fff;
	font-size: 18px;
	font-weight: 300;
	text-align: center;
	line-height: 1.5;
	letter-spacing: 0.9px;
	margin: 0 0 25px;
}

#speciality article {
	max-width: 630px;
	margin: 0 auto;
	padding: 0 35px;
}

#speciality article ul.point > li:nth-child(1),
#speciality article ul.point > li:nth-child(2),
#speciality article ul.point > li:nth-child(3) {
	position: relative;
	min-height: 140px;
	padding: 20px 0 30px;
}

#speciality article ul.point li ul {
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	display: flex;
	justify-content: center;
	width: 132px;
	background: #638FA2;
	border-radius: 20px;
	z-index: 2;
}
/* プレミア適用 */
body.prem #speciality article ul.point li ul {
	background: #AC9362;
}

#speciality article ul.point li ul li {
	height: 40px;
	color: #fff;
	line-height: 1;
}
#speciality article ul.point li ul li:nth-child(1) {
	font-family: "Roboto";
	font-size: 12px;
	letter-spacing: 0.6px;
	padding: 14px 22px 0 26px;
}

#speciality article ul.point li ul li:nth-child(2) {
	font-family: "Roboto";
	font-size: 24px;
	font-weight: 100;
	font-style: italic;
	padding: 8px 20px 0 0;
}

#speciality article ul.point li img {
	margin: 0 0 10px;
}

#speciality article ul.point li .catch {
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
}




/* -------------------------------------------------------------
　客室一覧
------------------------------------------------------------- */

/* 客室ブロック
------------------------------------------------------------- */

#room_list {
	padding: 40px 0 0;
	background: #F1F5F7;
}
/* プレミア適用 */
body.prem #room_list {
	background: #F5F3F2;
}

#room_list .inner {
	max-width: 600px;
	margin: 0 auto;
	padding: 0 10px;
}

/* 客室ナビ ボタン */
#room_list ul.roomNav {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: space-between;
	margin: 0 auto;
	padding: 0 10px;
}
#room_list ul.roomNav li {
	width: 47%;
	margin: 0 1.5% 10px;
}

#room_list ul.roomNav a {
	display: block;
	width: 100%;
	color: #1E2B30;
	font-size: 12px;
	text-align: center;
	line-height: 1.5;
	padding: 8px 15px;
	background: #fff;
	border: 1px solid #638FA2;
	border-radius: 20px;
}
#room_list ul.roomNav a:hover {
	color: #fff;
	background: #638FA2;
}
/* プレミア適用 */
body.prem #room_list ul.roomNav a {
	border: 1px solid #AC9362;
}
body.prem #room_list ul.roomNav a:hover {
	background: #AC9362;
}

/* 客室（1type毎） */
#room_list ul.room_bl {
	padding: 20px 20px 40px;
}

/* 客室スライダーブロック */
#room_list ul.room_bl > li:nth-of-type(1) {
	margin: 0 0 60px;
}


/* 部屋情報
------------------------------------------------------------- */

/* 客室情報ブロック */
#room_list ul.room_bl li h2 {
	color: #638FA2;
	font-size: 26px;
	font-weight: 200;
	line-height: 1.2;
	margin: 0 0 30px;
}
/* プレミア適用 */
body.prem #room_list ul.room_bl li h2 {
	color: #AC9362;
}

/* 部屋情報 */
#room_list ul.room_info li {
	min-height: 24px;
	font-size: 12px;
	margin: 0 0 16px 0;
	padding: 0 0 0 34px;
}
#room_list ul.room_info li.attention {
	font-size: 11px;
	padding: 0;
}

#room_list ul.room_info li.capacity {
	background: url(/img/common/mk_stay_1.svg) left 50% no-repeat;
	background-size: 22px auto;
}
#room_list ul.room_info li.room_size {
	background: url(/img/common/mk_stay_2.svg) left 50% no-repeat;
	background-size: 22px auto;
}
#room_list ul.room_info li.bathroom {
	background: url(/img/common/mk_stay_3.svg) left 50% no-repeat;
	background-size: 24px auto;
}
#room_list ul.room_info li.bed {
	background: url(/img/common/mk_stay_4.svg) left 50% no-repeat;
	background-size: 27px auto;
}



/* スライダー調整
------------------------------------------------------------- */

/* hotel_common.css（スライダー調整（TOP・宿泊・朝食））に記載 */



/* 設備‧備品（アコーディオン部分）
------------------------------------------------------------- */

dl.acdn_item {
	margin: 0 0 40px;
	border-bottom: solid 1px #638FA2;
}
/* プレミア適用 */
body.prem dl.acdn_item {
	border-bottom: solid 1px #AC9362;
}

dl.acdn_item dt {
	position: relative;
	font-size: 14px;
	line-height: 1;
	padding: 10px 2px 10px 0;
	background: url(/img/common/mk_plus_blue.svg) right 3px top 50% no-repeat;
	cursor: pointer;
}
dl.acdn_item dt.open {
	background: url(/img/common/mk_minus_blue.svg) right 3px top 50% no-repeat;
}
/* プレミア適用 */
body.prem dl.acdn_item dt {
	background: url(/img/common/mk_plus_brwn.svg) right 3px top 50% no-repeat;
}
body.prem dl.acdn_item dt.open {
	background: url(/img/common/mk_minus_brwn.svg) right 3px top 50% no-repeat;
}

dl.acdn_item dd {
	font-size: 12px;
	line-height: 1.8;
	padding: 5px 5px 10px;
}
dl.acdn_item dd.open {
	display: block;
}

dl.acdn_item dd h3 {
	font-size: 12px;
	font-weight: 400;
}

#room_list ul.room_item li::before {
	content: "■ ";
	color: #ccc;
}



/* 予約ボタン */
/* hotel_common.css（リンク（ボタン））に記載 */




/* -------------------------------------------------------------
　宿泊のご案内
------------------------------------------------------------- */

/* hotel_common.css（宿泊のご案内・施設サービスのご案内・朝食のご案内・アクセスのご案内）に記載
下記は各調整 */

#guide {
	padding: 40px 0 10px;
}

/* 矢印調整 */
.slick-prev, .slick-next {
	bottom: -5px;
}
.slick-prev {
	right: 45px;
}


/* ご利用時間 */
#guide ul.guide_info .item_wrap ul.check_inout {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#guide ul.guide_info .item_wrap ul.check_inout li.th,
#guide ul.guide_info .item_wrap ul.check_inout li.td {
	width: 50%;
	font-size: 12px;
	padding: 2px 0;
	border-bottom: 1px solid #707070;
}
#guide ul.guide_info .item_wrap ul.check_inout li.td {
	font-size: 14px;
	text-align: right;
	padding: 0;
}






/* media Queries PC //////////////////////////////////////////////////////////////////////////////////////
------------------------------------------------------------------------------------------------- 810px */
@media screen and (min-width:810px), print {

/* -------------------------------------------------------------
　宿泊に関するお知らせ
------------------------------------------------------------- */

/* hotel_common.css（ニュース関係（TOP・宿泊・施設サービス・朝食・周辺観光））に記載
記事幅調整 */




/* -------------------------------------------------------------
　客室
------------------------------------------------------------- */

/* こだわりの客室
------------------------------------------------------------- */

#speciality {
	padding: 80px 0;
}

#speciality h2 {
	font-size: 28px;
	line-height: 1.3;
	letter-spacing: 1.4px;
	margin: 0 0 60px;
}

#speciality article {
	max-width: unset;
	margin: 0;
	padding: 0 20px;
}

#speciality article ul.point {
	display: flex;
	justify-content: space-between;
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
}

#speciality article ul.point > li:nth-child(1),
#speciality article ul.point > li:nth-child(2),
#speciality article ul.point > li:nth-child(3) {
	width: 30%;
	margin: 0 5% 0 0;
	padding: 20px 0 0;
}
#speciality article ul.point > li:nth-child(3) {
	margin: 0;
}


#speciality article ul.point > li ul {
	left: -20px;
	transform: unset;
	display: list-item;
	width: 100px;
	height: 100px;
	margin: 0 0 16px;
	border-radius: 50%;
}

#speciality article ul.point li ul li {
	height: auto;
	text-align: center;
}
#speciality article ul.point li ul li:nth-child(1) {
	font-size: 14px;
	margin: 0 0 2px;
	padding: 16px 0 0;
}

#speciality article ul.point li ul li:nth-child(2) {
	font-size: 56px;
	padding: 0;
}

#speciality article ul.point li img {
	margin: 0 0 12px;
}

#speciality article ul.point li .catch {
	font-size: 14px;
}




/* -------------------------------------------------------------
　客室一覧
------------------------------------------------------------- */

/* 客室ブロック
------------------------------------------------------------- */

#room_list {
	padding: 80px 0 0;
}

#room_list .inner {
	max-width: 1040px;
	padding: 0 20px;
}

/* 客室ナビ ボタン */
#room_list ul.roomNav {
	justify-content: center;
	max-width: unset;
	height: unset;
	margin: 0 0 60px;
}

#room_list ul.roomNav li {
	width: 23.5%;
	max-width: 235px;
	margin: 0 1%;
}
#room_list ul.roomNav li:first-child {
	margin: 0 1% 0 0;
}
#room_list ul.roomNav li:last-child {
	margin: 0 0 0 1%;
}

#room_list ul.roomNav a {
	width: 100%;
	padding: 10px 15px;
}



/* 客室（1type毎） */
#room_list ul.room_bl {
	display: flex;
	padding: 0 0 80px;
}

/* 客室スライダーブロック */
#room_list ul.room_bl > li:nth-of-type(1) {
	width: 64%;
	margin: 0 0 68px;
	padding: 0 4% 0 0;
}
#room_list ul.room_bl > li:nth-of-type(2) {
	width: 36%;
}


/* スライダー調整
------------------------------------------------------------- */

/* hotel_common.css（スライダー調整（TOP・宿泊・朝食））に記載 */

/* 矢印調整 */
.slick-prev, .slick-next {
	bottom: -190px;
}
.slick-prev {
	right: 48px;
}


/* 部屋情報
------------------------------------------------------------- */

/* 客室情報ブロック */
#room_list ul.room_bl li h2 {
	font-size: 36px;
	line-height: 1.2;
	letter-spacing: 0.72px;
	margin: 0 0 60px;
}

/* 部屋情報 */
#room_list ul.room_info li {
	font-size: 14px;
}
#room_list ul.room_info li.attention {
	font-size: 12px;
}



/* 設備‧備品（アコーディオン部分）
------------------------------------------------------------- */

dl.acdn_item dd {
	font-size: 14px;
}

dl.acdn_item dd h3 {
	font-size: 14px;
}



/* 予約ボタン */
/* hotel_common.css（リンク（ボタン））に記載 */




/* -------------------------------------------------------------
　宿泊のご案内
------------------------------------------------------------- */

/* hotel_common.css（宿泊のご案内・施設サービスのご案内・朝食のご案内・アクセスのご案内）に記載
下記は各調整 */

#guide {
	padding: 120px 0 100px;
}

/* ご利用時間 */
#guide ul.guide_info .item_wrap ul.check_inout {
	width: calc(100% - 150px);
	margin: -6px 0 0 auto;
}
#guide ul.guide_info .item_wrap ul.check_inout li.th,
#guide ul.guide_info .item_wrap ul.check_inout li.td {
	height: 42px;
}
#guide ul.guide_info .item_wrap ul.check_inout li.th {
	font-size: 14px;
	padding: 11px 0 0;
}
#guide ul.guide_info .item_wrap ul.check_inout li.td {
	font-size: 18px;
	padding: 5px 0 0;
}




}/* 810 */