#header , #main , #footer { min-width:320px }
body.sitemap { overflow:hidden }


/* header (index:80) */
#header { 
    background-color:#ffffff ; width:100% ; min-height:5rem ;  
    position:fixed ; left:0 ; top:0 ; z-index:80 ;
}  
.sticky #header { box-shadow:0 0 0.3rem rgba(0,0,0,0.1) }
#header::before {
    display:block ; content:"" ; width:100% ; height:1px ; 
    background-color:#f7f7f7 ; background-color:rgba(0,0,0,0.1) ;
    position:fixed ; left:0 ; top:4.9rem ; z-index:81 ;
} 
.header__wrap { position:relative }
#sitemap_open , #sitemap_close , .sitemap__close__zone {
    width:5rem ; height:5rem ;
    font-size:0 ; color:transparent
}
#sitemap_open , .sitemap__close__zone { left:0 ; top:0  }
#sitemap_open { background-color:#070f51 }
#sitemap_open , .sitemap__close__zone , #sitemap_open > b , #sitemap_close > b  { position:absolute ; display:block }
#sitemap_open , #sitemap_open > b , #sitemap_open span ,
#sitemap_close , #sitemap_close > b , #sitemap_close span { transition:0.3s all }  
#sitemap_open > b , #sitemap_close > b { left:50% ; top:50% ; width:4rem ; height:4rem ; transform:translate(-50%,-50%) }
#sitemap_open span , #sitemap_close span { 
    display:block ; width:2rem ; height:0.2rem ; background-color:#ffffff ; border-radius:1rem ;
    position:absolute ; left:50% ; top:50% ; transform:translate(-50%,-50%) ;
} 
#sitemap_open span:nth-child(1) { top:1.4rem }
#sitemap_open span:nth-child(3) { top:2.6rem }
#sitemap_open:hover > b , #sitemap_open:focus > b { transform:translate(-50%,-50%) rotate(180deg) scale(1.1) } 
#sitemap_open:hover span:nth-child(2) , #sitemap_open:focus span:nth-child(2) { transform:translate(-50%,-50%) rotate(-360deg) } 

#logo { 
    position:absolute ; left:6rem ; top:0 ; width:11rem ; height:5rem ; 
    display:block ; padding-left:6rem ; 
    background:url(../img/KIIP_logo.png) no-repeat left center ; background-size:auto 5rem ;
    font-size:0 ; color:transparent    
}
.logo__txt {
    font-size:2.2rem ; line-height:3rem ; color:#626262 ; font-weight:600 ; letter-spacing:-0.1rem ;
    display:block ; width:5rem ; padding:0.8rem 0 1.2rem ; background-color:#ffffff ;
} 
.logo__link { 
    width:100% ; height:100% ; position:absolute ; left:0 ; top:0 ;
    font-size:0 ; color:transparent ;
    display:block ; overflow:hidden ;
}

#header_history , .header__history__header { width:12rem ; display:block }
#header_history { position:absolute ; left:17rem ; top:1rem }
.header__history__header { 
    font-size:1.6em ; line-height:2.2rem ; font-weight:400 ; color:#444444 ; text-align:center ; 
    padding:0.2rem 0 0.4rem ;
    border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem }
.header__history__body , #header_history_open , #nav { display:none }



/* sitemap (index:90) */
.SMN__sub__link { transition:0.3s all }
#sitemap , .SM__wrap { width:100%  } 
#sitemap  { 
    overflow:scroll ; height:100vh ;
    background-color:rgba(0,0,0,0.5) ;
    position:fixed ; left:-101% ; top:0 ; z-index:90 }
