@charset "utf-8";

/* BODY */
body.nOpen { overflow:hidden }



/* HEADER */
#header , .header__inner , .header__box { width:100% ; box-sizing:border-box }
#header { 
    position:fixed ; left:0 ; top:0 ; z-index:90 ;
    min-height:6rem ; background-color:#ffffff ;
    box-shadow:0 0 0.3rem rgba(0,0,0,0.2) }

.header__sns , .header__history__box , .header__history__btn span:nth-child(1) , 
.header__history__close , .header__fun , .close__zone { display:none } 
.header__box , .header__fun__btn { position:relative } 
.nav__btn__open { position:absolute ; z-index:95 }
.nav__btn__open span , #logo > a , .YU_logo { font-size:0 ; color:transparent }

.header__logo , .YU_logo { z-index:95 }
.header__logo { 
    position:absolute ; left:57% ; top:1rem ; transform:translateX(-50%) ;
    height:4rem ; width:18rem ; box-sizing:border-box ;
    padding-right:5rem ; 
}
.YU_logo , #logo > a  { 
    display:block ; 
    background:no-repeat center ; background-size:cover ;
    position:absolute 
}
.YU_logo {
    content:"" ; width:10.4rem ; height:4rem ;
    background-image:url(../img/footer_logo.png) ; 
    left:0.5rem ; top:1rem
}
#logo , #logo > a { display:block ; width:13.2rem ; height:3rem } 
#logo > a { background-image:url(../img/logo.png) }
#logo { position:absolute ; left:0 ; bottom:0rem }
 
.header__history__btn span { font-size:1.4rem ; line-height:2rem }
.header__history {
    display:inline-block ; box-sizing:border-box ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    padding:0.2rem 0.5rem 0.4rem ;
    position:absolute ; right:0 ; bottom:0.2rem ; 
}

.nav__btn__open { width:5rem ; height:5rem ; top:0.5rem ; right:0 }
  
.nav__btn__open::before , .nav__btn__open span , .nav__btn__open::after { transition:0.3s all }
.nav__btn__open::before , .nav__btn__open::after { content:"" }
.nav__btn__open::before , .nav__btn__open span , .nav__btn__open::after {
    display:block ; overflow:hidden ; width:2.4rem ; height:0.2rem ;
    position:absolute ; left:50% ; transform:translate(-50%,-50%) ;
    background-color:#444444 ; border-radius:1rem ; 
}
.nav__btn__open::before { top:35% }
.nav__btn__open span    { top:50% }
.nav__btn__open::after  { top:65% }

.nav__btn__open:hover::before , .nav__btn__open:focus::before ,
.nav__btn__open:hover span , .nav__btn__open:focus span ,
.nav__btn__open:hover::after , .nav__btn__open:focus::after { background-color:#000000 }

.nav__btn__open:hover::before , .nav__btn__open:focus::before { top:65% }
.nav__btn__open:hover span , .nav__btn__open:focus span       { transform:translate(-50%,-50%) rotate(180deg) }
.nav__btn__open:hover::after , .nav__btn__open:focus::after   { top:35% }

.nOpen .nav__btn__open::before , .nOpen .nav__btn__open::after { top:50% ; height:0.1rem }
.nOpen .nav__btn__open::before { transform:translate(-50%,-50%) rotate(45deg) }
.nOpen .nav__btn__open span    { opacity:0 }
.nOpen .nav__btn__open::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.nOpen .nav__btn__open:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.nOpen .nav__btn__open:hover::after { transform:translate(-50%,-50%) rotate(45deg) }



/* NAV */
#nav , #nav::before , .nav__list , .nav__inner ,
.nav__item , .nav__link , .nav__sub__list , .nav__sub__item , .nav__sub__link { width:100% ; box-sizing:border-box }
#nav { 
    height:100vh ; padding:6rem 0 3rem ;
    position:fixed ; left:-101% ; top:0 ; z-index:92 ;
    background-color:#ffffff ; box-sizing:border-box ;
}
.nOpen #nav { left:0 }
#nav::before {
    display:block ; content:"" ; height:0.1rem ;
    background-color:rgba(0,0,0,0.1) ;
    position:absolute ; left:0 ; top:6rem
}
.nav__inner { height:100% ; overflow:auto  }
.nav__list  { position:relative ; margin-bottom:3rem }
.nav__item { padding-bottom:2rem }
.nav__link , .nav__sub__link { 
    display:block ; padding:1rem 0.5rem 1.2rem ; 
    text-align:center ;
    position:relative ;
}

