@charset "utf-8";
/* **************************************************************** *
 * @desc@ グローバルフッタ
 * @edit@ 2016/08/22
 * **************************************************************** */

/* ================================================================ *
 * @desc@ GlobalFooter
 * ================================================================ */
#GlobalFooter{
	clear:both;
	margin:0;
	border-top:1px solid #ccc;
	padding:20px 0 60px;
	background:#fdfdfd;
	background:-webkit-linear-gradient(
		top,
		#ebebeb 0%,
		#fdfdfd 50%
	);
	background:-moz-linear-gradient(
		top,
		#ebebeb 0%,
		#fdfdfd 50%
	);
	background:linear-gradient(
		to bottom,
		#ebebeb 0%,
		#fdfdfd 50%
	);
	text-align:center;
}
#GlobalFooter a{
	transition:all 0.3s;
}
#GlobalFooter a:link{
	color:#03f;
}
#GlobalFooter a:visited{
	color:#743399;
}
#GlobalFooter a:active,
#GlobalFooter a:hover{
	color:#ff4b33;
}
#GlobalFooter>div{
	margin:0 auto;
	width:960px;
}
#GlobalFooter>div:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#GlobalFooter .subMenu{
	float:left;
	margin:0;
	padding:0;
	font-size:1.1rem;
	line-height:1.2em;
}
#GlobalFooter .subMenu ul{
	list-style:none;
	margin:0;
	padding:0;
}
#GlobalFooter .subMenu ul:after{
	content:" ";clear:both;overflow:hidden;display:block;
	visibility:hidden;margin-bottom:-1px;height:1px;
	font-size:1px;line-height:1px;
}
#GlobalFooter .subMenu li{
	float:left;
	border-right:1px solid #888;
	margin:0;
	padding:0;
}
#GlobalFooter .subMenu li:first-child{
	border-left:1px solid #888;
}
#GlobalFooter .subMenu a{
	display:inline-block;
	padding:1px 0.5em;
}
#GlobalFooter .copy{
	float:right;
	margin:0;
	padding:0;
	font-size:1.0rem;
	text-align:right;
}
#GlobalFooter .totop{
	position:fixed;
	right:-100px;
	bottom:50px;
	z-index:200000;
	background:#222;
	color:#fff;
	font-size:1.0rem;
	line-height:1em;
	padding:8px 16px;
	border-radius:3px 0 0 3px/3px 0 0 3px;
	cursor:pointer;
	transition:all 0.4s ease-out;
}
#GlobalFooter .totop:before{
	content:'▲';
	display:inline;
	color:#fff;
	font-size:1.0rem;
	line-height:1em;
}
#GlobalFooter .totop:hover{
	background:#666
}
/* ---------------------------------------------------------------- *
 * @desc@ スマホ表示
 * ---------------------------------------------------------------- */
@media screen and (max-width:640px){
	#GlobalFooter{
		padding:0 0 60px;
	}
	#GlobalFooter>div{
		margin:0 auto;
		width:auto;
	}
	#GlobalFooter .subMenu{
		float:none;
		display:block;
		margin:0;
		padding:0;
		font-size:1.2rem;
		line-height:1.4em;
	}
	#GlobalFooter .subMenu ul{
	}
	#GlobalFooter .subMenu li{
		display:block;
		float:none;
		border-right:none;
		border-bottom:1px solid #aaa;
	}
	#GlobalFooter .subMenu li:first-child{
		border-left:none;
	}
	#GlobalFooter .subMenu a{
		display:block;
		padding:5px;
		background:#888;
		color:#fff;
	}
	#GlobalFooter .subMenu a:hover{
		background:#aaa;
		color:#fff;
		text-decoration:none;
	}
	#GlobalFooter .copy{
		float:none;
		padding-top:20px;
		font-size:1.2rem;
		text-align:center;
	}
}