/*
*******************************************************************************************************
# css/footer.css
*******************************************************************************************************
*/

/*------------------------------------
	Layout
------------------------------------*/
.wrp-footer {
	padding: 0 20px;
	background-color: #f2f2f2;
}

.wrp-footer .wrp-footer-inner {
	position: relative;
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
	padding: 140px 0 26px;
}

/* footer logo */
.wrp-footer .footer-logo {
	position: absolute;
	left: 0;
	top: 50px;
	width: 100%;
	text-align: center;
}
.wrp-footer .footer-logo .logo-site {
	width: 272px;
	height: 34px;
	margin: 0 auto;
}
.wrp-footer .footer-logo .logo-site a {
	display: block;
}
.wrp-footer .footer-logo .logo-site img {
	width: 272px;
	height: 34px;
}

/* footer nav */
.wrp-footer .footer-nav {
	margin: 0 -40px 35px 0;
}

.wrp-footer .footer-nav:after {
	content: '';
	display: block;
	clear: both;
}

.wrp-footer .footer-nav .box-nav {
	float: left;
	width: 20%;
	padding-right: 40px;
}

.wrp-footer .footer-nav .box-nav .sttl {
	margin-bottom: 14px;
}

.wrp-footer .footer-nav .box-nav .sttl a {
	position: relative;
	display: inline-block;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #111111;
	text-decoration: none;
}

.wrp-footer .footer-nav .box-nav .sttl a:hover {
	color: #0075c2;
}

.wrp-footer .footer-nav .box-nav .sttl a:before {
	position: absolute;
	left: 0;
	top: 0;
	content: "\e903";
	font-family: "icofont";
	font-size: 12px;
	color: #0075c2;
}

.wrp-footer .footer-nav .box-nav li {
	margin-bottom: 8px;
}

.wrp-footer .footer-nav .box-nav li a {
	color: #111111;
}

.wrp-footer .footer-nav .box-nav li a:hover {
	color: #0075c2;
}

/* footer sub nav */
.wrp-footer .footer-subnav {
	margin-bottom: 35px;
}

.wrp-footer .footer-subnav li {
	display: inline-block;
	margin-right: 30px;
}

.wrp-footer .footer-subnav li a {
	display: block;
	color: #333333;
}

.wrp-footer .footer-subnav li a:hover {
	color: #0075c2;
}

.wrp-footer .footer-subnav li a.icn-blank {
	position: relative;
	padding-right: 22px;
}

.wrp-footer .footer-subnav li a.icn-blank:after {
	position: absolute;
	right: 0;
	top: 0;
	content: "\e909";
	color: #111111;
	font-family: "icofont";
	text-decoration: none;
	vertical-align: baseline;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.wrp-footer .footer-subnav li a.icn-blank:hover:after {
	color: #0075c2;
	transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

/* company link */
.wrp-footer .company-link {
	margin-bottom: 14px;
	text-align: center;
}

.wrp-footer .company-link li {
	display: inline-block;
	margin-right: 9px;
	padding-right: 12px;
	border-right: solid 1px #333333;
	font-size: 11px;
	line-height: 1;
}

.wrp-footer .company-link li:last-child {
	margin-right: 0;
	padding-right: 0;
	border-right: none;
}

.wrp-footer .company-link li a {
	display: block;
	color: #333333;
}

.wrp-footer .company-link li a:hover {
	color: #0075c2;
}

/* copyright */
.wrp-footer .copyright {
	text-align: center;
	font-size: 12px;
	font-family: 'Roboto', sans-serif;
}

.wrp-footer .copyright br {
	display: none;
}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
	.wrp-footer .footer-logo .logo-site a {
		width: 137px;
		height: 48px;
		background: url(/common2/img/logo_footer_retina.png) no-repeat 0 0;
		background-size: 137px 48px;
	}
	.wrp-footer .footer-logo .logo-site img {
		display: none;
	}
}
@media only screen and (max-width: 979px) {
	.wrp-footer {
		padding: 0;
		background-color: #f2f2f2;
	}

	.wrp-footer .wrp-footer-inner {
		max-width: 100%;
		margin: 0;
		padding: 0 0 25px;
	}

	/* footer logo */
	.wrp-footer .footer-logo {
		position: static;
		padding: 50px 0 27px;
	}
	.wrp-footer .footer-logo .logo-site {
		width: 169px;
		height: 21px;
	}
	.wrp-footer .footer-logo .logo-site a {
		width: 169px;
		height: 21px;
		background: url(/common2/img/logo_footer_sp.png) no-repeat 0 0;
		background-size: 169px 21px;
	}
	.wrp-footer .footer-logo .logo-site img {
		display: none;
	}

	/* footer nav */
	.wrp-footer .footer-nav {
		margin: 0 0 0 0;
	}

	.wrp-footer .footer-nav .box-nav {
		float: none;
		width: 100%;
		padding-right: 0;
	}

	.wrp-footer .footer-nav .box-nav .sttl {
		margin-bottom: 0;
		border-bottom: solid 1px #cccccc;
	}

	.wrp-footer .footer-nav .box-nav .sttl a {
		display: block;
		padding: 13px 15px 13px 35px;
		font-weight: normal;
	}

	.wrp-footer .footer-nav .box-nav .sttl a:before {
		left: 15px;
		top: 14px;
	}

	.wrp-footer .footer-nav .box-nav ul {
		display: none;
	}

	/* footer sub nav */
	.wrp-footer .footer-subnav {
		margin-bottom: 0;
	}

	.wrp-footer .footer-subnav li {
		display: block;
		margin-right: 0;
		border-bottom: solid 1px #cccccc;
	}

	.wrp-footer .footer-subnav li a {
		position: relative;
		padding: 13px 15px 13px 35px;
		color: #111111;
		text-decoration: none;
	}

	.wrp-footer .footer-subnav li a:hover {
		color: #0075c2;
	}

	.wrp-footer .footer-subnav li a:before {
		position: absolute;
		left: 15px;
		top: 14px;
		content: "\e903";
		font-family: "icofont";
		font-size: 12px;
		color: #0075c2;
	}

	.wrp-footer .footer-subnav li a.icn-blank {
		padding-right: 0;
	}

	.wrp-footer .footer-subnav li a.icn-blank:after {
		position: static;
		margin-left: 10px;
		text-decoration: none;
		vertical-align: bottom;
	}
  /* company link */
	.wrp-footer .company-link {
		margin: 0 auto 14px;
		width: 245px;
		text-align: left;
	}

	.wrp-footer .company-link li {
		display: inline-block;
		font-size: 12px;
		line-height: 1;
	}

	.wrp-footer .company-link li:nth-child(2n),
  .wrp-footer .company-link li:last-child {
		margin-right: 0;
		padding-right: 0;
		border-right: none;
	}
  /* copyright */
	.wrp-footer .copyright {
		font-size: 12px;
	}

	.wrp-footer .copyright br {
		display: inline;
	}
}