@charset "utf-8";

#float_buttons {
    position: fixed;
    /* top javascript */
    right: 0px;
    z-index: 1200;
    transition: .4s ease-in-out;
    /*-- back a tag --*/
    /* pointer-events: none; */

	width:200px;
	/* ブロックの下レイヤーをクリックさせる */
	pointer-events: none; 
}


#float_buttons a{
	width:200px;
	height:68px;
	margin-bottom:0px;
    position: relative;
	background-repeat:no-repeat;
	background-size:contain;
	left:135px;
	transition: left .3s ease-in-out;
	pointer-events: auto;
}

#float_buttons span{
	visibility:hidden;
}

#float-cnt{
	display:block;
	background-image:url(/design/ver5rp/skins/images/float_cnt.png);
}
#float-tel{
	display:none;
	background-image:url(/design/ver5rp/skins/images/float_tel.png);
}
#float-try{
	display:block;
	background-image:url(/design/ver5rp/skins/images/float_try.png);
}

#float-cnt:hover,
#float-cnt:active,
#float-cnt:focus{
	left:10px;
	background-image:url(/design/ver5rp/skins/images/float_cnt_hover.png);
}
#float-tel:hover,
#float-tel:active,
#float-tel:focus{
	left:10px;
	background-image:url(/design/ver5rp/skins/images/float_tel_hover.png);
}
#float-try:hover,
#float-try:active,
#float-try:focus{
	left:10px;
	background-image:url(/design/ver5rp/skins/images/float_try_hover.png);
}


#float_buttons img {
    /* iOS bag */
    transform: translateZ(0);
    pointer-events: auto;
}


#float_buttons.hide {
    transform: translateX(300px);
}

@media screen and (max-width: 720px) {
    #float-tel {
        display: block;
    }

/*
	#float_buttons a{
		width:200px;
		height:54px;
		left:145px;
	}

	#float-cnt:hover,
	#float-cnt:active,
	#float-cnt:focus,
	#float-tel:hover,
	#float-tel:active,
	#float-tel:focus,
	#float-try:hover,
	#float-try:active,
	#float-try:focus{
		left:50px;
	}
*/
    .open #float_buttons,
    #float_buttons.hide {
        transform: translateX(300px);
    }
}

@media screen and (max-width: 480px) {
    #float_buttons {}
}