@charset "utf-8";

#ctsWrap{
margin:0 -12px;
text-align: center;
position:relative;
padding:1.5% 0 6% 0;
vertical-align: top;
font-size: 0;
background:url(../img/bg_sp.jpg) center top;
background-size: 100%;
overflow: hidden;
opacity: 0;
}

#mainWrap{
position:relative;
padding-bottom: 4%;
}
#main2{
position: absolute;
top:0;
left:0;
opacity: 0;
}
#letterWrap{
position: absolute;
top: 27%;
left: 27%;
width: 46%;
}
#letter3{
opacity: 0;
}
#letterWrap img{
top:0;
left:0;
position: absolute;
width: 100%;
}
#heart1{
position: absolute;
width: 10%;
top: 47%;
left: 45%;
opacity: 0;
}
#heart2{
position: absolute;
width: 16%;
top: 40%;
left: 59%;
opacity: 0;
}
#heart3{
position: absolute;
display: none;
opacity: 0;
}
#heartL{
position: absolute;
width: 44%;
top: 13.6%;
left: 54%;
opacity: 0;
}

#infoWrap{
position:relative;
padding-top: 6%;
}

.event{
margin: 0.5% auto;
}

#rally{
width: 88%;
position: absolute;
top: 48%;
left: 6%;
}
#snsWrap{
width: 56%;
position: absolute;
top: 72%;
left: 20%;
opacity:0;
}
#snsBG{
width: 100%;
}
#snsIconWrap{
position: absolute;
width: 100%;
top: 62%;
left: 0%;
}

.sns{
width: 27%;
display: inline-block;
margin: 0 3%;
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:20px 0 60px 0;
background:url(../img/bg_pc.jpg) center top;
background-size: 100%;
}

#mainWrap{
padding-bottom: 20px;
}
#letterWrap{
width: 240px;
top: 255px;
left: 695px;
}
#heart1{
width: 52px;
top: 448px;
left: 788px;
}
#heart2{
width: 87px;
top: 372px;
left: 865px;
}
#heart3{
display: block;
width: 162px;
top: 170px;
left: 900px;
}
#heartL{
width: 304px;
top: 113px;
left: 540px;
}

#infoWrap{
padding-top: 40px;
}

.event{
margin: 5px auto;
}
#event4,
#event5{
margin: 10px auto;
}
#event6,
#event7{
margin: 20px auto;
}

#rally{
width: 414px;
top: 160px;
left: 80px;
}
#snsWrap{
width: 350px;
top: 370px;
left: 410px;
}
.sns{
width: 90px;
margin: 0;
}
.sns img{
width: 70px;
height: 70px;
margin-bottom: 5px;
}
.sns a{
font-size: 12px;
}
.notes-m{
margin-top: 10px;
font-size: 14px;
}

}