@charset "utf-8";

/* VISUAL */
.visual__title__box::before { background-image:url(../img_sub/visual_event_MB.jpg) }



/* EVENT */
.event__banner { display:none } 
.event__box , .event__box img , .event__open , .event__end { width:100% ; max-width:90rem ; box-sizing:border-box }
.event__box , .event__open , .event__end  { overflow:hidden ; border-radius:0.6rem }
.event__box { margin:0 auto 2rem }

.event__open , .event__end  {
    display:block ; margin:auto ; padding:1.5rem 1rem 1.7rem ;
    font-size:2rem ; line-height:3rem ; text-align:center ; color:#ffffff ; font-weight:600 ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.1) ;
}
 
.event__open { background-color:#f78f1e ; transition:0.3s all }
.event__open:hover , .event__open:focus , .event__end { background-color:#111111 }

.event__text {
    width:100% ; box-sizing:border-box ; overflow:hidden ;
    border:solid 1px rgba(0,0,0,0.1) ; padding:1rem 2rem ; margin-bottom:2rem ;
    border-radius:0.6rem ;
}
.event__text__title {
    font-size:2.2rem ; line-height:3rem ; font-weight:800 ; color:#111111 ; text-align:center ;
    padding-bottom:1rem ; margin-bottom:1.5rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.15) ;
}


 
 

/* PC **********/
@media all and (min-width:1100px){

    /* VISUAL */
    .visual__title__box::before { background-image:url(../img_sub/visual_event.jpg) }


 
    .event__text {
        padding:0 ; margin:0 ; height:0 ; overflow:hidden ;
        opacity:0 ;
    }

}