@charset "utf-8";

#headBox{
text-align: center;
position:relative;
background:url("../img/bg1.jpg");
padding:30px 0;
}

#mainBox{
text-align: center;
position:relative;
background:url("../img/bg2.jpg");
padding:30px 0;
margin-top:20px;
}

#footBox{
text-align: center;
position:relative;
background:url("../img/bg3.jpg");
padding:30px 0;
margin-top:20px;
}
.absolute{
position:absolute;
top:30px;
left: 0;
z-index: 1;
}
#headBox .absolute{
left: 30px;
top:110px;
}
#endinfo{
padding-bottom: 30px;
}
.relative{
position:relative;
}
.wrap{
position: relative;
}
#rally{
position: absolute;
top:0px;
left:0px;
}
.tag{
position: absolute;
}
#tag1{
top:0px;
left:30px;
}
#tag2{
top:0px;
left:30px;
}
#tag3{
top:0px;
left:30px;
}
#tag4{
top:0px;
left:30px;
}
#tag5{
top:0px;
left:460px;
}
#tag6{
top:0px;
left:30px;
}
#infoWrap{
position: absolute;
top:440px;
left:50%;
margin-left: -135px;
z-index: 1;
}
.sns{
width: 90px;
display: inline-block;
margin: 0;
text-align: center;
}
.sns img{
width: 50px;
height: 50px;
margin-bottom: 5px;
}
.sns a{
color: #005160;
font-size: 12px;
}
.sns a:hover{
color: #E5290F;
}
.sns a:visited{
color: #888;
}
.notes-m{
margin-top: 10px;
font-size: 14px;
}


/* スマホ */
@media screen and (max-width:640px){

#headBox,
#mainBox,
#footBox{
margin:0 -12px;
padding:5% 0;
overflow: hidden;
}
#footBox{
padding:4%;
}
#headBox .absolute{
left: 0px;
top: 9%;
}
#endinfo{
padding-bottom: 5%;
}
#tag1{
top:0px;
left:0px;
}
#tag2{
top:0px;
left:0px;
}
#tag3{
top:0px;
left:0px;
}
#tag4{
top:0px;
left:0px;
}
#tag5{
top:49%;
left:0px;
}
#tag6{
top:0px;
left:0px;
}
#infoWrap{
position: absolute;
width: 56%;
height: 20px;
top:71%;
left: 50%;
margin-left: -28%;
z-index: 10;
}
.sns{
width: 30%;
margin: 0;
}
.sns img{
width: 74%;
height: auto;
margin-bottom: 3%;
}
.sns a{
font-size: 2.4vw;
}
.notes-m{
font-size: 2.2vw;
}

}