.list-menu-float {
	position: fixed;
	display: block;
	top: calc(50% - 268px);
	width: 67px;
	border: none;
	z-index: 2;
}

.list-menu-float .icon-menu {
	opacity: 1;
	position: relative;
	display: block;
	width: 67px;
	height: 67px;
	background-color: transparent;
	background-image: url(http://i.imgur.com/OBwMd4X.png);
	background-repeat: no-repeat;
}

/* SVG */
.list-menu-float .icon-menu svg.icon {
	position: absolute;
	display: none;
}

.list-menu-float .icon-menu.profile:after {
	position: absolute;
	content: '';
	left: 0;
	top: 0;
	width: 67px;
	height: 67px;
	background-image: url(http://i.imgur.com/OBwMd4X.png);
	background-position: 0 -536px;
}

.list-menu-float .icon-menu.profile { background-size: cover; }

.list-menu-float .icon-menu.quick-add { background-position: 0 0; }

.list-menu-float .icon-menu.anime-list { background-position: 0 -67px; }

.list-menu-float .icon-menu.manga-list { background-position: 0 -134px; }

.list-menu-float .icon-menu.history { background-position: 0 -201px; }

.list-menu-float .icon-menu.export { background-position: 0 -268px; }

.list-menu-float .icon-menu.login { background-position: 0 -335px; }

.list-menu-float .icon-menu.logout { background-position: 0 -402px; }

.list-menu-float .icon-menu.setting { background-position: 0 -469px; }

.list-menu-float .icon-menu .text {
	opacity: 0;
	position: absolute;
	display: inline-block;
	left: 67px;
	top: 0;
	width: 0;
	height: 67px;
	font-size: 0;
	color: transparent;
	background-image: url(http://i.imgur.com/OBwMd4X.png);
	background-repeat: no-repeat;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
}

.list-menu-float .icon-menu:hover .text {
	opacity: 1;
	width: 80px;
}

.list-menu-float .icon-menu:not(.profile):hover {
	width: 67px;
	background-color: transparent;
}

.list-menu-float .icon-menu.quick-add .text { background-position: -67px 0; }

.list-menu-float .icon-menu.anime-list .text { background-position: -67px -67px; }

.list-menu-float .icon-menu.manga-list .text { background-position: -67px -134px; }

.list-menu-float .icon-menu.history .text { background-position: -67px -201px; }

.list-menu-float .icon-menu.export .text { background-position: -67px -268px; }

.list-menu-float .icon-menu.login .text { background-position: -67px -335px; }

.list-menu-float .icon-menu.logout .text { background-position: -67px -402px; }

.list-menu-float .icon-menu.setting .text { background-position: -67px -469px; }

/* setting */
.list-menu-float .icon-menu.setting .text {
	top: 0;
	width: 0;
	height: 100px;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.list-menu-float .icon-menu.setting:hover .text {
	opacity: 1;
	top: 0;
	width: 80px;
	height: 67px;
}

.list-menu-float .icon-menu.setting .text .link-list-setting {
	opacity: 0;
	display: block;
}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting {
	position: absolute;
	display: block;
	width: 80px;
	height: 67px;
	line-height: 0;
	color: transparent;
	background-color: transparent;
}

.list-menu-float .icon-menu.setting:hover .text .link-list-setting { top: 0; }

.list-menu-float .icon-menu.setting:hover .text .link-style-setting { display: none; }