@charset "utf-8";
/* CSS Document */

/*CPのフロートボタン用*/
.fab_btn{
	position: fixed;
	transition: .3s;
	bottom: 100px;
	right: 10px;
	z-index: 1;
	padding: 0;
	display: block;
}

.fab_btn img{
	width: 200px;
}

.fab_btn img:hover{
	opacity: 0.5 ;
	width: 160;
}

.fab_btn button{
	position: absolute;
	right: 0;
	opacity: 0;
	width: 100px;
	height: 30px;
	z-index: 100;
}

.fab{display: inline-block;}

.close{
	display: none;
}

.cl {
   position: relative;
	z-index: 1;
	padding: 0;
	display: block;
	top: 0;
	right: 10px;
}
/*
.cl{
	display: inline-block;
	
}*/

.cl:checked{display:none;}


#btn_c:hover {
    cursor: pinter; 
}

#btn_c:active {
    background: rgb(127, 194, 239);
}


@media only screen and (max-width: 750px) {
.fab_btn{bottom: 0px;}
.fab_btn{z-index: 200;}
.fab_btn{right: 0px;}
.fab_btn button{width: 70px;height: 50px;}
.fab_btn img { max-height: 70px; }
	}
	
@media only screen and (max-width:480px) {
.fab_btn{
	bottom: 15px;
	z-index: 99;
	left: 20px;
	width: 70%;
	display: block;
	}
.fab_btn img { max-height: 45px;}
.fab_btn button{width: 70px;height: 45px;}	
}

@media only screen and (max-width:320px) {
.fab_btn{
	bottom: 20px;
	z-index: 99;
	left: 20px;
	width: 70%;
	display: block;
	}
.fab_btn img { max-height: 40px;}
.fab_btn button{width: 50px;height: 40px;}	
}