@charset "UTF-8";


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* common */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */
body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.7;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust:100%;
}

h1{
	margin:0;
	padding:0;
	position:absolute;
	left:110px;
	top:44px;
}
h1 img{
	width:754px;
	height: auto;
}

#ctrl{
	width:280px;
	height:116px;
	margin:0;
	pading:0;
	position:fixed;
	right:40px;
	bottom:-78px;
	z-index:5;
}
#ctrl img{
	width:100%;
	height: auto;
}

#boxInner img{
	display:block;
	border:0;
}
.fbox img{
	width:37px;
	height:auto;
}

.map{
	width:2530px;
	height: auto;
}


#scroll{
	width:100%;
	height:100%;
	overflow:hidden;
	cursor:move;
}

#boxInner{
	width:100%;
	height:100%;
	position:relative;
}



/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* メガホン */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */

.icon{
	margin:0;
	padding:0;
	cursor:pointer;
	position:absolute;
	z-index:2;
}

#ohenPoint{
	top:1180px;
	left:30px;
}


#icon01{
	top:715px;
	left:324px;
}

#icon02{
	top:831px;
	left:188px;
}

#icon03{
	top:860px;
	left:204px;
}

#icon04{
	top:993px;
	left:234px;
}

#icon05{
	top:950px;
	left:290px;
}

#icon06{
	top:788px;
	left:397px;
}

#icon07{
	top:830px;
	left:477px;
}

#icon08{
	top:883px;
	left:493px;
}

#icon09{
	top:735px;
	left:520px;
}

#icon10{
	top:468px;
	left:592px;
}

#icon11{
	top:340px;
	left:661px;
}

#icon12{
	top:343px;
	left:820px;
}

#icon13{
	top:323px;
	left:844px;
}

#icon14{
	top:296px;
	left:876px;
}

#icon15{
	top:350px;
	left:950px;
}

#icon16{
	top:400px;
	left:1055px;
}
/*ジョギングの部*/
#icon001{
	top:433px;
	left:1048px;
}

#icon17{
	top:410px;
	left:1091px;
}

#icon18{
	top:890px;
	left:1342px;
}

#icon19{
	top:744px;
	left:1550px;
}

#icon20{
	top:753px;
	left:1587px;
}

#icon21{
	top:790px;
	left:1556px;
}

#icon22{
	top:915px;
	left:1696px;
}

#icon23{
	top:935px;
	left:1730px;
}

#icon24{
	top:1059px;
	left:2034px;
}

#icon25{
	top:1322px;
	left:2049px;
}

#icon26{
	top:1348px;
	left:2069px;
}

#icon27{
	top:1292px;
	left:2151px;
}

#icon28{
	top:1346px;
	left:2180px;
}

#icon29{
	top:1243px;
	left:2218px;
}

#icon30{
	top:1268px;
	left:2240px;
}


/* --------------------------------------------------------------------------------------------------------------------------------------------- */
/* エイドステーション */
/* --------------------------------------------------------------------------------------------------------------------------------------------- */

.aid{
	margin:0;
	padding:0;
	cursor:pointer;
	position:absolute;
	z-index:2;
	transform:scale(0.5);
	-webkit-transform:scale(0.5);
}

#aidCont{
	background-color:#fff;
}

#aidCont h1{
	min-height:40px;
	margin:0 0 10px;
	padding:8px 0 0 60px;
	font-size:16px;
	color:#0091da;
	background:URL(../img/bg_aid.gif) left top no-repeat;
	position:inherit;
}

#aidCont table{
	width:100%;
	margin:0 0 10px;
	border-collapse:separate;
	border-spacing:5px;
}
#aidCont table th,
#aidCont table td{
	padding:5px 10px;
	vertical-align:top;
}
#aidCont table th{
	width:30%;
	text-align:left;
	background-color:#eee;
}

#aidCont p{
	margin:0 0 10px;
	padding:0;
	font-size:14px;
}

#aid00{
	top:732px;
	left:319px;
}

#aid01{
	top:1009px;
	left:224px;
}

#aid02{
	top:819px;
	left:380px;
}

#aid03{
	top:610px;
	left:582px;
}

/*#aid04{
	top:478px;
	left:858px;
}*/

#aid05{
	top:307px;
	left:677px;
}

#aid06{
	top:406px;
	left:1008px;
}

#aid07{
	top:571px;
	left:1119px;
}

