@charset "utf-8";


/* =============================================================================

	施設・客室 関連ページ

============================================================================= */

#page_header .page_ttl {
	background: url(../images/PC_room_mv.jpg) no-repeat 50% 0;
	height: 200px;
	margin: 0;
}
#page_header .content_wrap {
	height: 100%;
	position: relative;
}
#page_room .tab_navi .nav_btn {
	vertical-align: middle;
}
#page_room .tab_navi .nav_btn a {
	color: #444;
}
#page_room .tab_navi .nav_btn a:hover {
	color: #fff;
}
#page_room .ttl {
	border: 1px solid #000;
	padding: 10px 0;
	text-align: center;
	margin: 0 auto 30px;
}
.tab_navi {
	z-index: 1;
	position: relative;
}
#page_room .tab_navi .nav_btn a:hover span {
	font-weight: normal;
}
#page_room .tab_navi .nav_btn span span {
	font-size: inherit;

}
@media print, screen and (max-width: 750px) {
	.section {
		padding: 50px 0 30px;
	}
	#page_header .page_ttl {
		background-size: cover;
		height: 120px;
	}
	#tabs1, #tabs2, #tabs3, #tabs4,
	#in_movie, #floor_map {
		padding: 0 3%;
	}
	#page_room .nav_btn span {
		line-height: 1.1;
	}
}

@media print, screen and (max-width: 750px) {
	#in_movie {
		margin-top: 50px;
		padding-bottom: 0;
	}
}
@media print, screen and (min-width: 751px) {
	#in_movie {
		margin-top: 0;
	}
	#floor_map {
		padding-top: 0;
	}
}


@media print, screen and (max-width: 750px) {
	.tab_navi {
		overflow: hidden;
		width: 94%;
		margin: 0 auto 20px;
	}
	.tab_navi .nav_btn {
		width: 25%;
	}

	.bracket { margin-right: 1em; }
}
@media print, screen and (max-width: 1020px) {
	.bracket { display: block; }
	#tabs1, #tabs2, #tabs3, #tabs4 { 
		padding-top: 70px;
		margin-top: -70px;
	}
	#page_room .ttl {
		font-size: 1.3rem;
	}
}
@media print, screen and (min-width: 1021px) {
	#tabs1, #tabs2, #tabs3, #tabs4 { 
		padding-top: 130px;
		margin-top: -130px;
	}
	#tabs1, #tabs2, #tabs3 { 
		margin-bottom: 30px;
	}
	.section_ttl { font-size: 1.6rem; }
	.bracket { margin-right: 1em; }
}

.section_img .thumb {
	margin-bottom: 10px;
}

.room_front .flex_list,
.room_holl  .flex_list,
.room_guest .flex_list,
.room_facility .flex_list {
	margin: 50px 0 0;
}

@media print, screen and (max-width: 750px) {
	.room_front dl {
		margin-bottom: 1em;
	}
}
@media print, screen and (min-width: 751px) {
	.room_front dl {
		margin: 15px 15px 15px;
	}
	.room_front dt, .room_facility dt {
		margin-bottom: 10px;
	}
	.room_front .block:nth-of-type(3) {
		border: 5px double #000;
	}
	#page_room .ttl {
		font-size: 1.8rem;
		max-width: 316px;
	}
}
@media print, screen and (min-width: 1021px) {
	.room_front dl {
		margin: 20px 30px 0;
	}
	.room_front dt, .room_facility dt { font-size: 1.5rem; }
}

/*---------------------------
	.room_front
	.room_holl
---------------------------*/

.room_holl .roomttl {
	border: 0;
	font-size: 1.25em;
	margin-bottom: 20px;
	padding: 0 0 0 20px;
}

@media print, screen and (max-width: 750px) {
	.room_front .flex_list, .room_holl .flex_list {
		display: block;
	}
	
	#page_room .section_ttl { margin-top: 20px; }
	.room_front .block:nth-of-type(1), .room_front .block:nth-of-type(2),
	.room_holl .block:nth-of-type(2),  .room_holl .block:nth-of-type(3) {
		width: 48.5%;
	}
	.room_front .block:nth-of-type(1), .room_holl .block:nth-of-type(2) {
		float: left;
	}
	.room_front .block:nth-of-type(2), .room_holl .block:nth-of-type(3) {
		float: right;
	}
	.room_front .block:nth-of-type(3), .room_holl .block:nth-of-type(1) {
		clear: both;
		width: 100%;
	}
	.room_holl .roomttl {
		text-align: center;
	}
}
@media print, screen and (min-width: 751px) {
	#page_room .section_ttl { margin-top: 50px; }
	.room_front .block:nth-of-type(1), .room_front .block:nth-of-type(2),
	.room_holl .block:nth-of-type(2),  .room_holl .block:nth-of-type(3) {
		width: 20%;
	}
	.room_front .block:nth-of-type(1), .room_front .block:nth-of-type(2) { margin-right: 1%; }
	.room_holl .block:nth-of-type(2),  .room_holl .block:nth-of-type(3)  { margin-left: 1%; }
	
	.room_front .block:nth-of-type(3), .room_holl .block:nth-of-type(1) {
		width: 53%;
	}
	.room_holl .roomttl {
		border: 0; border-left: 5px solid #000;
		text-align: left;
	}
}

