@charset "UTF-8";

/*===========================================

FOOTER

===========================================*/

@media screen and (min-width: 641px) { 
/* PC */
	.footerfr{
		width:100%;
		background-color:#000;
		padding:50px 0;
		text-align:center;
		position:relative;
	}
	
	.footerfr .footergototop{
		display:block;
		width:70px;
		height:70px;
		position:fixed;
		right:45px;
		bottom:45px;
		margin:3px;
		background: url(/common/images/gototop.png) no-repeat 0 0;
		text-indent:-99999px;
		background-color:#313131;
		border-radius:35px;
		-moz-border-radius:35px;
		-webkit-border-radius:35px;
		opacity:0.8;
	}
	
	.notouch .footerfr .footergototop:hover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.touch .footerfr .footergototop.touchhover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.footerfr ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.footerfr ul li{
		display:inline-block;
		padding:0;
		margin:0;
	}
	
	.footerfr ul li:first-child a{
		border-left:none;
	}
	
	.footerfr ul li a{
		color:#fff;
		padding:1px 13px;
		margin:0;
		border-left:solid 1px #fff;
	}
	
	.footerfr p{
		color:#fff;
	}
}

@media screen and (max-width: 640px) {
/* SP */
	.footerfr{
		width:100%;
		background-color:#000;
		padding:50px 0;
		text-align:center;
		position:relative;
	}
	
	.footerfr .footergototop{
		display:block;
		width:60px;
		height:60px;
		position:fixed;
		right:45px;
		top:bottom;
		bottom:50px;
		margin:auto;
		background: url(/common/images/gototop.png) no-repeat 0 0;
		background-size:cover;
		text-indent:-99999px;
		background-color:#313131;
		border-radius:30px;
		-moz-border-radius:30px;
		-webkit-border-radius:30px;
		opacity:0.8;
	}
	
	.notouch .footerfr .footergototop:hover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.touch .footerfr .footergototop.touchhover{
		-webkit-transition: all .2s ease;
		-moz-transition: all .2s ease;
		-o-transition: all .2s ease;
		transition: all .2s ease;
		border-radius:0px;
		-moz-border-radius:0px;
		-webkit-border-radius:0px;
	}
	
	.footerfr ul{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	.footerfr ul li{
		display:inline-block;
		
		padding:0;
		margin:0;
	}
	.footerfr ul li a{
		color:#fff;
		padding:1px 13px;
		margin:0;
		border-left:solid 1px #fff!important;
	}
	.footerfr ul li:first-child a{
		border-left:none!important;
	}
	
	
	
	.footerfr ul li a:hover{
		color:#ccc;
	}
	
	.footerfr p{
		color:#fff;
	}
}