@charset "utf-8";

/***************************************************
*
* </common/css/footer.css>
*
***************************************************/

#siteFooter {
	margin : 0;
	/margin-bottom : -35px;
	background-color : #f1f0ee;
	border-top : 1px solid #ddd;
	color : #333;
	font-size : 0.8rem;
}

#siteFooter .siteFooterInside {
	margin : 0 auto;
	padding: 0;
	width : auto;
	max-width: 950px;
}

@media screen and (max-width: 1030px) {
	#siteFooter .siteFooterInside {
		margin-right: 5% !important;
		margin-left: 5% !important;
		max-width: auto;
	}
}

#siteFooter .recommend {
	padding-top : 3.0rem;
}

#siteFooter .menu, #siteFooter .otherMenu {
	padding-top : 1.6rem;
}

#siteFooter .otherMenu {
	padding-bottom : 3.0rem;
}

#siteFooter .recommend li a,
#siteFooter .menu li a,
#siteFooter .otherMenu li a {
	color : #333;
}

#siteFooter h3, #siteFooter h4 {
	color : #000;
	font-weight : bold;
}

#siteFooter h3 {
	margin-bottom : 5px;
	font-size : 0.8rem;
}

#siteFooter .otherTitle, #siteFooter ul {
	display : inline-block !important;
	*display : inline !important; /* IE用のハック */
	zoom : 1 !important; /* IE用の hasLayout を true にするための記述です */
}

@media screen and (max-width: 640px) {

	#siteFooter .otherTitle, #siteFooter ul {
		display : block !important;
		*display : inline !important; /* IE用のハック */
		zoom : 1 !important; /* IE用の hasLayout を true にするための記述です */
	}

}

#siteFooter .otherTitle {
	margin-right : 20px;
}


#siteFooter a {
	color : #333;
	text-decoration : none;
}

#siteFooter a:hover {
	text-decoration : underline;
}

#siteFooter .recommend .siteFooterInside {
	padding-bottom : 15px;
	border-bottom : 1px solid rgb(173, 173, 173);
}

#siteFooter ul li {
	border-right : 1px solid #ccc;
	display : inline-block;
	*display : inline;
	*zoom : 1;
	line-height : 1.0;
	*line-height : 1.5 !important;  /* IE用のハック */
	zoom : 1 !important; /* IE用の hasLayout を true にするための記述です */
	 padding-right : 12px;
	margin-right : 7px;
}

#siteFooter .recommend ul,
#siteFooter .menu ul,
#siteFooter .otherMenu ul {
	display : inline-block;
	*display : inline;
	*zoom : 1;
}

#siteFooter .recommend ul li,
#siteFooter .menu ul li,
#siteFooter .otherMenu ul li {
	display : inline-block;
	*display : inline;
	*zoom : 1;
	padding : 0px 7px 0px 0px;
	margin : 0px 8px 8px 0px;
	line-height : 1.2;
}

#siteFooter ul li:last-child {
	border-right : none;
	padding-right : 0;
	margin-right : 0;
}

#siteFooter .company {
	position: relative;
	background-color : #fff;
	color : #333;
	text-align : center;
	padding : 0 0 30px;
}

#siteFooter #ftLogo {
	padding : 50px 0px 40px;
	text-align : center;
}

#siteFooter ul#ftNav {
	display : inline-block;
	*display : inline;
	*zoom : 1;
	padding-bottom : 15px;
}

#siteFooter ul#ftNav li {
	float : left;
	border-right : 1px solid #333;
	display : inline-block;
	line-height : 1.2;
	padding-right : 12px;
	margin-right : 7px;
}

#siteFooter ul#ftNav li:last-child {
	border-right : none;
	padding-right : 0;
	margin-right : 0;
}

#siteFooter ul#ftNav a {
	color : #333;
}

@media screen and (max-width: 1030px) {
	#siteFooter #ftLogo {
		margin: 0 1.0rem;
	}
	#siteFooter #ftLogo img {
		width: 100%;
		max-width: 400px;
	}
}
@media screen and (max-width: 640px) {

	#siteFooter h3,
	#siteFooter h4 {
		margin-bottom : 0.5rem;
	}
	#siteFooter .recommend {
		padding-top: 2.0rem;
	}
	#siteFooter .otherMenu {
		padding-bottom: 1.0rem;
	}
	#siteFooter .otherMenu ul {
		margin-bottom : 1.2rem;
	}
	#siteFooter .otherMenu .otherTitle.ml50 {
		margin-left : 0 !important;
	}

	#siteFooter .company {
		padding: 10.0rem 0 6.5rem;
	}
	#siteFooter .company .siteFooterInside {
		margin: 0 !important;
		padding: 0;
	}
	#siteFooter .company #ftLogo {
		margin: 0 2.0rem;
		padding: 0 0 0.5rem;
		text-align: center;
	}
	#siteFooter .company ul#ftNav {
		position: absolute;
		top: 0;
		width: 100%;
		padding-bottom: 0;
	}
	#siteFooter .company ul#ftNav li {
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		width: 50%;
		margin: 0 !important;
		padding: 0 !important;
		box-sizing: border-box;
	}
	#siteFooter .company ul#ftNav li a {
		display: block;
		padding: 1.2rem 0 !important;
	}
	#siteFooter .company ul#ftNav li:nth-child(even){
		border-right: none !important;
	}
	#siteFooter .company ul#ftNav li.ml10 {
		padding-left: 0 !important;
	}
	#siteFooter .company p {
		padding: 0 5%;
		font-size: 10px;
	}

}