@charset "utf-8";

.pagehead.rooms{
	/*background-image:linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)),url("../images/facilities/pagehead.jpg");*/
	background-image:url("../images/facilities/pagehead.jpg");
	background-position:center center;
}

.pageintro{
	padding:60px 15px;
	text-align:center;
}
.pageintro p{
	font-family:var(--sans_serif);
	font-size:1.8rem;
}
@media screen and (max-width:767px){
	.pageintro p{
		font-size:1.4rem;
		text-align:left;
	}
}
#sec_floorguide{
	background:var(--lightgray);
	padding:50px 0;
}
#sec_floorguide .ttl{
	text-align:center;
	margin-bottom:30px;
}
#sec_floorguide .ttl p{
	color:var(--gold);
	font-size:3.3rem;
}
#sec_floorguide .table_wrap table{
	border-collapse: separate;
	border-spacing:10px;
	width:100%;
}
@media screen and (max-width:767px){
	#sec_floorguide .ttl p{
		font-size:2.1rem;
	}
}
#sec_floorguide .table_wrap th{
	background:var(--darkgray);
	color:#fff;
	padding:15px 50px;
	font-size:1.8rem;
}
#sec_floorguide .table_wrap td{
	background:#fff;
	font-family:var(--sans_serif);
	padding:15px 30px;
	font-size:1.8rem;
}
#sec_floorguide .table_wrap td a{
	text-decoration:underline;
}
#sec_floorguide .table_wrap td p{
	font-size:1.8rem;
}
@media screen and (max-width:767px){
	#sec_floorguide .table_wrap th{
		padding:15px 15px;
		font-size:1.4rem;
	}
	#sec_floorguide .table_wrap td{
		padding:15px 15px;
		font-size:1.2rem;
	}
	#sec_floorguide .table_wrap td p{
		font-size:1.2rem;
	}
}
#sec_floorguide .table_wrap td.td_x0 span{
	color:#ccc;
	margin-left:30px;
}
#sec_floorguide .table_wrap td.td_x1{
	display:flex;
	align-items:center;
	gap:80px;
}
#sec_floorguide .table_wrap td.td_x1 .link{
	display:flex;
	flex-direction:column
}
@media screen and (max-width:767px){
	#sec_floorguide .table_wrap td.td_x1{
		flex-direction:column;
		gap:10px;
		align-items:flex-start;
	}
}
#sec_front{
	padding:70px 0;
}
.floor_mark{
	width:80px;
	height:34px;
	display:flex;
	justify-content:center;
	align-items:center;
	font-size:1.7rem;
	border:1px solid var(--gray);
}
.ttl_faci h3{
	font-size:2.5rem;
	margin:20px 0;
}
.ttl_faci p{
	font-size:1.7rem;
	font-family:var(--sans_serif);
}
.front_box{
	display:flex;
	gap:100px;
}
.front_box>div{
	flex:1;
}
@media screen and (max-width:767px){
	.floor_mark{
		width:50px;
		height:25px;
		font-size:1.2rem;
	}
	.front_box{
		flex-direction:column-reverse;
		gap:20px;
	}
	.ttl_faci h3{
		font-size:1.6rem;
		margin:15px 0;
	}
	.ttl_faci p{
		font-size:1.3rem;
	}
}
#sec_front .btnarea,
#sec_faci .btnarea{
	margin-top:30px;
	text-align:left;
}
@media screen and (max-width:767px){
	#sec_front .btnarea,
	#sec_faci .btnarea{
		padding:0 15px;
	}
}
#sec_front .btn_brown,
#sec_faci .btn_brown{
	width:364px;
}
#sec_front .slider{
	margin-top:60px;
}
#sec_faci{
	padding:60px 0;
}
#sec_faci .ttl p{
	font-size:3.3rem;
	color:var(--gold);
	text-align:center;
}
@media screen and (max-width:767px){
	#sec_faci{
		padding:0px 0 50px;
	}
	#sec_faci .ttl p{
		font-size:2.1rem;
	}
}
.sec_faci_inner{
	margin-top:60px;
	display:flex;
	flex-wrap:wrap;
	gap:60px 6%;
	justify-content:space-between;
}

