/*map*/
#hv_map #main {
	padding: 40px 0 30px;
}
#hv_map .content{
	background: url("/wordpress/img/map/map_bg.png") top left no-repeat;
	background-size: contain;
	position: relative;
	max-width: 1000px;
	width: 100%;
	height:1540px;
}

#hv_map .icon li{
	list-style: none;
	position: absolute;
}

#hv_map .icon li img{
	background-size: contain;
	background-position: center bottom;
	background-repeat: no-repeat;
}

/*gate*/

#hv_map li.gate{
	top:140px;
	left: 770px;
}

#hv_map li.gate a img{
	background-image:url("/wordpress/img/map/icon_gate.png");
	width: 85px;
	height: auto;
}

/*info*/

#hv_map li.info{
	top:175px;
	right: 5px;
}

#hv_map li.info a img{
	background-image:url("/wordpress/img/map/icon_info.png");
	width: 250px;
	height: auto;
}

#hv_map li.info a:hover img{
	background-image:url("/wordpress/img/map/icon_info02.png");
}

/*mailForm*/
.mailForm input[type="file"]:focus {
  outline: 0;
}

.mailForm dd.file-upload_area {
  margin: 0;
	padding:0;
}
.mailForm .file-upload_area .pic {
      border-radius: 2px;
      padding:0;
	margin:0;
	display:inline !important;
	width:auto;
}
/*quest*/

#hv_map li.quest{
	top:60px;
	right: 225px;
}

#hv_map li.quest a img{
	background-image:url("/wordpress/img/map/icon_quest.png");
	width: 270px;
	height: auto;
}

#hv_map li.quest a:hover img{
	background-image:url("/wordpress/img/map/icon_quest02.png");
}

/*report*/

#hv_map li.report{
	top:120px;
	left: 310px;
}

#hv_map li.report a img{
	background-image:url("/wordpress/img/map/icon_report.png");
	width: 250px;
	height: auto;
}

#hv_map li.report a:hover img{
	background-image:url("/wordpress/img/map/icon_report02.png");
}

/*ranking*/

#hv_map .pageTitle {
	background-image: url("/wordpress/img/quest/page_title_bg.jpg");
}

#hv_map li.ranking{
	top:170px;
	left: 70px;
}

#hv_map li.ranking a img{
	background-image:url("/wordpress/img/map/icon_ranking.png");
	width: 250px;
	height: auto;
}

#hv_map li.ranking a:hover img{
	background-image:url("/wordpress/img/map/icon_ranking02.png");
}

/*BlackLabel*/

#hv_map li.BlackLabel{
	top:330px;
	left: 400px;
}

#hv_map li.BlackLabel a img{
	background-image:url("/wordpress/img/map/icon_BlackLabel.png");
	width: 270px;
	height: auto;
}

#hv_map li.BlackLabel a:hover img{
	background-image:url("/wordpress/img/map/icon_BlackLabel02.png");
}

/*shop*/

#hv_map li.shop{
	top:315px;
	left: 190px;
}

#hv_map li.shop a img{
	background-image:url("/wordpress/img/map/icon_shop.png");
	width: 250px;
	height: auto;
}

#hv_map li.shop a:hover img{
	background-image:url("/wordpress/img/map/icon_shop02.png");
}


/*entry*/

#hv_map li.entry{
	top:475px;
	right: 0;
}

#hv_map li.entry a img{
	background-image:url("/wordpress/img/map/icon_entry.png");
	width: 270px;
	height: auto;
}

#hv_map li.entry a:hover img{
	background-image:url("/wordpress/img/map/icon_entry02.png");
}


/*event*/

#hv_map li.event{
	top:465px;
	right: 295px;
}

#hv_map li.event a img{
	background-image:url("/wordpress/img/map/icon_event.png");
	width: 420px;
	height: auto;
}

#hv_map li.event a:hover img{
	background-image:url("/wordpress/img/map/icon_event02.png");
}

/*hunter*/

#hv_map li.hunter{
	top:530px;
	left: 10px;
}

#hv_map li.hunter a img{
	background-image:url("/wordpress/img/map/icon_hunter.png");
	width: 280px;
	height: auto;
}

#hv_map li.hunter a:hover img{
	background-image:url("/wordpress/img/map/icon_hunter02.png");
}

/*college*/

#hv_map li.college{
	top:750px;
	left: 50px;
}

#hv_map li.college a img{
	background-image:url("/wordpress/img/map/icon_college.png");
	width: 320px;
	height: auto;
}

