


.map_gmap{
	width: 100% ;
	height: 320px ;
	margin-top : 80px ;
}
.map_gmap iframe{
	width: 100% ;
	height: 100% ;
}



.map_section{
	width: 100% ;
	padding : 100px 40px 0px ;
	/** background: #CDFCF6 ; **/
	/** background : #3C3C3C ; **/
	/** background-image: url("../images/pattern_dot4.png"); **/
	overflow : hidden ;
}


.map_title{
	position: absolute;
	top : 90px ;
	left : 40px ;
	width: 260px ;
	height: 160px ;
	z-index: 23 ;
}
.map_title_image{
	width: 100% ;
	z-index: 23 ;
}

.map_stage{
	width: 100% ;
	max-width: 1000px ;
	height : 100% ;
	aspect-ratio: 1 / 1 ;
	/** background: #FFFFFF ; **/
	margin : 0px auto ;
}



.build{
	position: absolute !important;
	width : 5% ;
	z-index: 2 ;
	/**
	display: none ;
	margin-top : -40px ;
	**/
}
.block{
	position: absolute !important;
	width : 5% ;
	z-index: 1 ;
}

/** object ======================== **/
.block_office{
	width: 7.5% ;
}
.block_officebig{
	width: 15%;
}


.name_kkb{
	width: 30% ;
}
.name_stadium{
	width: 40%;
}
.name_sekisui{
	width: 30% ;
}






.build_poyo{
	width: 10% ;
}

/** object ======================== **/


.block_iconbox{
	position: absolute !important;
	top : 0% ;
	left : 0% ;
	/**
	width: 10% ;
	height: 15% ;
	**/
	width: 5% ;
	height: 7.5% ;
	z-index: 24 ;
	cursor: pointer;
}
.block_icon01{
	position: absolute !important ;
	top : 0px ;
	left : 0px ;
	width: 100% ;
	z-index: 24 ;
}
.block_icon02{
	position: absolute !important;
	top : 0px ;
	left : 0px ;
	width: 100% ;
	z-index: 25 ;
}
.block_icon_bus{
	top : 37% ;
	left : 18% ;
}


.block_icon_netz{
	top : 36% ;
	left: 20% ;
}
.block_icon_calora{
	top : 28% ;
	left: 33% ;
}
.block_icon_honda{
	top : 24% ;
	left: 42% ;
}
.block_icon_toyotawest{
	top : 18% ;
	left: 70% ;
}
.block_icon_hino{
	top : 28% ;
	left: 84% ;
}
.block_icon_nissan{
	top : 45% ;
	left: 72% ;
}
.block_icon_toyotaeast{
	top : 56% ;
	left: 50% ;
}
.block_icon_toilet{
	top : 22% ;
	left: 77% ;
}


.block_icon_trush01 .block_icon01,
.block_icon_smoke01 .block_icon01,
.block_icon_ticket .block_icon01,
.block_icon_galaxy .block_icon01,
.block_icon_access .block_icon01,
.block_icon_foods .block_icon01,
.block_icon_foods01 .block_icon01,
.block_icon_jt .block_icon01,
.block_icon_eco .block_icon01, 
.block_icon_coop .block_icon01,
.block_icon_hall_k .block_icon01{
	transform: rotate(180deg) ;
}

.block_icon_trush01 .block_icon02,
.block_icon_smoke01 .block_icon02,
.block_icon_ticket .block_icon02,
.block_icon_galaxy .block_icon02,
.block_icon_access .block_icon02,
.block_icon_foods .block_icon02,
.block_icon_foods01 .block_icon02,
.block_icon_jt .block_icon02,
.block_icon_eco .block_icon02,
.block_icon_coop .block_icon02,
.block_icon_hall_k .block_icon02{
	margin-top : 38% ;
}



.block_icon_story{
	position: absolute !important;
	bottom : 100% ;
	left : 50% ;
	transform: translate(-50%,0%) rotateZ(0.03deg);
	width: 320px ;
	padding : 10px ;
	border-radius: 16px ;
	font-weight: 900 ;
	background-color : rgba(0,0,0,0.8) ;
	color : #FFFFFF ;
	z-index: 26 ;
	font-size: 14px ;
	line-height: 1.5 ;
	box-shadow: 0px 4px 0px rgba(0,0,0,0.5) ;
	display: none ;
}

.block_icon_story_hr{
	margin : 8px 0px ;
	width: 100% ;
	height: 2px ;
	background-color: #FFFFFF ;
}

.block_icon_story span{
	color : #FFD600 ;
}

















