@charset "utf-8";

#ctsWrap{
margin:0 -12px;
text-align: center;
position:relative;
padding:2% 0 6% 0;
vertical-align: top;
font-size: 0;
overflow: hidden;
opacity: 0;
}

#mainWrap{
position:relative;
padding-bottom: 0%;
}
#main,#end{
width: 100vw;
}
#date{
position: absolute;
width: 82vw;
top:98.5vw;
left:9vw;
opacity: 0;
}
#bear_b{
position: absolute;
width: 24vw;
top:62vw;
left:73vw;
opacity: 0;
}
#bear_p{
position: absolute;
width: 19vw;
top:2vw;
left:4vw;
opacity: 0;
}
#bear_w{
position: absolute;
width: 18vw;
top:29vw;
left:2vw;
opacity: 0;
}

#eventWrap{
position:relative;
margin-top: 6%;
padding-top: 0%;
background: #e5f4fc;
}

#infoWrap{
position:relative;
margin-top: 15vw;
}

.event{
width: 100%;
margin: 5vw auto 0 auto;
}

#map{
width: 100%;
position: relative;
z-index: 1;
pointer-events: none;
}
#rally{
width: 62.5vw;
position: absolute;
top: 104vw;
left: 4vw;
z-index: 2;
opacity:0;
}
#snsWrap{
width: 75vw;
position: absolute;
top: 166.5vw;
left: 12.5vw;
opacity:0;
}
#snsBG{
width: 100%;
}
#snsIconWrap{
position: absolute;
width: 100%;
top: 57%;
left: 0%;
}

.sns{
width: 18%;
display: inline-block;
margin: 0 4%;
text-align: center;
}
.sns img{
width: 100%;
height: auto;
margin-bottom: 5%;
}
.sns a{
color: #000;
font-size: 2.4vw;
}
.sns a:visited{
color: #555;
}
.notes-m{
font-size: 2.2vw;
}

/* PC */

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

#ctsWrap{
width: 1168px;
margin: 0;
padding:40px 0 0px 0;
background:url(../img/bg_pc.jpg) center top;
background-size: 100%;
}

#mainWrap{
padding-bottom: 20px;
}
#main,#end{
width: 100%;
}
#date{
width: 488px;
top:10px;
left:664px;
opacity: 0;
}
#bear_b{
width: 150px;
top:404px;
left:475px;
opacity: 0;
}
#bear_p{
width: 124px;
top:10px;
left:30px;
opacity: 0;
}
#bear_w{
width: 120px;
top:183px;
left:15px;
opacity: 0;
}

#eventWrap{
margin-top: 20px;
padding: 20px 0;
}

.event{
width: auto;
margin: 5px auto;
vertical-align: top;
}
#event4,
#event5,
#event6{
margin: 30px 25px 30px 0;
}

#infoWrap{
margin-top: 80px;
}
#rally{
width: 372px;
top: 35px;
left: 25px;
}
#snsWrap{
width: 382px;
top: 363px;
left: 275px;
}
.sns{
width: 80px;
margin: 0;
}
.sns img{
width: 56px;
height: 56px;
margin-top: 10px;
margin-bottom: 5px;
}
.sns a{
font-size: 12px;
}
.notes-m{
margin-top: 10px;
font-size: 14px;
}

}