@charset "UTF-8";


/* ----------------------- ソーシャルボタン -------------------------- */
:root {
  --gyd--twitter-color: #55acee; --gyd--twitter-color-hover: #2795e9;
  --gyd--twitter-color-shadow: #147bc9; --gyd--twitter-color-shadow2: #6cb7f0; --gyd--twitter-color-shadow3: #83c3f3;

  --gyd--facebook-color: #395794; --gyd--facebook-color-hover: #2b416f;
  --gyd--facebook-color-shadow: #1d2c4a; --gyd--facebook-color-shadow2: #4062a6; --gyd--facebook-color-shadow3: #486db8;

  --gyd--googleplus-color: #dc4b39; --gyd--googleplus-color-hover: #c03322;
  --gyd--googleplus-color-shadow: #95281a; --gyd--googleplus-color-shadow2: #e05f4f; --gyd--googleplus-color-shadow3: #e47264;

  --gyd--hatebu-color: #3a90e0; --gyd--hatebu-color-hover: #1f77c8;
  --gyd--hatebu-color-shadow: #185c9c; --gyd--hatebu-color-shadow2: #509ce3; --gyd--hatebu-color-shadow3: #66a9e7;

  --gyd--pocket-color: #e94156; --gyd--pocket-color-hover: #dd1a32;
  --gyd--pocket-color-shadow: #b01428; --gyd--pocket-color-shadow2: #ec586a; --gyd--pocket-color-shadow3: #ee6f7f;

  --gyd--feedly-color: #6cc655; --gyd--feedly-color-hover: #5ca449;
  --gyd--feedly-color-shadow: #477c38; --gyd--feedly-color-shadow2: #67c94b; --gyd--feedly-color-shadow3: #83c770;

  --gyd--pinterest-color: #d4121c; --gyd--pinterest-color-hover: #a42f35;
  --gyd--pinterest-color-shadow: #742327; --gyd--pinterest-color-shadow2: #cc383f; --gyd--pinterest-color-shadow3: #cf6268;

  --gyd--rss-color: #ffb53c; --gyd--rss-color-hover: #e09900;
  --gyd--rss-color-shadow: #916302; --gyd--rss-color-shadow2: #ca953e; --gyd--rss-color-shadow3: #c9a264;
}

.share-top { width: 100%; margin-bottom: 30px; }
.share-btm { width: 100%; margin-bottom: 50px; }
.share-embed { width: 100%; }


/*
ベーシック型
-------------------------------------------------- */
.share-basic1 ul { list-style: none; margin: 0; padding: 0; }
.share-basic1 li { display: inline-block; padding: 0; text-align: center; }
.share-basic1 li > a:hover { -webkit-transform: translate3d(0, 1px, 0); transform: translate3d(0, 1px, 0); }
.share-basic1 a {
  display: inline-block; margin: 0 5px 5px 0; padding: 1px 10px 0; min-width: 27px; line-height: 25px; 
  text-decoration: none; border-radius: 2px; font-size: 12px;   font-weight: 400; text-align: center;
  background: #fafafa; color: #fff !important; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none;
  -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}
