@media (max-width:1024px){
	.sharetext{
		display:none !important;
	}
	.sharebutton>a{
		width:40px !important;
	}
	.sharebar{
		width:100% !important;
		text-align:inherit !important;
	}
	.sharebutton{
		width:45px !important;
	}
	.sharebar >*:nth-child(1){
		margin-left:10px;
	}

	.loginpaddiv{
		width:100% !important;
	}

	.shareinfluencer{
		width:150px !important;
	}
	.sharesponsor{
		width:150px !important;
	}
	.loginblockframe{
		width:100% !important;
	}
}
.sharebar{
	#margin-top:20px;
	#margin-bottom:20px;
	position:fixed;
	left:0px;
	bottom:0px;
	border-top:1px solid #2D3132;
	background-color:#ffffff;
	#-moz-box-shadow:    0px 3px 5px 6px #777777;
	#-webkit-box-shadow: 0px 3px 5px 6px #777777;
	#box-shadow:         0px 3px 5px 6px #777777;
	width:100%;
	z-index:1005;
	text-align:center;	
}
.sharebutton, .sharebutton2{
	display:inline-block;
}
.sharemark{
	font-size:18px;
	line-height:40px;
}
.sharebutton img, .sharebutton2 img{
	width:15px;
	height:15px;
}
.sharebutton >a, .sharebutton2 >a{
	display: inline-block;
	height: 58px;
	line-height: 60px;
	font-size: 14px;
	font-size: 13px;
	font-weight: 700;
	margin-right: 13px;
	cursor: pointer;
	width: 140px;
	text-align: center;
	color: #2D3132 !important;
	text-decoration:none !important;
}
.facebook >a{
}
.twitter >a{
}
.hatena >a{
}
.pocket >a{
}
.fa-hatena:before {
	content: "B!";
	font-family: Verdana;
	font-weight: bold
}
.shareinfluencer{
	width:250px;

}
.sharesponsor{
	width:250px;
}
.shareinfluencer:hover, .sharesponsor:hover{
	background-color:#2D3132 !important;
}
.shareinfluencer>a:hover, .sharesponsor>a:hover{
	color:#ffffff !important;
}
.loginpad{
	display:none;
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background-color:rgba(0,0,0,0.5);
	z-index:1001;
}
.loginpaddiv{
	position:absolute;
	bottom:0px;
	#left:calc((100vw - 600px ) / 2 );
	width:100%;
	height:470px;
	background-color:#ffffff;
	#margin:0 auto;
}
.loginblockframe{
	width:600px;
	border:0px;
	height:470px;
	margin:0 auto;
	display:block;
}