@charset "utf-8";
/* VISUAL */
.visual { height:30rem }
   
#YU91_event { max-width:110rem } 

.YU91__h4 { 
    font-size:2.2rem ; line-height:2.6rem ; font-weight:800 ; color:#111111 ;
    margin-bottom:1rem ; letter-spacing:-0.15rem ;
}
.YU91__h5 { font-size:2rem ; line-height:2.4rem ; font-weight:600 ; color:#111111 ;
    margin-bottom:1rem ; letter-spacing:-0.15rem ; 
}

.YU91__list { margin-bottom:3rem }
.YU91__list li { 
    position:relative ; padding-left:1rem ;
    font-size:1.6rem ; line-height:2.8rem ; margin-bottom:0.5rem }
.YU91__list.no li { padding-left:0 }    
.YU91__list li:last-child , .YU91__list:last-child { margin-bottom:0 }    
.YU91__list li::before {
    display:block ; content:"" ; width:0.3rem ; height:0.3rem ;
    background-color:rgb(0,0,0,0.3) ;
    position:absolute ; left:0 ; top:1.3rem
}
.YU91__list.no li::before { display:none }


/* POPUP */
#YU91_popup { 
    width:100% ; height:0 ; opacity:0 ; overflow:hidden ; background-color:rgba(0,0,0,0.9) ;
    position:fixed ; left:0 ; top:0 ; z-index:100 ; transition:0.3s all ;
}

#YU91_popup.popup { height:100vh ; opacity:1 }

#YU91_popup > .YU_inner { 
    width:90% ; max-width:90rem ; height:90vh ; min-height:40rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; background-color:#ffffff
}
#YU91_popup iframe { width:100% ; height:100% ; border:none }

#YU91_popup_close {
    width:4rem ; height:4rem ; display:block ; overflow:hidden ; 
    background-color:#ffd438 ; border-radius:0.2rem ;
    font-size:0 ; color:transparent ;
    position:absolute ; right:2rem ; top:0.5rem ;
}
#YU91_popup_close::before , #YU91_popup_close::after {
    display:block ; content:"" ; width:2rem ; height:0.2rem ;
    background-color:#111111 ; transition:0.3s all;
    position:absolute ; left:50% ; top:50%
}
#YU91_popup_close::before { transform:translate(-50%,-50%) rotate(45deg) }
#YU91_popup_close::after { transform:translate(-50%,-50%) rotate(-45deg) }
#YU91_popup_close:hover::before , #YU91_popup_close:focus::before { transform:translate(-50%,-50%) rotate(135deg) ; width:2.5rem }
#YU91_popup_close:hover::after , #YU91_popup_close:focus::after   { transform:translate(-50%,-50%) rotate(45deg) ; width:2.5rem }



