@charset "utf-8";

/*-------------------------------
	館内施設
-------------------------------*/

.Floor__content{
    padding-top: calc(var(--header-height) * var(--header-height-fix-scale));
    margin-top: calc((var(--header-height) * var(--header-height-fix-scale)) * -1);
}

.Floor__image .P-Image__inner{
	padding: 3.2rem 5.5rem;
	background: #fff;
	text-align: center;
}
.Floor__image img{
	max-width: 64rem;
}
.Floor__item-title{
	width: 100%;
	min-height: 4.6rem;
	padding: .8rem 1.2rem;
	margin-bottom: 2rem;
	display: flex;
	align-items: center;
	justify-content: flex-start;
}
.Floor__item-title::before{
	font-family: var(--en);
	content: attr(data-number);
	font-size: 1.6rem;
	font-weight: 700;
	width: 3.2rem;
	height: 3.2rem;
	border-radius: 50%;
	line-height: 1;
	color: #fff;
	display: flex;
	align-items: center;
	justify-content: center;
}
.Floor__item-title span{
	width: calc(100% - 3.2rem);
	padding-left: 2rem;
	font-size: 1.8rem;
	font-weight: 700;
	letter-spacing: .05em;
	display: block;
}
.Floor__item-button{
	width: 30rem;
}

/*----- 1階 */
.Floor1 .Floor__item-title{
	background: var(--subcolor_light1);
}
.Floor1 .Floor__item-title::before{
	background: var(--sub_gradcolor_dark1);
}

/*----- 中2階 */
.Floor1-5 .Floor__item-title{
	background: var(--kato_maincolor_light1);
}
.Floor1-5 .Floor__item-title::before{
	background: var(--kato_gradcolor_dark1);
}

/*----- 3階 */
.Floor3 .Floor__item-title{
	background: var(--hara_maincolor_light1);
}
.Floor3 .Floor__item-title::before{
	background: var(--hara_gradcolor_dark1);
}


@media screen and (min-width:769px) , print{

}
@media screen and (max-width:1520px) and (min-width: 769px){

}
@media screen and (max-width:1380px) and (min-width: 769px){

}
@media screen and (max-width:1240px) and (min-width: 769px){

}
@media screen and (max-width:1100px) and (min-width: 769px){

}
@media screen and (max-width:960px) and (min-width: 769px){

}
@media screen and (max-width:768px){

	.Floor__image{
		margin-bottom: 5rem;
	}
	.Floor__image .P-Image__inner{
		padding: var(--padding-leftright);
	}
	.Floor__image img{
		width: 75rem;
		max-width: 75rem;
	}
	.Floor__image .mCSB_scrollTools{
		height: 1rem;
	}
	.Floor__image .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background: var(--maincolor_dark7);
		height: 100%;
		opacity: 0;
		margin: 0;
	}
	.Floor__image:hover .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		opacity: 1;
	}
	.Floor__image .mCSB_scrollTools .mCSB_draggerRail{
		opacity: 0;
	}


	.Floor__item-title{
		min-height: 7.5rem;
		padding: 2rem;
		margin-bottom: 3rem;
	}
	.Floor__item-title::before{
		font-size: 2.8rem;
		width: 5rem;
		height: 5rem;
	}
	.Floor__item-title span{
		width: calc(100% - 5rem);
		padding-left: 2rem;
		font-size: 3rem;
	}
	.Floor__item-button{
		width: calc(100% - 10rem);
	}

}