@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:600px;
left:593px;
}

#icon02{
top:723px;
left:442px;
}

#icon03{
top:752px;
left:462px;
}

#icon04{
top:883px;
left:504px;
}

#icon05{
top:838px;
left:558px;
}

#icon06{
top:670px;
left:663px;
}

#icon07{
top:726px;
left:748px;
}

#icon08{
top:776px;
left:788px;
}

#icon09{
top:574px;
left:871px;
}

#icon10{
top:334px;
left:878px;
}

#icon11{
top:263px;
left:920px;
}

#icon12{
top:220px;
left:1113px;
}

#icon13{
top:198px;
left:1130px;
}

#icon14{
top:177px;
left:1195px;
}

#icon15{
top:215px;
left:1275px;
}

#icon16{
top:270px;
left:1375px;
}

#icon17{
top:300px;
left:1358px;
}

#icon18{
top:630px;
left:1728px;
}

#icon19{
top:640px;
left:1883px;
}

#icon20{
top:658px;
left:1937px;
}

#icon21{
top:826px;
left:2080px;
}

#icon22{
top:844px;
left:2120px;
}

#icon23{
top:860px;
left:2160px;
}

#icon24{
top:955px;
left:2266px;
}

#icon25{
top:1133px;
left:2208px;
}

#icon26{
top:1369px;
left:2390px;
}

#icon27{
top:1339px;
left:2401px;
}

#icon28{
top:1199px;
left:2508px;
}

#icon29{
top:1167px;
left:2497px;
}

#icon30{
top:1186px;
left:2601px;
}

#icon31{
top:1156px;
left:2618px;
}

#icon32{
top:1182px;
left:2642px;
}

#icon33{
top:1147px;
left:2566px;
}

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

.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:536px;
}

#aid01{
top:787px;
left:492px;
}

#aid02{
top:668px;
left:682px;
}

#aid03{
top:493px;
left:815px;
}

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

#aid05{
top:145px;
left:985px;
}

#aid06{
top:229px;
left:1292px;
}

#aid07{
top:435px;
left:1413px;
}

#aid08{
top:339px;
left:1603px;
}

#aid09{
top:609px;
left:1667px;
}

#aid10{
top:714px;
left:1919px;
}

#aid11{
top:744px;
left:2029px;
}

#aid12{
top:919px;
left:2295px;
}

#aid13{
top:1142px;
left:2176px;
}

#aid14{
top:1373px;
left:2330px;
}

#aid15{
top:1290px;
left:2500px;
}

#aid16{
top:1208px;
left:2540px;
}


/*エイドステーション提供品一覧*/
#offer{
width:2960px;
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: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:260px;
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:380px;
left:378px;
}

#icon02{
top:460px;
left:284px;
}

#icon03{
top:479px;
left:296px;
}

#icon04{
top:561px;
left:318px;
}

#icon05{
top:533px;
left:354px;
}

#icon06{
top:426px;
left:423px;
}

#icon07{
top:460px;
left:474px;
}

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

#icon09{
top:360px;
left:554px;
}

#icon10{
top:212px;
left:558px;
}

#icon11{
top:167px;
left:582px;
}

#icon12{
top:137px;
left:704px;
}

#icon13{
top:125px;
left:720px;
}

#icon14{
top:110px;
left:762px;
}

#icon15{
top:137px;
left:810px;
}

#icon16{
top:175px;
left:882px;
}

#icon17{
top:194px;
left:872px;
}

#icon18{
top:401px;
left:1100px;
}

#icon19{
top:407px;
left:1200px;
}

#icon20{
top:420px;
left:1233px;
}

#icon21{
top:524px;
left:1318px;
}

#icon22{
top:536px;
left:1345px;
}

#icon23{
top:547px;
left:1373px;
}

#icon24{
top:606px;
left:1442px;
}

#icon25{
top:716px;
left:1405px;
}

#icon26{
top:870px;
left:1515px;
}

#icon27{
top:857px;
left:1527px;
}

#icon28{
top:757px;
left:1591px;
}

#icon29{
top:737px;
left:1581px;
}

#icon30{
top:746px;
left:1647px;
}

#icon31{
top:727px;
left:1658px;
}

#icon32{
top:744px;
left:1675px;
}

#icon33{
top:725px;
left:1629px;
}


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

.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:366px;
left:339px;
}

#aid01{
top:503px;
left:309px;
}

#aid02{
top:423px;
left:436px;
}

#aid03{
top:311px;
left:515px;
}

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

#aid05{
top:88px;
left:630px;
}

#aid06{
top:143px;
left:821px;
}

#aid07{
top:276px;
left:895px;
}

#aid08{
top:211px;
left:1017px;
}

#aid09{
top:387px;
left:1059px;
}

#aid10{
top:452px;
left:1217px;
}

#aid11{
top:470px;
left:1287px;
}

#aid12{
top:581px;
left:1457px;
}

#aid13{
top:722px;
left:1381px;
}

#aid14{
top:874px;
left:1480px;
}

#aid15{
top:820px;
left:1588px;
}

#aid16{
top:769px;
left:1614px;
}

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