@charset "UTF-8";

/*--------------------------------
SNS
---------------------------------*/
.share{
width:100%;
font-weight: bold;
}
.share h4{
font-size:120%; 
text-align:center;
}
.sns{
margin:0 auto;
text-align:center;
}
.sns ul {
list-style:none;
}
.sns li {
float:left;
width:48%;
margin:0 2% 3% 0;
}
.sns li a {
font-size:80%;
position:relative;
display:block;
padding:10px;
color: #fff !important;
border-radius:6px;
text-align:center;
text-decoration: none;
text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}
.sns li a:hover {
-webkit-transform: translate3d(0px, 5px, 1px);
-moz-transform: translate3d(0px, 5px, 1px);
transform: translate3d(0px, 5px, 1px);
box-shadow:none;
color: #fff !important;
}


/* ツイッター */
.sns .twitter a {
background:#00acee;
box-shadow:0 5px 0 #0092ca;
}
.sns  .twitter a:hover {
background:#0092ca;
}
/* Facebook */
.sns  .facebook a {
background:#3b5998;
box-shadow:0 5px 0 #2c4373;
}
.sns .facebook a:hover {
background:#2c4373;
}
/* グーグル */
.sns .googleplus a {
background:#db4a39;
box-shadow:0 5px 0 #ad3a2d;
}
.sns  .googleplus a:hover {
background:#ad3a2d;
}
/* はてぶ */
.sns  .hatebu a {
background:#5d8ac1;
box-shadow:0 5px 0 #43638b;
}
.sns .hatebu a:hover {
background:#43638b;
}
/* LINE */
.sns  .line a {
background:#25af00;
box-shadow:0 5px 0 #219900;
}
.sns .line a:hover {
background:#219900;
}
/* Pocket */
.sns  .pocket a {
background:#f03e51;
box-shadow:0 5px 0 #c0392b;
}
.sns  .pocket a:hover {
background:#c0392b;
}
/* RSS */
.sns  .rss a {
background:#ffb53c;
box-shadow:0 5px 0 #e09900;
}
.sns  .rss a:hover {
background:#e09900;
}
/* Feedly */
.sns  .feedly a {
background:#87c040;
box-shadow:0 5px 0 #74a436;
}
.sns  .feedly a:hover {
background:#74a436;
}


/*--------------------------------------
780px SNS
--------------------------------------*/
@media only screen and (min-width: 780px) {
  .share{
  padding-bottom:10px;
  }
  .sns ul {
  margin:0 auto;
  list-style:none;
  }
  .sns li {
  width:23%;
  margin:0 2% 3% 0;
  }
  .sns li a {
  font-size:75%;
  padding:10px 2px;
  }
  .sns li:nth-child(4n) {
  margin-right:0;
  }
}

.sns a span {
  background-color: #fff;
  padding: 0 4px;
  margin-left: 4px;
  color: #0a0a0a;
}