@charset "utf-8";
/* ******************************************************************
 *	File name		: floormap.css
 *	Summary			: css style
 * ******************************************************************
 */
 /*

緑カラーはbodyに
base_green

青　 #0080CC rgba(0,128,204,1.0)　文字等
濃青 #0061B1 rgba(0,97,177,1.0)

黄緑 #ABCD07 rgba(171,205,7,1.0)
緑　 #6FB92C rgba(111,185,44,1.0)
濃緑 #00632F rgba(0,99,47,1.0)

*/

/* ----------------------------------------------------------------------
   table
---------------------------------------------------------------------- */

#floormap_table{
	width:100%;
	margin-bottom:50px;
}
#floormap_table table{
	width:calc(100% + 14px);
	margin-top:-7px;
	margin-left:-7px;
	margin-right:-7px;
	border-collapse:separate;
	border-spacing:7px;
	border:none;
}
#floormap_table table *{
	font-size:0.87rem;
	font-size:0.95rem;
}
#floormap_table table thead{
	margin-bottom:20px;
}
#floormap_table table thead th{
	background:rgba(0,128,204,1.0);
	border:none;
	color:#FFF;
}
#floormap_table table thead th:nth-child(1){width:70px;}
#floormap_table table thead th:nth-child(2){width:140px;}
#floormap_table table thead th:nth-child(3){width:10px;}
#floormap_table table thead th:nth-child(5){width:10px;}
#floormap_table table thead th:nth-child(6){width:100px;}

#floormap_table table .no_flame{
	background:none;
	border:none;
}


#floormap_table table tbody th{
	position:relative;
	border:none;
}
#floormap_table table tbody td{
	position:relative;
	border:1px solid #DDD;
	vertical-align:text-top;
}
#floormap_table table tbody td:has(.map_link){
	padding-bottom:30px;
}

/* ul */
#floormap_table table tbody ul{
	display:-webkit-flex;
	display:flex;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:flex-start;
	flex-wrap:wrap;
	margin-bottom:10px;
	padding-left:7px;
	border-left:13px solid #FFF;
	}
	#floormap_table table tbody ul.list_blue{
		border-left:13px solid #ACE4F9;
	}
	#floormap_table table tbody ul.list_green{
		border-left:13px solid #C5E0B4;
	}
	#floormap_table table tbody ul.list_red{
		border-left:13px solid #F4B183;
	}
	#floormap_table table tbody ul:last-child{
		margin-bottom:0px;
	}
	#floormap_table table tbody ul li{
		width:33%;
	}
	#floormap_table table tbody ul li.wide{
		width:100%;
	}
	#floormap_table table tbody ul li.mini{
		font-size:0.65rem;
}

/* hosp_area */
#hosp_area figure{
	text-align:center;
}

/* renraku */
#floormap_table table .renraku{
	margin:0px !important;
	padding:5px !important;
	text-align:center;
	vertical-align:middle;
	background:rgba(0,0,0,0.2);
	letter-spacing:0px;
}

/* map_link */
#floormap_table table .map_link{
	position:absolute;
	bottom:-3px;
	left:0px;
	width:100%;
	text-align:center;
	}
	#floormap_table table .map_link a{
		display:inline-block;
		position:relative;
		width:100px;
		height:20px;
		margin:0 auto;
		font-size:0.7rem;
		text-align:center;
		background:rgba(0,128,204,1.0);
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
		color:#FFF;
		transition-duration:0.5s;
		}
		#floormap_table table .map_link a::after{
			content:" ";
			position:relative;
			top:calc(50% + 3px);
			left:0px;
			width:0px;
			height:0px;
			margin:0 0 0 7px;
			border:5px solid transparent;
			border-top:8px solid #FFF;
		}
		#floormap_table table .map_link a:hover{
			text-decoration:none;
			background:rgba(0,128,204,0.8);
		}
		#floormap_table table .map_link a:hover::after{
}

/* --- responsive --- */
@media only screen and (max-width:767px){
	#floormap_table table *{
		font-size:0.82rem;
	}
	#floormap_table table tbody ul li{
		width:49%;
	}
}
@media only screen and (max-width:600px){
	#floormap_table table{
		border-collapse:separate;
		border-spacing:2px;
	}
	#floormap_table table thead th{
		padding:5px 0px;
	}
	#floormap_table table *{
		font-size:0.65rem;
	}
	#floormap_table table thead th:nth-child(1){width:20px;}
	#floormap_table table thead th:nth-child(2){width:90px;}
	#floormap_table table thead th:nth-child(3){width:10px;}
	#floormap_table table thead th:nth-child(5){width:10px;}
	#floormap_table table thead th:nth-child(6){width:50px;}

	#floormap_table table tbody th{
		padding:2px;
	}

	#floormap_table table tbody td{
		position:relative;
		padding:5px 0 5px 0;
		border:1px solid #DDD;
		vertical-align:text-top;
	}
	#floormap_table table tbody td:nth-child(6){
		text-align:center;
	}
	#floormap_table table tbody td:has(.map_link){
		padding-bottom:30px;
	}

	/* renraku */
	#floormap_table table .renraku{
		padding:2px !important;
	}

	/* ul */
	#floormap_table table tbody ul{
		padding-left:7px;
		border-left:7px solid #FFF;
		}
		#floormap_table table tbody ul.list_blue{
			border-left:7px solid #ACE4F9;
		}
		#floormap_table table tbody ul.list_green{
			border-left:7px solid #C5E0B4;
		}
		#floormap_table table tbody ul.list_red{
			border-left:7px solid #F4B183;
		}
		#floormap_table table tbody ul li{
			width:100%;
		}
		#floormap_table table tbody ul li.wide{
			width:100%;
		}
		#floormap_table table tbody ul li.mini{
			font-size:0.65rem;
	}

	/* hosp_area */
	#hosp_area{
		width:100%;
	}
	#hosp_area figure{
		width:100%;
		max-width:100%;
		text-align:center;
	}

	#floormap_table table .map_link a{
		width:80px;
		max-width:calc(100% - 10px)
	}
}

/* ----------------------------------------------------------------------
   MAP
---------------------------------------------------------------------- */

#map_1F,
#map_2F,
#map_4F{
	position:relative;
}
#map_1F figure,
#map_2F figure{
	position:relative;
	left:-54px;
	width:1128px;
	max-width:9999px;
	margin:0px;
	padding:0px;
	transition-duration:0.5s;
}
#map_4F figure{
	position:relative;
	width:830px;
	margin:0 auto;
	padding:0px;
	transition-duration:0.5s;
}
#map_1F figure img,
#map_2F figure img,
#map_4F figure img{
	width:100%;
}
/* --- responsive --- */
@media only screen and (max-width:1277px){
	#map_1F figure,
	#map_2F figure,
	#map_4F figure{
		left:0px;
		width:100%;
	}
}
@media only screen and (max-width:767px){
	#map_1F figure{
		position:relative;
		left:0px;
		width:100%;
	}
}