#aid08{
	top:461px;
	left:1336px;
}

#aid09{
	top:776px;
	left:1344px;
}

#aid10{
	top:779px;
	left:1377px;
}

#aid11{
	top:833px;
	left:1580px;
}

#aid12{
	top:892px;
	left:1714px;
}

#aid13{
	top:1021px;
	left:1999px;
}

#aid14{
	top:1133px;
	left:1893px;
}

#aid15{
	top:1242px;
	left:2025px;
}

#aid16{
	top:1299px;
	left:2242px;
}



/*エイドステーション提供品一覧*/
#offer{
	width:2530px;
	margin:0 0 0 30px;
	padding:30px 0;
	overflow:hidden;
}
#offer h2{
	margin:0 30px 20px 0;
	padding:0 0 10px;
	min-height:24px;
	font-size:22px;
	line-height:1.3;
	border-bottom:solid 5px #009d24;
}
#offer ul{
	margin:0;
	padding:0;
	list-style:none;
}
#offer ul li{
	width:200px;
	height:258px;
	margin:0 30px 30px 0; 
	float:left;
}
#offer ul li h3{
	margin:5px 0;
	padding:0;
	font-size:14px;
	color:#008edc;
	border-bottom:solid 1px #ccc;
}
#offer ul li p{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.5;
}

#modal-overlay{
	display:none;
	z-index:900;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba( 0,0,0, 0.75 );
	background:rgba( 0,0,0, 0.75 );/*IE9*/
	filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99000000,EndColorStr=#99000000);/*IE8以下用*/
}


/*エイド情報*/
#aidCont ul{
	width:520px;
	margin:0;
	padding:0;
	list-style:none;
}
#aidCont ul li{
	width:70px;
	margin:0 10px 10px 0;
	float:left;
}

.fancybox-image{
	max-width:672px;
}



@media screen and (min-width: 1025px){
	#scrollSP{
		display:none;
	}
	/* modal */
	#modal-content{
		width:50%;
		height:100vh;
		margin:auto;
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:999;
	}
	#modal-content img{
		width:auto;
		height: 100%;
	}
}