@media print, screen and (min-width: 1021px) {
	
	.room_front .block:nth-of-type(1), .room_front .block:nth-of-type(2),
	.room_holl .block:nth-of-type(2),  .room_holl .block:nth-of-type(3) {
		width: 25%;
	}
	.room_front .block:nth-of-type(1), .room_front .block:nth-of-type(2) { margin-right: 1%; }
	.room_holl .block:nth-of-type(2),  .room_holl .block:nth-of-type(3)  { margin-left: 1%; margin-right: 0;}

	.room_front .block:nth-of-type(3), .room_holl .block:nth-of-type(1) {
		width: 48%;
	}
}

/*---------------------------
	room_guest
---------------------------*/

.room_guest #room_type.flex_list .block {
	margin: 10px 0.5%;
}
.room_guest #room_type.flex_list .block p {
	font-size: 1.6rem;
	margin-bottom: 15px;
	text-align: center;
	line-height: 1.2;
}
.room_guest #room_type.flex_list .block dt {
	background: #e0e0d5;
}
.room_guest #room_type.flex_list .block dt,
.room_guest #room_type.flex_list .block dd {
	font-size: 1.2rem;
	padding: 10px 15px;
}
.room_guest #room_amenity.flex_list .block p {
	margin-top: 20px;
}
.room_guest #room_explain .block {
	margin: 15px 0;
	width: 100%;
}
.room_guest #room_explain .block h3,
.room_guest #room_explain .block p {
	padding: 15px 20px;
}
.room_guest #room_explain .block h3 {
	margin-bottom: 15px;
	background: #e0e0d5;
	text-align: center;
}

@media print, screen and (max-width: 750px) {
	.room_guest #room_type.flex_list .block {
		margin-bottom: 20px;
		width: 99%;
	}
	.room_guest #room_amenity {
		margin: 50px 0;
	}
	.room_guest #room_amenity .block {
		margin: 15px 0;
		padding-right: 1.5%;
		width: 48.5%;
	}
	.room_guest #room_amenity .block(2n) {
		padding: 0 0 0 1.5%;
	}
}
@media print, screen and (min-width: 751px) {
	.room_guest #room_type.flex_list .block {
		margin-bottom: 20px;
		width: 24%;
	}
	.room_guest #room_type.flex_list .block p {
		display: table;
		width: 100%;
	}
	.room_guest #room_type.flex_list .block p span {
		display: table-cell;
		vertical-align: middle;
	}
	.room_guest #room_amenity {
		margin: 100px 0;
	}
	.room_guest #room_amenity .block {
		width: 99%;
	}
	.room_guest #room_amenity.flex_list .block {
		margin: 0 0.5%;
		width: 24%;
	}
}
@media print, screen and (max-width: 1020px) {
	.room_guest .pc_view,
	.room_guest .section_img br {
		display: none;
	}
	#room_eyecatch span.pc_view {
		display: none !important;
	}
}
@media print, screen and (min-width: 1021px) {
	.room_guest .pc_view {
		display: inline !important;
		margin-right: 1em;
	}
	
}

/*---------------------------
	room_facility
---------------------------*/

.room_facility .flex_list .block {
	border: 5px double #000;
	margin: 5px 0.5%;
	overflow: hidden;
	padding: 20px;
}
.room_facility .icon,
.room_facility dl {
	display: inline-block;
}
.room_facility .icon {
	float: left;
	margin-top: 20px;
	width: 20%;
}
.room_facility dl {
	float: right;
	width: 73%;
}

@media print, screen and (max-width: 750px) {
	.room_facility .flex_list .block {
		height: auto;
		width: 100%
	}
}
@media print, screen and (min-width: 751px) and (max-width: 1020px) {
	.room_facility .flex_list .block {
		/* height: 220px; */
		width: 49%
	}
}
@media print, screen and (min-width: 1021px) {
	.room_facility .flex_list .block {
		/* height: 180px; */
		width: 49%
	}
}

@media print, screen and (min-width: 751px) and (max-width: 880px) {
	span.hyphen2 {
		display: inline;
	}
	span.hyphen:after {
		content: "";
	}
}