@charset "utf-8";
@charset "utf-8";

 @font-face {
font-family: 'social-button';
src: url(/font/social-button.woff) format( 'woff' ),
url(/font/social-button.ttf) format( 'truetype' ),
url(/font/social-button.eot) format( 'embedded-opentype' ),
url(/font/social-button.svg) format( 'svg' );
font-weight: normal;
font-style: normal;
font-display: swap;
} div.social-button ul {
list-style-type: none;
line-height: 1;
font-size: 12px;
}
div.social-button ul li {
display: inline-block;
margin: 0px 10px 10px 0px;
}
div.social-button ul li a {
display: inline-block;
padding: 10px;
border-radius: 50%;
text-decoration: none;
color: #ffffff;
vertical-align: middle;
}
div.social-button ul li a:before {
display: inline-block;
font-family: 'social-button' !important;
font-style: normal;
font-weight: normal;
line-height: 1;
font-size: 130%;
margin-top: 2px;
vertical-align: middle;
}
div.social-button ul li a:hover {
opacity: 0.7;
} div.icon-only ul li a {
padding: 9px 10px 9px;
}
div.icon-only ul li a:before {
margin-right: 0px;
} div.circle ul li a {
display: inline-block;
padding: 10px;
border-radius: 20px;
text-decoration: none;
color: #ffffff;
vertical-align: middle;
} div.social-button ul li.twitter-tweet a {
background: #0f1419;
}
div.social-button ul li.twitter-tweet a:before {
content: "";
} div.social-button ul li.facebook-share a {
background: #3a5795;
}
div.social-button ul li.facebook-share a:before {
content: "\ea91";
} div.social-button ul li.instagram-follow a {
background: radial-gradient( circle at 5% 170%, #fdf497 0%, #fdf497 5%, #fd5949 30%, #d6249f 50%, #285AEB 100% );
}
div.social-button ul li.instagram-follow a:before {
content: "\ea92";
}
div.icon-only ul li.instagram-follow a {
background: radial-gradient( circle at 20% 120%, #fdf497 0%, #fdf497 10%, #fd5949 50%, #d6249f 70%, #285AEB 100% );
} div.social-button ul li.hatena-bookmark a {
background: #00a4de;
}
div.social-button ul li.hatena-bookmark a:before {
content: "\e900";
} div.social-button ul li.pocket-save a {
background: #ef4156;
}
div.social-button ul li.pocket-save a:before {
content: "\e902";
} div.social-button ul li.line-send a {
background: #00c300;
}
div.social-button ul li.line-send a:before {
content: "\e901";
}
 .slide-down:before {
content: "";
}
.slide-down:hover {
cursor: pointer;
opacity: 0.7;
}
.active:before {
content: "";
} div.slide-1,
div.slide-2,
div.slide-3,
div.slide-4,
div.slide-5,
div.slide-6,
div.slide-7,
div.slide-8, 
div.slide-9, 
div.slide-10{
display: none;
}