/* Enter Your Custom CSS Here */

@charset "UTF-8";

/*
Theme Name: 
Version: 
Author:
Theme URL: 
Description:

*/

/*
pc
*/
.facebook-iine{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#3b5998;
height:60px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
 
a.facebook-iine:hover{
background-color:#6277a1;
}
 
a.twitter-tweet{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#00acee;
height:60px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
 
a.twitter-tweet:hover{
background-color:#6aafca;
}



a.hatenabtn2{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#568BCA;
height:60px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
 
a.hatenabtn2:hover{
background-color:#6277a1;
}


a.gplusbtn{
width:50%;
padding:20px 0;
color:#fff;
text-align:center;
background-color:#DD4B39;
height:60px;
display:block;
text-decoration:none;
font-size:20px;
float:left;
margin-bottom:10px;
}
 
a.gplusbtn:hover{
background-color:#E05D4C;
}

/*
up

*/

/************************************
** 自前のバルーンシェアボタン
************************************/


/************************************
** 自前のバルーンシェアボタン
************************************/
.balloon-btn-set{
  width:60px;
  height:63px;
}

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

a.arrow-box-vertical-link{
  font-weight:bold;
  text-align:center;
}

a.arrow-box-vertical-link:hover{color:#777;}

a.balloon-btn-vertical-link{
  border:1px solid #ddd;
  width:58px;
  height:20px;
  line-height:20px;
  position:relative;
  top:7px;
  color:white;
  border-radius:3px;
}

a.balloon-btn-vertical-link:hover{
  color:white;
  opacity:0.6;
}

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

.arrow-box-vertical {
  position: relative;
  background: #fff;
  border: 1px solid #bbb;
  text-align:center;
  width:58px;
  height:33px;
  border-radius:3px;
  top:-7px;
  line-height:33px;
  display:inline-block;
}

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

.arrow-box-vertical:after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #fff;
  border-width: 3px;
  margin-left: -3px;
}
.arrow-box-vertical:before {
  border-color: rgba(187, 187, 187, 0);
  border-top-color: #BBBBBB;
  border-width: 5px;
  margin-left: -5px;
}

.snsbv li {
float: left;
list-style-type: none;
margin-right: 7px;
}

li {
display: list-item;
text-align: -webkit-match-parent;
}

.sns-share-msg {
margin-bottom: -20px;
font-size: medium;

display: block;
-webkit-margin-before: 1em;
-webkit-margin-after: 1em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
}



.clear {
clear: both;
}