@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 ,
.SS84__winner  { 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) ;
}



/* WINNER LIST */
.SS84__winner , .SS84__winner::before { border-radius:0.6rem }
.SS84__winner { margin:auto ; position:relative ; border-radius:0.6rem }
.SS84__winner::before {
    display:block ; content:"" ; width:100% ; height:100% ; box-sizing:border-box ;
    border:solid 1px rgba(0,0,0,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.SS84__win__title {
    font-size:2.2rem ; line-height:2.8rem ; font-weight:600 ; color:#ffffff ; text-align:center ;
    text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ; padding:1.5rem 0.5rem 1.7rem ;
    background:url(../img/main_bg_net.png) repeat center #13654b ;
    border-radius:0.4rem ;
} 
.SS84__win__txt , .SS84__win__list { width:90% ; margin:auto ; text-align:center ; }
.SS84__win__txt { 
    font-size:1.6rem ; line-height:2.6rem ; text-align:center ; 
    padding:1rem 0.2rem 1.2rem ; margin-bottom:2rem ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ;
}
.SS84__win__list    { margin-bottom:1.5rem }
.SS84__win__list li { 
    display:inline-block ; margin:0 1.5rem 1rem ;
    font-size:1.8rem ; line-height:2.8rem ;
}
 
 

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

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



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


    
    /* WINNER LIST */
    .SS84__winner::after  {
        width:10rem ; height:12.2rem ; display:block ; content:"" ;
        background:url(../img/main_icon_apple.png) no-repeat center ; background-size:cover ;
        position:absolute ; left:22% ; top:-2.5rem
    }

    .SS84__win__txt { 
        font-size:1.8rem ; line-height:2.8rem ;
        padding:1.5rem 0 1.7rem
    }

    .SS84__win__list  { padding-bottom:2rem }
    .SS84__win__list::after { display:block ; content:"" ; clear:both }
    .SS84__win__txt , .SS84__win__list { width:94% } 
    .SS84__win__list li {
        margin:0 0 1.5rem ; float:left ; width:20% ; padding:0 ; 
        text-align:center ; font-size:2rem ; font-weight:600 ;
    } 

}