/* ----------------------------------------------------------------------
 Share button
---------------------------------------------------------------------- */
.single_sns_button { margin:0 0 30px; list-style:none; line-height:1; }
.single_sns_button h3 { margin:0 0 10px 0; font-size:14px; border-left:4px solid #ccc; padding:0 0 0 8px; line-height:160%; }
.single_sns_button ul { padding:0; margin:0 -5px 0 0; position:relative; }
.single_sns_button li { padding:0; float:left; margin:0 5px 15px 0; width:calc(10% - 5px); }
.single_sns_button li a { display:block; color:#333; text-decoration:none; }
.single_sns_button.fit_width ul { display:table; table-layout:fixed; text-align:center; width:-webkit-calc(100% + 5px); width:calc(100% + 5px); }
.single_sns_button.fit_width li { width:auto; float:none; display:table-cell; vertical-align:top; padding:0 5px 0 0; }


/* social count */
.single_sns_button a.social_count {
  text-align:center; font-family: Arial; font-size:11px; margin:0 0 7px 0;
  position:relative; background:#fff; border:1px solid #ccc; text-align:center; height:33px; line-height:33px;
  -webkit-border-radius:3px; border-radius:3px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.single_sns_button a.social_count:after, .single_sns_button a.social_count:before {
  content:''; display:block; width: 0; height: 0; position:absolute;
  border-style: solid; border-width: 5px 5px 0 5px; border-color: #007bff transparent transparent transparent;
}
.single_sns_button a.social_count:after { border-color: #fff transparent transparent transparent; bottom:-4px; left:0; right:0; margin:auto; }
.single_sns_button a.social_count:before { border-color: #bbb transparent transparent transparent; bottom:-5px; left:0; right:0; margin:auto; }
.single_sns_button a.social_count:hover { border-color:#aaa; box-shadow:0 0 3px 0 rgba(0,0,0,0.2); z-index:2; }
.single_sns_button a.social_count:hover:before { border-color: #999 transparent transparent transparent; }


/* loading icon */
.single_sns_button .loading_icon f { background:url(img/loader.gif) no-repeat center; width:16px; height:16px; display:block; margin:auto; top:0; bottom:0; left:0; right:0; position:absolute; }


/* button */
.single_sns_button a.button {
  background:#ccc; height:25px; line-height:25px; position:relative; text-align:center;
  -webkit-border-radius:2px; border-radius:2px;
  -webkit-box-sizing:border-box; box-sizing:border-box;
}
.single_sns_button a.button .icon { text-indent:150%; white-space:nowrap; overflow:hidden; display:block; }
.single_sns_button a.button:after { font-family:'mono-lab'; color:#fff; font-size:13px; margin:auto; display:inline-block; top:0px; bottom:0; left:0; right:0; position:absolute; }


/* button icon */
.single_sns_button li.single_twitter_button a.button:after { content:"\e604"; }
.single_sns_button li.single_facebook_button a.button:after { content:"\e601"; }
.single_sns_button li.single_linkedin_button a.button:after { content:"\eac9"; top:-1px; }
.single_sns_button li.single_hatena_button a.button:after { content:"\e62d"; font-size:26px; left:5px; }
.single_sns_button li.single_google_button a.button:after { content:"\ea8b"; font-size:17px; }
.single_sns_button li.single_pinterest_button a.button:after { content:"\e60f"; }
.single_sns_button li.single_pocket_button a.button:after { content:"\e625"; }
.single_sns_button li.single_feedly_button a.button:after { content:"\e635"; font-size:15px; }
.single_sns_button li.single_evernote_button a.button:after { content:"\e901"; font-size:15px; }
.single_sns_button li.single_tumblr_button a.button:after { content:"\e61c"; top:-1px; }
.single_sns_button li.single_line_button a.button:after { content:"\e634"; font-size:16px; }


/* share button style for top area */
#single_sns_button_top { margin:0; }


/* design type1 */
.single_sns_button.type1 li a.button {
  border:1px solid #ccc;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.single_sns_button.type1.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type1.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type1 li.single_twitter_button a.button:after { color:#00aced; }
.single_sns_button.type1 li.single_twitter_button a.button:hover { border-color:#00aced; }
.single_sns_button.type1 li.single_facebook_button a.button:after { color:#3b5998; }
.single_sns_button.type1 li.single_facebook_button a.button:hover { border-color:#3b5998; }
.single_sns_button.type1 li.single_linkedin_button a.button:after { color:#007bb6; }
.single_sns_button.type1 li.single_linkedin_button a.button:hover { border-color:#007bb6; }
.single_sns_button.type1 li.single_hatena_button a.button:after{ color:#3c7dd1; }
.single_sns_button.type1 li.single_hatena_button a.button:hover { border-color:#3c7dd1; }
.single_sns_button.type1 li.single_google_button a.button:after { color:#dd4b39; }
.single_sns_button.type1 li.single_google_button a.button:hover { border-color:#dd4b39; }
.single_sns_button.type1 li.single_pinterest_button a.button:after { color:#cb2027; }
.single_sns_button.type1 li.single_pinterest_button a.button:hover { border-color:#cb2027; }
.single_sns_button.type1 li.single_pocket_button a.button:after { color:#ee4257; }
.single_sns_button.type1 li.single_pocket_button a.button:hover { border-color:#ee4257; }
.single_sns_button.type1 li.single_feedly_button a.button:after { color:#87bd33; }
.single_sns_button.type1 li.single_feedly_button a.button:hover { border-color:#5a8518; }
.single_sns_button.type1 li.single_evernote_button a.button:after { color:#79c141; }
.single_sns_button.type1 li.single_evernote_button a.button:hover { border-color:#79c141; }
.single_sns_button.type1 li.single_tumblr_button a.button:after { color:#3a5971; }
.single_sns_button.type1 li.single_tumblr_button a.button:hover { border-color:#3a5971; }
.single_sns_button.type1 li.single_line_button a.button:after { color:#00c300; }
.single_sns_button.type1 li.single_line_button a.button:hover { border-color:#00c300; }


/* design type2 */
.single_sns_button.type2.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type2.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type2 li.single_twitter_button a.button { background:#00aced; border-color:#00aced; }
.single_sns_button.type2 li.single_twitter_button a.button:hover { background:#45c6f7; }
.single_sns_button.type2 li.single_facebook_button a.button { background:#3b5998; border-color:#3b5998; }
.single_sns_button.type2 li.single_facebook_button a.button:hover { background:#5485eb; }
.single_sns_button.type2 li.single_linkedin_button a.button { background:#007bb6; border-color:#007bb6; }
.single_sns_button.type2 li.single_linkedin_button a.button:hover { background:#29aeee; }
.single_sns_button.type2 li.single_hatena_button a.button { background:#3c7dd1; border-color:#3c7dd1; }
.single_sns_button.type2 li.single_hatena_button a.button:hover { background:#328cff; }
.single_sns_button.type2 li.single_google_button a.button { background:#dd4b39; border-color:#dd4b39; }
.single_sns_button.type2 li.single_google_button a.button:hover { background:#ff5843; }
.single_sns_button.type2 li.single_pinterest_button a.button { background:#cb2027; border-color:#cb2027; }
.single_sns_button.type2 li.single_pinterest_button a.button:hover { background:#f3232c; }
.single_sns_button.type2 li.single_pocket_button a.button { background:#ee4257; border-color:#ee4257; }
.single_sns_button.type2 li.single_pocket_button a.button:hover { background:#f9597f; }
.single_sns_button.type2 li.single_feedly_button a.button { background:#87bd33; border-color:#87bd33; }
.single_sns_button.type2 li.single_feedly_button a.button:hover { background:#90d02d; }
.single_sns_button.type2 li.single_evernote_button a.button { background:#79c141; border-color:#79c141; }
.single_sns_button.type2 li.single_evernote_button a.button:hover { background:#90d02d; }
.single_sns_button.type2 li.single_tumblr_button a.button { background:#3a5971; border-color:#3a5971; }
.single_sns_button.type2 li.single_tumblr_button a.button:hover { background:#3083c3; }
.single_sns_button.type2 li.single_line_button a.button { background:#00c300; border-color:#00c300; }
.single_sns_button.type2 li.single_line_button a.button:hover { background:#00c300; }


/* design type3 */
.single_sns_button.type3 a.button { -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.single_sns_button.type3 a.social_count { margin:0 0 -1px 0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.single_sns_button.type3 a.social_count:after, .single_sns_button.type3 a.social_count:before { display:none; }
.single_sns_button.type3.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type3.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type3 li a.button {
  border:1px solid #ccc;
  -webkit-box-sizing:border-box; box-sizing:border-box;
  background:#f2f2f2; background: -webkit-linear-gradient(top, #ffffff, #f2f2f2); background: linear-gradient(to bottom, #ffffff, #f2f2f2);
}
.single_sns_button.type3 li.single_twitter_button a.button:after { color:#00aced; }
.single_sns_button.type3 li.single_twitter_button a.button:hover { border-color:#00aced; }
.single_sns_button.type3 li.single_facebook_button a.button:after { color:#3b5998; }
.single_sns_button.type3 li.single_facebook_button a.button:hover { border-color:#3b5998; }
.single_sns_button.type3 li.single_linkedin_button a.button:after { color:#007bb6; }
.single_sns_button.type3 li.single_linkedin_button a.button:hover { border-color:#007bb6; }
.single_sns_button.type3 li.single_hatena_button a.button:after{ color:#3c7dd1; }
.single_sns_button.type3 li.single_hatena_button a.button:hover { border-color:#3c7dd1; }
.single_sns_button.type3 li.single_google_button a.button:after { color:#dd4b39; }
.single_sns_button.type3 li.single_google_button a.button:hover { border-color:#dd4b39; }
.single_sns_button.type3 li.single_pinterest_button a.button:after { color:#cb2027; }
.single_sns_button.type3 li.single_pinterest_button a.button:hover { border-color:#cb2027; }
.single_sns_button.type3 li.single_pocket_button a.button:after { color:#ee4257; }
.single_sns_button.type3 li.single_pocket_button a.button:hover { border-color:#ee4257; }
.single_sns_button.type3 li.single_feedly_button a.button:after { color:#87bd33; }
.single_sns_button.type3 li.single_feedly_button a.button:hover { border-color:#5a8518; }
.single_sns_button.type3 li.single_evernote_button a.button:after { color:#79c141; }
.single_sns_button.type3 li.single_evernote_button a.button:hover { border-color:#79c141; }
.single_sns_button.type3 li.single_tumblr_button a.button:after { color:#3a5971; }
.single_sns_button.type3 li.single_tumblr_button a.button:hover { border-color:#3a5971; }
.single_sns_button.type3 li.single_line_button a.button:after { color:#00c300; }
.single_sns_button.type3 li.single_line_button a.button:hover { border-color:#00c300; }


/* design type4 */
.single_sns_button.type4 a.button { -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.single_sns_button.type4 a.social_count { border-bottom:none; margin:0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.single_sns_button.type4 a.social_count:after, .single_sns_button.type4 a.social_count:before { display:none; }
.single_sns_button.type4.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type4.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type4 li.single_twitter_button a.button { background:#00aced; border-color:#00aced; }
.single_sns_button.type4 li.single_twitter_button a.button:hover { background:#45c6f7; }
.single_sns_button.type4 li.single_facebook_button a.button { background:#3b5998; border-color:#3b5998; }
.single_sns_button.type4 li.single_facebook_button a.button:hover { background:#5485eb; }
.single_sns_button.type4 li.single_linkedin_button a.button { background:#007bb6; border-color:#007bb6; }
.single_sns_button.type4 li.single_linkedin_button a.button:hover { background:#29aeee; }
.single_sns_button.type4 li.single_hatena_button a.button { background:#3c7dd1; border-color:#3c7dd1; }
.single_sns_button.type4 li.single_hatena_button a.button:hover { background:#328cff; }
.single_sns_button.type4 li.single_google_button a.button { background:#dd4b39; border-color:#dd4b39; }
.single_sns_button.type4 li.single_google_button a.button:hover { background:#ff5843; }
.single_sns_button.type4 li.single_pinterest_button a.button { background:#cb2027; border-color:#cb2027; }
.single_sns_button.type4 li.single_pinterest_button a.button:hover { background:#f3232c; }
.single_sns_button.type4 li.single_pocket_button a.button { background:#ee4257; border-color:#ee4257; }
.single_sns_button.type4 li.single_pocket_button a.button:hover { background:#f9597f; }
.single_sns_button.type4 li.single_feedly_button a.button { background:#87bd33; border-color:#87bd33; }
.single_sns_button.type4 li.single_feedly_button a.button:hover { background:#90d02d; }
.single_sns_button.type4 li.single_evernote_button a.button { background:#79c141; border-color:#79c141; }
.single_sns_button.type4 li.single_evernote_button a.button:hover { background:#90d02d; }
.single_sns_button.type4 li.single_tumblr_button a.button { background:#3a5971; border-color:#3a5971; }
.single_sns_button.type4 li.single_tumblr_button a.button:hover { background:#3083c3; }
.single_sns_button.type4 li.single_line_button a.button { background:#00c300; border-color:#00c300; }
.single_sns_button.type4 li.single_line_button a.button:hover { background:#00c300; }


/* design type5 */
.single_sns_button.type5 a.button { height:28px; -webkit-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; }
.single_sns_button.type5 a.button:after { top:3px; }
.single_sns_button.type5 a.social_count { color:#fff; position:relative; border:none; height:34px; line-height:36px; margin:0; -webkit-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; }
.single_sns_button.type5 a.social_count:after { display:none; }
.single_sns_button.type5 a.social_count:before { z-index:2; }
.single_sns_button.type5.corner_type1 a.button { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type5.corner_type1 a.social_count { -webkit-border-radius:0px; border-radius:0px; }
.single_sns_button.type5 a.social_count:hover { box-shadow:0 0 0 0 rgba(0,0,0,0); }
.single_sns_button.type5 li.single_twitter_button a.button { background:#00abd0; }
.single_sns_button.type5 li.single_twitter_button a.social_count { background:#5bc5dc; }
.single_sns_button.type5 li.single_twitter_button a.social_count:before { border-color: #5bc5dc transparent transparent transparent; }
.single_sns_button.type5 li.single_twitter_button a.button:hover { background:#007f9a; }
.single_sns_button.type5 li.single_twitter_button a.social_count:hover { background:#007f9a; }
.single_sns_button.type5 li.single_twitter_button a.social_count:hover:before { border-color: #007f9a transparent transparent transparent; }
.single_sns_button.type5 li.single_facebook_button a.button { background:#3B5998; }
.single_sns_button.type5 li.single_facebook_button a.social_count { background:#6473b3; }
.single_sns_button.type5 li.single_facebook_button a.social_count:before { border-color: #6473b3 transparent transparent transparent; }
.single_sns_button.type5 li.single_facebook_button a.button:hover { background:#2a406e; }
.single_sns_button.type5 li.single_facebook_button a.social_count:hover { background:#2a406e; }
.single_sns_button.type5 li.single_facebook_button a.social_count:hover:before { border-color: #2a406e transparent transparent transparent; }
.single_sns_button.type5 li.single_linkedin_button a.button { background:#0072a8; }
.single_sns_button.type5 li.single_linkedin_button a.social_count { background:#278fc1; }
.single_sns_button.type5 li.single_linkedin_button a.social_count:before { border-color: #278fc1 transparent transparent transparent; }
.single_sns_button.type5 li.single_linkedin_button a.button:hover { background:#005882; }
.single_sns_button.type5 li.single_linkedin_button a.social_count:hover { background:#005882; }
.single_sns_button.type5 li.single_linkedin_button a.social_count:hover:before { border-color: #005882 transparent transparent transparent; }
.single_sns_button.type5 li.single_linkedin_button a.button:after { top:2px; }
.single_sns_button.type5 li.single_hatena_button a.button { background:#006fcc; }
.single_sns_button.type5 li.single_hatena_button a.social_count { background:#3484c7; }
.single_sns_button.type5 li.single_hatena_button a.social_count:before { border-color: #3484c7 transparent transparent transparent; }
.single_sns_button.type5 li.single_hatena_button a.button:hover { background:#0059a4; }
.single_sns_button.type5 li.single_hatena_button a.social_count:hover { background:#0059a4; }
.single_sns_button.type5 li.single_hatena_button a.social_count:hover:before { border-color: #0059a4 transparent transparent transparent; }
.single_sns_button.type5 li.single_google_button a.button { background:#cc3927; }
.single_sns_button.type5 li.single_google_button a.social_count { background:#de4b39; }
.single_sns_button.type5 li.single_google_button a.social_count:before { border-color: #de4b39 transparent transparent transparent; }
.single_sns_button.type5 li.single_google_button a.button:hover { background:#aa2f20; }
.single_sns_button.type5 li.single_google_button a.social_count:hover { background:#aa2f20; }
.single_sns_button.type5 li.single_google_button a.social_count:hover:before { border-color: #aa2f20 transparent transparent transparent; }
.single_sns_button.type5 li.single_pinterest_button a.button { background:#cb2027; }
.single_sns_button.type5 li.single_pinterest_button a.social_count { background:#e23940; }
.single_sns_button.type5 li.single_pinterest_button a.social_count:before { border-color: #e23940 transparent transparent transparent; }
.single_sns_button.type5 li.single_pinterest_button a.button:hover { background:#a81a20; }
.single_sns_button.type5 li.single_pinterest_button a.social_count:hover { background:#a81a20; }
.single_sns_button.type5 li.single_pinterest_button a.social_count:hover:before { border-color: #a81a20 transparent transparent transparent; }
.single_sns_button.type5 li.single_pocket_button a.button { background:#e12940; }
.single_sns_button.type5 li.single_pocket_button a.social_count { background:#f53d54; }
.single_sns_button.type5 li.single_pocket_button a.social_count:before { border-color: #f53d54 transparent transparent transparent; }
.single_sns_button.type5 li.single_pocket_button a.button:hover { background:#c52438; }
.single_sns_button.type5 li.single_pocket_button a.social_count:hover { background:#c52438; }
.single_sns_button.type5 li.single_pocket_button a.social_count:hover:before { border-color: #c52438 transparent transparent transparent; }
.single_sns_button.type5 li.single_feedly_button a.button { background:#87bd33; }
.single_sns_button.type5 li.single_feedly_button a.button:hover { background:#72a02b; }
.single_sns_button.type5 li.single_feedly_button a.social_count { background:#9cd04a; }
.single_sns_button.type5 li.single_feedly_button a.social_count:before { border-color: #9cd04a transparent transparent transparent; }
.single_sns_button.type5 li.single_feedly_button a.button:hover { background:#72a02b; }
.single_sns_button.type5 li.single_feedly_button a.social_count:hover { background:#72a02b; }
.single_sns_button.type5 li.single_feedly_button a.social_count:hover:before { border-color: #72a02b transparent transparent transparent; }
.single_sns_button.type5 li.single_evernote_button a.button { background:#79c141; }
.single_sns_button.type5 li.single_evernote_button a.social_count { background:#7fcf42; }
.single_sns_button.type5 li.single_evernote_button a.social_count:before { border-color: #7fcf42 transparent transparent transparent; }
.single_sns_button.type5 li.single_evernote_button a.button:hover { background:#609a33; }
.single_sns_button.type5 li.single_evernote_button a.social_count:hover { background:#609a33; }
.single_sns_button.type5 li.single_evernote_button a.social_count:hover:before { border-color: #609a33 transparent transparent transparent; }
.single_sns_button.type5 li.single_tumblr_button a.button { background:#3a5971; }
.single_sns_button.type5 li.single_tumblr_button a.social_count { background:#4d6d86; }
.single_sns_button.type5 li.single_tumblr_button a.social_count:before { border-color: #4d6d86 transparent transparent transparent; }
.single_sns_button.type5 li.single_tumblr_button a.button:hover { background:#2a4153; }
.single_sns_button.type5 li.single_tumblr_button a.social_count:hover { background:#2a4153; }
.single_sns_button.type5 li.single_tumblr_button a.social_count:hover:before { border-color: #2a4153 transparent transparent transparent; }
.single_sns_button.type5 li.single_tumblr_button a.button:after { top:2px; }
.single_sns_button.type5 li.single_line_button a.button { background:#00c300; }
.single_sns_button.type5 li.single_line_button a.social_count { background:#61d00c; }
.single_sns_button.type5 li.single_line_button a.social_count:before { border-color: #61d00c transparent transparent transparent; }
.single_sns_button.type5 li.single_line_button a.button:hover { background:#00c300; }
.single_sns_button.type5 li.single_line_button a.social_count:hover { background:#00c300; }
.single_sns_button.type5 li.single_line_button a.social_count:hover:before { border-color: #00c300 transparent transparent transparent; }


/* line button */
.single_sns_button .line_button img { height:27px; width:auto; }