.sns-container
{
position:fixed ;
width:60px ;
bottom:0 ;
left:0 ;
opacity:.2;
}
.sns-container:hover
{
opacity:.9;
}

.sns-container .sns-box
{
float:left ;
}
.sns-container div
{
margin:6px ;
height:100% ;
width:100% ;
}

.sns-container.top
{
padding:1em 10%
}

@media(max-width:600px)
{
	.sns-container.top
	{
	padding:1em 6%
	}
}

.sns-box
{
-webkit-transition:all .1s ease-in-out;-moz-transition:all .1s ease-in-out;-ms-transition:all .1s ease-in-out;-o-transition:all .1s ease-in-out;transition:all .1s ease-in-out;display:table-cell;backface-visibility:hidden
}

.sns-box:hover
{
opacity:.8
}

.sns-box span.name
{
font-size:.6em
}

.sns-box a
{
display:block;color:#fff;padding:.3em 0 .2em;text-align:center;font-size:1.3em
}

.sns-box a:hover
{
color:#fff;text-decoration:none
}

.sns-box a span
{
padding:0
}

.b-twitter
{
background:#55acee
}

.b-facebook
{
background:#3b5998
}

.b-hatena
{
background:#008fde
}

.b-pocket
{
background:#d3505a
}

.b-line
{
background:#2bb24c
}

.share-box
{
text-align:center;margin-bottom:.3em;font-family:'Arial Rounded MT Bold','Arial Black','Arial','Hiragino Sans',sans-serif;font-weight:bold
}

.share-text
{
position:relative;display:inline-block;padding:0 55px;margin-top:30px
}

.share-text:before,.share-text:after
{
content:'';position:absolute;top:50%;display:inline-block;width:45px;height:1px;background-color:black
}

.share-text:before
{
left:0
}

.share-text:after
{
right:0
}

.icon-hatenabook:before
{
content:"\e900"
}

.icon-line:before
{
content:"\e901"
}