.sec_faci_inner .unit_faci{
	width:47%;
	max-width:528px;
}
.sec_faci_inner .unit_faci .ttl_faci{
	margin-top:20px;
}
.sec_faci_inner .unit_faci .note{
	margin-top:15px;
	color:var(--gray);
	font-size:1.4rem;
}
@media screen and (max-width:767px){
	.sec_faci_inner{
		flex-direction:column;
		gap:50px;
	}

	.sec_faci_inner .unit_faci{
		width:100%;
		max-width:528px;
	}
	.sec_faci_inner .unit_faci .note{
		font-size:1.3rem;
	}
}
#sec_breakfast{
	background:var(--darkgray);
	padding:60px 15px;
	text-align:center;
}

#sec_breakfast>.ttl{
	margin-bottom:100px;
}
#sec_breakfast>.ttl .en{
	font-size:4rem;
	color:var(--gold);
	margin-bottom:20px;
	font-weight:600;
}
#sec_breakfast>.ttl .ja{
	margin-bottom:40px;
	color:#fff;
	font-size:2.7rem;
}

@media screen and (max-width:767px){
	#sec_breakfast>.ttl{
		margin-bottom:60px;
	}
	#sec_breakfast>.ttl .en{
		font-size:2.1rem;
		margin-bottom:5px;
	}
	#sec_breakfast>.ttl .ja{
		font-size:1.6rem;
		margin-bottom:20px;
	}
	#sec_breakfast>.ttl .ja::before {
		bottom: -20px; /* 線の位置 */
	}
}


.breakfast_inner{
	width:100%;
	padding:80px 100px;
	max-width:1340px;
	margin:auto;
	background:#fff;
}

.breakfast_inner .intro{
	font-family:var(--sans_serif);
	font-size:1.8rem;
}
@media screen and (max-width:767px){
	.breakfast_inner{
		padding:50px 20px;
	}
	.breakfast_inner .intro p{
		font-size:1.3rem;
		text-align:left;
	}
}
.breakfast_inner .intro .table_bloc{
	max-width:550px;
	margin:60px auto;
}
.breakfast_inner .intro .table_bloc table{
	border-collapse:collapse;
	width:100%;
}
.breakfast_inner .intro .table_bloc table *{
	font-weight:normal;
	font-size:1.7rem;
}
@media screen and (max-width:767px){
	.breakfast_inner .intro .table_bloc{
		margin:30px auto;
	}
	.breakfast_inner .intro .table_bloc th{
		font-size:1.4rem;
	}
	.breakfast_inner .intro .table_bloc td{
		font-size:1.3rem;
	}
}
.breakfast_inner .intro .table_bloc table th,
.breakfast_inner .intro .table_bloc table td{
	border-top:1px solid var(--gray);
	padding:10px 30px;
}
.breakfast_inner .intro .table_bloc table tr:last-child th,
.breakfast_inner .intro .table_bloc table tr:last-child td{
	border-bottom:1px solid var(--gray);
}
.menu_ex{
	background:var(--lightgray);
	margin:46px 0;
}
.menu_ex table {
	padding:0 20px;
}
.menu_ex table th{
	font-size:2.1rem;
	white-space:nowrap;
	padding:50px;
}
.menu_ex table td{
	font-size:1.5rem;
	font-family:var(--sans_serif);
	text-align:left;
}
.menu_ex table td span{
	white-space:nowrap;
	margin-right:10px;
}
.menu_ex p {
	font-family:var(--sans_serif);
	padding:0 20px 10px;
	text-align:right;
	font-size:1.5rem;
	color:var(--gray);
}
@media screen and (max-width:767px){
	.menu_ex table th{
		display: block;
		width:100%;
		font-size:1.4rem;
	}
	.menu_ex table td{
		display: block;
		width:100%;
		font-size:1.3rem;
	}
	.menu_ex table td span{
		white-space: normal;
	}
}