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

/****************************
	usecare_floating_banner
*****************************/
#usecare_floating a img{
	display: block;
}
#usecare_floating button{
	padding: 0;
	border: none;
	background: transparent;
	position: absolute;
	top: -11px;
	right: 6px;
	z-index: 100;
}
#usecare_floating button img{
	display: block;
	width: 22px;
	height: 22px;
}
#usecare_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;
}
#usecare_floating a:hover img,
#usecare_floating a:focus img{
	opacity: 0.9;
	transition-duration: 0.5s;
}