#hv_map li.college a:hover img{
	background-image:url("/wordpress/img/map/icon_college02.png");
}

/*home*/

#hv_map li.home{
	top:910px;
	left: 470px;
}

#hv_map li.home a img{
	background-image:url("/wordpress/img/map/icon_home.png");
	width: 330px;
	height: auto;
}

#hv_map li.home a:hover img{
	background-image:url("/wordpress/img/map/icon_home02.png");
}

/*library*/

#hv_map li.library{
	top:850px;
	right: 0;
}

#hv_map li.library a img{
	background-image:url("/wordpress/img/map/icon_library.png");
	width: 230px;
	height: auto;
}

#hv_map li.library a:hover img{
	background-image:url("/wordpress/img/map/icon_library02.png");
}

/*box*/

#hv_map li.box{
	top:1200px;
	left: 34px;
}

#hv_map li.box a img{
	background-image:url("/wordpress/wp-content/uploads/2021/07/treasure_box.png");
	width: 100px;
	height: auto;
}

#hv_map li.box a:hover img{
	background-image:url("/wordpress/wp-content/uploads/2021/07/treasure_box02.png");
}

@media all and (max-width: 896px) {
#hv_map .content{
	width: calc(1000 / 896 * 82vw);
	height:calc(1600 / 896 * 82vw);
}

/*gate*/

#hv_map li.gate{
	top: calc(140 / 896 * 82vw);
	left: calc(770 / 896 * 82vw);
}

#hv_map li.gate a img{
	width: calc(85 / 896 * 82vw);
}
/*info*/

#hv_map li.info{
	top: calc(175 / 896 * 82vw);
	right: calc(5 / 896 * 82vw);
}

#hv_map li.info a img{
	width: calc(250 / 896 * 82vw);
}

/*quest*/

#hv_map li.quest{
	top: calc(60 / 896 * 82vw);
	right: calc(225 / 896 * 82vw);
}

#hv_map li.quest a img{
	width: calc(270 / 896 * 82vw);
}

/*report*/

#hv_map li.report{
	top: calc(120 / 896 * 82vw);
	left:  calc(310 / 896 * 82vw);
}

#hv_map li.report a img{
	width: calc(250 / 896 * 82vw);
}

/*ranking*/

#hv_map li.ranking{
	top: calc(160 / 896 * 82vw);
	left:  calc(70 / 896 * 82vw);
}

#hv_map li.ranking a img{
	width: calc(250 / 896 * 82vw);
}


/*BlackLabel*/

#hv_map li.BlackLabel{
	top: calc(330 / 896 * 82vw);
	left: calc(400 / 896 * 82vw);
}

#hv_map li.BlackLabel a img{
	width: calc(270 / 896 * 82vw);
}

/*shop*/

#hv_map li.shop{
	top: calc(310 / 896 * 82vw);
	left:  calc(190 / 896 * 82vw);
}

#hv_map li.shop a img{
	width: calc(250 / 896 * 82vw);
}

/*entry*/

#hv_map li.entry{
	top: calc(475 / 896 * 82vw);
	right: 0;
}

#hv_map li.entry a img{
	width: calc(270 / 896 * 82vw);
}


/*event*/

#hv_map li.event{
	top: calc(465 / 896 * 82vw);
	right: calc(295 / 896 * 82vw);
}

#hv_map li.event a img{
	width: calc(420 / 896 * 82vw);
}

/*hunter*/

#hv_map li.hunter{
	top: calc(530 / 896 * 82vw);
	left:  calc(10 / 896 * 82vw);
}

#hv_map li.hunter a img{
	width: calc(280 / 896 * 82vw);
}

/*college*/

#hv_map li.college{
	top: calc(750 / 896 * 82vw);
	left: calc(50 / 896 * 82vw);
}

#hv_map li.college a img{
	width: calc(320 / 896 * 82vw);
}

/*home*/

#hv_map li.home{
	top: calc(910 / 896 * 82vw);
	left: calc(470 / 896 * 82vw);
}

#hv_map li.home a img{
	width: calc(330 / 896 * 82vw);
}

/*library*/

#hv_map li.library{
	top: calc(850 / 896 * 82vw);
	right: 0;
}

#hv_map li.library a img{
	width: calc(230 / 896 * 82vw);
}

/*box*/

#hv_map li.box{
	top: calc(1200 / 896 * 82vw);
	left: calc(34 / 896 * 82vw);
}

#hv_map li.box a img{
	width: calc(100 / 896 * 82vw);
}
}