@charset "utf-8";
/* CSS Document */

/******************************************************************************************************* 
Footer
********************************************************************************************************/
#footer {display:inline-block;float:left;width:100%;padding:0;background:#00284c;border-top:1px solid #666;}
#footer .footbox {display:inline-block;float:left;width:100%;padding:0;}

#footer .container {position:relative;/* margin-bottom: 4em; */}

#footer .logo {position:absolute;top:1em;right:0;display:inline-block;height:60px;font-size: 1.5em;letter-spacing: -0.025em;border: 0;text-indent: -5000px;overflow: hidden;background:url(../../../images/logo_copy.png) no-repeat left center;background-size:100% auto;}

#footer .copyright {display:block;color: #ddd;text-align: left;font-size: 14px;}
#footer .copyright address {font-size:12px;line-height:1.5em;font-style:normal;padding:2em 0;}
#footer .copyright address ul {display:block;width:100%;clear:both;}
#footer .copyright address ul li {position:relative;display:inline-block;margin-right:20px;line-height:20px;}
#footer .copyright address ul li:not(:last-child):after {content: ''; position: absolute; right: -12px; top: 4px; width: 1px; height: 12px; background-color:rgba(255,255,255,.3);}

#footer .copyrightbox {display:block;text-align:left;font-size:12px;background:#021a36;color:#a3a4a6;line-height:1em;}
#footer .copyrightbox ul {display:inline-block;padding:1em 0;}
#footer .copyrightbox ul li {position:relative;display:inline-block;margin-right:20px;line-height:20px;}
#footer .copyrightbox ul li:not(:last-child):after {content: ''; position: absolute; right: -12px; top: 4px; width: 1px; height: 12px; background-color:rgba(255,255,255,.1);}
#footer .copyrightbox ul li a i {font-size:12px;opacity:0.2;color:#fff;}
#footer .copyrightbox ul li a:hover i {opacity:1;}

.last_ul {margin-bottom:1.5em;}

.footermenu {display:inline-block;width:100%;border-bottom:1px solid #ddd;}
.footermenu li {float:left;padding-right:1.5em;}

@media (max-width:640px) {
	.footermenu li {width:33.33333333%;padding:0 3px 1em;}
	address span {display:block;}
	.mobil_non {display:none;}
	#footer .copyrightbox p.btnset {display:block;}
}
@media (max-width: 840px){
	/* #footer .logo {margin: 0 auto 0.5em;} */
	#footer .copyright {padding-left:0;}
	.footermenu {padding-bottom:10px;}
}
@media (max-width:320px) {
	address span, .copyrightbox span,
	#footer .copyright p {font-size:0.85em;word-break: keep-all;word-wrap: break-word;}
}
@media (max-width:280px) {
	#footer .footbox {padding:1em 1em 1.5em;}
}