@charset "utf-8";

/*
#allWrap{
overflow: hidden;
text-align: center;
position:relative;
background:#fffce4;
vertical-align: top;
font-size: 0;
opacity: 0;
}*/
#mainBox{
text-align: center;
position:relative;
padding:0px 0 60px 0;
vertical-align: top;
font-size: 0;
opacity: 0;
background:#fffce4;
overflow: hidden;
}
#infoBox{
text-align: center;
position:relative;
padding:30px 0 0px 0;
vertical-align: top;
font-size: 0;
}
.imgChange{
visibility: hidden;
}
.event{
margin-top: 30px;
}
.event:first-of-type{
margin-top: 50px;
}
.event:nth-of-type(2){
margin-top: 10px;
}
.event:nth-of-type(4),
.event:nth-of-type(6){
margin-right: 30px;
}
#more{
margin: 25px auto 0px auto;
width: 1030px;
}
.absolute{
position:absolute;
top:30px;
left: 0;
z-index: 1;
}
.relative{
position:relative;
}
.wrap{
position: relative;
text-align: center;
margin: 0;
padding: 0;
margin-top: 0px;
}
#mainBox .wrap{
margin-top: 0px;
}
#infoWrap1{
position: absolute;
top:345px;
left:50%;
margin-left: -370px;
z-index: 1;
}
#infoWrap2{
position: absolute;
top:345px;
left:50%;
margin-left: 185px;
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){


/*
#allWrap{
margin:0 -12px;
overflow: hidden;
}*/
#mainBox,
#infoBox{
margin:0 -12px;
}
#mainBox{
padding:0 0 6% 0;
}
#infoBox{
padding:6% 0 0 0;
}
.event{
margin-top: 4.5%;
}
.event:first-of-type{
margin-top: 7%;
}
.event:nth-of-type(2){
margin-top: 1%;
}
#more{
margin: 4.5% auto 0 auto;
width: 80%;
}

#info1{
margin-top: 4.5%;
}
#infoWrap1{
position: absolute;
margin: 0;
padding: 0;
top:49%;
left:0;
width: 100%;
z-index: 1;
}
#infoWrap1 img{
width: 58%;
height: auto;
}
#infoWrap2{
position: absolute;
margin: 0;
padding: 0 0 0 10%;
top:76%;
width: 90%;
left:0%;
z-index: 1;
text-align: left;
}
.sns{
width: 15%;
margin: 0 3%;
}
.sns img{
width: 100%;
height: auto;
margin-bottom: 3%;
}
.sns a{
font-size: 2.2vw;
}
.notes-m{
font-size: 2.2vw;
}

}