
/*----------------------------------------
	footer
----------------------------------------*/
footer {
	
	dl {
		padding:65px 0 60px;
		
		dt {
			padding-bottom:20px;
			
			img {
				width:240px;
				height:auto;
			}
		} //dt
		
		@include tablet {
			dt {
				img {
					width:220px;
				}
			} //dt
		} //tablet
		
		@include sp {
			padding:35px 0 30px;
			
			dt {
				img {
					width:200px;
				}
			} //dt
			
			dd {
				margin:0;
				@include fs(12);
			}
		} //sp
	} //dl
	
	small {
		width:100%;
		border-top:1px solid #DDDDDD;
		@include fs(12);
		line-height:60px;
		display:block;
		
		@include sp {
			@include fs(10);
		}//sp
	} //small
} //footer

.footerNav {
	width:100%;
	background:$linkColor;
	
	ul {
		margin:0 auto;
		padding:0;
		width:$baseWidth;
  	@extend %clear;
		
		@include tablet1 {
			width:100%;
		} //tablet1
		
		li {
			width:16.66666%;
			float:left;
			line-height:60px;
			list-style:none;
			
			a {
				width:100%;
				color:#FFF;
				display:block;
				@include transition-property((background-color,color));
				@include transition-duration(0.5s);
				@include transition-timing-function(ease);
				text-decoration:none;
				border-right:1px solid rgba(255,255,255,0.2);
				
				&:hover {
					background-color:#FFF;
					color:$linkColor;
				}
			} //a
			
			&:first-child a {
				border-left:1px solid rgba(255,255,255,0.2);
			}
		} //li
	} //ul
	
	@include tablet2 {
		display:none;
	} //tablet2
	
	@include sp {
		display:none;
	}
} //footerNav


.pagetop {
	width:100%;
	background:#E1EDD5;
	
	a {
		padding:14px 0;
		width:100%;
		display:block;
		font-weight:bold;
		line-height:120%;
		@include fs(14);
		text-decoration:none;
	}
} //pagetop


