@charset "utf-8";  
/* Mobile */ 

/* Schedule */
.YU22__sch__item , .YU22__sch__link > span { border-radius:0.4rem }
.YU22__sch__item { 
    margin-bottom:1rem ; padding:1.5rem ; 
    position:relative ;
    border:solid 1px rgba(0,0,0,0.1)
} 
.YU22__sch__item:last-child { margin-bottom:0 }  

.YU22__sch__link { margin:0.4rem 0 0 0.5rem }
.YU22__sch__link , .YU22__sch__link > span { display:inline-block }
.YU22__sch__link > span {
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#444444 ; padding:0.2rem 1rem 0.4rem ;  
    transition:0.3s all ;
}
.YU22__sch__link:hover > span { background-color:#ffde00 ; color:#111111 ; text-shadow:none }
.YU22__sch__date , .YU22__sch__title { 
    word-break:keep-all ; 
    font-size:1.8rem ; line-height:2.8rem 
 }
.YU22__sch__date { 
    display:block  ;
    color:#111111 ; font-weight:800 ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ; padding-bottom:0.5rem ; margin-bottom:0.7rem ; 
}
 



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

    /* Schedule */
    .YU22__sch__item { padding:1.5rem 10rem 1.5rem 11.5rem ; position:relative ; border:none } 
    .YU22__sch__date , .YU22__sch__title { font-size:2rem }
    .YU22__sch__date , .YU22__sch__date::after , .YU22__sch__link > span { top:50% ; transform:translateY(-50%) }
    .YU22__sch__date { 
        width:7rem ; position:absolute ; left:3rem ; 
        padding:0 ; margin:0 ; border:none
    }
    .YU22__sch__date::after {
        display:block ; content:"" ; width:1px ; height:1.4rem ; 
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; right:0  
    } 
    .YU22__sch__link { 
        display:block ; width:100% ; height:100% ; border-radius:0.4rem ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; margin:0 ;
        box-sizing:border-box ; border:solid 1px rgba(0,0,0,0.1) ; 
        transition:0.3s all ;
    }
    .YU22__sch__link:hover  { border-color:rgba(0,0,0,0.2) ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.2) ; }
    .YU22__sch__link > span { position:absolute ; right:3rem }






/* 
.YU22__sch__item , .YU22__sch__link > span { border-radius:0.4rem }
.YU22__sch__item { 
    margin-bottom:1rem ; padding:1.5rem ; 
    position:relative ;
    border:solid 1px rgba(0,0,0,0.1)
} 
.YU22__sch__item:last-child { margin-bottom:0 }  

.YU22__sch__link { margin:0.4rem 0 0 0.5rem }
.YU22__sch__link , .YU22__sch__link > span { display:inline-block }
.YU22__sch__link > span {
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#444444 ; padding:0.2rem 1rem 0.4rem ;  
    transition:0.3s all ;
}
.YU22__sch__link:hover > span { background-color:#ffde00 ; color:#111111 ; text-shadow:none }
.YU22__sch__date , .YU22__sch__title { 
    word-break:keep-all ; 
    font-size:1.8rem ; line-height:2.8rem 
 }
.YU22__sch__date { 
    display:block  ;
    color:#111111 ; font-weight:800 ;
    border-bottom:dashed 1px rgba(0,0,0,0.1) ; padding-bottom:0.5rem ; margin-bottom:0.7rem ; 
}

*/











} 
    
@media print { }