@charset "UTF-8";

#floatnavi {
	position: fixed;
	right: 16px;
	bottom: 16px;
	width: 40px;
	z-index: 999;
}

#floatnavi a {
	display: inline-block;
	width: 40px;
	height: 40px;
	margin: 0 4px 4px 0;
	background-color: #0DA867;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50%;
	border-radius: 25px;
	transition: all 0.3s 0s ease;
}

#floatnavi a.home {
	background-image: url(../images/icon_home.png);
	background-size: 50%;
}

#floatnavi a.head {
	background-image: url(../images/icon_head.png);
}

#floatnavi a:hover {
	background-color: #F39F0B;
}

#floatnavi #spmenu {
	display: none;
} @media screen and (max-width: 959px) {
	#floatnavi #spmenu {
		display: inline-block;
	}
}