/*
=======================
event-5th
=======================
*/
.main_bg{
width:100%; 
margin:0 auto;
position:relative;
background:url("../images/event/5th/bg.jpg");
background-repeat:repeat;
}

#event_page{
padding-bottom:20px;
}

#event_page #main{width:100%; max-width:980px; margin:0 auto 2% auto; background-color:rgba(255,255,255,0.5);}
#event_page #main img{margin:0 auto;display:block;}
#event_page #main h2{padding:10px 0px;}
#event_page #main section:not(:last-of-type){margin-bottom:4%;}
#event_page h1{
margin:0px !important;padding:2% 0px;
}
#event_page img{
max-width:100%;
}

.img_info:not(:last-of-type){
margin-bottom:4%;
}
.img_info img{width:90%;}
.img_info > section > .btn00{width:100%; max-width:980px; margin:0px auto; padding:4% 0 0;}
.img_info > section > .btn00 > a{
width:51.12%; 
height:0; 
padding-top:7.65%;
margin:0 auto; 
display:block; 
background-image:url("../images/event/4th/btn00.png");
background-repeat:no-repeat;
background-position:0 0;
background-size:cover;
}
.img_info > section > .btn00 > a:hover{background-position:0 bottom;}

.img_info > section > .btn01{width:100%; max-width:980px; margin:0px auto; padding:4% 0 0;}
.img_info > section > .btn01 > a{
width:61.32%; 
height:0; 
padding-top:7.65%;
margin:0 auto; 
display:block; 
background-image:url("../images/event/4th/btn01.png");
background-repeat:no-repeat;
background-position:0 0;
background-size:cover;
}
.img_info > section > .btn01 > a:hover{background-position:0 bottom;}
.img_info > section > .btn01 + .btn00{
padding-top:2%;
}
p.cap{
font-weight:bold;font-size:20px;margin:10px auto 2%;text-align:center;
}
@media screen and (max-width: 979px){
p.cap{
font-weight:bold;font-size:2.6vw;line-height:2.8vw;
}
}
/*
@media screen and (max-width: 460px){
p.cap{
font-weight:bold;font-size:14px;
}
}*/