@charset "utf-8";

/*-----------------footer-----------------*/
#footer{background-color: #111; width: 100%;}
#footer .container{padding: 50px 0; color: #eaeaea; font-size: 16px;}
#footer .container a{color: #eaeaea;}
#footer .container a:first-child{color: #fff;}
#footer_menu{display: flex; justify-content: start; flex-wrap: wrap; font-weight: 100;}
#footer_menu .footer_menu_li{display: block; margin-right: 50px;}

.footer_info_wrap{margin-top: 40px; width: 750px;}
.footer_info{display: flex; justify-content: start; flex-wrap: wrap;}
.footer_info span{position: relative; margin-right: 25px; font-weight: 100; line-height: 25px;}
.footer_info span::after{position: absolute; top: 7px; right: -12px; width: 1px; height: 11px; background-color: rgba(255, 255, 255, 0.534); content: ""; display: block;}
.footer_info span:nth-child(3)::after, .footer_info span:nth-child(6)::after, .footer_info span:nth-child(7)::after{display: none;}
@media all and (max-width:1199px){
    .footer_info span:nth-child(3)::after, .footer_info span:nth-child(6)::after{display: block;}
    .footer_info span:nth-child(2)::after, .footer_info span:nth-child(4)::after{display: none;}
}
@media all and (max-width:767px){
    .footer_info span:nth-child(2)::after, .footer_info span:nth-child(4)::after{display: block;}
    .footer_info span:nth-child(3)::after{display: none;}
}
@media all and (max-width:713px){
    .footer_info span:nth-child(6)::after{display: none;}
}
@media all and (max-width:564px){
    .footer_info span:nth-child(6)::after, .footer_info span:nth-child(3)::after{display: block;}
    .footer_info span:nth-child(2)::after, .footer_info span:nth-child(4)::after{display: none;}
}
@media all and (max-width:518px){
    .footer_info span:nth-child(6)::after{display: none;}
}
@media all and (max-width:498px){
    .footer_info span:nth-child(4)::after, .footer_info span:nth-child(6)::after{display: block;}
    .footer_info span:nth-child(3)::after, .footer_info span:nth-child(5)::after{display: none;}
}
@media all and (max-width:375px){
    .footer_info span:nth-child(6)::after{display: none;}
}
@media all and (max-width:338px){
    .footer_info span:nth-child(5)::after{display: block;}
    .footer_info span:nth-child(4)::after{display: none;}
}
@media all and (max-width:328px){
    .footer_info span:nth-child(5)::after{display: none;}
}
#ft_copy{margin-top: -20px; text-align: left; font-size: 16px; color: #eaeaea; font-weight: 100;}
#ft_copy b{font-weight: 100;}

#family_site_wrap{position: absolute; top: 40px; right: 0;}
#family_site_wrap select{width: 200px; height: 45px; padding: 0px 15px; color: #eaeaea; font-size: 16px; border: 1px solid #eaeaea;  background-color: rgba(255, 255, 255, 0);
    background: url(/theme/template01/images/btn_select.png) no-repeat 95% 50%; border-radius: 0; -webkit-appearance: none; -moz-appearance: none;appearance: none;} 

#ft_copy {padding-bottom: 0;}


/*-----------------------responsive-----------------------*/


/*tab*/
@media all and (max-width:1199px) and (min-width:768px){

    /*-----------------footer-----------------*/
    #footer .container{padding: 50px 20px; font-size: 15px;}
    #footer_menu .footer_menu_li{margin-right: 40px;}

    .footer_info_wrap{margin-top: 30px; width: 600px;}
    .footer_info span{margin-right: 25px; font-weight: 100;}
    #ft_copy{ font-size: 15px;}

    #family_site_wrap{top: 42px; right: 20px;}
    #family_site_wrap select{width: 160px; height: 40px; font-size: 14px;} 

    #top_btn {bottom:20px;right:10px;width:55px;height:55px;}

}

/*mobile*/
@media all and (max-width:767px){

    /*-----------------footer-----------------*/
    #footer .container{padding: 40px 0;font-size: 13px;}
    #footer_menu{margin-top: 60px;}
    #footer_menu .footer_menu_li{display: block; margin-right: 20px;}

    .footer_info_wrap{margin-top: 20px; width: 100%;}
    #ft_copy{margin-top: 0px;font-size: 13px;}
    #ft_copy b{font-weight: 100;}

    #family_site_wrap{position: absolute; top: 40px; right: inherit; left: 0;}
    #family_site_wrap select{width: 130px; height: 35px; padding: 0px 15px; color: #eaeaea; font-size: 13px;} 

    #top_btn {bottom:10px;right:10px;width:40px;height:40px;}

}