.so-bo.simple ul .tw a {
  font-size: 14px;
  background: #55acee;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.simple ul .tw a .ico {
  background: #55acee;
  color: #fff !important;
  float: left;
  width: 40%;
  line-height: 30px;
  -webkit-border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 0 0 5px;
  -moz-background-clip: padding;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .tw a .cnt {
  font-size: 90%;
  background: #147bc9;
  color: #fff;
  line-height: 30px;
  float: right;
  width: 60%;
  -webkit-border-radius: 0 5px 5px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 5px 5px 0;
  -moz-background-clip: padding;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .tw a:hover .ico {
  width: 60%;
  -webkit-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
}
.so-bo.simple ul .tw a:hover .cnt {
  width: 40%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.so-bo.simple ul .fb a {
  font-size: 14px;
  background: #395794;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.simple ul .fb a .ico {
  background: #395794;
  color: #fff !important;
  float: left;
  width: 40%;
  line-height: 30px;
  -webkit-border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 0 0 5px;
  -moz-background-clip: padding;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .fb a .cnt {
  font-size: 90%;
  background: #1d2c4a;
  color: #fff;
  line-height: 30px;
  float: right;
  width: 60%;
  -webkit-border-radius: 0 5px 5px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 5px 5px 0;
  -moz-background-clip: padding;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .fb a:hover .ico {
  width: 60%;
  -webkit-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
}
.so-bo.simple ul .fb a:hover .cnt {
  width: 40%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.so-bo.simple ul .gp a {
  font-size: 14px;
  background: #dc4b39;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.simple ul .gp a .ico {
  background: #dc4b39;
  color: #fff !important;
  float: left;
  width: 40%;
  line-height: 30px;
  -webkit-border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 0 0 5px;
  -moz-background-clip: padding;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .gp a .cnt {
  font-size: 90%;
  background: #95281a;
  color: #fff;
  line-height: 30px;
  float: right;
  width: 60%;
  -webkit-border-radius: 0 5px 5px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 5px 5px 0;
  -moz-background-clip: padding;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .gp a:hover .ico {
  width: 60%;
  -webkit-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
}
.so-bo.simple ul .gp a:hover .cnt {
  width: 40%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.so-bo.simple ul .ht a {
  font-size: 14px;
  background: #3a90e0;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.simple ul .ht a .ico {
  background: #3a90e0;
  color: #fff !important;
  float: left;
  width: 40%;
  line-height: 30px;
  -webkit-border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 0 0 5px;
  -moz-background-clip: padding;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .ht a .cnt {
  font-size: 90%;
  background: #185c9c;
  color: #fff;
  line-height: 30px;
  float: right;
  width: 60%;
  -webkit-border-radius: 0 5px 5px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 5px 5px 0;
  -moz-background-clip: padding;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .ht a:hover .ico {
  width: 60%;
  -webkit-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
}
.so-bo.simple ul .ht a:hover .cnt {
  width: 40%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.so-bo.simple ul .pk a {
  font-size: 14px;
  background: #e94156;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.simple ul .pk a .ico {
  background: #e94156;
  color: #fff !important;
  float: left;
  width: 40%;
  line-height: 30px;
  -webkit-border-radius: 5px 0 0 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 0 0 5px;
  -moz-background-clip: padding;
  border-radius: 5px 0 0 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .pk a .cnt {
  font-size: 90%;
  background: #b01428;
  color: #fff;
  line-height: 30px;
  float: right;
  width: 60%;
  -webkit-border-radius: 0 5px 5px 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 5px 5px 0;
  -moz-background-clip: padding;
  border-radius: 0 5px 5px 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.simple ul .pk a:hover .ico {
  width: 60%;
  -webkit-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  -moz-box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
  box-shadow: 0 -4px 2px -2px rgba(0, 0, 0, 0.3) inset, 0 4px 2px -2px rgba(255, 255, 255, 0.3) inset;
}
.so-bo.simple ul .pk a:hover .cnt {
  width: 40%;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.so-bo.border ul .tw a {
  font-size: 14px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.border ul .tw a .ico {
  color: #55acee;
  width: 100%;
  font-size: 120%;
  line-height: 30px;
  border-bottom: 3px solid #55acee;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.border ul .tw a .ico:after {
  font-size: 80%;
  line-height: 30px;
}
.so-bo.border ul .tw a .cnt {
  font-size: 90%;
  line-height: 30px;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  background: #55acee;
  color: #ffffff;
}
.so-bo.border ul .tw a .cnt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #55acee;
}
.so-bo.border ul .tw a .cnt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  width: 0px;
  height: 0px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #55acee;
}
.so-bo.border ul .tw a:hover .ico {
  background: #55acee;
  border-color: #147bc9;
  color: #fff;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
}
.so-bo.border ul .tw a:hover .cnt {
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
}
.so-bo.border ul .tw a .ico:after {
  content: " Twitter";
}
.so-bo.border ul .fb a {
  font-size: 14px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.border ul .fb a .ico {
  color: #395794;
  width: 100%;
  font-size: 120%;
  line-height: 30px;
  border-bottom: 3px solid #395794;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.border ul .fb a .ico:after {
  font-size: 80%;
  line-height: 30px;
}
.so-bo.border ul .fb a .cnt {
  font-size: 90%;
  line-height: 30px;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  background: #395794;
  color: #ffffff;
}
.so-bo.border ul .fb a .cnt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #395794;
}
.so-bo.border ul .fb a .cnt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  width: 0px;
  height: 0px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #395794;
}
.so-bo.border ul .fb a:hover .ico {
  background: #395794;
  border-color: #1d2c4a;
  color: #fff;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
}
.so-bo.border ul .fb a:hover .cnt {
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
}
.so-bo.border ul .fb a .ico:after {
  content: " Facebook";
}
.so-bo.border ul .gp a {
  font-size: 14px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.border ul .gp a .ico {
  color: #dc4b39;
  width: 100%;
  font-size: 120%;
  line-height: 30px;
  border-bottom: 3px solid #dc4b39;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.border ul .gp a .ico:after {
  font-size: 80%;
  line-height: 30px;
}
.so-bo.border ul .gp a .cnt {
  font-size: 90%;
  line-height: 30px;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  background: #dc4b39;
  color: #ffffff;
}
.so-bo.border ul .gp a .cnt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #dc4b39;
}
.so-bo.border ul .gp a .cnt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  width: 0px;
  height: 0px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #dc4b39;
}
.so-bo.border ul .gp a:hover .ico {
  background: #dc4b39;
  border-color: #95281a;
  color: #fff;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
}
.so-bo.border ul .gp a:hover .cnt {
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
}
.so-bo.border ul .gp a .ico:after {
  content: " Google+";
}
.so-bo.border ul .ht a {
  font-size: 14px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.border ul .ht a .ico {
  color: #3a90e0;
  width: 100%;
  font-size: 120%;
  line-height: 30px;
  border-bottom: 3px solid #3a90e0;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.border ul .ht a .ico:after {
  font-size: 80%;
  line-height: 30px;
}
.so-bo.border ul .ht a .cnt {
  font-size: 90%;
  line-height: 30px;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  background: #3a90e0;
  color: #ffffff;
}
.so-bo.border ul .ht a .cnt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #3a90e0;
}
.so-bo.border ul .ht a .cnt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  width: 0px;
  height: 0px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #3a90e0;
}
.so-bo.border ul .ht a:hover .ico {
  background: #3a90e0;
  border-color: #185c9c;
  color: #fff;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
}
.so-bo.border ul .ht a:hover .cnt {
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
}
.so-bo.border ul .ht a .ico:after {
  content: " Hatena";
}
.so-bo.border ul .pk a {
  font-size: 14px;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
}
.so-bo.border ul .pk a .ico {
  color: #e94156;
  width: 100%;
  font-size: 120%;
  line-height: 30px;
  border-bottom: 3px solid #e94156;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.border ul .pk a .ico:after {
  font-size: 80%;
  line-height: 30px;
}
.so-bo.border ul .pk a .cnt {
  font-size: 90%;
  line-height: 30px;
  width: 100%;
  margin-bottom: 10px;
  box-sizing: border-box;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  position: relative;
  background: #e94156;
  color: #ffffff;
}
.so-bo.border ul .pk a .cnt:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -5px;
  left: 50%;
  margin-left: -5px;
  width: 0px;
  height: 0px;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  border-top: 5px solid #e94156;
}
.so-bo.border ul .pk a .cnt:after {
  content: "";
  display: block;
  position: absolute;
  bottom: -4px;
  left: 50%;
  margin-left: -4px;
  width: 0px;
  height: 0px;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  border-top: 4px solid #e94156;
}
.so-bo.border ul .pk a:hover .ico {
  background: #e94156;
  border-color: #b01428;
  color: #fff;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 4px 8px -4px rgba(0, 0, 0, 0.5);
}
.so-bo.border ul .pk a:hover .cnt {
  font-size: 100%;
  font-weight: bold;
  -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3) inset;
}
.so-bo.border ul .pk a .ico:after {
  content: " Pocket";
}
.so-bo.square ul .tw a {
  font-size: 14px;
  border: none;
}
.so-bo.square ul .tw a .ico {
  color: #fff;
  width: 100%;
  line-height: 25px;
  background: #55acee;
  margin: 0 ;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 5px 5px;
  -moz-background-clip: padding;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 0 #147bc9;
  -moz-box-shadow: 0 3px 0 #147bc9;
  box-shadow: 0 3px 0 #147bc9;
}
.so-bo.square ul .tw a .cnt {
  font-size: 90%;
  color: #55acee;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  border-top: 5px solid #55acee;
  border-left: 5px solid #55acee;
  border-right: 5px solid #55acee;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.square ul .tw a:hover .ico {
  background: #147bc9;
}
.so-bo.square ul .tw a:hover .cnt {
  border-color: #147bc9;
}
.so-bo.square ul .fb a {
  font-size: 14px;
  border: none;
}
.so-bo.square ul .fb a .ico {
  color: #fff;
  width: 100%;
  line-height: 25px;
  background: #395794;
  margin: 0 ;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 5px 5px;
  -moz-background-clip: padding;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 0 #1d2c4a;
  -moz-box-shadow: 0 3px 0 #1d2c4a;
  box-shadow: 0 3px 0 #1d2c4a;
}
.so-bo.square ul .fb a .cnt {
  font-size: 90%;
  color: #395794;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  border-top: 5px solid #395794;
  border-left: 5px solid #395794;
  border-right: 5px solid #395794;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.square ul .fb a:hover .ico {
  background: #1d2c4a;
}
.so-bo.square ul .fb a:hover .cnt {
  border-color: #1d2c4a;
}
.so-bo.square ul .gp a {
  font-size: 14px;
  border: none;
}
.so-bo.square ul .gp a .ico {
  color: #fff;
  width: 100%;
  line-height: 25px;
  background: #dc4b39;
  margin: 0 ;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 5px 5px;
  -moz-background-clip: padding;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 0 #95281a;
  -moz-box-shadow: 0 3px 0 #95281a;
  box-shadow: 0 3px 0 #95281a;
}
.so-bo.square ul .gp a .cnt {
  font-size: 90%;
  color: #dc4b39;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  border-top: 5px solid #dc4b39;
  border-left: 5px solid #dc4b39;
  border-right: 5px solid #dc4b39;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.square ul .gp a:hover .ico {
  background: #95281a;
}
.so-bo.square ul .gp a:hover .cnt {
  border-color: #95281a;
}
.so-bo.square ul .ht a {
  font-size: 14px;
  border: none;
}
.so-bo.square ul .ht a .ico {
  color: #fff;
  width: 100%;
  line-height: 25px;
  background: #3a90e0;
  margin: 0 ;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 5px 5px;
  -moz-background-clip: padding;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 0 #185c9c;
  -moz-box-shadow: 0 3px 0 #185c9c;
  box-shadow: 0 3px 0 #185c9c;
}
.so-bo.square ul .ht a .cnt {
  font-size: 90%;
  color: #3a90e0;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  border-top: 5px solid #3a90e0;
  border-left: 5px solid #3a90e0;
  border-right: 5px solid #3a90e0;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.square ul .ht a:hover .ico {
  background: #185c9c;
}
.so-bo.square ul .ht a:hover .cnt {
  border-color: #185c9c;
}
.so-bo.square ul .pk a {
  font-size: 14px;
  border: none;
}
.so-bo.square ul .pk a .ico {
  color: #fff;
  width: 100%;
  line-height: 25px;
  background: #e94156;
  margin: 0 ;
  font-size: 14px;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  -webkit-border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 0 0 5px 5px;
  -moz-background-clip: padding;
  border-radius: 0 0 5px 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 3px 0 #b01428;
  -moz-box-shadow: 0 3px 0 #b01428;
  box-shadow: 0 3px 0 #b01428;
}
.so-bo.square ul .pk a .cnt {
  font-size: 90%;
  color: #e94156;
  line-height: 20px;
  width: 100%;
  box-sizing: border-box;
  border-top: 5px solid #e94156;
  border-left: 5px solid #e94156;
  border-right: 5px solid #e94156;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.square ul .pk a:hover .ico {
  background: #b01428;
}
.so-bo.square ul .pk a:hover .cnt {
  border-color: #b01428;
}
.so-bo.flat ul {
  margin: 0;
  width: 100%;
}
.so-bo.flat ul li {
  padding: 2% 0;
}
.so-bo.flat ul li.tw a {
  font-size: 14px;
  background: #55acee;
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: 40px;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 #55acee, 0 0 0 0 #55acee, 0 0 0 0 #55acee;
  -moz-box-shadow: 0 0 0 0 #55acee, 0 0 0 0 #55acee, 0 0 0 0 #55acee;
  box-shadow: 0 0 0 0 #55acee, 0 0 0 0 #55acee, 0 0 0 0 #55acee;
}
.so-bo.flat ul li.tw a .ico {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  height: 40px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.tw a .ico:after {
  font-size: 10px;
}
.so-bo.flat ul li.tw a .cnt {
  display: block;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
  width: 30%;
  float: right;
  height: 40px;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.tw a:hover {
  background: #2795e9;
  z-index: 9999;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
}
.so-bo.flat ul li.tw a .ico:after {
  content: " Twitter";
}
.so-bo.flat ul li.fb a {
  font-size: 14px;
  background: #395794;
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: 40px;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 #395794, 0 0 0 0 #395794, 0 0 0 0 #395794;
  -moz-box-shadow: 0 0 0 0 #395794, 0 0 0 0 #395794, 0 0 0 0 #395794;
  box-shadow: 0 0 0 0 #395794, 0 0 0 0 #395794, 0 0 0 0 #395794;
}
.so-bo.flat ul li.fb a .ico {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  height: 40px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.fb a .ico:after {
  font-size: 10px;
}
.so-bo.flat ul li.fb a .cnt {
  display: block;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
  width: 30%;
  float: right;
  height: 40px;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.fb a:hover {
  background: #2b416f;
  z-index: 9999;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
}
.so-bo.flat ul li.fb a .ico:after {
  content: " Facebook";
}
.so-bo.flat ul li.gp a {
  font-size: 14px;
  background: #dc4b39;
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: 40px;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 #dc4b39, 0 0 0 0 #dc4b39, 0 0 0 0 #dc4b39;
  -moz-box-shadow: 0 0 0 0 #dc4b39, 0 0 0 0 #dc4b39, 0 0 0 0 #dc4b39;
  box-shadow: 0 0 0 0 #dc4b39, 0 0 0 0 #dc4b39, 0 0 0 0 #dc4b39;
}
.so-bo.flat ul li.gp a .ico {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  height: 40px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.gp a .ico:after {
  font-size: 10px;
}
.so-bo.flat ul li.gp a .cnt {
  display: block;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
  width: 30%;
  float: right;
  height: 40px;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.gp a:hover {
  background: #c03322;
  z-index: 9999;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
}
.so-bo.flat ul li.gp a .ico:after {
  content: " Google";
}
.so-bo.flat ul li.ht a {
  font-size: 14px;
  background: #3a90e0;
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: 40px;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 #3a90e0, 0 0 0 0 #3a90e0, 0 0 0 0 #3a90e0;
  -moz-box-shadow: 0 0 0 0 #3a90e0, 0 0 0 0 #3a90e0, 0 0 0 0 #3a90e0;
  box-shadow: 0 0 0 0 #3a90e0, 0 0 0 0 #3a90e0, 0 0 0 0 #3a90e0;
}
.so-bo.flat ul li.ht a .ico {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  height: 40px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.ht a .ico:after {
  font-size: 10px;
}
.so-bo.flat ul li.ht a .cnt {
  display: block;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
  width: 30%;
  float: right;
  height: 40px;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.ht a:hover {
  background: #1f77c8;
  z-index: 9999;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
}
.so-bo.flat ul li.ht a .ico:after {
  content: " Hatena";
}
.so-bo.flat ul li.pk a {
  font-size: 14px;
  background: #e94156;
  width: 100%;
  padding: 0;
  overflow: hidden;
  height: 40px;
  position: relative;
  -webkit-box-shadow: 0 0 0 0 #e94156, 0 0 0 0 #e94156, 0 0 0 0 #e94156;
  -moz-box-shadow: 0 0 0 0 #e94156, 0 0 0 0 #e94156, 0 0 0 0 #e94156;
  box-shadow: 0 0 0 0 #e94156, 0 0 0 0 #e94156, 0 0 0 0 #e94156;
}
.so-bo.flat ul li.pk a .ico {
  display: block;
  padding: 10px;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  height: 40px;
  overflow: hidden;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.pk a .ico:after {
  font-size: 10px;
}
.so-bo.flat ul li.pk a .cnt {
  display: block;
  padding: 10px 10px 10px 0;
  box-sizing: border-box;
  width: 30%;
  float: right;
  height: 40px;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.flat ul li.pk a:hover {
  background: #dd1a32;
  z-index: 9999;
  -webkit-transition: all 1s;
  -moz-transition: all 1s;
  -o-transition: all 1s;
  transition: all 1s;
  -webkit-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  -moz-box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0), 0 0 0 20px rgba(0, 0, 0, 0), 0 0 0 30px rgba(0, 0, 0, 0);
}
.so-bo.flat ul li.pk a .ico:after {
  content: " Pocket";
}
.so-bo.flat.u480 ul li a .cnt {
  display: none;
}
.so-bo.push ul li.tw a {
  font-size: 14px;
  background: #55acee;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 0 #147bc9, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  -moz-box-shadow: 0 5px 0 #147bc9, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  box-shadow: 0 5px 0 #147bc9, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  padding: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.so-bo.push ul li.tw a .ico {
  display: table-cell;
  padding: 0;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.push ul li.tw a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.push ul li.tw a .cnt {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  border-right: 1px solid #2795e9;
  -webkit-box-shadow: 1px 0 0 #83c3f3;
  -moz-box-shadow: 1px 0 0 #83c3f3;
  box-shadow: 1px 0 0 #83c3f3;
  box-sizing: border-box;
  width: 50%;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.push ul li.tw a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 2px;
  -webkit-box-shadow: 0 3px 0 #147bc9, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  -moz-box-shadow: 0 3px 0 #147bc9, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  box-shadow: 0 3px 0 #147bc9, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
}
.so-bo.push ul li.tw a:active {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 4px;
  -webkit-box-shadow: 0 1px 0 #147bc9, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  -moz-box-shadow: 0 1px 0 #147bc9, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
  box-shadow: 0 1px 0 #147bc9, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #6cb7f0 inset;
}
.so-bo.push ul li.tw a .ico:after {
  content: " Twitter";
}
.so-bo.push ul li.fb a {
  font-size: 14px;
  background: #395794;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 0 #1d2c4a, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  -moz-box-shadow: 0 5px 0 #1d2c4a, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  box-shadow: 0 5px 0 #1d2c4a, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  padding: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.so-bo.push ul li.fb a .ico {
  display: table-cell;
  padding: 0;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.push ul li.fb a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.push ul li.fb a .cnt {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  border-right: 1px solid #2b416f;
  -webkit-box-shadow: 1px 0 0 #486db8;
  -moz-box-shadow: 1px 0 0 #486db8;
  box-shadow: 1px 0 0 #486db8;
  box-sizing: border-box;
  width: 50%;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.push ul li.fb a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 2px;
  -webkit-box-shadow: 0 3px 0 #1d2c4a, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  -moz-box-shadow: 0 3px 0 #1d2c4a, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  box-shadow: 0 3px 0 #1d2c4a, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
}
.so-bo.push ul li.fb a:active {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 4px;
  -webkit-box-shadow: 0 1px 0 #1d2c4a, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  -moz-box-shadow: 0 1px 0 #1d2c4a, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
  box-shadow: 0 1px 0 #1d2c4a, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #4062a6 inset;
}
.so-bo.push ul li.fb a .ico:after {
  content: " Facebook";
}
.so-bo.push ul li.gp a {
  font-size: 14px;
  background: #dc4b39;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 0 #95281a, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  -moz-box-shadow: 0 5px 0 #95281a, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  box-shadow: 0 5px 0 #95281a, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  padding: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.so-bo.push ul li.gp a .ico {
  display: table-cell;
  padding: 0;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.push ul li.gp a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.push ul li.gp a .cnt {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  border-right: 1px solid #c03322;
  -webkit-box-shadow: 1px 0 0 #e47264;
  -moz-box-shadow: 1px 0 0 #e47264;
  box-shadow: 1px 0 0 #e47264;
  box-sizing: border-box;
  width: 50%;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.push ul li.gp a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 2px;
  -webkit-box-shadow: 0 3px 0 #95281a, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  -moz-box-shadow: 0 3px 0 #95281a, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  box-shadow: 0 3px 0 #95281a, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
}
.so-bo.push ul li.gp a:active {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 4px;
  -webkit-box-shadow: 0 1px 0 #95281a, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  -moz-box-shadow: 0 1px 0 #95281a, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
  box-shadow: 0 1px 0 #95281a, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #e05f4f inset;
}
.so-bo.push ul li.gp a .ico:after {
  content: " Google";
}
.so-bo.push ul li.ht a {
  font-size: 14px;
  background: #3a90e0;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 0 #185c9c, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  -moz-box-shadow: 0 5px 0 #185c9c, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  box-shadow: 0 5px 0 #185c9c, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  padding: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.so-bo.push ul li.ht a .ico {
  display: table-cell;
  padding: 0;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.push ul li.ht a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.push ul li.ht a .cnt {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  border-right: 1px solid #1f77c8;
  -webkit-box-shadow: 1px 0 0 #66a9e7;
  -moz-box-shadow: 1px 0 0 #66a9e7;
  box-shadow: 1px 0 0 #66a9e7;
  box-sizing: border-box;
  width: 50%;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.push ul li.ht a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 2px;
  -webkit-box-shadow: 0 3px 0 #185c9c, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  -moz-box-shadow: 0 3px 0 #185c9c, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  box-shadow: 0 3px 0 #185c9c, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
}
.so-bo.push ul li.ht a:active {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 4px;
  -webkit-box-shadow: 0 1px 0 #185c9c, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  -moz-box-shadow: 0 1px 0 #185c9c, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
  box-shadow: 0 1px 0 #185c9c, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #509ce3 inset;
}
.so-bo.push ul li.ht a .ico:after {
  content: " Hatena";
}
.so-bo.push ul li.pk a {
  font-size: 14px;
  background: #e94156;
  -webkit-border-radius: 5px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px;
  -moz-background-clip: padding;
  border-radius: 5px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 5px 0 #b01428, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  -moz-box-shadow: 0 5px 0 #b01428, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  box-shadow: 0 5px 0 #b01428, 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  padding: 5px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
}
.so-bo.push ul li.pk a .ico {
  display: table-cell;
  padding: 0;
  box-sizing: border-box;
  color: #fff !important;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.push ul li.pk a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.push ul li.pk a .cnt {
  display: table-cell;
  vertical-align: middle;
  padding: 0px;
  border-right: 1px solid #dd1a32;
  -webkit-box-shadow: 1px 0 0 #ee6f7f;
  -moz-box-shadow: 1px 0 0 #ee6f7f;
  box-shadow: 1px 0 0 #ee6f7f;
  box-sizing: border-box;
  width: 50%;
  overflow: hidden;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.push ul li.pk a:hover {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 2px;
  -webkit-box-shadow: 0 3px 0 #b01428, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  -moz-box-shadow: 0 3px 0 #b01428, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  box-shadow: 0 3px 0 #b01428, 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
}
.so-bo.push ul li.pk a:active {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
  top: 4px;
  -webkit-box-shadow: 0 1px 0 #b01428, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  -moz-box-shadow: 0 1px 0 #b01428, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
  box-shadow: 0 1px 0 #b01428, 0 5px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 #ec586a inset;
}
.so-bo.push ul li.pk a .ico:after {
  content: " Pocket";
}
.so-bo.push.u480 ul li a {
  display: block;
}
.so-bo.push.u480 ul li a .ico {
  display: block;
  width: 100%;
}
.so-bo.push.u480 ul li a .cnt {
  display: block;
  width: 100%;
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.so-bo.circle ul li.tw a {
  font-size: 14px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 2px #147bc9 inset;
  -moz-box-shadow: 0 2px 2px #147bc9 inset;
  box-shadow: 0 2px 2px #147bc9 inset;
  padding: 5px;
  background: #2795e9;
}
.so-bo.circle ul li.tw a .ico {
  padding: 5px;
  box-sizing: border-box;
  background: #55acee;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NWFjZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzNlYTFlYyIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #55acee 0%, #3ea1ec 100%);
  background-image: -moz-linear-gradient(top, #55acee 0%, #3ea1ec 100%);
  background-image: -o-linear-gradient(top, #55acee 0%, #3ea1ec 100%);
  background-image: linear-gradient(to bottom, #55acee 0%, #3ea1ec 100%);
  -webkit-box-shadow: 0 1px 0 #147bc9, 0 1px 0 #83c3f3 inset;
  -moz-box-shadow: 0 1px 0 #147bc9, 0 1px 0 #83c3f3 inset;
  box-shadow: 0 1px 0 #147bc9, 0 1px 0 #83c3f3 inset;
  border: 1px solid #2795e9;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  color: #fff;
  text-shadow: 0 -1px 1px #147bc9;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.circle ul li.tw a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.circle ul li.tw a .cnt {
  display: table-cell;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.circle ul li.tw a:hover {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #55acee;
}
.so-bo.circle ul li.tw a .ico:after {
  content: " Twitter";
}
.so-bo.circle ul li.fb a {
  font-size: 14px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 2px #1d2c4a inset;
  -moz-box-shadow: 0 2px 2px #1d2c4a inset;
  box-shadow: 0 2px 2px #1d2c4a inset;
  padding: 5px;
  background: #2b416f;
}
.so-bo.circle ul li.fb a .ico {
  padding: 5px;
  box-sizing: border-box;
  background: #395794;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzOTU3OTQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzMyNGM4MiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #395794 0%, #324c82 100%);
  background-image: -moz-linear-gradient(top, #395794 0%, #324c82 100%);
  background-image: -o-linear-gradient(top, #395794 0%, #324c82 100%);
  background-image: linear-gradient(to bottom, #395794 0%, #324c82 100%);
  -webkit-box-shadow: 0 1px 0 #1d2c4a, 0 1px 0 #486db8 inset;
  -moz-box-shadow: 0 1px 0 #1d2c4a, 0 1px 0 #486db8 inset;
  box-shadow: 0 1px 0 #1d2c4a, 0 1px 0 #486db8 inset;
  border: 1px solid #2b416f;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  color: #fff;
  text-shadow: 0 -1px 1px #1d2c4a;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.circle ul li.fb a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.circle ul li.fb a .cnt {
  display: table-cell;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.circle ul li.fb a:hover {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #395794;
}
.so-bo.circle ul li.fb a .ico:after {
  content: " Facebook";
}
.so-bo.circle ul li.gp a {
  font-size: 14px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 2px #95281a inset;
  -moz-box-shadow: 0 2px 2px #95281a inset;
  box-shadow: 0 2px 2px #95281a inset;
  padding: 5px;
  background: #c03322;
}
.so-bo.circle ul li.gp a .ico {
  padding: 5px;
  box-sizing: border-box;
  background: #dc4b39;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkYzRiMzkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q2MzkyNiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #dc4b39 0%, #d63926 100%);
  background-image: -moz-linear-gradient(top, #dc4b39 0%, #d63926 100%);
  background-image: -o-linear-gradient(top, #dc4b39 0%, #d63926 100%);
  background-image: linear-gradient(to bottom, #dc4b39 0%, #d63926 100%);
  -webkit-box-shadow: 0 1px 0 #95281a, 0 1px 0 #e47264 inset;
  -moz-box-shadow: 0 1px 0 #95281a, 0 1px 0 #e47264 inset;
  box-shadow: 0 1px 0 #95281a, 0 1px 0 #e47264 inset;
  border: 1px solid #c03322;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  color: #fff;
  text-shadow: 0 -1px 1px #95281a;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.circle ul li.gp a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.circle ul li.gp a .cnt {
  display: table-cell;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.circle ul li.gp a:hover {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #dc4b39;
}
.so-bo.circle ul li.gp a .ico:after {
  content: " Google";
}
.so-bo.circle ul li.ht a {
  font-size: 14px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 2px #185c9c inset;
  -moz-box-shadow: 0 2px 2px #185c9c inset;
  box-shadow: 0 2px 2px #185c9c inset;
  padding: 5px;
  background: #1f77c8;
}
.so-bo.circle ul li.ht a .ico {
  padding: 5px;
  box-sizing: border-box;
  background: #3a90e0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYTkwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI0ODRkZCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #3a90e0 0%, #2484dd 100%);
  background-image: -moz-linear-gradient(top, #3a90e0 0%, #2484dd 100%);
  background-image: -o-linear-gradient(top, #3a90e0 0%, #2484dd 100%);
  background-image: linear-gradient(to bottom, #3a90e0 0%, #2484dd 100%);
  -webkit-box-shadow: 0 1px 0 #185c9c, 0 1px 0 #66a9e7 inset;
  -moz-box-shadow: 0 1px 0 #185c9c, 0 1px 0 #66a9e7 inset;
  box-shadow: 0 1px 0 #185c9c, 0 1px 0 #66a9e7 inset;
  border: 1px solid #1f77c8;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  color: #fff;
  text-shadow: 0 -1px 1px #185c9c;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.circle ul li.ht a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.circle ul li.ht a .cnt {
  display: table-cell;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.circle ul li.ht a:hover {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #3a90e0;
}
.so-bo.circle ul li.ht a .ico:after {
  content: " Hatena";
}
.so-bo.circle ul li.pk a {
  font-size: 14px;
  display: table;
  width: 100%;
  box-sizing: border-box;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  -webkit-box-shadow: 0 2px 2px #b01428 inset;
  -moz-box-shadow: 0 2px 2px #b01428 inset;
  box-shadow: 0 2px 2px #b01428 inset;
  padding: 5px;
  background: #dd1a32;
}
.so-bo.circle ul li.pk a .ico {
  padding: 5px;
  box-sizing: border-box;
  background: #e94156;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlOTQxNTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U2MmE0MiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #e94156 0%, #e62a42 100%);
  background-image: -moz-linear-gradient(top, #e94156 0%, #e62a42 100%);
  background-image: -o-linear-gradient(top, #e94156 0%, #e62a42 100%);
  background-image: linear-gradient(to bottom, #e94156 0%, #e62a42 100%);
  -webkit-box-shadow: 0 1px 0 #b01428, 0 1px 0 #ee6f7f inset;
  -moz-box-shadow: 0 1px 0 #b01428, 0 1px 0 #ee6f7f inset;
  box-shadow: 0 1px 0 #b01428, 0 1px 0 #ee6f7f inset;
  border: 1px solid #dd1a32;
  -webkit-border-radius: 30px;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 30px;
  -moz-background-clip: padding;
  border-radius: 30px;
  background-clip: padding-box;
  color: #fff;
  text-shadow: 0 -1px 1px #b01428;
  font-size: 20px;
  line-height: 20px;
  overflow: hidden;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.circle ul li.pk a .ico:after {
  font-size: 10px;
  line-height: 10px;
  display: block;
}
.so-bo.circle ul li.pk a .cnt {
  display: table-cell;
  color: #fff;
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
}
.so-bo.circle ul li.pk a:hover {
  -webkit-transition: all 0.2s;
  -moz-transition: all 0.2s;
  -o-transition: all 0.2s;
  transition: all 0.2s;
  background: #e94156;
}
.so-bo.circle ul li.pk a .ico:after {
  content: " Pocket";
}
.so-bo.circle.u480 ul li a {
  display: block;
}
.so-bo.circle.u480 ul li a .cnt {
  display: block;
  width: 100%;
}
.so-bo.jump ul .tw a {
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
}
.so-bo.jump ul .tw a .ico {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiM1NWFjZWUiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzI3OTVlOSIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #55acee 0%, #2795e9 100%);
  background-image: -moz-linear-gradient(top, #55acee 0%, #2795e9 100%);
  background-image: -o-linear-gradient(top, #55acee 0%, #2795e9 100%);
  background-image: linear-gradient(to bottom, #55acee 0%, #2795e9 100%);
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  margin-bottom: -20px;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .tw a .cnt {
  color: #55acee;
}
.so-bo.jump ul .tw a:hover .ico {
  top: -20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .fb a {
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
}
.so-bo.jump ul .fb a .ico {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzOTU3OTQiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzJiNDE2ZiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #395794 0%, #2b416f 100%);
  background-image: -moz-linear-gradient(top, #395794 0%, #2b416f 100%);
  background-image: -o-linear-gradient(top, #395794 0%, #2b416f 100%);
  background-image: linear-gradient(to bottom, #395794 0%, #2b416f 100%);
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  margin-bottom: -20px;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .fb a .cnt {
  color: #395794;
}
.so-bo.jump ul .fb a:hover .ico {
  top: -20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .gp a {
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
}
.so-bo.jump ul .gp a .ico {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNkYzRiMzkiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwMzMyMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #dc4b39 0%, #c03322 100%);
  background-image: -moz-linear-gradient(top, #dc4b39 0%, #c03322 100%);
  background-image: -o-linear-gradient(top, #dc4b39 0%, #c03322 100%);
  background-image: linear-gradient(to bottom, #dc4b39 0%, #c03322 100%);
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  margin-bottom: -20px;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .gp a .cnt {
  color: #dc4b39;
}
.so-bo.jump ul .gp a:hover .ico {
  top: -20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .ht a {
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
}
.so-bo.jump ul .ht a .ico {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiMzYTkwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzFmNzdjOCIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #3a90e0 0%, #1f77c8 100%);
  background-image: -moz-linear-gradient(top, #3a90e0 0%, #1f77c8 100%);
  background-image: -o-linear-gradient(top, #3a90e0 0%, #1f77c8 100%);
  background-image: linear-gradient(to bottom, #3a90e0 0%, #1f77c8 100%);
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  margin-bottom: -20px;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .ht a .cnt {
  color: #3a90e0;
}
.so-bo.jump ul .ht a:hover .ico {
  top: -20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .pk a {
  overflow: hidden;
  padding: 0 5px;
  -webkit-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  -moz-box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
  box-shadow: 0 -4px 4px -4px rgba(0, 0, 0, 0.7) inset;
}
.so-bo.jump ul .pk a .ico {
  position: relative;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiB2aWV3Qm94PSIwIDAgMSAxIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48bGluZWFyR3JhZGllbnQgaWQ9Imxlc3NoYXQtZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCUiIHN0b3AtY29sb3I9IiNlOTQxNTYiIHN0b3Atb3BhY2l0eT0iMSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkMWEzMiIgc3RvcC1vcGFjaXR5PSIxIi8+PC9saW5lYXJHcmFkaWVudD48cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
  background-image: -webkit-linear-gradient(top, #e94156 0%, #dd1a32 100%);
  background-image: -moz-linear-gradient(top, #e94156 0%, #dd1a32 100%);
  background-image: -o-linear-gradient(top, #e94156 0%, #dd1a32 100%);
  background-image: linear-gradient(to bottom, #e94156 0%, #dd1a32 100%);
  font-size: 20px;
  color: #fff;
  padding: 10px 0;
  margin-bottom: -20px;
  -webkit-border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box;
  -moz-border-radius: 5px 5px 0 0;
  -moz-background-clip: padding;
  border-radius: 5px 5px 0 0;
  background-clip: padding-box;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.jump ul .pk a .cnt {
  color: #e94156;
}
.so-bo.jump ul .pk a:hover .ico {
  top: -20px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a {
  background: #55acee;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  height: 40px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a .ico {
  background: #55acee;
  position: absolute;
  width: 100%;
  top: 0;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a .ico:after {
  font-size: 10px;
}
.so-bo.panel ul .tw a .cnt {
  background: #55acee;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a .cnt:after {
  font-size: 10px;
}
.so-bo.panel ul .tw a:hover {
  background: #55acee;
  border-color: #55acee;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a:hover .ico {
  top: -100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a:hover .cnt {
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .tw a .cnt:after {
  content: " ツイート";
}
.so-bo.panel ul .fb a {
  background: #395794;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  height: 40px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .fb a .ico {
  background: #395794;
  position: absolute;
  width: 100%;
  top: 0;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .fb a .ico:after {
  font-size: 10px;
}
.so-bo.panel ul .fb a .cnt {
  background: #395794;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .fb a .cnt:after {
  font-size: 10px;
}
.so-bo.panel ul .fb a:hover {
  background: #395794;
  border-color: #395794;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .fb a:hover .ico {
  top: -100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .fb a:hover .cnt {
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .fb a .cnt:after {
  content: " シェア";
}
.so-bo.panel ul .gp a {
  background: #dc4b39;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  height: 40px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .gp a .ico {
  background: #dc4b39;
  position: absolute;
  width: 100%;
  top: 0;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .gp a .ico:after {
  font-size: 10px;
}
.so-bo.panel ul .gp a .cnt {
  background: #dc4b39;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .gp a .cnt:after {
  font-size: 10px;
}
.so-bo.panel ul .gp a:hover {
  background: #dc4b39;
  border-color: #dc4b39;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .gp a:hover .ico {
  top: -100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .gp a:hover .cnt {
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .gp a .cnt:after {
  content: " シェア";
}
.so-bo.panel ul .ht a {
  background: #3a90e0;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  height: 40px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .ht a .ico {
  background: #3a90e0;
  position: absolute;
  width: 100%;
  top: 0;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .ht a .ico:after {
  font-size: 10px;
}
.so-bo.panel ul .ht a .cnt {
  background: #3a90e0;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .ht a .cnt:after {
  font-size: 10px;
}
.so-bo.panel ul .ht a:hover {
  background: #3a90e0;
  border-color: #3a90e0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .ht a:hover .ico {
  top: -100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .ht a:hover .cnt {
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .ht a .cnt:after {
  content: " はてブ";
}
.so-bo.panel ul .pk a {
  background: #e94156;
  position: relative;
  overflow: hidden;
  font-size: 20px;
  line-height: 1;
  height: 40px;
  color: #fff;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .pk a .ico {
  background: #e94156;
  position: absolute;
  width: 100%;
  top: 0;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .pk a .ico:after {
  font-size: 10px;
}
.so-bo.panel ul .pk a .cnt {
  background: #e94156;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 10px;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .pk a .cnt:after {
  font-size: 10px;
}
.so-bo.panel ul .pk a:hover {
  background: #e94156;
  border-color: #e94156;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .pk a:hover .ico {
  top: -100%;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .pk a:hover .cnt {
  top: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.so-bo.panel ul .pk a .cnt:after {
  content: " ポケット";
}
.so-bo.panel.u480 .cnt:after {
  content: none !important;
}