@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:20px;
top:10px;
}

#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:500px;
left:245px;
}

#icon02{
top:613px;
left:75px;
}

#icon03{
top:622px;
left:139px;
}

#icon04{
top:753px;
left:161px;
}

#icon05{
top:698px;
left:212px;
}

#icon06{
top:558px;
left:300px;
}

#icon07{
top:600px;
left:370px;
}

#icon08{
top:650px;
left:383px;
}

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

#icon10{
top:283px;
left:470px;
}

#icon11{
top:177px;
left:538px;
}

#icon12{
top:180px;
left:660px;
}

#icon13{
top:164px;
left:686px;
}

#icon14{
top:157px;
left:732px;
}

#icon15{
top:192px;
left:785px;
}

#icon16{
top:237px;
left:852px;
}
/*ジョギングの部*/
#icon001{
top:273px;
left:864px;
}

#icon17{
top:244px;
left:879px;
}

#icon18{
top:252px;
left:902px;
}

#icon19{
top:520px;
left:1250px;
}

#icon20{
top:513px;
left:1279px;
}

#icon21{
top:567px;
left:1296px;
}

#icon22{
top:683px;
left:1440px;
}

#icon23{
top:700px;
left:1479px;
}

#icon24{
top:718px;
left:1520px;
}

#icon25{
top:793px;
left:1607px;
}

#icon26{
top:945px;
left:1549px;
}

#icon27{
top:1128px;
left:1702px;
}

#icon28{
top:1102px;
left:1723px;
}

#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:469px;
left:254px;
}

#aid01{
top:703px;
left:146px;
}

#aid02{
top:603px;
left:304px;
}

#aid03{
top:480px;
left:445px;
}

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

#aid05{
top:179px;
left:554px;
}

#aid06{
top:177px;
left:810px;
}

#aid07{
top:375px;
left:898px;
}

#aid08{
top:311px;
left:1108px;
}

#aid09{
top:539px;
left:1103px;
}

#aid10{
top:632px;
left:1289px;
}

#aid11{
top:651px;
left:1381px;
}

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

#aid13{
top:899px;
left:1548px;
}

#aid14{
top:1143px;
left:1650px;
}

#aid15{
top:1060px;
left:1790px;
}

#aid16{
top:1002px;
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:auto;
margin:0;
padding:20px;
border:solid 6px #009843;
background: #fff;
position:fixed;
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:280px;
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:60%;
margin:0;
padding:20px;
font-size:10px;
border:solid 6px #009843;
background: #fff;
position:fixed;
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:430px;
left:211px;
}

#icon02{
top:516px;
left:68px;
}

#icon03{
top:524px;
left:115px;
}

#icon04{
top:636px;
left:141px;
}

#icon05{
top:583px;
left:180px;
}

#icon06{
top:463px;
left:248px;
}

#icon07{
top:507px;
left:314px;
}

#icon08{
top:542px;
left:325px;
}

#icon09{
top:435px;
left:345px;
}

#icon10{
top:242px;
left:398px;
}

#icon11{
top:156px;
left:449px;
}

#icon12{
top:153px;
left:548px;
}

#icon13{
top:140px;
left:573px;
}

#icon14{
top:140px;
left:618px;
}

#icon15{
top:162px;
left:660px;
}

#icon16{
top:194px;
left:719px;
}
/*ジョギングの部*/
#icon001{
top:222px;
left:737px;
}

#icon17{
top:199px;
left:740px;
}

#icon18{
top:206px;
left:758px;
}

#icon19{
top:439px;
left:1040px;
}

#icon20{
top:434px;
left:1066px;
}

#icon21{
top:476px;
left:1086px;
}

#icon22{
top:576px;
left:1217px;
}

#icon23{
top:587px;
left:1240px;
}

#icon24{
top:599px;
left:1268px;
}

#icon25{
top:663px;
left:1345px;
}

#icon26{
top:790px;
left:1301px;
}

#icon27{
top:947px;
left:1425px;
}

#icon28{
top:932px;
left:1438px;
}

#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:399px;
left:210px;
}

#aid01{
top:600px;
left:129px;
}

#aid02{
top:489px;
left:243px;
}

#aid03{
top:401px;
left:373px;
}

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

#aid05{
top:161px;
left:463px;
}

#aid06{
top:159px;
left:685px;
}

#aid07{
top:317px;
left:760px;
}

#aid08{
top:264px;
left:937px;
}

#aid09{
top:454px;
left:928px;
}

#aid10{
top:532px;
left:1086px;
}

#aid11{
top:555px;
left:1177px;
}

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

#aid13{
top:754px;
left:1296px;
}

#aid14{
top:958px;
left:1389px;
}

#aid15{
top:895px;
left:1501px;
}

#aid16{
top:850px;
left:1536px;
}

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