@charset "utf-8"; 
/* MOBILE */  
 
/* img */
.event__img , .event__img img , .event__btn , .event__winner { width:100% } 
.event__img , .event__btn {  margin:auto ; max-width:90rem ; overflow:hidden ; border-radius:0.6rem } 
.event__img { font-size:0 }



/* btn */
.event__btn {
    display:block ; font-size:0 ; text-align:center ;
    background-color:#2b66d8 ; padding:0.8rem 1rem ;
}
.event__btn , .event__btn b , .event__btn b::before { transition:0.3s all }
.event__btn b , .event__btn b::before { display:inline-block }
.event__btn b { 
    padding-left:5rem ; position:relative ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    color:#ffffff ; font-size:2.6rem ; line-height:5rem ; font-weight:bold }
.event__btn b::before {
    content:"" ; width:5rem ; height:5rem ; opacity:0.7 ;
    background:url(../img_sub/icon_event.png) no-repeat center ; background-size:cover ;
    position:absolute ; left:0 ; top:50% ; transform:translateY(-50%) scale(0.8) ;
}
.event__btn:hover , .event__btn:focus     { background-color:#111111 }
.event__btn:hover b::before , .event__btn:focus b::before { opacity:1 ; transform:translateY(-50%) scale(1) }
.event__btn:hover b , .event__btn:focus b { padding-left:5.5rem ; color:#ffdf7e }



/* winner */
.event__winner { position:relative }
.event__winner::before { border-radius:0.6rem }
.event__winner::before {
    display:block ; content:"" ; width:100% ; height:100% ; box-sizing:border-box ;
    position:absolute ; left:0 ; top:0 ;
    border:solid 1px rgba(0,0,0,0.1) ;
}
.event__winner__title {
    background-color:#111111 ; padding:1.2rem ; border-radius:0.4rem ;
    font-size:2.2rem ; line-height:3rem ; font-weight:600 ; color:#ffffff ; text-align:center ;
}
.event__winner__txt , .event__winner__list { width:96% ; margin:auto ; text-align:center }
.event__winner__txt {
    padding:1rem 0 ;
    font-size:1.8rem ; line-height:2.8rem ; 
    word-break:keep-all ; border-bottom:dashed 1px rgba(0,0,0,0.15) ;
}
.event__winner__list { font-size:0 ; padding:2rem 0 } 
.event__winner__list li {  
    display:inline-block ; font-size:2rem ; line-height:3rem ; font-weight:500 ; color:#111111 ; 
    margin:0.2rem 2rem
}



/* hidden */
.event__hidden { margin-bottom:1rem ; padding-top:2rem }
.hidden__inner , .hidden__inner::before { border-radius:0.6rem ; overflow:hidden }
.hidden__inner { width:100% ; position:relative }
.hidden__inner::before { 
    display:block ; content:"" ; width:100% ; height:100% ; 
    border:solid 1px rgba(0,0,0,0.1) ; box-sizing:border-box ;
    position:absolute ; left:0 ; top:0
}
.hidden__title { word-break:keep-all }
.hidden__title {
    font-size:3rem ; line-height:3.8rem ; text-align:center ; font-weight:600 ; color:#ffffff ;
    padding:1.5rem 1rem ; background-color:#262966 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ; margin-bottom:2rem ;
}
.hidden__title > span {
    display:block ; margin-bottom:0.5rem ;
    color:inherit ; font-size:1.8rem ; line-height:2.4rem ; font-weight:500; 
}
.hidden__body { width:90% ; margin:0 auto 3rem } 
.hidden__list { 
    border-top:dashed 1px rgba(0,0,0,0.1) ; 
    text-align:center 
}
.hidden__list li { 
    display:inline-block ; margin:1rem 1.5rem 0 ;
    font-size:1.8rem ; line-height:3rem ;
}





/* PC */
@media screen and (min-width:1024px){ 

    /* img */
    .event__img { padding-top:5rem ; border-radius:0 ; margin-bottom:0.5rem }
    .event__img img { border-radius:0.6rem }



    /* btn */
    .event__btn { padding:1.2rem 1rem }



    /* page */
    .page__jump { width:100% ; max-width:none}
    .page__item.next { float:right } 



    /* winner */
    .event__winner__list::after { display:block ; content:"" ; clear:both }
    .event__winner__list li { display:block ; float:left ; width:20% ; margin:0 0 1rem 0 } 



    /* hidden */
    .event__hidden { width:0 ; height:0 ; overflow:hidden ; margin:0 ; padding:0 }
   
}   
 




/* PRINT */
@media print {   }