@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:9px;
top:55px;
}

#ctrl{
height:116px;
margin:0;
pading:0;
position:fixed;
right:40px;
bottom:-78px;
z-index:5;
}

#boxInner img{
display:block;
border:0;
}



#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:628px;
left:440px;
}

#icon02{
top:720px;
left:282px;
}

#icon03{
top:727px;
left:336px;
}

#icon04{
top:828px;
left:352px;
}

#icon05{
top:797px;
left:404px;
}

#icon06{
top:679px;
left:480px;
}

#icon07{
top:704px;
left:530px;
}

#icon08{
top:750px;
left:560px;
}

#icon09{
top:641px;
left:562px;
}

#icon10{
top:430px;
left:627px;
}

#icon11{
top:342px;
left:681px;
}

#icon12{
top:337px;
left:800px;
}

#icon13{
top:313px;
left:815px;
}

#icon14{
top:352px;
left:912px;
}

#icon15{
top:392px;
left:963px;
}

#icon16{
top:407px;
left:986px;
}
/*ジョギングの部*/
#icon001{
top:432px;
left:957px;
}

#icon17{
top:414px;
left:1009px;
}

#icon18{
top:640px;
left:1290px;
}

#icon19{
top:675px;
left:1313px;
}

#icon20{
top:680px;
left:1341px;
}

#icon21{
top:778px;
left:1471px;
}

#icon22{
top:795px;
left:1510px;
}

#icon23{
top:816px;
left:1659px;
}

#icon24{
top:1047px;
left:1823px;
}

#icon25{
top:1071px;
left:1821px;
}

#icon26{
top:1015px;
left:1862px;
}

#icon27{
top:1045px;
left:1857px;
}

#icon28{
top:1032px;
left:1893px;
}

#icon29{
top:995px;
left:1797px;
}

#icon30{
top:970px;
left:1807px;
}

#icon31{
top:974px;
left:1876px;
}

#icon32{
top:947px;
left:1891px;
}

#icon33{
top:971px;
left:1915px;
}

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

.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:580px;
left:430px;
}

#aid01{
top:807px;
left:293px;
}

#aid02{
top:701px;
left:456px;
}

#aid03{
top:623px;
left:595px;
}

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

#aid05{
top:294px;
left:680px;
}

#aid06{
top:384px;
left:910px;
}

#aid07{
top:519px;
left:997px;
}

#aid08{
top:468px;
left:1143px;
}

#aid09{
top:653px;
left:1168px;
}

#aid10{
top:655px;
left:1210px;
}

#aid11{
top:686px;
left:1323px;
}

#aid12{
top:748px;
left:1412px;
}

#aid13{
top:833px;
left:1662px;
}

#aid14{
top:913px;
left:1734px;
}

#aid15{
top:1013px;
left:1676px;
}

#aid16{
top:1060px;
left:1834px;
}


/*エイドステーション提供品一覧*/
#offer{
width:2300px;
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;
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 */
#modal-content{
width:40%;
height:80%;
margin:auto;
padding:20px;
border:solid 6px #009843;
background: #fff;
position:fixed;
left:0;
top:0;
right:0;
bottom:0;
z-index:999;
}
#modal-content img{
width:100%;
height:auto;
}

#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以下用*/
}

#modal-close{
margin:0 auto;
padding:10px;
text-align:center;
color:#fff;
background-color:#DA0400;
cursor:pointer;
}

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




@media screen and (min-width: 770px){

#scrollSP{
display:none;
}

}



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

h1 img{
width:300px;
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;
}

/* modal */
#modal-content{
width:80%;
height:55%;
margin:auto;
padding:20px;
font-size:10px;
border:solid 6px #009843;
background: #fff;
position:fixed;
left:0;
right:0;
z-index:999;
}
#modal-content img{
width:100%;
height:auto;
}

#modal-overlay{
z-index:900;
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:120%;
background-color:rgba( 0,0,0, 0.75 );
}

#modal-close{
margin:0 auto;
padding:10px;
text-align:center;
color:#fff;
background-color:#DA0400;
cursor:pointer;
}


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

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

#icon01{
top:522px;
left:362px;
}

#icon02{
top:603px;
left:238px;
}

#icon03{
top:612px;
left:281px;
}

#icon04{
top:692px;
left:300px;
}

#icon05{
top:665px;
left:337px;
}

#icon06{
top:568px;
left:406px;
}

#icon07{
top:595px;
left:449px;
}

#icon08{
top:628px;
left:470px;
}

#icon09{
top:535px;
left:477px;
}

#icon10{
top:363px;
left:527px;
}

#icon11{
top:288px;
left:575px;
}

#icon12{
top:298px;
left:670px;
}

#icon13{
top:283px;
left:676px;
}

#icon14{
top:299px;
left:754px;
}

#icon15{
top:327px;
left:807px;
}

#icon16{
top:340px;
left:819px;
}
/*ジョギングの部*/
#icon001{
top:356px;
left:807px;
}

#icon17{
top:340px;
left:837px;
}

#icon18{
top:540px;
left:1088px;
}

#icon19{
top:565px;
left:1101px;
}

#icon20{
top:568px;
left:1121px;
}

#icon21{
top:656px;
left:1237px;
}

#icon22{
top:665px;
left:1260px;
}

#icon23{
top:683px;
left:1381px;
}

#icon24{
top:873px;
left:1523px;
}

#icon25{
top:893px;
left:1521px;
}

#icon26{
top:851px;
left:1556px;
}

#icon27{
top:871px;
left:1550px;
}

#icon28{
top:867px;
left:1575px;
}

#icon29{
top:835px;
left:1503px;
}

#icon30{
top:818px;
left:1510px;
}

#icon31{
top:817px;
left:1568px;
}

#icon32{
top:799px;
left:1577px;
}

#icon33{
top:815px;
left:1595px;
}


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

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

#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 p{
margin:0 0 10px;
padding:0;
font-size:14px;
}

#aid00{
top:490px;
left:360px;
}

#aid01{
top:678px;
left:261px;
}

#aid02{
top:586px;
left:387px;
}

#aid03{
top:526px;
left:500px;
}

#aid04{
top:300px;
left:548px;
}

#aid05{
top:252px;
left:574px;
}

#aid06{
top:326px;
left:768px;
}

#aid07{
top:445px;
left:837px;
}

#aid08{
top:384px;
left:997px;
}

#aid09{
top:557px;
left:978px;
}

#aid10{
top:562px;
left:1000px;
}

#aid11{
top:581px;
left:1111px;
}

#aid12{
top:633px;
left:1197px;
}

#aid13{
top:705px;
left:1391px;
}

#aid14{
top:765px;
left:1452px;
}

#aid15{
top:850px;
left:1406px;
}

#aid16{
top:886px;
left:1537px;
}

/*エイドステーション提供品一覧*/
#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;
}

}


/* 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;
}