/* RESULT+BTN */
#YU91_btns , .YU91_btn , .YU91_btn > b { width:100% ; box-sizing:border-box }
.YU91_btn , .YU91_btn > span::before, .YU91_btn > span::after  { background-color:#ffd438 }
.YU91_btn , .YU91_btn > span::before, .YU91_btn > span::after , .YU91_btn > span , .YU91_btn > b { transition:0.3s all }
.YU91_btn { 
    display:block ; overflow:hidden ; position:relative ;
    margin-bottom:1rem ; border-radius: 0 0 0.5rem 0.5rem
}
.YU91_btn > b {
    padding:2rem 7.5rem 2rem 1.5rem ; display:block ;
    font-size:2.2rem ; line-height:2.8rem ; color:#111111 ; font-weight:600 ; word-break:keep-all ; text-align:left ;
}
.YU91_btn > b > br { display:none }
.YU91_btn > span , .YU91_btn > span::before , .YU91_btn > span::after { display:block ; overflow:hidden }
.YU91_btn > span { 
    width:4rem ; height:4rem ; border-radius:100% ;
    position:absolute ; right:1.5rem ; top:50% ; transform:translateY(-50%) ;
    background-color:#111111 ; 
}
.YU91_btn > span::before , .YU91_btn > span::after {
    width:1.6rem ; height:0.5rem ; content:"" ; box-sizing:border-box ;  border-radius:1rem ; 
    position:absolute ; top:1.9rem ;  
}
.YU91_btn > span::before { transform:rotate(-45deg) ; left:1.6rem }
.YU91_btn > span::after  { transform:rotate(45deg) ; right:1.6rem } 
.YU91_btn:hover , .YU91_btn:focus ,
.YU91_btn:hover > span::before , .YU91_btn:hover > span::after ,
.YU91_btn:focus > span::before , .YU91_btn:focus > span::after { background-color:#444444 }
.YU91_btn > b:hover { color:#ffffff }
.YU91_btn:hover > span { background-color:#ffffff }
.YU91_btn:focus > b { text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
.YU91_btn:hover > b { text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }


/* RESULT+POPUP */
.YU91_ER_box , .YU91_ER_box > ul { width:100% ; box-sizing:border-box } 
.YU91_ER_popup {
	position:fixed ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    width:0 ; height:0 ; 
	overflow:auto ; box-sizing:border-box ;
    z-index:100 ; background-color:rgba(0,0,0,0.6) ;
    opacity:0 ; transition:0.3s all ;
} 
.YU91_ER_inner {margin:auto}
.popup1 #YU91_ERpopup1 {
    width:100vw ; height:100vh ; opacity:1 ;
	box-sizing:border-box ; padding:2rem 0
}


.YU91_ER_inner , .YU91_ER_box { border-radius:0.4rem  }
.YU91_ER_inner { 
    width:94% ; max-width:110rem ; box-sizing:border-box ; padding:2rem ;
    background:url(../img_sub/yu91_event_bg.png) no-repeat center #ffd438 ; background-size:cover ;
    box-shadow:0 0 0.3rem rgba(0,0,0,0.3)
} 

.YU91_ER_inner > h5 { 
	font-size:2.4rem ; line-height:3.2rem ; font-weight:600 ; 
    letter-spacing:-0.1rem ; color:#111111 ; text-align:center ;  word-break:keep-all ; 
    margin-bottom:2rem ;  
}


.YU91_ER_box {
    overflow:hidden ; 
    background-color:#111111 ; padding:1.5rem ; margin-bottom:1rem ;
}
.YU91_ER_box > p , .YU91_ER_box > ul > li { font-size:1.8rem ; line-height:2.4rem ; color:#ffffff ; word-break:keep-all }
.YU91_ER_box > p { 
    text-align:center ;
    padding-bottom:1.5rem ; margin-bottom:1.5rem ;
    border-bottom:dashed 0.1rem rgba(255,255,255,0.5) ;
}
.YU91_ER_box > p > b { font-size:inherit ; line-height:inherit ; color:inherit ; word-break:inherit ; font-weight:500 }
.YU91_ER_box > ul { text-align:center ; font-size:0 }
.YU91_ER_box > ul > li { display:inline-block ; margin:0 1.5rem 1rem }

.YU91_ER_close , .YU91_ER_close::before , .YU91_ER_close::after { transition:0.3s all }
.YU91_ER_close { 
    display:block ; margin:auto ; position:relative ; width:2rem ; height:2rem ;
    font-size:0 ; color:transparent ; opacity:0.7 ;
}
.YU91_ER_close::before , .YU91_ER_close::after {
    display:block ; content:"" ; width:2rem ; height:0.1rem ;
    background-color:#000000 ;
    position:absolute ; left:50% ; top:50%
} 
.YU91_ER_close::before { transform:translate(-50%,-50%) rotate(45deg) }
.YU91_ER_close::after  { transform:translate(-50%,-50%) rotate(-45deg) }

.YU91_ER_close:hover , .YU91_ER_close:focus { opacity:1 }  
.YU91_ER_close:hover::before , .YU91_ER_close:focus::before { transform:translate(-50%,-50%) rotate(135deg) }
.YU91_ER_close:hover::after , .YU91_ER_close:focus::after { transform:translate(-50%,-50%) rotate(45deg) }

.YU91_ER_info { font-size:1.4rem ; line-height:1.8rem ; color:#111111 ; font-weight:bold ; margin-bottom:1.5rem ; text-align:center ; word-break:keep-all }






/* PC **********/
@media screen and (min-width:1100px){
 
    /* VISUAL */
    .visual { height:50rem }
	
	
	/* POPUP */
	#YU91_popup_close { right:-5rem ; top:0 }
    #YU91_popup_close::before , #YU91_popup_close::after { width:2.5rem }
	
	
	/* RESULT+BTN */
    #YU91_btns { overflow:hidden }
    .YU91_btn { margin:0 ; width:110rem }
    .YU91_btn > b {
        padding:2rem 6rem 2rem 1rem ; display:block ;
        font-size:2.6rem ; line-height:3.4rem ; text-align:center ;
    }
    .YU91_btn > b > br { display:block }
    .YU91_btn > span { right:25rem }


    /* RESULT+POPUP */
	.YU91_ER_inner { 
	    position:fixed ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
		margin:0 ;
		padding:5rem 5rem 3rem 
		} 
    .YU91_ER_inner::before {
        display:block ; content:"" ; width:100% ; height:100% ;
        position:absolute ; left:0 ; top:0 ; z-index:-1 ;
    }
	

    .YU91_ER_inner > h5 { position:relative ; font-size:3.4rem ; line-height:6rem ; letter-spacing:-0.2rem ; margin-left:9rem ; margin-bottom:2rem }
	
	.YU91_ER_inner > h5 > .YU91_btn_icon {
		display:block ; overflow:hidden ; position:absolute ;
		width:6rem ; height:6rem ; background-color:#ffffff ; border-radius:100% ; left:0 ; top:0 }
		
	.YU91_ER_inner > h5 > .YU91_btn_icon::before {
		display:block ; content:"" ; width:4rem ; height:4rem ;
		background:url(../img_sub/yu91_event_icon.png) no-repeat 0 0 ; background-size:4rem auto ;
		position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
	}
	
	.YU91_ER_info { font-size:1.6rem ; line-height:2.8rem ; margin-bottom:2rem }
	
    .YU91_ER_box { padding:3rem ; margin-bottom:2rem }

    .YU91_ER_box > p { 
        font-size:2.4rem ; line-height:3rem ; letter-spacing:-0.1rem ;
        padding-bottom:2rem ; margin-bottom:2rem ;
    } 
    .YU91_ER_box > ul > li { 
        display:block ; width:20% ; float:left ; 
        margin:0 0 1rem ;
        font-size:2.2rem ; line-height:3rem ; font-weight:500 ; 
    }
    .YU91_ER_close { width:3rem ; height:3rem }
    .YU91_ER_close::before , .YU91_ER_close::after { width:2.6rem ; height:0.3rem ; border-radius:1rem }	
	
 
} 




/* PRINT **********/
@media print { 
    .visual { height:auto }
}