@charset "UTF-8";

/************************************
** 自作のバルーンシェアボタン
************************************/
ul.snsb-balloon{
  padding:0;
  margin:20px auto;
  max-width: 330px;
  overflow: hidden;
}

ul.snsb-balloon li {
  float: left;
  list-style-type: none;
  margin-right: 8px;
}

ul.snsb-balloon li:last-child {
  margin-right:0;
}
.balloon-btn-set{
  display:block;
  width:60px;
  height:36px;
  margin-top: 5px;
}

.balloon-btn-set a{
  display:block;
  color:#777;
  font-size:14px;
  text-decoration:none;

}

a.arrow-box-link{
  font-weight:bold;
  text-align:center;
  font-family: Arial;
  display:block;
}

/*
a.balloon-btn-link{
  border:1px solid #ddd;
  width:58px;
  height:20px;
  line-height:20px;
  position:relative;
  top:4px;
  color:white;
  border-radius:3px;
  text-align:center;
  display:block;
}
*/
/*
.arrow-box {
  position: relative;
  background: #fff;
  border: 1px solid #bbb;
  text-align:center;
  width:58px;
  height:33px;
  border-radius:3px;
  line-height:33px;
  display:inline-block;
}

.arrow-box:after,
.arrow-box:before {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}

.arrow-box:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 3px;
  margin-left: -3px;
}
.arrow-box:before {
  border-color: rgba(187, 187, 187, 0);
  border-top-color: #ddd;
  border-width: 5px;
  margin-left: -5px;
}
*/
.arrow-box {
    position: relative;
    background: #efefef;
    border: 1px solid #efefef;
    text-align:center;
    width:58px;
    height:33px;
    border-radius:3px;
    line-height:33px;
    display:inline-block;
}
.arrow-box:after, .arrow-box:before {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow-box:after {
    border-color: rgba(239, 239, 239, 0);
    border-bottom-color: #efefef;
    border-width: 3px;
    margin-left: -3px;
}
.arrow-box:before {
    border-color: rgba(239, 239, 239, 0);
    border-bottom-color: #efefef;
    border-width: 5px;
    margin-left: -5px;
}
.social-count {
	color: #666;
}
/************************************
** Twitterタイプボタン表示CSS
************************************/
/*
a.balloon-btn-link {
  font-size:16px;
  font-weight:normal;
  border:1px solid #bbb;
  text-decoration:none;
  background:-moz-linear-gradient( center top, #f9f9f9 5%, #e9e9e9 100% );
  background:-ms-linear-gradient( top, #f9f9f9 5%, #e9e9e9 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#e9e9e9');
  background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #f9f9f9), color-stop(100%, #e9e9e9) );
  background-color:#f9f9f9;
  color:#666666;
  display:inline-block;
  text-shadow:1px 1px 0px #ffffff;
   -webkit-box-shadow:inset 1px 1px 0px 0px #ffffff;
   -moz-box-shadow:inset 1px 1px 0px 0px #ffffff;
   box-shadow:inset 1px 1px 0px 0px #ffffff;
}
*/
a.balloon-btn-link {
    width: 58px;
    height: 20px;
    line-height: 20px;
    position: relative;
    top: 4px;
    text-align: center;
    display: block;
}
a.balloon-btn-link {
	font-size:16px;
    font-weight:normal;
    box-sizing: border-box;
    border-radius: 3px;
    color: white;
    text-decoration: none;
    display: inline-block;
}
a.balloon-btn-link:hover {
	opacity:0.6;
}
a.balloon-btn-link [class^="icon-"], [class*=" icon-"] {
    line-height: inherit !important;
}

a.twitter-balloon-btn-link{background:#55acee;}
a.facebook-balloon-btn-link{background:#3c5a99;}
a.googleplus-balloon-btn-link{background:#dd4b39;}
a.hatena-balloon-btn-link{background:#3c7dd1;}
a.pocket-balloon-btn-link{background:#ee4257;}
/*
a.twitter-balloon-btn-link{color:#55acee;}
a.facebook-balloon-btn-link{color:#3c5a99;}
a.googleplus-balloon-btn-link{color:#dd4b39;}
a.hatena-balloon-btn-link{color:#3c7dd1;}
a.pocket-balloon-btn-link{color:#ee4257;}
a.line-balloon-btn-link{color:#00c300;}
a.evernote-balloon-btn-link{color:#51b125;}
a.feedly-balloon-btn-link{color:#87bd33;}

a.twitter-balloon-btn-link:hover{color:#55acee;}
a.facebook-balloon-btn-link:hover{color:#3c5a99;}
a.googleplus-balloon-btn-link:hover{color:#dd4b39;}
a.hatena-balloon-btn-link:hover{color:#3c7dd1;}
a.pocket-balloon-btn-link:hover{color:#ee4257;}
a.line-balloon-btn-link:hover{color:#00c300;}
a.evernote-balloon-btn-link:hover{color:#51b125;}
a.feedly-balloon-btn-link:hover{color:#87bd33;}
*/