@charset "utf-8";
/* CSS Document */

.map_content {
	margin:70px 0 40px;
	position:relative;
}
.map_list_wrap {
	display: flex;
	justify-content: space-between;
}
.map_list_wrap ul{
	list-style:none;
}
.map_list_wrap ul li{
	padding:0 10px;
	margin-bottom:2px;
}
.map_list_wrap ul li .name{
	font-size:13px;
	padding-left: 20px;
	position: relative;
}
.map_list_wrap ul li .name span{
	color:#FFF;
	width:16px;
	height:16px;
	line-height:16px;
	text-align:center;
	font-size:10px;
	border-radius:50%;
	position: absolute;
	top: 2px;
	left: 0;
}
.map_list_wrap ul li .name span.bg_green {
	background:#6EB92B;
}
.map_list_wrap ul li .name span.bg_orange {
	background:#F39700
}
.map_list_wrap ul li .name span.bg_pink {
	background:#EB6DA5
}
.map_list_wrap ul li .name span.bg_blue {
	background:#20ADE5
}
.map_list_wrap ul li .name:hover{
	background:#FFFF84;
	cursor:pointer;
}
#honjou_map .map_list_wrap #list01{
	margin-top: -183px;
}
#honjou_map .map_list_wrap #list02 {
	margin-top: -60px;
}
#honjou_map .map_list_wrap #list04{
	margin-top: -45px;
}
#nabeshima_map .map_list_wrap #list01{
	margin-top: -120px;
}
#nabeshima_map .map_list_wrap #list02{
	margin-top: -63px;
}
#arita_map .map_list_wrap #list01{
	margin-top: -40px;
}

.popup{
	width:320px;
	margin-top: -22px;
	margin-left: -167px;
	padding:20px;
	background:url(/gaiyo1/campusmap/images/popup_bg.png);
	position:absolute;
	display:none;
	z-index:100;
}
.popup dt{
	font-weight:bold;
	text-align:center;
	font-size:15px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-shadow: 0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
}
.popup dt .delete{
	cursor:pointer;
	background:#333;
	color:#FFF;
	text-shadow:none;
	position:absolute;
	top:0;
	right:0;
	width:25px;
	height:25px;
	line-height:25px;
}
.popup dd{
	text-align:center;
}
.popup dd img {
	margin-top:20px;
}
.popup.on{
	display:block !important;
	background:none;
	z-index:1;
}
.popup.on dt .delete,
.popup.on dd{
	display:none;
}

/*===========================================
 ポップアップの燕幣了崔
============================================*/

#honjou_map .map_on01{top:calc(232px - 21px); left:425px;}
#honjou_map .map_on02{top:calc(318px - 21px * 4); left:449px;}
#honjou_map .map_on03{top:calc(180px - 21px); left:379px;}
#honjou_map .map_on04{top:calc(411px - 21px); left:621px;}
#honjou_map .map_on05{top:calc(403px - 21px * 2); left:691px;}
#honjou_map .map_on06{top:calc(238px - 21px); left:468px;}
#honjou_map .map_on07{top:calc(422px - 21px); left:485px;}
#honjou_map .map_on08{top:calc(437px - 21px); left:546px;}
#honjou_map .map_on09{top:calc(387px - 21px); left:354px;}
#honjou_map .map_on10{top:calc(355px - 21px); left:336px;}
#honjou_map .map_on11{top:calc(306px - 21px * 2); left:413px;}
#honjou_map .map_on12{top:calc(339px - 21px); left:283px;}
#honjou_map .map_on13{top:calc(399px - 21px * 2); left:424px;}
#honjou_map .map_on14{top:calc(283px - 21px); left:360px;}
#honjou_map .map_on15{top:calc(295px - 21px); left:177px;}
#honjou_map .map_on16{top:calc(276px - 21px); left:139px;}
#honjou_map .map_on17{top:calc(303px - 21px); left:216px;}
#honjou_map .map_on18{top:calc(331px - 21px); left:503px;}
#honjou_map .map_on19{top:calc(363px - 21px); left:515px;}
#honjou_map .map_on20{top:calc(379px - 21px); left:558px;}
#honjou_map .map_on21{top:calc(319px - 21px); left:582px;}
#honjou_map .map_on22{top:calc(256px - 21px * 2); left:208px;}
#honjou_map .map_on23{top:calc(158px - 21px); left:458px;}
#honjou_map .map_on24{top:calc(134px - 21px); left:397px;}
#honjou_map .map_on25{top:calc(120px - 21px); left:351px;}
#honjou_map .map_on26{top:calc(104px - 21px); left:305px;}
#honjou_map .map_on27{top:calc(122px - 21px); left:525px;}
#honjou_map .map_on28{top:calc(100px - 21px); left:480px;}
#honjou_map .map_on29{top:calc(78px - 21px); left:580px;}
#honjou_map .map_on30{top:calc(78px - 21px); left:522px;}
#honjou_map .map_on31{top:calc(104px - 21px * 2); left:596px;}
#honjou_map .map_on32{top:calc(78px - 21px * 2); left:637px;}
#honjou_map .map_on33{top:calc(115px - 21px); left:446px;}
#honjou_map .map_on34{top:calc(139px - 21px); left:285px;}
#honjou_map .map_on35{top:calc(168px - 21px); left:539px;}
#honjou_map .map_on36{top:calc(140px - 21px); left:616px;}
#honjou_map .map_on37{top:calc(161px - 21px); left:658px;}
#honjou_map .map_on38{top:calc(126px - 21px); left:670px;}
#honjou_map .map_on39{top:calc(214px - 21px); left:560px;}
#honjou_map .map_on40{top:calc(90px - 21px); left:408px;}
#honjou_map .map_on41{top:calc(128px - 21px); left:703px;}
#honjou_map .map_on42{top:calc(232px - 21px); left:532px;}
#honjou_map .map_on43{top:calc(192px - 21px); left:293px;}
#honjou_map .map_on44{top:calc(188px - 21px); left:249px;}
#honjou_map .map_on45{top:calc(153px - 21px); left:316px;}
#honjou_map .map_on46{top:calc(101px - 21px); left:670px;}
#honjou_map .map_on47{top:calc(60px - 21px); left:122px;}
#honjou_map .map_on48{top:calc(226px - 21px); left:360px;}
#honjou_map .map_on49{top:calc(37px - 21px); left:196px;}
#honjou_map .map_on50{top:calc(19px - 21px); left:253px;}
#honjou_map .map_on51{top:calc(69px - 21px); left:201px;}
#honjou_map .map_on52{top:calc(102px - 21px); left:370px;}
#honjou_map .map_on53{top:calc(232px - 21px); left:253px;}
#honjou_map .map_on54{top:calc(127px - 21px); left:574px;}
#honjou_map .map_on55{top:calc(244px - 21px); left:719px;}
#honjou_map .map_on56{top:calc(259px - 21px); left:752px;}
#honjou_map .map_on57{top:calc(93px - 21px); left:172px;}
#honjou_map .map_on58{top:calc(76px - 21px); left:265px;}
#honjou_map .map_on59{top:calc(204px - 21px); left:776px;}

