@charset "utf-8"; 

/* body */
body.navOpen { overflow:hidden }



/* Header */ 
#header { 
    width:100% ; background-color:#ffffff ;
    position:fixed ; left:0 ; top:0 ; z-index:95 ; 
}
.sticky #header { background-color:#ffffff ; box-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
.header__container { width:100% ; min-height:5rem ; margin:auto ; position:relative }
#logo , #logo > a  { 
    display:block ;
    font-size:0 ; color:transparent ;
    width:10.2rem ; height:3rem
}
#logo { position:absolute ; left:0.5rem ; top:50% ; transform:translateY(-50%) }
#logo > a {
    overflow:hidden ; 
    background:url(../img/sprite.png) no-repeat left top ; background-size:auto 6rem ;
}

.header__left__date , .header__left__history { display:none }

#btn_nav_open , #btn_search_open {
    display:block ; overflow:hidden ; width:5rem ; height:5rem ;
    position:absolute ; top:0 ;
    font-size:0 ; color:transparent
}
#btn_nav_open { right:5rem }
#btn_search_open { right:0 }

#btn_nav_open , #btn_nav_open > b , #btn_nav_open span ,
#btn_search_open , #btn_search_open > b , #btn_search_open span  { transition:all 0.3s }

#btn_nav_open > b , #btn_search_open > b { width:100% ; height:100% }
#btn_nav_open > b , #btn_search_open > b , #btn_nav_open span , #btn_search_open span { 
    display:block ; 
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) 
}
#btn_nav_open span { 
    width:60% ; height:0.2rem ; overflow:hidden ; border-radius:1rem ;
    background-color:#111111 ;
} 
#btn_nav_open span:nth-child(1) , #btn_nav_open:hover span:nth-child(3) { top:30% }
#btn_nav_open span:nth-child(2) { top:50% }
#btn_nav_open span:nth-child(3) , #btn_nav_open:hover span:nth-child(1) { top:70% }
#btn_nav_open:hover span:nth-child(2) { transform:translate(-50%,-50%) rotate(180deg) }

.navOpen #btn_nav_open { background-color:#1663aa }
.navOpen #btn_nav_open span { background-color:#ffffff }

.navOpen #btn_nav_open span:nth-child(1) ,
.navOpen #btn_nav_open span:nth-child(2) , 
.navOpen #btn_nav_open span:nth-child(3) ,
.navOpen #btn_nav_open:hover span:nth-child(1) , 
.navOpen #btn_nav_open:hover span:nth-child(3) { left:50% ; top:50% } 
.navOpen #btn_nav_open span:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg) }
.navOpen #btn_nav_open span:nth-child(2) { opacity:0 } 
.navOpen #btn_nav_open span:nth-child(3) { transform:translate(-50%,-50%) rotate(-45deg) }


.navOpen #btn_nav_open:hover span:nth-child(1) { transform:translate(-50%,-50%) rotate(135deg) }
.navOpen #btn_nav_open:hover span:nth-child(3) { transform:translate(-50%,-50%) rotate(45deg) }

#btn_search_open span:nth-child(1)  {  
    width:46% ; height:46% ; border:solid 0.2rem #111111 ;
    border-radius:100% ; top:45% ; left:45%
}
#btn_search_open span:nth-child(2) {
    width:20% ; height:0.2rem ; border-radius:1rem ;
    background-color:#111111 ; top:67% ; left:67% ; transform:translate(-50%,-50%) rotate(45deg) ;
}
#btn_search_open:hover > b { transform:translate(-50%,-50%) scale(1.1) }

.searchOpen #btn_search_open { background-color:#1663aa }
.searchOpen #btn_search_open span:nth-child(1) { border-color:#ffffff }
.searchOpen #btn_search_open span:nth-child(2) { background-color:#ffffff }
 