.sitemap #sitemap { left:0 ; transition:0.3s left }
.SM__wrap { position:relative ; display:none ; background-color:#ffffff ; padding-bottom:3rem }  
.sitemap .SM__wrap { display:block }

.SM__head { width:100% ; padding:1.3rem 3rem 2rem 6rem }
.SM__head__now , .SM__head__headline { color:#111111 ; display:block ; word-break:keep-all }
.SM__head__now { font-size:1.8rem ; line-height:2.4rem ; font-weight:600  ; margin-bottom:0.5rem; }
.SM__head__headline { font-size:3rem ; line-height:3.8rem ; font-weight:800  ; letter-spacing:-0.1rem }

#sitemap_close { background-color:#ffffff ; position:relative }
#sitemap_close span { background-color:#0e1ea3 ; width:2.8rem ; border-radius:0 }
#sitemap_close span:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg) }
#sitemap_close span:nth-child(2) { transform:translate(-50%,-50%) rotate(-45deg) }
#sitemap_close:hover > b , #sitemap_close:focus > b { transform:translate(-50%,-50%) rotate(90deg) }

.SM__body , #SM_nav , .SM__nav__list , .SMN__li , .SMN__sub , .SMN__sub__item , .SMN__sub__link ,
.SM__footer , .SM__footer__list { width:100% ; display:block }
.SMN__link  { display:none }
.SM__body   { border-top:solid 2px #0e1ea3 ; margin-bottom:3rem }
 
.SMN__sub__link { padding:1rem 1rem 1.1rem ; border-bottom:solid 1px rgba(0,0,0,0.1) ; position:relative }
.SMN__sub__tag , .SMN__sub__title { word-break:keep-all }
.SMN__sub__tag {
    display:inline-block ; background-color:#111111; padding:0.2rem 1rem 0.4rem ; border-radius:0.4rem ;
    font-size:1.2rem ; line-height:1.8rem ; color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
    margin-right:0.7rem
}
.SMN__sub__title { font-size:1.8rem ; line-height:2.4rem ; padding-top:0.4rem ; font-weight:500 }
.SMN__sub__link.now .SMN__sub__title { position:relative ; padding-left:1.5rem } 
.SMN__sub__link.now .SMN__sub__title::before {
    position:absolute ; left:0 ; top:1.7rem ; transform:translate(-50%,-50%) rotate(45deg) ; 
    content:"" ; display:block ; overflow:hidden ; width:0.7rem ; height:0.7rem ;
    border:solid 0.2rem #0e1ea3 ; border-left:none ; border-bottom:none ; 
}
.SMN__sub__link.now:hover .SMN__sub__title::before , .SMN__sub__link.now:focus .SMN__sub__title::before { transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }

.SMN__sub__title::before ,
.SMN__sub__link , .SMN__sub__tag , .SMN__sub__title , .SM__footer__link , .kiip__btn__go { transition:0.3s all } 
.SMN__sub__link:hover , .SMN__sub__link:focus { border-color:#0e1ea3 }
.SMN__sub__link.now .SMN__sub__tag ,
.SMN__sub__link:hover .SMN__sub__tag , .SMN__sub__link:focus .SMN__sub__tag { background-color:#0e1ea3 }
.SMN__sub__link:hover .SMN__sub__title , .SMN__sub__link:focus .SMN__sub__title { color:#111111 }

.SM__footer { text-align:center ; margin-bottom:3rem }
.SM__footer__list { padding:0.5rem ; font-size:0 }
.SM__footer__li , .SM__footer__link , .kiip__btn__go { display:inline-block }
.SM__footer__li , .kiip__btn__go   { margin:0.3rem }
.SM__footer__link , .kiip__btn__go { 
    padding:0.5rem 1.2rem 0.7rem ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
    font-size:1.6rem ; line-height:2.4rem ; 
    background-color:#ffffff ;
}
.SM__footer__link:hover , .kiip__btn__go:hover , .SM__footer__link:focus , .kiip__btn__go:focus {
    border-color:rgba(0,0,0,0.3) ; box-shadow:0 0.1rem 0.3rem rgba(0,0,0,0.3) ;
    color:#111111
}

.kiip__btn__go {
    background-color:#0e1ea3 ; border:none ;  padding:0.7rem 2rem 0.9rem ;
    color:#ffffff ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) ;
}
.kiip__btn__go:hover , .kiip__btn__go:focus { color:#ffffff ; background-color:#000000 }



/* main */
#main { width:100% ; margin:0 auto 6rem }



/* footer */
#footer , .footer__header , .footer__body , .address__box { width:100% ; display:block }
.footer__header , .footer__body { text-align:center }
#footer { background-color:#464646 }
.footer__header { 
    padding:1rem 0.5rem ;
    background-color:#ffffff ; border-top:solid 1px rgba(0,0,0,0.1) } 
.footer__nav , .FN__li { display:inline-block }
.footer__nav { font-size:0 }
.FN__li      { margin:0.5rem }
.FN__link    { 
    display:block ; overflow:hidden ; border:solid 1px rgba(0,0,0,0.1) ; border-radius:2rem ;
    font-size:1.4rem ; line-height:1.8rem ; font-weight:500 ;
    padding:0.5rem 2rem 0.7rem ; transition:0.3s all ;
}
.FN__link:hover , .FN__link:focus {
    background-color:#444444 ; border-color:#444444 ;
    color:#ffffff  
}

.footer__body { padding:4rem 2rem }
.FB__logo {
    transition:0.3s all ;
    display:block ; overflow:hidden ; width:20rem ; height:4rem ; margin:0 auto 1rem ;
    font-size:0 ; color:transparent ; 
    background:url(../img/footer_logo.png) no-repeat center ; opacity:0.5 ;
}
.FB__logo:hover , .FB__logo:focus { opacity:0.7 }

.address__box { margin-bottom:1rem }
.AB__li , .footer__copyright { font-size:1.6rem ; line-height:2.4rem ; color:rgba(255,255,255,0.8) ; font-weight:300 ; word-break:keep-all }
.AB__li { 
    position:relative ; 
    display:inline-block ; margin-bottom:0.5rem ; padding:0 2rem 0.2rem 
}
.AB__li:nth-child(1) { display:block ; width:100% ; padding:0 } 
.AB__li:nth-child(2)::after {
    display:block ; content:"" ; width:1px ; height:1rem ; background-color:#ffffff ; opacity:0.15 ;
    position:absolute ; right:0 ; top:0.9rem
}



/* PC */
@media screen and (min-width:1024px){ 
    /*  
    @import url('../css/KIIP_font.css');
    @import url('https://cdn.jsdelivr.net/gh/fonts-archive/GamtanRoadTantan/GamtanRoadTantan.css'); 
    font-family:'GamtanRoad Tantan',sans-serif 
    */ 


 
    /* header (index:80) */ 
    #logo , #header_history , #sitemap_open { z-index:85 }
    #nav { z-index:83 }
    #header { min-height:7rem }
    .sticky #header { box-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
    #header::before { display:none } 
    #header_history_open { transition:0.3s all }
    .header__wrap { margin:auto ; width:98% ; max-width:120rem } 
    #sitemap_open , #logo { top:1rem ; border-radius:0.4rem }

    #logo { width:27.5rem ; height:5rem }
    .logo__txt { float:right ; padding:0.8rem 0 0 }
    #logo::after { 
        display:block ; content:"" ; width:1px ; height:1rem ; 
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; right:0; top:50% ; transform:translateY(-50%) ;
    }

    #header_history { 
        width:15rem ; min-height:3.4rem ; 
        left:34rem ; top:1.8rem
    } 

    .header__history__header , #header_history_open::before , .header__history__body , .header__history__li a { transition:0.3s all }
    .header__history__header { 
        width:100% ; border:solid 1px #ffffff; border-radius:0.4rem ;
        font-size:1.8em ; line-height:2.4rem ; text-align:left ;
        padding:0.3rem 2rem 0.7rem 0.8rem ; background-color:#ffffff ;
        position:relative ;
    } 
    .open .header__history__header { 
        background-color:#111111 ; border-color:#111111 ;
        color:#ffffff 
    }

    .header__history__header:hover { border-color:rgba(0,0,0,0.1) }
    #header_history_open { 
        width:2rem ; height:3rem ; display:block ;
        position:absolute ; right:0rem ; top:50% ; transform:translateY(-50%) ;
        font-size:0 ; color:transparent
    }
    #header_history_open::before {
        display:block ; content:"" ;
        width:0.8rem ; height:0.8rem ; overflow:hidden ;
        position:absolute ; right:0.5rem ; top:42% ; transform:translate(-50%,-50%) rotate(45deg) ;
        border:solid 1px #111111 ; border-top:none ; border-left:none 
    } 

    .open #header_history_open::before , .open #header_history_open:hover::before , .open #header_history_open:focus::before {
        border-color:#ffffff ; opacity:1; 
        transform:translate(-50%,-50%) rotate(225deg) ; top:55%
    } 
    
    #header_history_open:hover:before , #header_history_open:hover:before { opacity:0.8 ; transform:translate(-50%,-50%) rotate(45deg) scale(1.1) }

    .header__history__body , .header__history__list , .header__history__list ,  .header__history__li a { display:block ; width:100% }
    .header__history__body {
        background-color:#ffffff ; overflow:hidden ; border-radius:0.4rem ;
        position:absolute ; left:0 ; top:4rem ; padding:0 1.5rem ; transition:0.3s all ;
        height:0 ; opacity:0 ;
    } 
    .open .header__history__body { 
        z-index:91 ;
        padding:0.5rem 1.5rem ; border:solid 1px rgba(0,0,0,0.1) ;
        opacity:1 ; height:auto
    }

    .header__HB__wrap       { display:none }
    .open .header__HB__wrap { display:block }

    .header__history__list { margin-bottom:0.5rem }
    .header__history__li a { 
        font-size:1.6rem ; line-height:2.4rem ; text-align:left ;
        border-bottom:solid 1px rgba(0,0,0,0.1) ; padding:0.5rem 0.2rem 0.7rem ;
    }
    .header__history__li a:hover , .header__history__li a:focus { color:#111111 ; border-color:#0e1ea3 }

    #header_history_close , #header_history_close::before , #header_history_close::after { transition:0.3s all }
    #header_history_close {
        display:block ; overflow:hidden ; position:relative ; opacity:0.3 ;
        width:2rem ; height:2rem ; margin:0 auto 0.5rem ; 
        font-size:0 ; color:transparent 
    }
    #header_history_close:hover , #header_history_close:focus    { opacity:0.8 }
    #header_history_close::before , #header_history_close::after { 
        display:block ; content:"" ; width:1.4rem ; height:1px ; background-color:#000000 ;
        position:absolute ; left:50% ; top:50%
    }
    #header_history_close::before { transform:translate(-50%,-50%) rotate(45deg) }
    #header_history_close::after  { transform:translate(-50%,-50%) rotate(-45deg) }

    #header_history_close:hover::before , #header_history_close:focus::before { transform:translate(-50%,-50%) rotate(135deg) }
    #header_history_close:hover::after , #header_history_close:focus::after   { transform:translate(-50%,-50%) rotate(45deg) }



    /* NAV */
    #nav , .nav__wrap , #nav::before{ display:block ; width:100% } 
    #nav::before { 
        content:"" ; height:1px ; background-color:rgba(0,0,0,0.1) ;
        position:fixed ; left:0 ; top:6.9rem ; opacity:0 ;
    }
    #header:hover #nav::before , #nav.open::before { opacity:1 }  
    .nav__wrap  { padding-left:50% ; position:relative ; overflow:hidden }
    .nav__theme { 
        display:block ; width:40% ; word-break:keep-all ;
        font-family:'Black Han Sans',sans-serif ; font-weight:normal ;
        font-size:3.8rem ; line-height:5rem ; letter-spacing:-0.1rem ; color:#111111 ;
        position:absolute ; left:6rem ; top:9rem
    } 
    .nav__list { display:block ; width:100% ; overflow:hidden ; font-size:0 ; margin:auto }
    .nav__list::after { display:block ; content:"" ; clear:both } 

    .nav__item   { display:block ; float:left }
    .nav__item10 { width:28.30% }
    .nav__item20 { width:21.70% }
    .nav__item30 { width:32.60% }
    .nav__item40 { width:17.40% }

    #nav::before ,
    .nav__link , .nav__sub , .nav__link , .nav__link::after , .nav__sub__link  , .nav__sub__link::after { transition:0.3s all }
    .nav__link { 
        display:block ; padding:2rem 0 2.2rem ;
        font-size:1.8rem ; line-height:2.8rem ; font-weight:700 ; color:#444444 ; text-align:center ;
        position:relative
    } 
    .nav__link:hover , .nav__link:focus , .nav__item:hover .nav__link { color:#070f51 }
    .nav__link.now { color:#111111 }

    .nav__link::after {
        display:block ; content:"" ; width:0% ; height:0.1rem ; 
        background-color:#111111 ; opacity:0 ;
        position:absolute ; left:50% ; bottom:0 ; transform:translateX(-50%) ; 
    }
    .nav__item:hover .nav__link::after , .nav__link:hover::after , .nav__link:focus::after , .nav__link.now::after { opacity:1 ; width:92% }
    .nav__link.now::after { height:0.3rem ; background-color:#0e1ea3 }
  
    .nav__sub { width:100% ; padding:0 ; margin:auto ; height:0 ; overflow:hidden }
    #header:hover .nav__sub , .open .nav__sub { padding:1rem 0 5rem ; height:auto }
    #header:hover { box-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
    .nav__sub__item , .nav__sub__link { display:block ; width:100% }
    .nav__sub__link { 
        width:92% ; margin:auto ;
        font-size:1.6rem ; line-height:2.8rem ; text-align:center ;
        padding:1rem 0 1.2rem ; color:#444444 ; font-weight:500 ;
        border-bottom:solid 1px rgba(0,0,0,0.1) ;
        position:relative ;
    } 
 
    .nav__sub__link:hover , .nav__sub__link:focus { color:#111111 }
    .nav__sub__link::after { 
        width:0 ; height:1px ; display:block ; content:"" ;
        background-color:#0e1ea3 ; opacity:0 ;
        position:absolute ; left:50% ; bottom:-1px ; transform:translateX(-50%) ;
    }
    .nav__sub__link.now::after , 
    .nav__sub__link:hover::after , .nav__sub__link:focus::after { width:100% ; opacity:1 }

    #nav_btn_close { display:none ; position:absolute ; left:50% ; bottom:1rem ; transform:translateX(-50%) }
    #nav_btn_close::before , #nav_btn_close::after { 
        display:block ; content:"" ; width:1.4rem ; height:1px ; background-color:#111111 ;
        position:absolute ; left:50% ; top:50% ;  
    }
    #nav_btn_close::before { transform:translate(-50%,-50%) rotate(45deg) }
    #nav_btn_close::after  { transform:translate(-50%,-50%) rotate(-45deg) }
    .open #nav_btn_close   { 
        width:2rem ; height:2rem ; display:block ; overflow:hidden ;
        font-size:0 ; color:transparent ; opacity:0 ;
        transition:0.3s all ;
    } 
    #nav_btn_close:hover , #nav_btn_close:focus { opacity:0.8 }

    

    /* sitemap (index:90) */ 
    .SM__head , .SM__body , .SM__footer , .sitemap__close__zone { width:98% ; padding:0 0 0 7rem ; max-width:120rem ; margin:auto }
    .SM__wrap { box-shadow:0 0 0.5rem rgba(0,0,0,0.5) }
    .sitemap #sitemap  { transition:0.5s left }   
    .sitemap__close__zone { left:50% ; top:1.5rem ; transform:translateX(-50%) ; padding:0 } 

    .SM__head { position:relative ; height:8rem }
    .SM__head__now  , .SM__head__headline { 
        position:absolute ; top:50% ; transform:translateY(-50%) ; margin:0 ; padding:0 0.1rem  ;
        color:#111111 ; font-weight:normal ;
    } 
    .SM__head__now { 
        width:40% ; right:0 ; 
        font-size:2rem ; line-height:2.6rem ; text-align:right ; font-weight:800 ;
    }
    .SM__head__headline { 
        width:60% ; left:7rem ; 
        font-size:4rem ; line-height:4.4rem ; text-align:left ;  
        font-family:'Black Han Sans',sans-serif
    }

    .SM__body { margin-bottom:5rem ; border:none }
    #SM_nav   { border-top:solid 0.2rem #111111 }

    .SMN__li { position:relative ; padding-left:14% }
    .SMN__li::after {
        display:block ; content:"" ; width:14% ; height:1px ;
        background-color:#000000 ; opacity:0.1 ;
        position:absolute ; left:0 ; bottom:0
    }
    .SMN__link { transition:0.3s all }
    .SMN__link { 
        width:10% ; display:block ;
        font-size:1.4rem ; line-height:1.8rem ; color:rgba(0,0,0,0.5); font-weight:800 ;
        position:absolute ; left:0 ; top:1.8rem ; 
        padding:0.1rem 0.1rem 0.2rem ;  
    }
    .SMN__link.now ,
    .SMN__li:hover .SMN__link , .SMN__link:hover , .SMN__link:focus { color:#111111 } 
    .SMN__sub__link { margin:0 ; padding:1rem 0.1rem 1.2rem ; width:99% }
    .SMN__sub__link::after , .SM__footer::after , .SM__footer__list:after { display:block ; content:"" ; clear:both }
    .SMN__sub__tag , .SMN__sub__title {
        position:static ; transform:none ; text-shadow:none ;
        background:none ; padding:0 ; margin:0 ; border:none ; border-radius:0 ;
        font-size:1.8rem ; line-height:2.8rem ; text-align:left ;
    }
    .SMN__sub__tag   { float:left ; width:17% ; font-weight:600 ; color:#444444 }
    .SMN__sub__title { float:right ; width:80% }
    .SMN__sub__link.now .SMN__sub__tag ,
    .SMN__sub__link:hover .SMN__sub__tag , .SMN__sub__link:focus .SMN__sub__tag { background:none ; color:#0e1ea3 }
    .SMN__sub__link:hover .SMN__sub__title , .SMN__sub__link:focus .SMN__sub__title { color:#111111 }

    .SMN__sub__link.now .SMN__sub__title { padding-left:0 } 
    .SMN__sub__link.now .SMN__sub__title::before { top:1.5rem ; left:-2rem }

    .SM__footer { text-align:left }
    .SM__footer__list , .SM__footer__li , .SM__footer__link , .kiip__btn__go { margin:0 ; padding:0 }
    .SM__footer__list { 
        border:solid 1px rgba(0,0,0,0.1) ; border-radius:0.4rem ;
        float:left ; width:auto ; margin-right:5rem ; padding:0 ; overflow:hidden } 
    .SM__footer__li  { float:left ; display:block ; overflow:hidden ; position:relative }
    .SM__footer__li::after {
        display:block ; content:"" ; width:1px ; height:100% ; background-color:rgba(0,0,0,0.1) ;
        position:absolute ; right:0 ; top:0
    } 
    .SM__footer__li:last-child::after  { display:none }
    .SM__footer__link , .kiip__btn__go {
        padding:0.6rem 2rem 0.8rem ; 
        font-size:1.4rem ; line-height:3rem ;
    }
    .SM__footer__link { border-radius:0 ; border:0 ; position:relative }
    .SM__footer__link::after , .SM__footer__link::before { transition:0.3s all }
    .SM__footer__link::after { 
        display:block ; content:"" ; width:0 ; height:0.3rem ; background-color:#0e1ea3 ;
        position:absolute ; left:50% ; bottom:0 ; transform:translateX(-50%) ;
        opacity:0 ;
    }
    .SM__footer__link:hover , .SM__footer__link:focus { color:#111111 ; border:0 ; box-shadow:none ; background-color:#f7f7f7 }
    .SM__footer__link:hover::after , .SM__footer__link:focus::after { width:100% ; opacity:1 } 
    .kiip__btn__go { float:right ; padding-left:3rem ; padding-right:3rem }

    .fun .SM__footer__link { padding-left:5rem }
    .fun .SM__footer__link::before { 
        width:3rem ; height:3rem ; display:inline-block ; content:"" ;
        background:url(../img/icon_sprite.png) no-repeat left bottom ; background-size:auto 6rem ; 
        position:absolute ; left:2rem ; top:50% ; transform:translateY(-50%) ; opacity:0.5 ;
    }
    .SM__footer__link.linkCopy::before  { background-position:-3rem -3rem }
    .SM__footer__link.subscribe::before { background-position:-6rem -3rem }
    .SM__footer__link.history::before   { background-position:-9rem -3rem }
    .SM__footer__link:hover::before , .SM__footer__link:focus::before { opacity:0.8 ; transform:translateY(-50%) scale(1.1) }



    /* main */
    #main { width:98% ; max-width:120rem ; margin-bottom:8rem }
 

    /* footer */
    #footer { width:98% ; max-width:120rem ; margin:0 auto 1rem ; overflow:hidden ; border-radius:0.4rem }
    .footer__header { border:0 ; padding:1rem 2rem ; background-color:#232323 }
    .footer__header::after , .footer__nav::after { display:block ; content:"" ; clear:both }
    .footer__nav.sns { float:left }
    .footer__nav.fun { float:right}
    .FN__li { display:block ; float:left ; margin:0 }
    .FN__link { 
        font-size:1.6rem ; line-height:2.8rem ; color:rgba(255,255,255,0.8) ; font-weight:400 ;
        padding:0 2rem 0.2rem ; position:relative ; border-radius:0 ; border:none
    }
    .FN__link:hover , .FN__link:focus { background:none ; opacity:1 ; text-shadow:0 0 0.3rem rgba(0,0,0,0.3) }
    .FN__link::after { 
        display:block ; content:"" ; width:1px ; height:1rem ;
        background-color:#ffffff ; opacity:0.3 ;
        position:absolute ; right:0 ; top:50% ; transform:translateY(-50%) ;
    }
    .FN__li:last-child .FN__link::after { display:none }

    .footer__body { padding:4rem 4rem 4rem 28rem ; position:relative ; text-align:left }
    .FB__logo { position:absolute ; left:4rem ; top:4rem }
    .AB__li:nth-child(1) , .AB__li:nth-child(2) , .AB__li:nth-child(3) { width:auto ; display:inline-block ; padding:0 ; margin:0 }
    .AB__li:nth-child(1) , .AB__li:nth-child(2) { padding-right:2rem ; margin-right:2rem }
    
    .address__box { padding-top:0.8rem ; text-align:left } 
    .AB__li:nth-child(1)::after , .AB__li:nth-child(2)::after {
        display:block ; content:"" ; width:1px ; height:1rem ; background-color:#ffffff ; opacity:0.15 ;
        position:absolute ; right:0 ; top:0.9rem
    }
 
} 




/* PRINT */
@media print {  
    /* header */
    #header , #header::before { position:absolute }  
    #sitemap_open , #aside    { display:none }
    #logo { left:1rem } 
    #header_history { left:13rem } 
 

   
    /* footer */
    #footer { background-color:#ffffff ; border-top:solid 1px rgba(0,0,0,0.1) }
    .footer__header , .FB__logo , .address__box { display:none }
    #footer , .footer__body { margin:auto ; padding:0 }
    .footer__copyright { color:#444444 ; text-align:center ; padding:1.5rem }
}