@charset "shift_jis";
/****************************
	nav-floating
*****************************/
#nav-floating{
	position: fixed;
	bottom: 2em;
	right: 2em;
	width: 215px;
	height: 55px;	
	z-index: 100;
	margin: 0!important;
}
#nav-floating button{
	padding: 0;
	border: none;
	background: transparent;
	position: absolute;
	top: -15px;
	right: 5px;
}
#nav-floating button img{
	display: block;
	width: 30px;
	height: 30px;
}
#nav-floating.is-hide{
	display: none!important;
}
@media screen and (max-width: 640px){
	#nav-floating{
		bottom: 1em;
		right: 0;
	}
}

/****************************
	nav-floating_banner
*****************************/
#nav-floating a img{
	display: block;
}
#nav-floating button{
	padding: 0;
	border: none;
	background: transparent;
	position: absolute;
	top: -11px;
	right: 6px;
	z-index: 1000;
}
#nav-floating button img{
	display: block;
	width: 22px;
	height: 22px;
}
#nav-floating a{
	display: block;
	width: 200px;
	height: 55px;
	box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.4);
	border-radius: 8px;
	background-color: #000;
	z-index: 100;
}
#nav-floating a:hover img,
#nav-floating a:focus img{
	opacity: 0.9;
	transition-duration: 0.5s;
}