#nabeshima_map .map_on01{top:calc(141px - 21px * 2); left:607px;}
#nabeshima_map .map_on02{top:calc(208px - 21px * 4); left:530px;}
#nabeshima_map .map_on03{top:calc(158px - 21px); left:524px;}
#nabeshima_map .map_on04{top:calc(133px - 21px); left:479px;}
#nabeshima_map .map_on05{top:calc(141px - 21px); left:375px;}
#nabeshima_map .map_on06{top:calc(205px - 21px); left:450px;}
#nabeshima_map .map_on07{top:calc(252px - 21px); left:505px;}
#nabeshima_map .map_on08{top:calc(116px - 21px); left:542px;}
#nabeshima_map .map_on09{top:calc(180px - 21px); left:585px;}
#nabeshima_map .map_on10{top:calc(200px - 21px); left:417px;}
#nabeshima_map .map_on11{top:calc(189px - 21px); left:358px;}
#nabeshima_map .map_on12{top:calc(164px - 21px); left:466px;}
#nabeshima_map .map_on13{top:calc(113px - 21px); left:661px;}
#nabeshima_map .map_on14{top:calc(80px - 21px); left:620px;}
#nabeshima_map .map_on15{top:calc(83px - 21px); left:524px;}
#nabeshima_map .map_on16{top:calc(33px - 21px); left:560px;}
#nabeshima_map .map_on17{top:calc(46px - 21px); left:491px;}
#nabeshima_map .map_on18{top:calc(85px - 21px); left:702px;}
#nabeshima_map .map_on19{top:calc(50px - 21px); left:591px;}
#nabeshima_map .map_on20{top:calc(43px - 21px); left:624px;}
#nabeshima_map .map_on21{top:calc(46px - 21px); left:655px;}
#nabeshima_map .map_on22{top:calc(116px - 21px); left:452px;}
#nabeshima_map .map_on23{top:calc(93px - 21px); left:425px;}
#nabeshima_map .map_on24{top:calc(37px - 21px); left:706px;}
#nabeshima_map .map_on25{top:calc(94px - 21px); left:775px;}
#nabeshima_map .map_on26{top:calc(58px - 21px); left:305px;}
#nabeshima_map .map_on27{top:calc(155px - 21px); left:158px;}
#nabeshima_map .map_on28{top:calc(171px - 21px); left:214px;}
#nabeshima_map .map_on29{top:calc(201px - 21px); left:189px;}
#nabeshima_map .map_on30{top:calc(196px - 21px); left:286px;}
#nabeshima_map .map_on31{top:calc(291px - 21px); left:311px;}
#nabeshima_map .map_on32{top:calc(283px - 21px); left:227px;}
#nabeshima_map .map_on33{top:calc(214px - 21px); left:133px;}
#nabeshima_map .map_on34{top:calc(291px - 21px); left:610px;}
#nabeshima_map .map_on35{top:calc(249px - 21px); left:558px;}
#nabeshima_map .map_on36{top:calc(233px - 21px); left:610px;}
#nabeshima_map .map_on37{top:calc(21px - 21px); left:465px;}
#nabeshima_map .map_on38{top:calc(8px - 21px); left:430px;}
#nabeshima_map .map_on39{top:calc(0px - 21px); left:388px;}
#nabeshima_map .map_on40{top:calc(349px - 21px); left:677px;}
#nabeshima_map .map_on41{top:calc(228px - 21px); left:665px;}
#nabeshima_map .map_on42{top:calc(237px - 21px); left:690px;}
#nabeshima_map .map_on43{top:calc(174px - 21px); left:405px;}
#nabeshima_map .map_on44{top:calc(180px - 21px); left:784px;}

#arita_map .map_on01{top:calc(107px - 21px); left:562px;}
#arita_map .map_on02{top:calc(189px - 21px); left:273px;}