@charset "utf-8";

#end{
margin: 5vw auto;
display: block;
width: 90vw;
}

#ctsWrap{
margin:0 -12px;
text-align: center;
position:relative;
vertical-align: top;
font-size: 0;
overflow: hidden;
opacity: 0;
background: #FFF697;
}

#mainWrap{
position:relative;
width: 100%;
margin-bottom: 5vw;
}
.main{
width: 100%;
position: absolute;
top:0;
left: 0;
opacity: 0;
}
.main:nth-of-type(1){
position:relative;
}

.event{
width: 100%;
margin-bottom: 5vw;
opacity: 0;
}

#mapWrap{
position:relative;
width: 100%;
margin-bottom: 5vw;
opacity: 0;
}
.map{
width: 100%;
position: absolute;
top:0;
left: 0;
}
.map:nth-of-type(1){
position:relative;
}
#rally{
position: absolute;
width: 84%;
left: 10vw;
top: 20vw;
opacity: 0;
}
/*#mapTTL{
position: absolute;
width: 19%;
left: 5.5vw;
top: 98.5vw;
opacity: 0;
}*/
#kuma1{
position: absolute;
width: 36%;
left: 49vw;
top: 16vw;
opacity: 0;
}
#kuma2{
position: absolute;
width: 30%;
left: 68vw;
top: 45vw;
opacity: 0;
}
#kuma3{
position: absolute;
width: 25%;
left: 3vw;
top: 18vw;
opacity: 0;
}
#posukumaWrap{
position:relative;
width: 100%;
margin-bottom: 5vw;
opacity: 0;
}
.posukuma{
width: 100%;
position: absolute;
top:0;
left: 0;
}
.posukuma:nth-of-type(1){
position:relative;
}
#posukumaBTN{
display: block;
position: absolute;
top: 143vw;
left: 15vw;
width: 70%;
}
#posukumaBTN img{
width: 100%;
}

#snsIconWrap{
position: absolute;
width: 100%;
top: 208vw;
left: 0%;
}
.sns{
width: 15%;
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){

#end{
margin: 20px auto;
width: 1168px;
}
#ctsWrap{
width: 1168px;
margin: 0 auto;
}
#mainWrap{
margin-bottom: 20px;
}
.event{
margin-bottom: 20px;
}
.event:nth-of-type(3){
margin-bottom: 10px;
}
.event:nth-of-type(4),
.event:nth-of-type(5){
width: 584px;
}

#mapWrap{
margin-bottom: 20px;
}
#rally{
width: 396px;
left: 64px;
top: 102px;
}
/*#mapTTL{
width: 128px;
left: 495px;
top: 0px;
}*/
#kuma1{
width: 168px;
left: 244px;
top: 90px;
}
#kuma2{
width: 132px;
left: 352px;
top: 230px;
}
#kuma3{
width: 114px;
left: 36px;
top: 100px;
}

#posukumaWrap{
margin-bottom: 40px;
}
#posukumaBTN{
width: 294px;
top: 330px;
left: 230px;
}
#snsIconWrap{
width: 382px;
top: 270px;
left: 710px;
}
.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;
}


}