.nav__link {  
    font-size:2rem ; line-height:2.8rem ; color:#ffffff ; font-weight:600 ;  
    background-color:#111111 }  

#YU11 .nav__link.item10 , #YU12 .nav__link.item10 , #YU13 .nav__link.item10 ,
#YU14 .nav__link.item10 , #YU15 .nav__link.item10 , #YU16 .nav__link.item10 ,
#YU21 .nav__link.item20 , #YU22 .nav__link.item20 , #YU23 .nav__link.item20 ,
#YU24 .nav__link.item20 , #YU25 .nav__link.item20 , #YU26 .nav__link.item20 ,
#YU31 .nav__link.item30 , #YU32 .nav__link.item30 , #YU33 .nav__link.item30 ,
#YU34 .nav__link.item30 , #YU35 .nav__link.item30 , #YU36 .nav__link.item30 ,
#YU41 .nav__link.item40 , #YU42 .nav__link.item40 , #YU43 .nav__link.item40 ,
#YU44 .nav__link.item40 , #YU45 .nav__link.item40 , #YU46 .nav__link.item40 ,
.nav__item:hover .nav__link , .nav__link:hover , .nav__link:focus {
    background-color:#ffde00 ; color:#111111
}
.nav__sub__list { margin-bottom:0rem }
.nav__sub__link { 
    font-size:1.8rem ; line-height:2.8rem ; font-weight:500 ;  
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
}
.nav__sub__link::after {
    display:block ; content:"" ; width:0 ; height:1px ;
    position:absolute ; left:50% ; transform:translateX(-50%) ; 
    background-color:rgba(0,0,0,0.5) ; bottom:-1px   
}  

#YU11 .nav__sub__link.item11 , #YU12 .nav__sub__link.item12 , #YU13 .nav__sub__link.item13 ,
#YU14 .nav__sub__link.item14 , #YU15 .nav__sub__link.item15 , #YU16 .nav__sub__link.item16 ,
#YU21 .nav__sub__link.item21 , #YU22 .nav__sub__link.item22 , #YU23 .nav__sub__link.item23 ,
#YU24 .nav__sub__link.item24 , #YU25 .nav__sub__link.item25 , #YU26 .nav__sub__link.item26 ,
#YU31 .nav__sub__link.item31 , #YU32 .nav__sub__link.item32 , #YU33 .nav__sub__link.item33 ,
#YU34 .nav__sub__link.item34 , #YU35 .nav__sub__link.item35 , #YU36 .nav__sub__link.item36 ,
#YU41 .nav__sub__link.item41 , #YU42 .nav__sub__link.item42 , #YU43 .nav__sub__link.item43 ,
#YU44 .nav__sub__link.item44 , #YU45 .nav__sub__link.item45 , #YU46 .nav__sub__link.item46 ,
.nav__sub__link:hover , .nav__sub__link:focus { color:#111111 ; background-color:rgba(0,0,0,0.03) ; }

#YU11 .nav__sub__link.item11::after , #YU12 .nav__sub__link.item12::after , #YU13 .nav__sub__link.item13::after ,
#YU14 .nav__sub__link.item14::after , #YU15 .nav__sub__link.item15::after , #YU16 .nav__sub__link.item16::after ,
#YU21 .nav__sub__link.item21::after , #YU22 .nav__sub__link.item22::after , #YU23 .nav__sub__link.item23::after ,
#YU24 .nav__sub__link.item24::after , #YU25 .nav__sub__link.item25::after , #YU26 .nav__sub__link.item26::after ,
#YU31 .nav__sub__link.item31::after , #YU32 .nav__sub__link.item32::after , #YU33 .nav__sub__link.item33::after ,
#YU34 .nav__sub__link.item34::after , #YU35 .nav__sub__link.item35::after , #YU36 .nav__sub__link.item36::after ,
#YU41 .nav__sub__link.item41::after , #YU42 .nav__sub__link.item42::after , #YU43 .nav__sub__link.item43::after ,
#YU44 .nav__sub__link.item44::after , #YU45 .nav__sub__link.item45::after , #YU46 .nav__sub__link.item46::after ,
.nav__sub__link:hover::after , .nav__sub__link:focus::after { width:100% }

#nav , .nav__btn__close , .nav__btn__close::before , .nav__btn__close::after ,
.nav__link , .nav__link::after , .nav__sub__link::after { transition:0.3s all }
.nav__btn__close {
    display:block ; width:1.2rem ; height:1.2rem ; opacity:0.2 ;
    position:absolute ; left:50% ; bottom:0.9rem ; transform:translateX(-50%) ;
    font-size:0 ; color:transparent
}
.nav__btn__close:hover , .nav__btn__close:focus { opacity:0.8 }

.nav__btn__close::before , .nav__btn__close::after {
    display:block ; content:"" ; width:1.2rem ; height:1px ;
    background-color:#000000 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.nav__btn__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.nav__btn__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.nav__btn__close:hover::before , .nav__btn__close:focus::before { transform:translate(-50%,-50%) rotate(135deg) } 
.nav__btn__close:hover::after , .nav__btn__close:focus::after   { transform:translate(-50%,-50%) rotate(45deg) }



/* MAIN */
#main { 
    width:100% ; box-sizing:border-box ; 
    padding-top:6rem ; margin-bottom:8rem ;
}



/* ASIDE */
#aside , .aside__top , .aside__top > span , .aside__top > span::before , .aside__top > span::after , 
.aside__search , .aside__search::before { transition:0.3s all }
#aside , .aside__top , .aside__top > span , .aside__search { width:5rem }
.aside__top , .aside__top > span , .aside__search { height:5rem }
#aside { position:fixed ; right:-6rem ; bottom:1rem ; z-index:90 ; opacity:0 ;}
.sticky #aside { right:1rem ; opacity:1 } 
.aside__top > span , .aside__top > span::before , .aside__top > span::after { 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ; 
}
.aside__top , .aside__top > span , .aside__search { overflow:hidden ; border-radius:100% ; display:block }
.aside__top { position:relative ; background-color:#ffde00 }
.aside__top > span { font-size:0 ; color:transparent }
.aside__top > span::before , .aside__top > span::after { display:block ; content:"" ; left:50% }
.aside__top > span::before {
    width:1.2rem ; height:1.2rem ; border:solid 0.2rem #111111 ; border-right:none ; border-bottom:none ;
    transform:translate(-50%,-50%) rotate(45deg) ; top:43%
}
.aside__top > span::after { width:0.2rem ; height:2rem ; background-color:#111111 }
.aside__top:hover , .aside__top:focus { background-color:#111111 }
.aside__top:hover > span::after  { transform:translate(-50%,-50%) rotate(90deg) ; top:35% }
.aside__top:hover > span::before { top:65% }
 
.aside__top:hover > span::after , .aside__top:focus > span::after   { background-color:#ffffff }
.aside__top:hover > span::before , .aside__top:focus > span::before { border-color:#ffffff }




/* FOOTER */
#footer , #footer::before , .footer__inner , .footer__txt , .footer__nav , 
.footer__sns__list , .footer__etc__list { width:100% ; box-sizing:border-box }
#footer { position:relative ; padding:3rem 0 }
#footer::before {
    content:"" ; position:absolute ; left:0 ; top:-1px ; z-index:50 ; transform:translateY(-50%) ;
    background:url(../img/footer_line.png) left top ; height:0.4rem
}
.footer__nav { margin-bottom:3rem } 
.footer__sns__list , .footer__etc__list , .footer__txt { text-align:center ; padding:0 2rem ; font-size:0 }
.footer__sns__list { margin-bottom:2rem }

.footer__sns__item , .footer__fun__item { display:inline-block ; margin:0.5rem }
.footer__sns__link , .footer__fun__link , .footer__sns__link::before , .footer__fun__link::before { transition:0.3s all }
.footer__sns__link , .footer__fun__link { 
    display:block ; overflow:hidden ; border-radius:100% ;
    width:4rem ; height:4rem ; position:relative ;
    font-size:0 ; color:transparent ;
}
.footer__sns__link { background-color:#111111 }
.footer__fun__link { background-color:#ffde00 }
.footer__sns__link::before , .footer__fun__link::before {
    width:2rem ; height:2rem ; display:block ; content:"" ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background-repeat:no-repeat ; background-size:auto 4rem ; 
} 
.footer__sns__link::before { background-image:url(../img/icon_sns.png) ; opacity:0.8 }
.footer__fun__link::before { background-image:url(../img/icon_fun.png) ; opacity:0.9 }

.footer__fun__link::before { width:3rem ; height:3rem ; background-size:auto 6rem }

.footer__sns__link.NB::before  { background-position:0 0 }
.footer__sns__link.INS::before { background-position:-2rem 0 }
.footer__sns__link.FB::before  { background-position:-4rem 0 }
.footer__sns__link.KKT::before { background-position:-6rem 0 }
.footer__sns__link.YTB::before { background-position:-8rem 0 }
.footer__sns__link:hover::before , .footer__sns__link:focus::before ,
.footer__fun__link:hover::before , .footer__fun__link:focus::before {
    opacity:1 ; transform:translate(-50%,-50%) scale(1.1) ;
}

.footer__fun__link.fun__search::before { background-position:-0 0 }
.footer__fun__link.fun__link::before   { background-position:-3rem 0 }
.footer__fun__link.fun__print::before  { background-position:-9rem 0 }

.footer__etc__list li , .footer__etc__icon { display:inline-block }
.footer__etc__list li { margin:0.5rem 2rem}
.footer__etc__link { font-size:1.6rem ; line-height:2.8rem ; color:#111111 ; font-weight:600 }
.footer__etc__icon , .footer__etc__icon::before , .footer__etc__icon::after { transition:0.3s all }
.footer__etc__icon { 
    width:1.2rem ; height:1.2rem ; margin-right:0.5rem ;
    position:relative ; top:0.9rem ;  
    opacity:0.8 ;
}
.footer__etc__icon::before , .footer__etc__icon::after { 
    width:1rem ; height:0.2rem ; display:block ; content:"" ;
    background-color:#111111 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.footer__etc__icon:hover , .footer__etc__icon:focus { opacity:1 ; color:#000000 }
.footer__etc__icon::before { transform:translate(-50%,-50%) rotate(0deg) }
.footer__etc__icon::after  { transform:translate(-50%,-50%) rotate(90deg) }
.footer__etc__link:hover .footer__etc__icon::before ,
.footer__etc__link:focus .footer__etc__icon::before { transform:translate(-50%,-50%) rotate(90deg) }
.footer__etc__link:hover .footer__etc__icon::after ,
.footer__etc__link:focus .footer__etc__icon::after { transform:translate(-50%,-50%) rotate(180deg) }
.footer__etc__link:hover .footer__etc__icon::before ,
.footer__etc__link:focus .footer__etc__icon::before ,
.footer__etc__link:hover .footer__etc__icon::after ,
.footer__etc__link:focus .footer__etc__icon::after { width:1.2rem }

.footer__txt { border-top:solid 1px rgba(0,0,0,0.1) ; padding-top:3rem  }
.footer__txt address , .footer__txt p {
    font-size:1.6rem ; line-height:2.6rem ; word-break:keep-all ; font-style:normal ;
    margin-bottom:0.5rem ;
}
.footer__txt p { padding-top:0.5rem ; margin:0 }
.footer__txt span { 
    display:inline-block ; position:relative ;
    padding-right:2rem ; margin-right:2rem }
.footer__txt span::after  {
    display:block ; content:"" ; width:1px ; height:1rem ;
    background-color:rgba(0,0,0,0.1) ;
    position:absolute ; right:0 ; top:57% ; transform:translateY(-50%) ;
}  
.footer__txt span:last-child { padding-right:0 ; margin-right:0 }
.footer__txt span:last-child::after { display:none }





/* PC **********/
@media screen and (min-width:1100px){
 
    /* BODY */
    body.nOpen { overflow:initial }


 
    /* HEADER */ 
    #header::after { 
        display:block ; content:"" ; width:100% ; height:1px ; background-color:rgba(0,0,0,0.1) ;
        position:absolute ; left:0 ; top:10.9rem ; opacity:0;
        transition:0.3s all ;
    } 
    .sticky #header::after { top:6.9rem }
    .nOpen #header::after  { top:10.9rem ; opacity:1 }
    #header:hover::after   { opacity:1 }
    #header { background:none }
    .header__sns , .header__sns__list , .header__history__btn , .header__history__box , .header__history__list { width:100% ; box-sizing:border-box }
    .header__sns { 
        margin:auto ;
        display:block ; background-color:rgba(0,0,0,0.5) ; height:4rem ;
        position:relative ; transition:0.3s all ;
    }
    .header__sns__list , .header__box { width:98% ; max-width:140rem ; margin:auto }
    .header__sns__list {  
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) }
    .header__sns__list::after { display:block ; content:"" ; clear:both }
    .header__sns__item , .header__sns__link { width:1.8rem ; height:1.8rem }
    .header__sns__item { float:left ; margin-right:3rem }
    .header__sns__item:last-child { margin-right:0 }

    .header__sns__link , .header__history__btn , .header__history__btn::after { transition:0.3s all }

    .header__sns__link { 
        display:block ;
        font-size:0 ; color:transparent ;
        background:url(../img/icon_sns.png) no-repeat ; background-size:9rem auto ;
        opacity:0.6 ;
    }
    .header__sns__link:hover , .header__sns__link:focus { opacity:1 }
    .header__sns__link.NB  { background-position:0 0 }
    .header__sns__link.INS { background-position:-1.8rem 0 }
    .header__sns__link.FB  { background-position:-3.6rem 0 }
    .header__sns__link.KKT { background-position:-5.4rem 0 }
    .header__sns__link.YTB { background-position:-7.2rem 0 }
 
    .sticky .header__sns { overflow:hidden ; height:0 }
    .nOpen .header__sns  { height:4rem }
 
    .header__inner { background-color:#ffffff ; min-height:7rem } 
    .YU_logo { width:13rem ; height:5rem ; left:0 ; top:0.5rem }

    .header__logo { 
        left:14rem ; top:1.7rem ;
        width:22rem ; transform:none ;
    }
    #logo , #logo > a { width:15.4rem ; height:3.5rem } 
    #logo { bottom:0 }
  
    .header__history { 
        display:block ; width:6rem ; padding:0 ;
        border:none ; border-radius:0 ;   
        bottom:0.4rem ;      
    }
    .header__history__btn { 
        display:block ; box-sizing:border-box ; padding:0.4rem 0.5rem 0.6rem ; 
        border:0 ; border-radius:0.4rem ;
        font-size:1.6rem ; line-height:1.8rem ;
        text-align:left ;        
    }
    .header__history__btn span , .header__history__btn span:nth-child(1) { display:inline }
    .header__history__btn::after { 
        display:block ; content:"" ; opacity:0.3 ;
        width:0.5rem ; height:0.5rem ; 
        border:solid 1px #000000 ; border-top:none ; border-left:none ;
        position:absolute ; right:0.8rem ; top:45% ;
        transform:translate(-50%,-50%) rotate(45deg) ;
    }

    .header__history__btn:hover , .header__history__btn:focus { color:#111111 ; border-color:rgba(0,0,0,0.3) }
    .header__history__btn:hover::after , .header__history__btn:focus::after { 
        opacity:0.7 ;
        transform:translate(-50%,-50%) rotate(45deg) scale(1.1) ;
    }

    .hOpen .header__history__btn { background-color:#111111 }
    .hOpen .header__history__btn ,
    .hOpen .header__history__btn span { color:#ffffff }
    .hOpen .header__history__btn::after {
        border-color:#ffffff ;
        transform:translate(-50%,-50%) rotate(-135deg) scale(1.1) ;
        opacity:1 ; top:58%
    }

    .header__history__close { 
        display:none ; width:100% ; height:3rem ; 
        font-size:0 ; color:transparent ; 
        position:absolute ; left:0 ; top:0 ;
        background:none
    }
    .hOpen .header__history__close { display:block }
 

    .header__history__box , .header__history__list a , .header__fun__btn::before { transition:0.3s all }
    .header__history__box {
        display:block ; overflow:hidden ; border-radius:0.4rem ;
        background-color:rgba(0,0,0,0.8) ; 
        position:absolute ; left:0 ; top:3.3rem ;
        padding:0 1.5rem  ; height:0 ; opacity:0 ;
    }
    .hOpen .header__history__box {
        height:auto ; padding:1rem 0.5rem 2rem ; opacity:1 ;
    }

    .header__history__list { text-align:center ; font-size:0 }
    .header__history__list li { display:block ; margin:0.2rem 2% }
    .header__history__list a  { 
        display:block ; padding:0.8rem 0 1rem ;
        font-size:1.6rem ; line-height:2rem ; color:rgba(255,255,255,0.8) ; font-weight:300 ;
        text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
        border-bottom:solid 1px rgba(255,255,255,0.15) ;
    } 
    .header__history__list a:hover , .header__history__list a:focus { color:#ffffff ; border-color:#ffde00 } 
    .header__history__list li:last-child { width:96% }

    .nav__btn__open { top:1rem }
    .header__fun { 
        display:block ; width:12rem ; right:6rem ;
        position:absolute ; top:1.5rem
    }
    .header__fun::after { display:block ; content:"" ; clear:both }
    .header__fun__item , .header__fun__btn , .header__fun__btn::before { display:block }
    .header__fun__item  { float:left ; position:relative }
    .header__fun__btn   { font-size:0 ; color:transparent ; width:4rem ; height:4rem }
    .header__fun__btn::before { 
        content:"" ; opacity:0.7 ; width:2.6rem ; height:2.6rem ;
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
        background:url(../img/icon_fun.png) no-repeat 0 0 ; background-size:auto 5.2rem ;
    }

    .header__fun__btn.fun__link::before  { background-position:-2.6rem 0 }
    .header__fun__btn.fun__apply::before { background-position:-5.2rem 0 }

    .header__fun__btn:hover::before , .header__fun__btn:focus::before { 
        transform:translate(-50%,-50%) scale(1.1) ;
        opacity:1 ;
    }





    /* NAV */
    #nav {
        width:50% ; height:auto ; padding:0 ; margin:0 0 0 33% ;
        position:static ; background:none ;
    }
    #nav::before { display:none } 
    .nav__inner  { overflow:initial ; height:auto }
    .nav__list   { margin:0 }
    .nav__list::after { display:block ; content:"" ; clear:both }
    .nav__item   { float:left ; width:25% ; padding-bottom:0 }

    .nav__link { 
        font-size:2rem ; line-height:2.8rem ; color:#444444 ;
        padding:2.3rem 0.5rem 1.92rem ;
        background:none ; letter-spacing:-0.2rem ;
    }
    .nav__link::after {
        display:block ; content:"" ;
        width:0 ; height:0.3rem ; background-color:#ffde00 ;
        position:absolute ; bottom:0 ; left:50% ; transform:translateX(-50%) 
    } 

    .nav__link::after , .nav__sub__link { transition:0.3s all }
 
    #YU11 .nav__link.item10 , #YU12 .nav__link.item10 , #YU13 .nav__link.item10 ,
    #YU14 .nav__link.item10 , #YU15 .nav__link.item10 , #YU16 .nav__link.item10 ,
    #YU21 .nav__link.item20 , #YU22 .nav__link.item20 , #YU23 .nav__link.item20 ,
    #YU24 .nav__link.item20 , #YU25 .nav__link.item20 , #YU26 .nav__link.item20 ,
    #YU31 .nav__link.item30 , #YU32 .nav__link.item30 , #YU33 .nav__link.item30 ,
    #YU34 .nav__link.item30 , #YU35 .nav__link.item30 , #YU36 .nav__link.item30 ,
    #YU41 .nav__link.item40 , #YU42 .nav__link.item40 , #YU43 .nav__link.item40 ,
    #YU44 .nav__link.item40 , #YU45 .nav__link.item40 , #YU46 .nav__link.item40 , 
    .nav__item:hover .nav__link , .nav__link:hover , .nav__link:focus { background:none ; color:#111111 } 

    #YU11 .nav__link.item10::after , #YU12 .nav__link.item10::after , #YU13 .nav__link.item10::after ,
    #YU14 .nav__link.item10::after , #YU15 .nav__link.item10::after , #YU16 .nav__link.item10::after ,
    #YU21 .nav__link.item20::after , #YU22 .nav__link.item20::after , #YU23 .nav__link.item20::after ,
    #YU24 .nav__link.item20::after , #YU25 .nav__link.item20::after , #YU26 .nav__link.item20::after ,
    #YU31 .nav__link.item30::after , #YU32 .nav__link.item30::after , #YU33 .nav__link.item30::after ,
    #YU34 .nav__link.item30::after , #YU35 .nav__link.item30::after , #YU36 .nav__link.item30::after ,
    #YU41 .nav__link.item40::after , #YU42 .nav__link.item40::after , #YU43 .nav__link.item40::after ,
    #YU44 .nav__link.item40::after , #YU45 .nav__link.item40::after , #YU46 .nav__link.item40::after , 
    .nav__item:hover .nav__link::after , .nav__link:hover::after , .nav__link:focus::after { width:100% }

    .nav__sub__list { padding:0 ; height:0 ; overflow:hidden ; transition:0.3s all ; opacity:0 }
    #nav:hover .nav__sub__list ,
    .nOpen .nav__sub__list  { padding:1rem 0 4rem ; height:auto ; opacity:1 }
    .nav__sub__link { 
        border-color:rgba(0,0,0,0) ; font-weight:400 ;
        font-size:1.6rem ; line-height:2.8rem ; padding:1rem 0.3rem 1.2rem ;
        width:98% ; margin:auto 
    }
 
    .nav__item:hover .nav__sub__link { border-color:rgba(0,0,0,0.05) ; background:none } 
    .nav__sub__link::after { background-color:rgba(0,0,0,0.2) }  

    .nav__btn__close ,
    #nav:hover  .nav__btn__close , .nOpen .nav__btn__close { display:none  }

    #YU11 .nav__sub__link.item11 , #YU12 .nav__sub__link.item12 , #YU13 .nav__sub__link.item13 ,
    #YU14 .nav__sub__link.item14 , #YU15 .nav__sub__link.item15 , #YU16 .nav__sub__link.item16 ,
    #YU21 .nav__sub__link.item21 , #YU22 .nav__sub__link.item22 , #YU23 .nav__sub__link.item23 ,
    #YU24 .nav__sub__link.item24 , #YU25 .nav__sub__link.item25 , #YU26 .nav__sub__link.item26 ,
    #YU31 .nav__sub__link.item31 , #YU32 .nav__sub__link.item32 , #YU33 .nav__sub__link.item33 ,
    #YU34 .nav__sub__link.item34 , #YU35 .nav__sub__link.item35 , #YU36 .nav__sub__link.item36 ,
    #YU41 .nav__sub__link.item41 , #YU42 .nav__sub__link.item42 , #YU43 .nav__sub__link.item43 ,
    #YU44 .nav__sub__link.item44 , #YU45 .nav__sub__link.item45 , #YU46 .nav__sub__link.item46 {
        background:none ; border-color:rgba(0,0,0,0.2) ;
    }



    /* CLOSE ZONE */
    .close__zone { 
        display:block ; width:100% ; height:0 ; opacity:0 ;
        font-size:0 ; color:transparent ; 
        background-color:rgba(0,0,0,0.5) ;
        position:fixed ; left:0 ; top:0 ; z-index:85 ;
    }
    .nOpen .close__zone { height:100% ; opacity:1 }



    /* MAIN */
    #main { 
        padding-top:0rem ;
        max-width:192rem ; margin:0 auto 8rem
    }
 


    /* FOOTER */
    .footer__inner { width:98% ; max-width:140rem ; margin:auto ; position:relative }
    .footer__nav { 
        width:25rem ; margin:0 ; padding:0.8rem 0 0 ; border:none ;
        position:absolute ; right:0 ; top:0 ; 
    }
    .footer__sns__list , .footer__etc__list { margin:0 ; padding:0 ; text-align:right }
    .footer__sns__list { margin-bottom:2rem }
    .footer__sns__item { margin:0 0 0 1rem }
    .footer__fun__item { display:none }
    .footer__etc__list li { margin:0 0 0 0rem }
    .footer__etc__list li:last-child { margin-left:5rem }

    .footer__txt {
        border:none ; padding:0.2rem 0 0 15rem ; max-width:70rem ;
        text-align:left ; position:relative ;
    } 
    .footer__txt::before {
        display:block ; content:"" ; width:13rem ; height:5rem ;
        background:url(../img/footer_logo.png) no-repeat center ; background-size:cover ;
        position:absolute ; left:0 ; top:0
    } 

} 
 




/* PRINT **********/
@media print {

    /* HEADER */
    #header { position:relative }
    .header__sns , .header__fun , .nav__btn__open , #nav , .close__zone ,
    .header__history__close { display:none }



    /* MAIN */
    #main { padding-top:0rem }


    /* FOOTER */
    #aside , .footer__nav , .footer__txt address , #footer::before { display:none }
    .footer__txt { padding:0 ; border:0 }
    #footer { border-top:solid 1px rgba(0,0,0,0.1) }
    
} 