.bt00{top:0%;}
.bt01{top:1.25%;margin-left:2.5%;}
.bt02{top:2.5%;}
.bt03{top:3.75%;margin-left:2.5%;}
.bt04{top:5%;}
.bt05{top:6.25%;margin-left:2.5%;}
.bt06{top:7.5%;}
.bt07{top:8.75%;margin-left:2.5%;}
.bt08{top:10%;}
.bt09{top:11.25%;margin-left:2.5%;}
.bt10{top:12.5%;}
.bt11{top:13.75%;margin-left:2.5%;}
.bt12{top:15%;}
.bt13{top:16.25%;margin-left:2.5%;}
.bt14{top:17.5%;}
.bt15{top:18.75%;margin-left:2.5%;}
.bt16{top:20%;}
.bt17{top:21.25%;margin-left:2.5%;}
.bt18{top:22.5%;}
.bt19{top:23.75%;margin-left:2.5%;}
.bt20{top:25%;}
.bt21{top:26.25%;margin-left:2.5%;}
.bt22{top:27.5%;}
.bt23{top:28.75%;margin-left:2.5%;}
.bt24{top:30%;}
.bt25{top:31.25%;margin-left:2.5%;}
.bt26{top:32.5%;}
.bt27{top:33.75%;margin-left:2.5%;}
.bt28{top:35%;}
.bt29{top:36.25%;margin-left:2.5%;}
.bt30{top:37.5%;}
.bt31{top:38.75%;margin-left:2.5%;}
.bt32{top:40%;}
.bt33{top:41.25%;margin-left:2.5%;}
.bt34{top:42.5%;}
.bt35{top:43.75%;margin-left:2.5%;}
.bt36{top:45%;}
.bt37{top:46.25%;margin-left:2.5%;}
.bt38{top:47.5%;}
.bt39{top:48.75%;margin-left:2.5%;}
.bt40{top:50%;}
.bt41{top:51.25%;margin-left:2.5%;}
.bt42{top:52.5%;}
.bt43{top:53.75%;margin-left:2.5%;}
.bt44{top:55%;}
.bt45{top:56.25%;margin-left:2.5%;}
.bt46{top:57.5%;}
.bt47{top:58.75%;margin-left:2.5%;}
.bt48{top:60%;}
.bt49{top:61.25%;margin-left:2.5%;}
.bt50{top:62.5%;}
.bt51{top:63.75%;margin-left:2.5%;}
.bt52{top:65%;}
.bt53{top:66.25%;margin-left:2.5%;}
.bt54{top:67.5%;}
.bt55{top:68.75%;margin-left:2.5%;}
.bt56{top:70%;}
.bt57{top:71.25%;margin-left:2.5%;}
.bt58{top:72.5%;}
.bt59{top:73.75%;margin-left:2.5%;}
.bt60{top:75%;}
.bt61{top:76.25%;margin-left:2.5%;}
.bt62{top:77.5%;}
.bt63{top:78.75%;margin-left:2.5%;}
.bt64{top:80%;}
.bt65{top:81.25%;margin-left:2.5%;}
.bt66{top:82.5%;}
.bt67{top:83.75%;margin-left:2.5%;}
.bt68{top:85%;}
.bt69{top:86.25%;margin-left:2.5%;}
.bt70{top:87.5%;}
.bt71{top:88.75%;margin-left:2.5%;}
.bt72{top:90%;}
.bt73{top:91.25%;margin-left:2.5%;}
.bt74{top:92.5%;}
.bt75{top:93.75%;margin-left:2.5%;}
.bt76{top:95%;}
.bt77{top:96.25%;margin-left:2.5%;}
.bt78{top:97.5%;}
.bt79{top:98.75%;margin-left:2.5%;}


.bl00{left:0%;}
.bl01{left:5%;}
.bl02{left:10%;}
.bl03{left:15%;}
.bl04{left:20%;}
.bl05{left:25%;}
.bl06{left:30%;}
.bl07{left:35%;}
.bl08{left:40%;}
.bl09{left:45%;}
.bl10{left:50%;}
.bl11{left:55%;}
.bl12{left:60%;}
.bl13{left:65%;}
.bl14{left:70%;}
.bl15{left:75%;}
.bl16{left:80%;}
.bl17{left:85%;}
.bl18{left:90%;}
.bl19{left:95%;}



















@media screen and (max-width: 1040px) {


.map_title{
	top : 40px ;
	left : 10px ;
	width: 200px ;
	z-index: 23 ;
}


.map_section{
	padding : 100px 0px 0px ;
}

.map_stage{
}

.build{
}
.block{
}


.block_iconbox{
}
.block_icon01{
}
.block_icon02{
}
.block_icon_bus{
}

.block_icon_booth{
}

.block_icon_story{
	width: 240px ;
	font-size: 14px ;
}




} /** (max-width: 1040px) *********************************************************/







@media screen and (max-width: 640px) {






.block_icon_story{
	width: 110px ;
	font-size: 10px ;
}

























} /** (max-width: 640px) *********************************************************/