@media screen and (max-width: 1024px){
	/* modal */
	#modal-content{
		width:90%;
		height:60%;
		margin:auto;
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:999;
		text-align:center;
	}
	#modal-content img{
		width:auto;
		height: 100%;
	}
	
	h1{
		left:10px;
		top:10px;
	}
	h1 img{
		width:58%;
		height:auto;
	}

	#scroll{
		display:none;
	}

	#scrollSP{
		display:block;	
	}

	#ctrl{
		display:none;
	}

	/*エイド情報*/
	#aidCont ul{
		width:100%;
		margin:0;
		padding:0;
		list-style:none;
	}
	#aidCont ul li{
		width:70px;
		margin:0 10px 10px 0;
		float:left;
	}
	#aidCont ul li img{
		width:70px;
		height:auto;
	}

	/* --------------------------------------------------------------------------------------------------------------------------------------------- */
	/* メガホン */
	/* --------------------------------------------------------------------------------------------------------------------------------------------- */

	.icon{
		margin:0;
		padding:0;
		cursor:pointer;
		position:absolute;
		z-index:2;
	}
	.fbox img{
		width:25px;
		height:auto;
	}

	#icon01{
		top:550px;
		left:250px;
	}

	#icon02{
		top:633px;
		left:140px;
	}

	#icon03{
		top:654px;
		left:154px;
	}

	#icon04{
		top:750px;
		left:186px;
	}

	#icon05{
		top:718px;
		left:219px;
	}

	#icon06{
		top:599px;
		left:301px;
	}

	#icon07{
		top:634px;
		left:361px;
	}

	#icon08{
		top:668px;
		left:367px;
	}

	#icon09{
		top:559px;
		left:399px;
	}

	#icon10{
		top:354px;
		left:455px;
	}

	#icon11{
		top:261px;
		left:512px;
	}

	#icon12{
		top:266px;
		left:624px;
	}

	#icon13{
		top:251px;
		left:640px;
	}

	#icon14{
		top:228px;
		left:663px;
	}

	#icon15{
		top:268px;
		left:722px;
	}

	#icon16{
		top:306px;
		left:804px;
	}
	/*ジョギングの部*/
	#icon001{
		top:325px;
		left:793px;
	}

	#icon17{
		top:315px;
		left:826px;
	}

	#icon18{
		top:674px;
		left:1020px;
	}

	#icon19{
		top:566px;
		left:1184px;
	}

	#icon20{
		top:573px;
		left:1209px;
	}

	#icon21{
		top:603px;
		left:1184px;
	}

	#icon22{
		top:695px;
		left:1293px;
	}

	#icon23{
		top:710px;
		left:1315px;
	}

	#icon24{
		top:805px;
		left:1547px;
	}

	#icon25{
		top:1009px;
		left:1563px;
	}

	#icon26{
		top:1023px;
		left:1582px;
	}

	#icon27{
		top:984px;
		left:1634px;
	}

	#icon28{
		top:1020px;
		left:1653px;
	}

	#icon29{
		top:945px;
		left:1683px;
	}

	#icon30{
		top:963px;
		left:1698px;
	}

	#icon31{
		top:755px;
		left:1581px;
	}



	/* --------------------------------------------------------------------------------------------------------------------------------------------- */
	/* エイドステーション */
	/* --------------------------------------------------------------------------------------------------------------------------------------------- */

	.aid{
		margin:0;
		padding:0;
		cursor:pointer;
		position:absolute;
		z-index:2;
		transform:scale(0.5)!important;
		-webkit-transform:scale(0.5)!important;
	}
	.aid img{
		width:44px;
		height: auto;
	}

	#aidCont h1{
		min-height:40px;
		margin:0 0 10px;
		padding:8px 0 0 60px;
		font-size:16px;
		color:#ee0084;
		background:URL(../img/bg_aid.gif) left top no-repeat;
		background-size:42px auto;
		position:inherit;
	}

	#aidCont p{
		margin:0 0 10px;
		padding:0;
		font-size:14px;
	}

	#aid00{
		top:565px;
		left:247px;
	}

	#aid01{
		top:740px;
		left:152px;
	}

	#aid02{
		top:626px;
		left:292px;
	}

	#aid03{
		top:464px;
		left:440px;
	}

	#aid04{
		top:233px;
		left:515px;
	}

	#aid05{
		top:233px;
		left:514px;
	}

	#aid06{
		top:303px;
		left:762px;
	}

	#aid07{
		top:434px;
		left:849px;
	}

	#aid08{
		top:347px;
		left:1011px;
	}

	#aid09{
		top:588px;
		left:1018px;
	}

	#aid10{
		top:590px;
		left:1046px;
	}

	#aid11{
		top:629px;
		left:1199px;
	}

	#aid12{
		top:671px;
		left:1300px;
	}

	#aid13{
		top:773px;
		left:1521px;
	}

	#aid14{
		top:860px;
		left:1439px;
	}

	#aid15{
		top:944px;
		left:1536px;
	}

	#aid16{
		top:984px;
		left:1701px;
	}

	/*エイドステーション提供品一覧*/
	#offer{
		width:1891px;
		margin:0 0 0 30px;
		padding:30px 0;
		overflow:hidden;
	}
	#offer h2{
		margin:0 0 20px;
		padding:0 0 10px;
		min-height:24px;
		font-size:18px;
		line-height:1.3;
		border-bottom:solid 5px #009d24;
	}
	#offer ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	#offer ul li{
		width:180px;
		min-height:230px;
		margin:0 30px 30px 0; 
		float:left;
	}
	#offer ul li img{
		width:100%;
		height:auto;
	}

	#offer ul li h3{
		margin:5px 0;
		padding:0;
		font-size:12px;
		color:#008edc;
		border-bottom:solid 1px #ccc;
	}
	#offer ul li p{
		margin:0;
		padding:0;
		font-size:12px;
		line-height:1.5;
	}

}

@media screen and (max-width: 736px){

	h1{
		left:10px;
		top:10px;
	}
	h1 img{
		width:60%;
		height:auto;
	}
}

@media screen and (max-width: 414px){
	h1{
		left:10px;
		top:10px;
	}
	h1 img{
		width:96%;
		height:auto;
	}
}

@media screen and (max-width: 321px){
	
	
}


	/* IE8 Hack */
	#scrollSP{
		display:none\9;
	}
	.aid{
		width:36px\9;
		height:36px\9;
		margin:20px 0 0 20px\9;
	}
	:root .aid{
		width:74px\0/;
		height:74px\0/;
		margin:0\0/;
	}

	.aid a img{
		width:100%\9;
		height:auto\9;
	}