.footer {z-index: 2; padding-bottom: 68px; padding-top: 68px; background-color: #2d2d2d; clear: both; float: left; position: relative; width: 100%;}
.area {font-family: Lato; text-align: center; clear: both; float: left; position: relative; width: 100%;}
.footer-logo {float: none; position: relative; display: inline-block; margin-bottom: 30px;}
.epaper {width: 480px; margin-bottom: 30px; float: none; position: relative; display: inline-block;}
.epaper input {width: 80%; padding-right: 15px; padding-left: 15px; font-size: 14px; background-color: white; float: left; position: relative; height: 40px;}
.epaper button {width: 20%; padding-right: 15px; padding-left: 15px; color: white; font-size: 14px; float: left; position: relative; background-color: #bbaa98; height: 40px;}

.area ul {margin-bottom: -4px; float: none; position: relative; display: inline-block; width: auto;}
.area ul li {padding-right: 20px; padding-left: 20px; float: left; position: relative; width: auto;}

.area ul li a {font-size: 14px; width: 100%; position: relative; float: left;}
.area ul li a span {line-height: 48px; height: 48px; font-size: 14px; color: #dbdbdb; width: auto; float: left; position: relative;}

.area .area-child {margin-right: 20px; margin-left: 20px; margin-bottom: -4px; float: none; position: relative; display: inline-block;}
.area .area-child h2 {height: 30px; line-height: 30px; font-size: 16px; float: left; position: relative; color: #dbdbdb;}
.area .area-child p {height: 30px; line-height: 30px; font-size: 14px; float: left; position: relative; color: #dbdbdb;}
.area .area-child a {height: 30px; line-height: 30px; font-size: 14px; float: left; position: relative; color: #dbdbdb;}

.hr { margin-right: 22px; margin-left: 22px; margin-top: 18px; margin-bottom: 20px; clear: both; float: left; position: relative; height: 1px; background-color: #666666;}
.hr {width: calc(100% - 44px);}

.footer-nav { width: 100%; clear: both; float: none; position: relative; display: none;}
.footer-nav .footer-btn {font-family: Lato; margin-bottom: -4px; display: inline-block; padding-right: 20px; padding-left: 20px; height: 40px; color: #dbdbdb; font-size: 14px; float: none; position: relative;}

.copy {margin-top: 20px; font-family: Lato; text-transform: uppercase; width: 100%; text-align: center; margin-bottom: -4px; float: left; clear: both; position: relative; color: #999999; font-size: 12px;}


@media screen and (max-width: 960px) {
	
	.company { margin-top: 20px; clear: both; float: left; position: relative; text-align: center; width: 100%;}
	.area .area-child { padding-right: 10px; padding-left: 10px; margin-right: 0px; margin-left: 0px;}
	.area .area-child h2 {margin-bottom: 10px; float: none; display: inline-block;}
}	
@media screen and (max-width: 480px) {
	
	.area .area-child {width: 100%;}
	
	
	.footer {padding-bottom: 30px; padding-top: 30px;}
	.footer-logo, .epaper {margin-bottom: 20px; width: 300px;}
	
	.area ul li {padding-right: 10px; padding-left: 10px; text-align: center; width: 100%;}
	.area ul li a { width: 100%;}
	.area ul li a span {height: 30px; line-height: 30px; float: left;}
	.area ul li a div {line-height: 30px; height: 30px;}
	.area .area-child { width: 100%;}
	.area .area-child h2 {float: left; padding-left: 3px; margin-top: 20px;}
	.area .area-child div {float: left;}
}