.footer {border-top:5px #55beed solid;}
.footer-nav {background-color:#333;font-size: 1.1em;color: #bbb!important;}
.footer-nav a {color: #bbb!important;}
.footer-nav a:hover {color:#008dd5!important;}
.footer-nav .icon {margin-right: .5em;}
.footer-nav .ul-dep-1 {text-align: justify;padding: 2em 0.5em;}
.footer-nav .ul-dep-1:before, .footer-nav .ul-dep-1:after { content: "";display: inline-block; width: 100%;}
.footer-nav .li-dep-1 { display: inline-block; vertical-align: top;white-space:normal;}
.footer-nav .li-dep-1 .nav-sub {padding-left: 1em;}
.footer-nav .li-dep-1 li { margin: 1em 0;}
.footer-nav .a-dep-1 {font-size: 1.2em; color: #bbb;}
.footer-bottom {padding: 2em 0; background-color:#111;color: #fff!important;text-align: left;}
.footer-bottom a{color: #fff!important;}
.footer-bottom a:hover{color:#008dd5!important;}
.footer-menu {float: right;}
.footer-menu li{display: inline-block; vertical-align:top;line-height:1;padding: 0 1em;}
.footer-menu li+li{border-left: 1px #fff solid;}
.footer-copyright {text-align: center;}

/*pc*/
@media (min-width: 769px){
	.footer {min-width: 1000px;font-size: 12px;}
	.footer .wrap {width: 1000px;margin-left: auto; margin-right: auto;}
}
/*ipad*/
@media only screen and (min-width: 768px) and (max-width: 1024px){
	.header .logo {margin-left: 1em;}
	.footer{font-size: 9px;}
	.footer-nav .ul-dep-1{padding: 2em 1em;}
	.footer-bottom{padding: 2em 1em;}
}
/*mobile*/
@media (max-width: 767px){
	.footer{font-size: 9px;margin-bottom: -1px;}
	.footer-nav .ul-dep-1:before, .footer-nav .ul-dep-1:after{display: none;}
	.footer-nav .ul-dep-1 {padding: 0}
	.footer-nav .li-dep-1 {display: block;border-bottom: 1px #000 solid;}
	.footer-nav .li-dep-1 li { margin: 2em 0;font-size: 1.2em;}
	.footer-nav .a-dep-1 {display: block;padding: 1em;position: relative;color: #fff!important;}
	.footer-nav .a-dep-1 i{display: none;}
	.footer-nav .a-dep-1:before{content: "+";position:absolute;right: 1em;top:50%;line-height: 1;margin-top: -.5em;}
	.footer-nav .li-dep-1 .nav-sub{height: 0;overflow: hidden;background: #000;padding-left: 2em;}
	.footer-nav .li-dep-1-open .nav-sub{height: auto;overflow: hidden;}
	.footer-nav .li-dep-1-open .a-dep-1:before{content: "-";}

	.footer-bottom {text-align: center; color: #888;}
	.footer-bottom a{text-align: center; color: #888;}
	.footer-menu {float: none;font-size: 1.2em;}
	.footer-menu li{padding: 0 0.5em;}
	.footer-menu li+li{border-left: 1px #555 solid;}
}