/* nav */
#nav , #allSearch_form { width:100% ; position:fixed ; left:-101% ; z-index:90 }
#nav { 
    width:100% ; height:100vh ; background-color:#ffffff ;
    top:0 ; padding-top:5rem ;  
}
.navOpen #nav , .searchOpen #allSearch_form  { left:0 ; transition:0.5s all }
.nav__container { display:none ; width:100% ; height:100% ; overflow:auto }
.navOpen .nav__container { display:block }
.nav__list { margin-bottom:3rem }
.nav__img__title , .nav__img__p { display:none }
.nav__img__date { 
    display:block ; padding:1.5rem 0.5rem ; background-color:#111111 ;
    font-size:2rem ; line-height:3rem ; text-align:center ; font-weight:600 ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    border-bottom:solid 1px rgba(0,0,0,0.1)
}
.nav__img__date > span { font-size:inherit ; line-height:inherit ; ; font-weight:inherit ; color:inherit }

.nav__link , .nav__sub__link > br     { display:none }
.nav__sub__link , .nav__sub__link > b , .nav__sub__link::after  { transition:0.3s all }
.nav__sub__link { 
    display:block ; padding:2rem 5% ; position:relative ;
    font-size:1.8rem ; line-height:2.8rem ; font-weight:500 ; text-align:left ; word-break:keep-all  ;
    border-bottom:solid 1px rgba(0,0,0,0.1) ;
}
.nav__sub__link.now { color:#111111 }
.nav__sub__link > b {
    display:inline-block ; padding:0.2rem 1rem 0.4rem  ; margin-right:0.5rem ; 
    font-size:1.4rem ; line-height:1.8rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    background-color:#222222 ; border-radius:4rem ;
    position:relative ; top:0.2rem
}
.nav__sub__link::after { 
    display:block ; content:"" ; width:0 ; height:1px ;
    background-color:#1663aa ;
    position:absolute ; left:0 ; bottom:-1px;
}
.nav__sub__link:hover { color:#111111 }
.nav__sub__link:hover > b , .nav__sub__link.now > b { background-color:#1663aa }
.nav__sub__link:hover::after { width:100% }

.nav__btns { width:90% ; margin:auto ; text-align:center ; font-size:0 ; margin-bottom:3rem }
.nav__btn  { 
    width:31% ; min-width:26rem ; display:inline-block ; margin:0.2rem 1%  ; padding:0.5rem 1rem 0.7rem ;
    font-size:1.4rem ; line-height:2.8rem ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
}
.nav__btn { transition:0.3s all }
.nav__btn.event { background-color:#39ab21 ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
.nav__btn:hover { background-color:#111111 ; color:#ffffff }

.btn__close , .btn__close::before , .btn__close::after { transition:0.3s all } 
.btn__close { 
    display:block ; width:2rem ; height:2rem ; margin:0 auto 2rem ;
    position:relative ; font-size:0 ; opacity:0.3 ;
}
.btn__close:hover { opacity:1 }
.btn__close::before , .btn__close::after {
    display:block ; content:"" ; width:90% ; height:1px ; 
    background-color:#111111 ; border-radius:1rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.btn__close::before { transform:translate(-50%,-50%) rotate(45deg) }
.btn__close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
.btn__close:hover::before , .btn__close:hover::after { width:100% ; height:0.2rem }
.btn__close:hover::before { transform:translate(-50%,-50%) rotate(135deg) }
.btn__close:hover::after  { transform:translate(-50%,-50%) rotate(45deg) }
 


/* Search */
#allSearch_form { 
    top:0 ; padding-top:5rem ;  
    display:block ; width:100% ; height:100vh ; margin:0 auto ;
    background-color:rgba(0,0,0,0.8) ;
}
.allSearch__container { 
    display:none ; width:96% ; padding:5rem 0 0.3rem ; margin:0 auto ;
    text-align:center ; font-size:0 ;
    position:relative 
}
.searchOpen .allSearch__container { display:block }
#as_kind , #as_Word , #allSearch_btn_submit {  
    width:90% ; max-width:60rem ; text-align:center ; 
    font-size:1.8rem ; line-height:3.4rem ; border-radius:0.4rem ;
    margin:0 0.2rem 0.5rem ;  
}
#as_kind , #as_Word { background-color:#ffffff }
#as_kind { padding:1.2rem 0.5rem 1.4rem }
#as_Word , #allSearch_btn_submit { padding:1rem 0.5rem 1.2rem }
#allSearch_btn_submit { 
    background-color:#1663aa ; margin-bottom:2rem ;
    color:#ffffff ; font-weight:500 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ;
    transition:0.3s all ;
} 
#allSearch_btn_submit:hover { background-color:#39ab21 }
#allSearch_btn_close        { opacity:0.7 ; margin-bottom:0 }
#allSearch_btn_close::before , #allSearch_btn_close::after { background-color:#ffffff }

 

/* Main */
#main { width:100% ; padding-top:5rem ; margin-bottom:10rem } 



/* Footer */
#footer { width:100% ; background-color:#252525 ; padding:1rem 0 4rem }
.footer__nav { width:100% ; margin:0 auto 3rem } 
.footer__nav__link , .alarm__btn , .alarm__btn::after , .footer__sns__link , .footer__sns__link::before { transition:0.3s all } 
.footer__container { padding:0 2rem }  
.footer__nav__list , .alarm__list , .footer__sns { text-align:center ; font-size:0 ; text-align:center ; padding:1rem 0 }
.footer__nav__item { display:inline-block ; padding:0.5rem 1.5rem 0.7rem  ; position:relative }
.footer__nav__item::after {
    display:block ; content:"" ; width:1px ; height:1rem ;
    background-color:#ffffff ; opacity:0.2 ;
    position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
}
.footer__nav__item:first-child { padding-left:0 }
.footer__nav__item:last-child  { padding-right:0 }
.footer__nav__item:last-child::after { display:none }

.alarm__btn , .footer__address li , .footer__copy , .footer__nav__link  { 
    font-size:1.6rem ; line-height:2.8rem ; text-align:center ; color:#ffffff ;  
    text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; word-break:keep-all }

.footer__nav__link { color:rgba(255,255,255,0.8) } 
.footer__nav__link:hover { color:#ffffff } 
.alarm__btn , .alarm__btn::after  { border-radius:0.4rem ; box-sizing:border-box }  
.alarm__btn  { 
    width:90% ; max-width:28rem  ; margin:0 1% 0.5rem ; 
    display:inline-block ; padding:0.8rem 0.5rem 1rem ; 
    position:relative ; background-color:#39ab21 ;
    font-weight:500 ;
}
.alarm__btn::after { 
    display:block ; content:"" ; width:100% ; height:100% ;
    border:solid 1px rgba(255,255,255,0.1) ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.alarm__btn:hover { background:none }
.alarm__btn:hover::after { border-color:#39ab21 }
#unsubscribe { display:none }

.footer__logo {
    display:block ; width:13.6rem ; height:4rem ; margin:0 auto 2rem ;
    font-size:0 ; color:transparent ; opacity:0.3 ;
    background:url(../img/sprite.png) no-repeat left bottom ; background-size:auto 8rem ;
}
.footer__address li , .footer__copy { color:rgba(255,255,255,0.8) }
.footer__address li { margin-bottom:0.5rem } 

.footer__copy { margin-bottom:4rem }
.footer__sns  { padding:0 }
.footer__sns__item { display:inline-block ; margin:0.5rem 1rem }
.footer__sns__link , .footer__sns__link::before { display:block ; width:5rem ; height:5rem ; border-radius:100% }
.footer__sns__link { 
    background-color:rgba(255,255,255,0.1) ; position:relative ;
    font-size:0 ; color:transparent
}
.footer__sns__link:hover   { background-color:rgba(255,255,255,0.2) }
.footer__sns__link::before {
    content:"" ; opacity:0.6 ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
    background:url(../img/sprite.png) no-repeat ; background-image:auto 10rem ;
}
.footer__sns__link:hover::before  { opacity:1 }
.footer__sns__link.ins::before { background-position:-37rem -5rem }
.footer__sns__link.fb::before  { background-position:-42rem -5rem }
.footer__sns__link.yt::before  { background-position:-47rem -5rem }

#installBtn , #unsubscribe { display:none }



/* Aside */
#aside { width:5rem ; position:fixed ; right:-6rem ; bottom:0 ; z-index:85 }
.sticky #aside { right:0.5rem } 
.aside__list , .aside__item { width:100% }
.aside__list , .aside__link , #goTop { font-size:0 ; color:transparent }
.aside__item { margin-bottom:0.5rem }
.aside__link::before , .aside__link::after , #goTop > span::before , #goTop > span::after { content:"" }
.aside__link , #goTop , .aside__link::before , .aside__link::after , #goTop > span {
    display:block ; border-radius:100% ;
    width:5rem ; height:5rem
}
.aside__link , #goTop { position:relative } 
.aside__link::before , .aside__link::after , #goTop > span {
    box-sizing:border-box ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
.aside__link::before { 
    background:url(../img/sprite.png) no-repeat ; background-size:auto 10rem  ;
    transform:translate(-50%,-50%) scale(0.7) ;
    opacity:0.7 ;
}
.aside__link { background-color:#ffffff }
.aside__link::after { width:100% ; height:100% ; border:solid 1px rgba(0,0,0,0.1)}
#copyURL.aside__link::before   { background-position:-22rem 0rem }
#subscribe.aside__link::before { background-position:-27rem 0rem }
#lastIssue.aside__link::before { background-position:-32rem 0rem }
.aside__link , #goTop , .aside__link::before , .aside__link::after , 
#aside , #goTop > span::before , #goTop > span::after { transition:0.3s all } 
.aside__link:hover::before { opacity:1 ; transform:translate(-50%,-50%) scale(0.8) }

#goTop { background-color:#39ab21 }
#goTop > span::before , #goTop > span::after  {
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
}
#goTop > span::before { 
    width:1.2rem ; height:1.2rem ; top:45% ;
    border:solid 0.2rem #ffffff ; border-bottom:none ; border-right:none ;
    transform:translate(-50%,-50%) rotate(45deg);
}
#goTop > span::after {
    width:0.2rem ; height:2rem ; border-radius:1rem ;
    background-color:#ffffff ;
    transform:translate(-50%,-50%) 
}
#goTop:hover { background:#111111 }
#goTop:hover > span::before { top:70% }
#goTop:hover > span::after  { transform:translate(-50%,-50%) rotate(90deg) ; top:40% }




@media screen and (min-width:1024px){ 
 
    /* Header */ 
    #header { border:none ; background:none }
    .searchOpen #header { background-color:#ffffff}
    .navOpen #header    { background:none ; box-shadow:none } 
    .header__container , .allSearch__container , #footer  { width:98% ; max-width:128rem ; margin:auto }
    .header__container  { min-height:10rem  }
    #logo , #logo > a   { width:17rem ; height:5rem }
    #logo     { left:0 }
    #logo > a { background-size:auto 10rem }

    #btn_nav_open , #btn_search_open { top:50% ; transform:translateY(-50%) ; z-index:99 }
    #btn_nav_open { right:7rem }

    #btn_nav_open span { height:0.3rem ; width:66% } 
    #btn_nav_open span:nth-child(1) , #btn_nav_open:hover span:nth-child(3) { top:28% }
    #btn_nav_open span:nth-child(2) { top:50% }
    #btn_nav_open span:nth-child(3) , #btn_nav_open:hover span:nth-child(1) { top:72% }

    .navOpen #btn_nav_open { background:none }
    .navOpen #btn_nav_open span { background-color:#1663aa }

    #btn_search_open span:nth-child(1) { width:48% ; height:48% ; border-width:0.3rem }
    #btn_search_open span:nth-child(2) { height:0.3rem ; top:68% ; left:68% }

    .header__left__date , .header__left__history {
        display:inline-block ; padding:0.5rem 2rem 0.7rem ; 
        font-size:1.8rem ; line-height:2.8rem ;
        position:absolute ; top:50% ; transform:translateY(-50%) ;
    }
    .header__left__date    { left:19rem }
    .header__left__history { left:34.5rem }
    .header__left__date , .header__left__history ,
    .header__left__date::before , .header__left__history::before { border-radius:4rem ; box-sizing:border-box }
    .header__left__date::before , .header__left__history::before {
        display:block ; content:"" ; width:100% ; height:100% ; 
        position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
        border:solid 1px rgba(0,0,0,0.1) ;
    }
    .header__left__date { 
        background-color:#39ab21 ; color:#ffffff ; font-weight:500 ;
        text-shadow:0 0 0.3rem rgba(0,0,0,0.2) 
    } 
    .header__left__history { font-size:1.6rem }
    .header__left__history , .header__left__history::before { transition:0.3s all }
    .header__left__history:hover { background-color:#1663aa ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.2) }
 
    

    /* nav */
    #nav { background-color:rgba(0,0,0,0.7) ; padding:0 } 
    .navOpen #logo , .navOpen .header__left__date , .navOpen .header__left__history { display:none }
    .nav__container , .nav__img , .nav__box { height:100% ; min-height:70rem } 
    .nav__container { width:100% ; max-width:140rem ; margin:auto ; position:relative }
    .nav__img , .nav__box { display:block ; background-color:#ffffff }
    .nav__img { 
        position:absolute ; top:0 ;
        right:50rem ; width:37rem ; background:url(../img/nav_bg.jpg) no-repeat center ; background-size:cover }
    .nav__img::before { 
        display:block ; content:"" ; width:100% ; height:100% ;
        background-color:#111111 ; opacity:0.3 ;
        position:absolute ; left:0 ; top:0
    } 
    .nav__box { width:50rem ; padding:10rem 4rem ; position:absolute ; right:0 }
    
    .nav__img__header , .nav__img__p { padding:0 4rem ; position:absolute ; left:0 ; display:block }
    .nav__img__header { top:3rem }
    .nav__img__p      { 
        bottom:10rem ; 
        font-size:2.6rem ; line-height:4rem ; font-weight:600 ;
        word-break:keep-all  ;
    }
    .nav__img__p , .nav__img__date { text-shadow:0 0 0.3rem rgba(0,0,0,0.2) ; color:#ffffff }

    .nav__img__title { 
        font-size:0 ; color:transparent ; line-height:0 ;
        display:block ; width:13.6rem ; height:4rem ;
        background:url(../img/sprite.png) no-repeat left bottom ; background-size:auto 8rem ;
        margin-bottom:1rem ;
    }
    .nav__img__date { font-size:1.8rem ; line-height:3rem ; font-weight:600 ; padding:0 ; background:none ; border:none }
 
    .nav__list      { margin-bottom:5rem }
    .nav__item      { 
        position:relative ; 
        padding:2rem 0 2rem 10rem ; border-bottom:dashed 1px rgba(0,0,0,0.15) }    
    .nav__sub__link  { 
        order:none ; padding:0 ; color:#595959 ; display:inline ;
        border-bottom:solid 1px rgba(0,0,0,0)
    } 
    .nav__sub__link:hover , .nav__sub__link.now { border-color:rgba(0,0,0,0.3) }
    .nav__sub__item        { margin-bottom:1rem } 
    .nav__sub__link::after { display:none }
    .nav__item:last-child , .nav__sub__link:last-child  { margin-bottom:0 }
    .nav__sub__link > b    { display:none }

    .nav__link { 
        display:block ; width:9rem ;
        position:absolute ; left:0 ; top:2rem ; 
        font-size:1.8rem ; line-height:2.8rem ; font-weight:500 ; color:#1663aa 
    }

    .nav__btns { 
        display:block ; width:100% ; margin:auto ; padding:0 4rem ;
        position:absolute ; left:0 ; bottom:2rem ;
    }
    .nav__btns::after , .nav__container::after { display:block ; content:"" ; clear:both } 
    .nav__btn { 
        float:left ; position:relative ;
        width:auto ; max-width:none ; min-width:auto ; margin:0 ;
        font-size:1.6rem ; line-height:2.8rem ; 
        padding:1rem 2.5rem 1.2rem ; border:solid 1px rgba(0,0,0,0.1) }
    
    .nav__btn.event     { float:right }
    .nav__btn.subscribe { border-right:none ; border-radius:0.4rem 0 0 0.4rem }
    .nav__btn.history   { border-left:none  ; border-radius:0 0.4rem 0.4rem 0 }
    .nav__btn.subscribe::after {
        display:block ; content:"" ; width:1px ; height:1.2rem ; 
        background-color:rgba(0,0,0,0.1) ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }

    #btn_nav_close { 
        margin:0 ;
        position:absolute ; left:-4rem ; bottom:2.5rem ; transform:translateY(-50%) ;
    }
    #btn_nav_close::before , #btn_nav_close::after { background-color:#ffffff }

 
    
    /* Search */
    #btn_nav_open , #btn_search_open { border-radius:0.4rem }
    #allSearch_form { padding:0 ; padding-top:10rem }
    .allSearch__container { padding:5rem 0 3rem }
    #as_kind , #as_Word , #allSearch_btn_submit { width:auto ; max-width:none ; margin:0 0.2rem 1.5rem } 
    #as_kind , #as_Word { text-align:left } 
    #as_Word , #allSearch_btn_submit { padding-left:1.5rem ; padding-right:1.5rem }
    #as_kind { width:10rem ; padding:1.3rem 0.5rem 1.5rem }

 

    /* Main */
    #main { padding-top:10rem } 



    /* Footer */
    #footer { border-radius:1rem 1rem 0 0 ; padding-top:0 }

    .footer__nav , .footer__container { width:90% ; max-width:116rem ; margin:auto ; position:relative ; } 
    .footer__nav::before , .footer__container::before { 
        display:block ; content:"" ; width:100% ; height:1px ; background-color:rgba(255,255,255,0.15) ;
        position:absolute ; left:50% ; top:0 ; transform:translateX(-50%) ;
    }
    .footer__nav::after { display:block ; content:"" ; clear:both }

    .footer__nav__list , .alarm__list { width:49% ; margin:0 ; padding:0 } 
    .footer__nav__list { float:left ; text-align:left }
    .alarm__list       { float:right ; text-align:right }
    .footer__nav__item { padding:0 2rem }
    .footer__nav__link , .alarm__btn { padding:1.5rem 0 1.7rem ; display:block }

    .alarm__btn , .alarm__btn::after  { margin:0 ; border-radius:0 } 
    .alarm__btn { padding-left:3rem ; padding-right:3rem ; width:auto ; display:inline-block }
    .alarm__btn::after { 
        border:none ; width:1px ; box-sizing:border-box ;
        height:100% ; background-color:rgba(255,255,255,0.1) ;
        left:0 ; transform:translateY(-50%) ; 
    }
    .alarm__btn:last-child:after { 
        width:100% ; height:100% ; left:0 ; top:0 ; transform:none ;
        background:none ; border:solid 1px rgba(255,255,255,0.1) ;
        border-top:none ; border-bottom:none ;
    }

    .footer__container { position:relative ; padding:4rem 20rem 0 17rem }
    .footer__logo { position:absolute ; left:0 ; top:4rem } 
    .footer__address li { display:inline-block  }
    .footer__address li:first-child { display:block ; width:100% }
    .footer__address li , .footer__copy { font-weight:300 ; letter-spacing:0 ; margin-right:4rem ; text-align:left }
    .footer__address li:first-child , .footer__address li:last-child { margin-right:0 }
    .footer__copy { margin:0 ; text-align:left }

    .footer__sns { width:20rem ; position:absolute ; right:0 ; top:4rem ; text-align:right } 
    .footer__sns__item { margin:0 0 0 1rem }
 
 
 
    /* Aside */
    #aside { width:6rem ; right:-6.5rem ; bottom:0.5rem ; z-index:85 } 
    .sticky #aside { right:1rem } 
    .aside__link , #goTop { width:6rem ; height:6rem }
    .aside__link::before  { transform:translate(-50%,-50%) scale(0.8) }
    .aside__link:hover::before  { transform:translate(-50%,-50%) scale(0.9) }
 


} 
    
@media print { 
     
}