/* footer.css 共通 */

#footer{
	width: 100%;
	text-align: center;
	overflow:hidden;
	background-image: url("/img/footer/footer-bg-croud.jpg");
	background-size:cover;
	background-attachment:cover;
	background-position:relative;
	background-repeat:no-repeat;
}

#footer-panel{
	position: relative;
	box-shadow: 0px 0px px 5px rgba(0, 0, 0, 0.3);
	margin: 0 auto;
	z-index: 99;
	min-height:30em;
	padding: 0 4%;
	padding-top:4em;
	color:#eee;
}



.footer-nav-ul{
	margin:0 0 0 0;
	padding:0;
}

.footer-nav-ul li{
	list-style: none;
	display: block;
	text-align: left;
	border: 0 solid #fff;
	line-height: 30px;
	color:#ffffff;
	margin-left:0;
}

.footer-nav-ul li a{
	list-style: none;
	display: block;
	text-align: left;
	border-bottom: none;
	line-height: 30px;
	margin-left:0;
}
.footer-nav-ul li a:hover{ text-decoration:none; }


.footer-nav-li-l1{ padding-left:0; margin-bottom:3rem; }
.footer-nav-li-l1 a{ font-size:150%; }
.footer-nav-li-l2{ padding-left:0; }
.footer-nav-li-l3{ padding-left:20px; }
.footer-nav-li-l4{ padding-left:20px; }


.footer-nav-ul li a{ color:#000033; }
.footer-nav-ul li a:hover{ color:#ffffff; }

	#footer-logo{
		display: inline-block;  
		margin: 300px 107px 0 0;
	}

	#footer-logo a{
		background: url("/img/footer/logo-footer.svg") 0 0 no-repeat;
		background-size: contain;
		display: inline-block;;
		position: relative;
		text-indent: 101%;
		white-space: nowrap;
		overflow: hidden;
		width: 168px;
		height: 58px;
		border-bottom: none;
		text-decoration: none;
	}

#footer .a-fc{ 
	color:#000033;
	white-space: nowrap;
}
#footer .a-fc:hover{ 
	color:#ffffff; 
	text-decoration:none;
}

.footer-sp-lnkbox{ 
	display:inline-block; 
	white-space: nowrap;
	margin-left:3rem;
}


	#copyright{
		position: relative;
		display: block;
		color: #ffffff;
		font-size: 85%;
		width: 100%;
		z-index: 0;
		text-align:right;
		padding-right:20px;
	}

	#copyright-inner{
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		position: relative;
		color:#ffffff;

		font-size:85%;

	}

/************************************************************
bootstrap override
*************************************************************/
@media screen and (max-width: 992px){
	
	#footer{
		width: 100%;
		padding: 0;
	}

	#footer-wrap{
		position: relative;
		background-color: rgb(28, 29, 38);
		background-image: none;
		width: 100%;
		margin: 0 auto;
		z-index: 99;
	}

	#footer-wrap-inner{
	display: inline-block;
	height: 100%;
	width: 100%;
	margin: 0 auto;
	}
	
	.footer-nav-ul{
	display: inline-block;
	margin: 6% 0 6% 5%;
	padding: 0;
	vertical-align: top;
	list-style: none;
	min-width: 45%;
	float: left;  
	width: 162px;
	}
	


	
	#footer-logo{
		display: none;
	}
	
	#copyright{
		background-color: #cccccc;
		color: #666666;
		font-size: 85%;
		font-weight: 500;
	}

	#copyright-inner{
//		background-image: url("/img/footer/footer-bg3.png");
		padding-top: 10px;
		padding-bottom: 10px;
		display: block;
		position: relative;

	}
}