/*Content CSS*/
footer {width:100%;background-color: #000;padding: 30px 15px;clear:both;}
.footer_con {width: 100%; margin: 0 auto;text-align: center;}

.ft_logo {margin: 0 0 15px 0;}
.ft_logo ul {display: flex; flex-direction: row; justify-content: center;}
.ft_logo ul li {height: 25px; margin-right: 20px;}
.ft_logo ul li:last-child {margin-right: 0;}
.ft_logo ul li img {height: 100%;}

.ft_copy {font-size: 12px;font-weight: 300;color: rgba(255, 255, 255, 0.9);line-height: 20px;}
.ft_copy span,.ft_copy a {color:rgba(255, 255, 255, 0.3);}

.ft_btn a {display: block;text-align: center;width: 140px;height: 30px;line-height: 30px;color:#fff!important;background: transparent;margin: 20px auto 0 auto;font-size: 10px;transition: all 0.3s;border: 1px solid rgba(255,255,255,1);}
.ft_btn a:hover {background: #287be4;}

#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border: 1px solid #333;color:#333;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5);transition: all 0.3s;}
#top_btn:hover {border-color:#287be4;background:#287be4;color:#fff}

.nblog_logo {display: block; margin:15px auto; border:1px solid #ddd; width:160px; height:45px; line-height: 45px;}

#f_link_btn {margin: 15px 0;}

@media screen and (max-width:1200px) {

}

@media screen and (max-width: 960px) {
    .footer { padding-top:0}
    .footer ul li { width:100%; margin-right:0; margin-top:2%}
    .footer ul li:last-child { margin-top:2%}
}

@media screen and (max-width: 640px) {
    footer .footer_menu a { font-size:14px}
    footer .footer_address .add { font-size:12px; margin-top:120px}
    footer .footer_right { left:20px; right:inherit; top:50px}
    footer .telephone { padding-top:67px}
    footer .telephone p { text-align:left}
    footer .telephone .tel { font-size:20px}
    footer .footer_sns .icon_sns { top:30px; left:0; right:inherit}
    footer .footer_sns .icon_sns a { margin-left:0}
    footer .footer_address .add .copyright { font-size:12px}
}