/*--------------------------
MOO Floormap
moo946.com
--
2025-01-06	.mpin（単独ピン）
2021-06-18	update
2017-03-01
--------------------------*/


.fmap_wrap	{ position: relative; max-width: 940px; margin: 1em auto; }

/*--------------------------
.mpin（単独ピン）
SIZE：	20x20 px
幅：	20px/940px=0.0212
座標：	中心から10px
--------------------------*/
.mpin	{ position: absolute; width: clamp(1px, 2.12%, 20px); aspect-ratio: 1/1; }


.tooltip { display: none; }
.tooltip {
	width: 240px;
	margin: 0;
	padding: 1rem;
	font-size: 11px;
	color: #666;
	background-color: #fff;
	border-radius: 1rem;
	box-shadow: 0 0 12px rgba(0,0,0,.2);
/*
	zoom: 1;
*/
}
.tooltip a	{ color: #678; text-decoration: none; }
.tooltip h3	{ margin: 0; padding: 3px; font-size: 1.1rem; border: none;}
.tooltip p	{ margin: 0; text-align: justify; }
.tooltip img{ margin: 5px 0; border: none; }

#tooltip_1	{ z-index: 100000; }
#tooltip_2	{ height: 300px; width: 300px; background:#fff;border-color:#e66; }
#tooltip_3	{ background:#fff;border-color:#8c6; }

/*--------------------------
Navigation
--------------------------*/
#fnav {
	margin: 1em auto;
	padding: 0;
	display: flex;
	justify-content: center;
	grid-gap: 1em;
}
#fnav li {
	flex: 1;
	list-style-type: none;
	max-width: 150px;
}
#fnav a	{
	display: block;
	margin: 0; padding: 0;
	color: #fff;
	font-size: 1.2em;
	text-align: center;
	background-color: #69c;
	border:0px solid #9cf;
	border-radius: 10px;
}
#fnav a:hover	{ color: #fff; text-decoration: none; background-color: #9c6; border-color: #ce8; }
#fnav a.hit		{ color: #fff; text-decoration: none; background-color: #9c6; border-color: #ce8; }





/* for SmartPhone Landscape (横) */
@media screen and (min-width:480px) { 


}


/* for Tablet */
@media screen and (min-width:768px) { /* and ( max-width:1024px) { */

	#fnav { margin: 2em auto; }
	#fnav a	{ font-size: 2em; }

}