.share-basic1 i { position: relative; top: 3px; color: #fff; font-size: 1.3em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
.share-basic1 .ttl { margin: 0 3px 0 2px; text-align: center; line-height: 20px; }
.share-basic1 .share-count {
  display: inline; margin: 0; padding: 0; line-height: 25px; font-size: 9px; color: #fff;
  border-radius: 0 1px 1px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box;
  -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;
}

@media screen and (max-width: 767px) {
  .share-basic1 { width: 100%; }
  .share-basic1 ul { margin-bottom: 15px; }
  .share-basic1 li > a span { display: none; }
  .share-basic1 a { margin-right: 2px; }
  .share-basic1 i { left: 1px; }
  .share-basic1 .share-count { margin-left: 3px; }
}

/* Twitter */
.share-basic1 .twitter a { background-color: var(--gyd--twitter-color); }
.share-basic1 .twitter a:hover { background-color: var(--gyd--twitter-color-hover); }

/* Facebook */
.share-basic1 ul li.facebook a { background-color: var(--gyd--facebook-color); }
.share-basic1 ul li.facebook a:hover { background-color: var(--gyd--facebook-color-hover); }

/* Google+ */
.share-basic1 ul li.googleplus a{ background-color: var(--gyd--googleplus-color); }
.share-basic1 ul li.googleplus a:hover { background-color: var(--gyd--googleplus-color-hover); }
.share-basic1 ul li.googleplus a i { top: 4px; }

/* Hatena */
.share-basic1 ul li.hatebu > a { background-color: var(--gyd--hatebu-color); }
.share-basic1 ul li.hatebu > a:hover { background-color: var(--gyd--hatebu-color-hover); }

/* Pocket */
.share-basic1 ul li.pocket a { background-color: var(--gyd--pocket-color); }
.share-basic1 ul li.pocket a:hover { background-color: var(--gyd--pocket-color-hover); }

/* Feedly */
.share-basic1 ul li.feedly a { background-color: var(--gyd--feedly-color); }
.share-basic1 ul li.feedly > a:hover { background-color: var(--gyd--feedly-color-hover); }

/* Pinterest */
.share-basic1 ul li.pinterest a { background-color: var(--gyd--pinterest-color); }
.share-basic1 ul li.pinterest a:hover { background-color: var(--gyd--pinterest-color-hover); }

/* RSS */
.share-basic1 ul li.rss a { background-color: var(--gyd--rss-color); }
.share-basic1 ul li.rss a:hover { background-color: var(--gyd--rss-color-hover); }


/*
ベーシック型（モノクロ）
-------------------------------------------------- */
.share-basic2 ul.basic2 { margin: 0; padding: 0; list-style: none; }
.share-basic2 ul.basic2 li { display: inline-block; padding: 0; text-align: center; }
.share-basic2 ul.basic2 li a { text-decoration: none; display: inline-block; margin: 0 5px 5px 0; font-size: 12px; font-weight: 400; border-radius: 2px; color: #222 !important; text-align: center; background: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; line-height: 25px; padding: 1px 4px 0; }
.share-basic2 ul.basic2 li a i { position: relative; top: 3px; color: #222; font-size: 1.3em; text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.1); }
.share-basic2 ul.basic2 li a .ttl { margin: 0 3px 0 2px; text-align: center; line-height: 20px; }
.share-basic2 ul.basic2 li a .share-count { color: #444; font-size: 9px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-basic2 ul.basic2 li a:hover, .share-basic2 ul.basic2 li a:hover i, .share-basic2 ul.basic2 li a:hover .share-count { color: #fff !important; }
.share-basic2 ul.basic2 li a:hover { border-color: rgba(255, 255, 255, 0.1); }

@media screen and (max-width: 480px) {
  .share-basic2 { width: auto; margin: 0; }
  .share-basic2 ul.basic2 { margin-bottom: 15px; }
  .share-basic2 ul.basic2 li a { margin-right: 1px; }
  .share-basic2 ul.basic2 li a i { left: 1px; }
  .share-basic2 ul.basic2 li > a span.ttl { display: none; }
  .share-basic2 ul.basic2 li a .share-count { margin-left: 3px; }
}

/* Twitter */
.share-basic2 ul.basic2 li.twitter a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.twitter a:hover { color: #fff !important; background-color: var(--gyd--twitter-color) !important; }

/* Facebook */
.share-basic2 ul.basic2 li.facebook a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.facebook a:hover { color: #fff !important; background-color: var(--gyd--facebook-color) !important; }

/* Google+ */
.share-basic2 ul.basic2 li.googleplus a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.googleplus a:hover { color: #fff !important; background-color: var(--gyd--googleplus-color) !important; }
.share-basic2 ul.basic2 li.googleplus a i { top: 4px; }

/* Hatena */
.share-basic2 ul.basic2 li.hatebu a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.hatebu a:hover { color: #fff !important; background-color: var(--gyd--hatebu-color) !important; }

/* Pocket */
.share-basic2 ul.basic2 li.pocket a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.pocket a:hover { color: #fff !important; background-color: var(--gyd--pocket-color) !important; }

/* Feedly */
.share-basic2 ul.basic2 li.feedly a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.feedly a:hover { color: #fff !important; background-color: var(--gyd--feedly-color) !important; }

/* Pinterest */
.share-basic2 ul.basic2 li.pinterest a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.pinterest a:hover { color: #fff !important; background-color: var(--gyd--pinterest-color) !important; }

/* RSS */
.share-basic2 ul.basic2 li.rss a { color: #222 !important; background-color: #fafafa !important; }
.share-basic2 ul.basic2 li.rss a:hover { color: #fff !important; background-color: var(--gyd--rss-color) !important; }


/*
スクエア型
-------------------------------------------------- */
.share-square1 .sns { margin: 0; text-align: center; }
.share-square1 ul.square1 { margin: 0 -3% 3% 0; list-style: none; }
.share-square1 ul.square1 li { float: left; width: 47%; margin: 0 3% 1.5% 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post .share-square1 ul.square1 li { list-style: none; background-image: none; padding: 0; }
.share-square1 ul.square1 li a { position: relative; display: block; top: 3px; font-size: 13px; padding: 10px 2px; color: #fff; border-radius: 2px; text-align: center; text-decoration: none; vertical-align: middle; }
.share-square1 ul.square1 li a i { position: relative; top: 3px; font-size: 140%; }
.share-square1 ul.square1 li a .ttl { margin: 0 3px 0 4px; display: inline-block; text-align: center; font-size: 12px; }
.share-square1 ul.square1 li a .share-count { position: absolute; bottom: -2px; right: 8px; font-size: 10px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.share-square1 ul.square1 li a:hover { -webkit-transform: translate3d(0px, 2px, 1px); -moz-transform: translate3d(0px, 2px, 1px); transform: translate3d(0px, 2px, 1px); }

@media only screen and (min-width: 480px) {
  .share-square1 { width: auto; margin: 20px 0 15px; }
  .share-square1 ul.square1 { margin-right: -1%; list-style: none; overflow: hidden; }
  .share-square1 ul.square1 li { width: 24%; margin: 0 1% 2% 0; }
  .share-square1 ul.square1 li a { font-size: 12px; padding: 10px 2px; }
  .share-square1 ul.square1 li:nth-child(4n) { margin-right: 0; }
}

/* Twitter */
.share-square1 ul.square1 li.twitter a { background-color: var(--gyd--twitter-color); }
.share-square1 ul.square1 li.twitter a:hover { background-color: var(--gyd--twitter-color-hover); }

/* Facebook */
.share-square1 ul.square1 li.facebook a { background-color: var(--gyd--facebook-color); }
.share-square1 ul.square1 li.facebook a:hover { background-color: var(--gyd--facebook-color-hover); }

/* Google+ */
.share-square1 ul.square1 li.googleplus a { background-color: var(--gyd--googleplus-color); }
.share-square1 ul.square1 li.googleplus a:hover { background-color: var(--gyd--googleplus-color-hover); }

/* Hatena */
.share-square1 ul.square1 li.hatebu a { background-color: var(--gyd--hatebu-color); }
.share-square1 ul.square1 li.hatebu a:hover { background-color: var(--gyd--hatebu-color-hover); }

/* Pocket */
.share-square1 ul.square1 li.pocket a { background-color: var(--gyd--pocket-color); }
.share-square1 ul.square1 li.pocket a:hover { background-color: var(--gyd--pocket-color-hover); }

/* Feedly */
.share-square1 ul.square1 li.feedly a { background-color: var(--gyd--feedly-color); }
.share-square1 ul.square1 li.feedly > a:hover { background-color: var(--gyd--feedly-color-hover); }

/* Pinterest */
.share-square1 ul.square1 li.pinterest a { background-color: var(--gyd--pinterest-color); }
.share-square1 ul.square1 li.pinterest a:hover { background-color: var(--gyd--pinterest-color-hover); }

/* RSS */
.share-square1 ul.square1 li.rss a { background-color: var(--gyd--rss-color); }
.share-square1 ul.square1 li.rss a:hover { background-color: var(--gyd--rss-color-hover); }


/*
スクエア型（モノクロ）
-------------------------------------------------- */
.share-square2 { text-align: center; }
.share-square2 .sns { margin: 0; }
.share-square2 ul.square2 { margin: 0 -3% 2% 0; list-style: none; }
.share-square2 ul.square2 li { float: left; width: 47%; margin: 0 3% 3% 0; cursor: pointer; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.post .share-square2 ul.square2 li { list-style: none; background-image: none; padding: 0; }
.share-square2 ul.square2 li a { position: relative; display: block; top: 5px; font-size: 13px; padding: 10px 2px; text-decoration: none; border-radius: 2px; color: #222 !important; text-align: center; background: #fafafa !important; border: 1px solid rgba(0, 0, 0, 0.1); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.03); text-shadow: none; }
.share-square2 ul.square2 li a i { position: relative; top: 3px; font-size: 140%; color: #222 !important; }
.share-square2 ul.square2 li a .ttl { margin: 0 3px 0 4px; display: inline-block; text-align: center; font-size: 12px; }
.share-square2 ul.square2 li a .share-count {  position: absolute; bottom: -2px; right: 8px; font-size: 10px; padding: 0; line-height: 25px; margin: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; color: #222 !important; }
.share-square2 ul.square2 li a:hover, .share-square2 ul.square2 li a:hover i, .share-square2 ul.square2 li a:hover .share-count { color: #fff !important; }

@media only screen and (min-width: 480px) {
  .share-square2 { width: auto; margin: 20px 0 15px; }
  .share-square2 ul.square2 { margin-right: -1%; list-style: none; overflow: hidden; }
  .share-square2 ul.square2 li { width: 24%; margin: 0 1% 2% 0; }
  .share-square2 ul.square2 li a { font-size: 12px; padding: 10px 2px; }
  .share-square2 ul.square2 li:nth-child(4n) { margin-right: 0; }
}

/* Twitter */
.share-square2 ul.square2 li.twitter a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.twitter a:hover { color: #fff !important; background-color: var(--gyd--twitter-color) !important; }

/* Facebook */
.share-square2 ul.square2 li.facebook a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.facebook a:hover { color: #fff !important; background-color: var(--gyd--facebook-color) !important; }

/* Google+ */
.share-square2 ul.square2 li.googleplus a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.googleplus a:hover { color: #fff !important; background-color: var(--gyd--googleplus-color) !important; }
.share-square2 ul.square2 li.googleplus a i { top: 4px; }

/* Hatena */
.share-square2 ul.square2 li.hatebu a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.hatebu a:hover { color: #fff !important; background-color: var(--gyd--hatebu-color) !important; }

/* Pocket */
.share-square2 ul.square2 li.pocket a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.pocket a:hover { color: #fff !important; background-color: var(--gyd--pocket-color) !important; }

/* Feedly */
.share-square2 ul.square2 li.feedly a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.feedly a:hover { color: #fff !important; background-color: var(--gyd--feedly-color) !important; }

/* Pinterest */
.share-square2 ul.square2 li.pinterest a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.pinterest a:hover { color: #fff !important; background-color: var(--gyd--pinterest-color) !important; }

/* RSS */
.share-square2 ul.square2 li.rss a { color: #222 !important; background-color: #fafafa !important; }
.share-square2 ul.square2 li.rss a:hover { color: #fff !important; background-color: var(--gyd--rss-color) !important; }


/*
フラット型
-------------------------------------------------- */
.share-flat { 
  padding: 30px 0; margin: 0 auto; clear: both;
  -webkit-animation: fade 3s linear 0s; -moz-animation: fade 3s linear 0s;
  -o-animation: fade 3s linear 0s; animation: fade 3s linear 0s;
}
.share-flat ul.flat { display: block; table-layout: fixed; margin: 0; padding: 0; width: 100%; list-style: none; }
.share-flat ul.flat li { display: inline-block; width: 50%; float: left; margin: 0 0 2% 0; border: none; }
.share-flat ul.flat li a { display: block; position: relative; padding: 0; width: 100%; height: 40px; overflow: hidden; font-size: 14px; }
.share-flat ul.flat li a:hover {
  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) !important;
  -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) !important;
  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) !important;
}
.share-flat ul.flat li i {
  display: block; padding: 10px; box-sizing: border-box; height: 40px; overflow: hidden; color: #fff !important; font-size: 20px;
  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
}

@media only screen and (min-width: 480px) {
  .share-flat ul.flat li { width: 25%; }
}
@media only screen and (min-width: 960px) {
  .share-flat ul.flat li { width: 12.5%; }
}


/* Twitter */
.share-flat ul.flat li.twitter a {
  background: var(--gyd--twitter-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--twitter-color), 0 0 0 0 var(--gyd--twitter-color), 0 0 0 0 var(--gyd--twitter-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--twitter-color), 0 0 0 0 var(--gyd--twitter-color), 0 0 0 0 var(--gyd--twitter-color);
  box-shadow: 0 0 0 0 var(--gyd--twitter-color), 0 0 0 0 var(--gyd--twitter-color), 0 0 0 0 var(--gyd--twitter-color);
}
.share-flat ul.flat li.twitter a:hover { background: var(--gyd--twitter-color-hover); }
.share-flat ul.flat li .icon-twitter:after { content: " Twitter"; font-size: 10px; }

/* Facebook */
.share-flat ul.flat li.facebook a {
  background: var(--gyd--facebook-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--facebook-color), 0 0 0 0 var(--gyd--facebook-color), 0 0 0 0 var(--gyd--facebook-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--facebook-color), 0 0 0 0 var(--gyd--facebook-color), 0 0 0 0 var(--gyd--facebook-color);
  box-shadow: 0 0 0 0 var(--gyd--facebook-color), 0 0 0 0 var(--gyd--facebook-color), 0 0 0 0 var(--gyd--facebook-color);
}
.share-flat ul.flat li.facebook a:hover { background: var(--gyd--facebook-color-hover); }
.share-flat ul.flat li .icon-facebook:after { content: " Facebook"; font-size: 10px; }

/* Google+ */
.share-flat ul.flat li.googleplus a {
  background: var(--gyd--googleplus-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--googleplus-color), 0 0 0 0 var(--gyd--googleplus-color), 0 0 0 0 var(--gyd--googleplus-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--googleplus-color), 0 0 0 0 var(--gyd--googleplus-color), 0 0 0 0 var(--gyd--googleplus-color);
  box-shadow: 0 0 0 0 var(--gyd--googleplus-color), 0 0 0 0 var(--gyd--googleplus-color), 0 0 0 0 var(--gyd--googleplus-color);
}
.share-flat ul.flat li.googleplus a:hover { background: var(--gyd--googleplus-color-hover); }
.share-flat ul.flat li .icon-googleplus:after { content: " Google"; font-size: 10px; }

/* Hatena */
.share-flat ul.flat li.hatebu a {
  background: var(--gyd--hatebu-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--hatebu-color), 0 0 0 0 var(--gyd--hatebu-color), 0 0 0 0 var(--gyd--hatebu-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--hatebu-color), 0 0 0 0 var(--gyd--hatebu-color), 0 0 0 0 var(--gyd--hatebu-color);
  box-shadow: 0 0 0 0 var(--gyd--hatebu-color), 0 0 0 0 var(--gyd--hatebu-color), 0 0 0 0 var(--gyd--hatebu-color);
}
.share-flat ul.flat li.hatebu a:hover { background: var(--gyd--hatebu-color-hover); }
.share-flat ul.flat li .icon-hatebu:after { content: " Hatena"; font-size: 10px; }

/* Pocket */
.share-flat ul.flat li.pocket a {
  background: var(--gyd--pocket-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--pocket-color), 0 0 0 0 var(--gyd--pocket-color), 0 0 0 0 var(--gyd--pocket-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--pocket-color), 0 0 0 0 var(--gyd--pocket-color), 0 0 0 0 var(--gyd--pocket-color);
  box-shadow: 0 0 0 0 var(--gyd--pocket-color), 0 0 0 0 var(--gyd--pocket-color), 0 0 0 0 var(--gyd--pocket-color);
}
.share-flat ul.flat li.pocket a:hover { background: var(--gyd--pocket-color-hover); }
.share-flat ul.flat li .icon-pocket:after { content: " Pocket"; font-size: 10px; }

/* Feedly */
.share-flat ul.flat li.feedly a {
  background: var(--gyd--feedly-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--feedly-color), 0 0 0 0 var(--gyd--feedly-color), 0 0 0 0 var(--gyd--feedly-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--feedly-color), 0 0 0 0 var(--gyd--feedly-color), 0 0 0 0 var(--gyd--feedly-color);
  box-shadow: 0 0 0 0 var(--gyd--feedly-color), 0 0 0 0 var(--gyd--feedly-color), 0 0 0 0 var(--gyd--feedly-color);
}
.share-flat ul.flat li.feedly a:hover { background: var(--gyd--feedly-color-hover); }
.share-flat ul.flat li .icon-feedly:after { content: " Feedly"; font-size: 10px; }

/* Pinterest */
.share-flat ul.flat li.pinterest a {
  background: var(--gyd--pinterest-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--pinterest-color), 0 0 0 0 var(--gyd--pinterest-color), 0 0 0 0 var(--gyd--pinterest-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--pinterest-color), 0 0 0 0 var(--gyd--pinterest-color), 0 0 0 0 var(--gyd--pinterest-color);
  box-shadow: 0 0 0 0 var(--gyd--pinterest-color), 0 0 0 0 var(--gyd--pinterest-color), 0 0 0 0 var(--gyd--pinterest-color);
}
.share-flat ul.flat li.pinterest a:hover { background: var(--gyd--pinterest-color-hover); }
.share-flat ul.flat li .icon-pinterest:after { content: " Pinterest"; font-size: 10px; }

/* RSS */
.share-flat ul.flat li.rss a {
  background: var(--gyd--rss-color);
  -webkit-box-shadow: 0 0 0 0 var(--gyd--rss-color), 0 0 0 0 var(--gyd--rss-color), 0 0 0 0 var(--gyd--rss-color);
  -moz-box-shadow: 0 0 0 0 var(--gyd--rss-color), 0 0 0 0 var(--gyd--rss-color), 0 0 0 0 var(--gyd--rss-color);
  box-shadow: 0 0 0 0 var(--gyd--rss-color), 0 0 0 0 var(--gyd--rss-color), 0 0 0 0 var(--gyd--rss-color);
}
.share-flat ul.flat li.rss a:hover { background: var(--gyd--rss-color-hover); }
.share-flat ul.flat li .icon-rss:after { content: " RSS"; font-size: 10px; }


/*
ボックス型
-------------------------------------------------- */
.share-box { 
  margin: 0 auto; clear: both;
  -webkit-animation: fade 3s linear 0s; -moz-animation: fade 3s linear 0s;
  -o-animation: fade 3s linear 0s; animation: fade 3s linear 0s;
}
.share-box ul.box { display: block; margin: 0; padding: 0; list-style: none; }
.share-box ul.box li { display: inline-block; width: 48%; border: none; margin: 1% 0 1% 2%; padding: 0; }
.share-box ul.box li:first-child { margin-left: 0 !important; }
.share-box ul.box li:nth-child(2n+1) { margin-left: 0; }
.share-box ul.box li a { display: flex; flex-wrap: wrap; position: relative; padding: 0; border: none; font-size: 14px; text-decoration: none; }
.share-box ul.box li a:hover { z-index: 9999; -webkit-transition: all 1s; -moz-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.share-box ul.box li a .ttl {
  display: block; width: 100%; line-height: 20px; text-align: center; font-size: 90%; box-sizing: border-box; background: #fff;
  -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
  -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
}
.share-box ul.box li i {
  display: block; text-align: center; box-sizing: border-box; order: 1;
  margin: 0; width: 100%; line-height: 25px; color: #fff; font-size: 14px;
  -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;
  -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;  
}

@media only screen and (min-width: 480px) {
  .share-box ul.box li { width: 22.8%; }
  .share-box ul.box li:nth-child(2n+1) { margin-left: 2%; }
  .share-box ul.box li:nth-child(4n+1) { margin-left: 0; }
}
@media only screen and (min-width: 960px) {
  .share-box ul.box li { width: 10.3%; }
  .share-box ul.box li:nth-child(4n+1) { margin-left: 2%; }
  
}

/* Twitter */
.share-box ul li.twitter a .ttl {
  color: var(--gyd--twitter-color);
  border-top: 5px solid var(--gyd--twitter-color);
  border-left: 5px solid var(--gyd--twitter-color);
  border-right: 5px solid var(--gyd--twitter-color);
}
.share-box ul li.twitter a:hover .ttl { border-color: var(--gyd--twitter-color-hover); }
.share-box ul li .icon-twitter {
  background: var(--gyd--twitter-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--twitter-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--twitter-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--twitter-color-shadow);
}
.share-box ul li.twitter a:hover .icon-twitter { background: var(--gyd--twitter-color-hover); }

/* Facebook */
.share-box ul li.facebook a .ttl {
  color: var(--gyd--facebook-color);
  border-top: 5px solid var(--gyd--facebook-color);
  border-left: 5px solid var(--gyd--facebook-color);
  border-right: 5px solid var(--gyd--facebook-color);
}
.share-box ul li.facebook a:hover .ttl { border-color: var(--gyd--facebook-color-hover); }
.share-box ul li .icon-facebook {
  background: var(--gyd--facebook-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--facebook-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--facebook-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--facebook-color-shadow);
}
.share-box ul li.facebook a:hover .icon-facebook { background: var(--gyd--facebook-color-hover); }

/* Google+ */
.share-box ul li.googleplus a .ttl {
  color: var(--gyd--googleplus-color);
  border-top: 5px solid var(--gyd--googleplus-color);
  border-left: 5px solid var(--gyd--googleplus-color);
  border-right: 5px solid var(--gyd--googleplus-color);
}
.share-box ul li.googleplus a:hover .ttl { border-color: var(--gyd--googleplus-color-hover); }
.share-box ul li .icon-googleplus {
  background: var(--gyd--googleplus-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--googleplus-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--googleplus-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--googleplus-color-shadow);
}
.share-box ul li.googleplus a:hover .icon-googleplus { background: var(--gyd--googleplus-color-hover); }

/* Hatena */
.share-box ul li.hatebu a .ttl {
  color: var(--gyd--hatebu-color);
  border-top: 5px solid var(--gyd--hatebu-color);
  border-left: 5px solid var(--gyd--hatebu-color);
  border-right: 5px solid var(--gyd--hatebu-color);
}
.share-box ul li.hatebu a:hover .ttl { border-color: var(--gyd--hatebu-color-hover); }
.share-box ul li .icon-hatebu {
  background: var(--gyd--hatebu-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--hatebu-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--hatebu-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--hatebu-color-shadow);
}
.share-box ul li.hatebu a:hover .icon-hatebu { background: var(--gyd--hatebu-color-hover); }

/* Pocket */
.share-box ul li.pocket a .ttl {
  color: var(--gyd--pocket-color);
  border-top: 5px solid var(--gyd--pocket-color);
  border-left: 5px solid var(--gyd--pocket-color);
  border-right: 5px solid var(--gyd--pocket-color);
}
.share-box ul li.pocket a:hover .ttl { border-color: var(--gyd--pocket-color-hover); }
.share-box ul li .icon-pocket {
  background: var(--gyd--pocket-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--pocket-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--pocket-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--pocket-color-shadow);
}
.share-box ul li.pocket a:hover .icon-pocket { background: var(--gyd--pocket-color-hover); }

/* Feedly */
.share-box ul li.feedly a .ttl {
  color: var(--gyd--feedly-color);
  border-top: 5px solid var(--gyd--feedly-color);
  border-left: 5px solid var(--gyd--feedly-color);
  border-right: 5px solid var(--gyd--feedly-color);
}
.share-box ul li.feedly a:hover .ttl { border-color: var(--gyd--feedly-color-hover); }
.share-box ul li .icon-feedly {
  background: var(--gyd--feedly-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--feedly-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--feedly-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--feedly-color-shadow);
}
.share-box ul li.feedly a:hover .icon-feedly { background: var(--gyd--feedly-color-hover); }

/* Pinterest */
.share-box ul li.pinterest a .ttl {
  color: var(--gyd--pinterest-color);
  border-top: 5px solid var(--gyd--pinterest-color);
  border-left: 5px solid var(--gyd--pinterest-color);
  border-right: 5px solid var(--gyd--pinterest-color);
}
.share-box ul li.pinterest a:hover .ttl { border-color: var(--gyd--pinterest-color-hover); }
.share-box ul li .icon-pinterest {
  background: var(--gyd--pinterest-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--pinterest-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--pinterest-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--pinterest-color-shadow);
}
.share-box ul li.pinterest a:hover .icon-pinterest { background: var(--gyd--pinterest-color-hover); }

/* RSS */
.share-box ul li.rss a .ttl {
  color: var(--gyd--rss-color);
  border-top: 5px solid var(--gyd--rss-color);
  border-left: 5px solid var(--gyd--rss-color);
  border-right: 5px solid var(--gyd--rss-color);
}
.share-box ul li.rss a:hover .ttl { border-color: var(--gyd--rss-color-hover); }
.share-box ul li .icon-rss {
  background: var(--gyd--rss-color);
  -webkit-box-shadow: 0 3px 0 var(--gyd--rss-color-shadow);
  -moz-box-shadow: 0 3px 0 var(--gyd--rss-color-shadow);
  box-shadow: 0 3px 0 var(--gyd--rss-color-shadow);
}
.share-box ul li.rss a:hover .icon-rss { background: var(--gyd--rss-color-hover); }


/*
プッシュ型
-------------------------------------------------- */
.share-push { 
  margin: 0 auto; clear: both;
  -webkit-animation: fade 3s linear 0s; -moz-animation: fade 3s linear 0s;
  -o-animation: fade 3s linear 0s; animation: fade 3s linear 0s;
}
.share-push ul.push { display: block; margin: 0; padding: 0; list-style: none; }
.share-push ul.push li { display: inline-block; width: 48%; border: none; margin: 2% 0 2% 2%; padding: 0; }
.share-push ul.push li:first-child { margin-left: 0 !important; }
.share-push ul.push li:nth-child(2n+1) { margin-left: 0; }
.share-push ul.push li a { 
  display: flex; flex-wrap: wrap; justify-content: space-evenly; position: relative;
  width: 100%; padding: 5px; box-sizing: border-box; overflow: hidden; font-size: 14px; text-decoration: none;
  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
  -webkit-background-clip: padding-box; -moz-background-clip: padding; background-clip: padding-box;
}
.share-push ul.push li a:hover { top: 2px; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.share-push ul.push li a .ttl { 
  display: block; width: 65%; padding: 0; text-align: center; box-sizing: border-box; overflow: hidden; vertical-align: middle; color: #fff;
  -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;
}
.share-push ul.push li i {
  display: block; width: 35%; text-align: center; box-sizing: border-box; order: 1;
  padding: 0; line-height: 20px; color: #fff !important; font-size: 20px; overflow: hidden;
  -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;  
}

@media only screen and (min-width: 480px) {
  .share-push ul.push li { width: 22.8%; }
  .share-push ul.push li:nth-child(2n+1) { margin-left: 2%; }
  .share-push ul.push li:nth-child(4n+1) { margin-left: 0; }
}
@media only screen and (min-width: 960px) {
  .share-push ul.push li { width: 10.3%; }
  .share-push ul.push li:nth-child(4n+1) { margin-left: 2%; }
  
}

/* Twitter */
.share-push ul.push li.twitter a {
  background: var(--gyd--twitter-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--twitter-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--twitter-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--twitter-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--twitter-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--twitter-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--twitter-color-shadow2) inset;
}
.share-push ul.push li.twitter a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--twitter-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--twitter-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--twitter-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--twitter-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--twitter-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--twitter-color-shadow2) inset;
}
.share-push ul.push li.twitter a .ttl {
  border-right: 1px solid var(--gyd--twitter-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--twitter-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--twitter-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--twitter-color-shadow3);
}

/* Facebook */
.share-push ul.push li.facebook a {
  background: var(--gyd--facebook-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--facebook-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--facebook-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--facebook-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--facebook-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--facebook-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--facebook-color-shadow2) inset;
}
.share-push ul.push li.facebook a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--facebook-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--facebook-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--facebook-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--facebook-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--facebook-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--facebook-color-shadow2) inset;
}
.share-push ul.push li.facebook a .ttl {
  border-right: 1px solid var(--gyd--facebook-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--facebook-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--facebook-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--facebook-color-shadow3);
}

/* Google+ */
.share-push ul.push li.googleplus a {
  background: var(--gyd--googleplus-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--googleplus-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--googleplus-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--googleplus-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--googleplus-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--googleplus-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--googleplus-color-shadow2) inset;
}
.share-push ul.push li.googleplus a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--googleplus-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--googleplus-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--googleplus-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--googleplus-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--googleplus-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--googleplus-color-shadow2) inset;
}
.share-push ul.push li.googleplus a .ttl {
  border-right: 1px solid var(--gyd--googleplus-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--googleplus-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--googleplus-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--googleplus-color-shadow3);
}

/* Hatena */
.share-push ul.push li.hatebu a {
  background: var(--gyd--hatebu-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--hatebu-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--hatebu-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--hatebu-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--hatebu-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--hatebu-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--hatebu-color-shadow2) inset;
}
.share-push ul.push li.hatebu a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--hatebu-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--hatebu-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--hatebu-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--hatebu-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--hatebu-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--hatebu-color-shadow2) inset;
}
.share-push ul.push li.hatebu a .ttl {
  border-right: 1px solid var(--gyd--hatebu-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--hatebu-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--hatebu-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--hatebu-color-shadow3);
}

/* Pocket */
.share-push ul.push li.pocket a {
  background: var(--gyd--pocket-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--pocket-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pocket-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--pocket-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pocket-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--pocket-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pocket-color-shadow2) inset;
}
.share-push ul.push li.pocket a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--pocket-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pocket-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--pocket-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pocket-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--pocket-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pocket-color-shadow2) inset;
}
.share-push ul.push li.pocket a .ttl {
  border-right: 1px solid var(--gyd--pocket-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--pocket-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--pocket-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--pocket-color-shadow3);
}

/* Feedly */
.share-push ul.push li.feedly a {
  background: var(--gyd--feedly-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--feedly-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--feedly-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--feedly-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--feedly-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--feedly-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--feedly-color-shadow2) inset;
}
.share-push ul.push li.feedly a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--feedly-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--feedly-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--feedly-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--feedly-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--feedly-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--feedly-color-shadow2) inset;
}
.share-push ul.push li.feedly a .ttl {
  border-right: 1px solid var(--gyd--feedly-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--feedly-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--feedly-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--feedly-color-shadow3);
}

/* Pinterest */
.share-push ul.push li.pinterest a {
  background: var(--gyd--pinterest-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--pinterest-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pinterest-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--pinterest-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pinterest-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--pinterest-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pinterest-color-shadow2) inset;
}
.share-push ul.push li.pinterest a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--pinterest-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pinterest-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--pinterest-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pinterest-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--pinterest-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--pinterest-color-shadow2) inset;
}
.share-push ul.push li.pinterest a .ttl {
  border-right: 1px solid var(--gyd--pinterest-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--pinterest-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--pinterest-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--pinterest-color-shadow3);
}

/* RSS */
.share-push ul.push li.rss a {
  background: var(--gyd--rss-color);
  -webkit-box-shadow: 0 5px 0 var(--gyd--rss-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--rss-color-shadow2) inset;
  -moz-box-shadow: 0 5px 0 var(--gyd--rss-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--rss-color-shadow2) inset;
  box-shadow: 0 5px 0 var(--gyd--rss-color-shadow), 0 10px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--rss-color-shadow2) inset;
}
.share-push ul.push li.rss a:hover {
  -webkit-box-shadow: 0 3px 0 var(--gyd--rss-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--rss-color-shadow2) inset;
  -moz-box-shadow: 0 3px 0 var(--gyd--rss-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--rss-color-shadow2) inset;
  box-shadow: 0 3px 0 var(--gyd--rss-color-shadow), 0 7px 5px -5px rgba(0, 0, 0, 0.8), 0 -1px 0 var(--gyd--rss-color-shadow2) inset;
}
.share-push ul.push li.rss a .ttl {
  border-right: 1px solid var(--gyd--rss-color-hover);
  -webkit-box-shadow: 1px 0 0 var(--gyd--rss-color-shadow3);
  -moz-box-shadow: 1px 0 0 var(--gyd--rss-color-shadow3);
  box-shadow: 1px 0 0 var(--gyd--rss-color-shadow3);
}