/* 忍者おまとめボタン */
.ninja_onebutton {
    clear: both;
    /*padding-bottom: 10px;*/
    z-index:10350000 !important;
    /* overflow: auto; */
}

/* clearfix処理 */
.ninja_onebutton:after {
    clear: both !important;
    content: "." !important;
    display: block !important;
    visibility: hidden !important;
    height: 0.1px !important;
}

/* clearfix処理 */
.ninja_onebutton_output:after {
    clear: both !important;
    content: "." !important;
    display: block !important;
    font-size: 0.1em !important;
    height: 0.1px !important;
    line-height: 0 !important;
    visibility: hidden !important;
}

/* IE でも擬似的に子供セレクタ ここで子どもセレクタ用のスタイル */
.ninja_onebutton_output > div {
    text-align:left !important;
    margin: 0;
    padding: 0 5px 5px 0;
    vertical-align: middle;
    line-height: 1em;
}

.ninja_onebutton_output div {
    _text-align:left !important;
    _margin: 0;
    *text-align:left !important;
    *margin: 0;
    _padding: 0 5px 5px 0;
    *padding: 0 5px 5px 0;
}

.ninja_onebutton_output div :not(:target) {
    padding: 0 5px 5px 0¥9; /* IE9 */
}

.ninja_onebutton_output .ninja_button_share {
    padding: 0!important;
}

.ninja_onebutton_output .ninja_omatome_box {padding: 0;z-index:999 !important;}
.ninja_onebutton_output_horizontal div {
    float: left;
}

.ninja_onebutton_output_horizontal * div {
    float: left;
}

.ninja_onebutton_output_horizontal_right > div {
    float: right;
}

.ninja_onebutton_output_vertical_right {
    float: right;
}

/* a img を初期化 */
.ninja_onebutton_output div img {
    margin: 0 !important;
    padding: 0;
    vertical-align: middle;
    border: none;
}

/* ↓ここから各ボタンの調整が必要なものの指定 */
.ninja_onebutton_output .twitter_tweet_count_no_m {width:80px; height: 28px; overflow:hidden;}
.ninja_onebutton_output .twitter_tweet_count_no_l {width:97px; height: 28px; overflow:hidden;}
.ninja_onebutton_output .facebook_like_box_count {width:71px;height:62px;overflow:hidden;}
.ninja_onebutton_output .facebook_like_button_count {width:105px;overflow:hidden;}
.ninja_onebutton_output .mixi_favorite_count_m {width:100px;overflow:hidden;}
.ninja_onebutton_output .google_plusone_s {width:55px;overflow:hidden;}
.ninja_onebutton_output .google_plusone_m {width:65px;overflow:hidden;}
.ninja_onebutton_output .google_plusone_standard {width:75px;overflow:hidden;}
.ninja_onebutton_output .grow_box_count {width:50px;height:60px;overflow:hidden;}
.ninja_onebutton_output .grow_button_count {width:90px;overflow:hidden;}
.ninja_onebutton_output .pocket_count_horizontal iframe {width:96px;overflow:hidden;}
.ninja_onebutton_output .tumblr_post > iframe:not([width]) {width: 0; height: 0;}
.ninja_onebutton_output .tumblr_post > iframe[width] {display: inline-block;}
.ninja_onebutton_output .tumblr_post_blue_side_count iframe {width:85px;}
.ninja_onebutton_output .tumblr_post_white_side_count iframe {width:85px;}
.ninja_onebutton_output .tumblr_post_black_side_count iframe {width:85px;}
.ninja_onebutton_output .tumblr_follow iframe.btn {width:75px;}
/* ↓以下LineボタンはIEで他のcssでwidth heightをautoに指定されていると元の大きい画像サイズに表示されるので強制調整 */
.ninja_onebutton_output .line_ninja_20x20 img {width:20px !important;height:20px !important;}
.ninja_onebutton_output .line_ninja_30x30 img {width:30px !important;height:30px !important;}
.ninja_onebutton_output .line_ninja_36x60 img {width:36px !important;height:60px !important;}
.ninja_onebutton_output .line_ninja_40x40 img {width:40px !important;height:40px !important;}
.ninja_onebutton_output .line_ninja_86x20 img {width:84px !important;height:20px !important;}
.ninja_onebutton_output .twitter_tweet_box_count {padding-top: 41px;}

.ninja_omatome_media li {
    text-align:left !important;
    margin: 0 !important;
    padding: 0 !important;
    float:left !important;
    width:170px !important;
    width: 168px¥9 !important; /* IE8 and below */
    *width: 168px !important; /* IE7 and below */
    _width: 168px !important; /* IE6 */
}
.ninja_omatome_media li:not(:target) {
    width: 168px¥9; /* IE9 */
}
.ninja_omatome_media li:hover {background-color:#eee;}
.ninja_omatome_media li a {
    display:block;
    line-height:1.3em;
    color: #0038BB;
    background-color:#fff;
    text-align:left;
    min-height: 16px;
    height: auto !important;
    height: 16px;
}
.ninja_omatome_media li a:hover {
    background-color:#eee;
    color: #0038BB;
}

.ninja_omatome_media li a span {
    color: #0038BB;
}

.ninja_omatome_share {
    clear:both;
    float:none;
    font-size:12px;
    font-weight:normal;
    padding:4px 5px;
    background-color:#eee;
    border-bottom:solid 2px #CCC;
    margin:0;
    outline:solid 2px #FFF;
    color: #333;
}

.ninja_omatome_box {
    overflow:hidden;
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    border:solid 2px #CCC;
    width:340px;
    overflow: hidden;
    font-size:12px;
    line-height: 1;
    text-align:left !important;
    z-index:10350001 !important;
}

.ninja_omatome_box ul,
.ninja_omatome_box li,
.ninja_omatome_box div,
.ninja_omatome_box span,
.ninja_omatome_box a,
.ninja_omatome_box iframe{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    list-style: none;
    text-decoration:none;
    text-align:left !important;
}

.ninja_omatome_box p.ninja_omatome_share {
    padding:4px 5px;
    background-color:#eee;
    border-bottom:solid 2px #CCC;
    margin:0;
    outline:solid 2px #FFF;
    line-height: 100% !important;
}

.ninja_omatome_box ul.ninja_omatome_media {
    margin: 0 !important;
    padding: 0 !important;
}

/* 忍者おまとめボタン内 アイコン CSSスプライト */
.ninja_omatome_box a{
   background: url('/images/omatome_sprite.png') no-repeat top left;
   padding:7px 5px 5px 30px!important;
   font-size:12px!important;
}

.ninja_omatome_box .sprite-buzzurl_16 { background-position: 8px 9px; }
.ninja_omatome_box .sprite-delicious_16 { background-position: 8px -56px; }
.ninja_omatome_box .sprite-evernote_16 { background-position: 8px -122px; }
.ninja_omatome_box .sprite-facebook_16 { background-position: 8px -188px; }
.ninja_omatome_box .sprite-google_16 { background-position: 8px -254px; }
.ninja_omatome_box .sprite-google_plus_16 { background-position: 8px -287px; }
.ninja_omatome_box .sprite-google_reader_16 { background-position: 8px -320px; }
.ninja_omatome_box .sprite-gree_logo_16 { background-position: 8px -386px; }
.ninja_omatome_box .sprite-hatena_16 { background-position: 8px -452px; }
.ninja_omatome_box .sprite-livedoor_clip_16_white { background-position: 8px -518px; }
.ninja_omatome_box .sprite-livedoor_reader_16 { background-position: 8px -584px; }
.ninja_omatome_box .sprite-mixi_16 { background-position: 8px -650px; }
.ninja_omatome_box .sprite-my_yahoo_16 { background-position: 8px -718px; }
.ninja_omatome_box .sprite-tumblr_16 { background-position: 8px -782px; }
.ninja_omatome_box .sprite-twitter_16 { background-position: 8px -848px; }
.ninja_omatome_box .sprite-ybm_16 { background-position: 8px -914px; }
.ninja_omatome_box .sprite-instapaper_16 { background-position: 8px -23px; }
.ninja_omatome_box .sprite-pocket_16 { background-position: 8px -89px; }
.ninja_omatome_box .sprite-readitlater_16 { background-position: 8px -155px; }
.ninja_omatome_box .sprite-pinterest_16 { background-position: 8px -222px; }
.ninja_omatome_box .sprite-mailto_16 { background-position: 8px -419px;}
.ninja_omatome_box .sprite-rss_16 { background-position: 8px -352px;}
.ninja_omatome_box .sprite-favorite_16 { background-position: 8px -485px;}
.ninja_omatome_box .sprite-ninja_16 { background-position: 0px -944px; }
.ninja_omatome_box .sprite-ninja_16 { background-position: 0px -944px\9; }/* IE8 */


/* 忍者おまとめボタン内 フッター */
.ninja_omatome_box .ninja_omatome_box_footer {
    float:none;
    clear:both;
    display:block;
    overflow: hidden;
    background-color:#0d0015;
    color:#ccc;
    padding: 5px 10px 6px 8px;
    *padding:3px 10px 3px 8px; /* IE7 and below */
    bottom: 0px;
    position: absolute;
    vertical-align: bottom;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.ninja_omatome_box .ninja_omatome_box_footer a.sprite-ninja_16 {
    padding: 2px 0 1px 20px!important;
    float: left;
}

.ninja_omatome_box .omatome_login {
    background-image:none;
    float:right;
    padding: 0!important;
}

.ninja_omatome_box .ninja_omatome_box_footer span,
.ninja_omatome_box_footer a {
    color:#ccc;
    font-size:11px!important;
}

.ninja_omatome_box .ninja_omatome_box_footer a:hover span,
.ninja_omatome_box_footer a:hover {
    color:#eee;
}

.ninja_omatome_box .omatome_login {
    padding-top: 2px!important;
}

div.omt_android_overlay {
    border: 0;
    margin: 0;
    padding: 0;
    opacity: 0;
    position: absolute;
}


/* -------------------------------------- */

/*********** オリジナルボタン ************/
@font-face {
    font-family: 'omatome_ico';
    src:url('omatome_icofont.eot');
    src:url('omatome_icofont.eot?#iefix') format('embedded-opentype'),
        url('omatome_icofont.woff') format('woff'),
        url('omatome_icofont.ttf') format('truetype'),
        url('omatome_icofont.svg#omatome_ico') format('svg');
    font-weight: normal;
    font-style: normal;
}

.original-preview {
    margin:auto;
}

.original-preview > div {
    display: inline-block !important;
    height: 140px;
    margin-top: 80px;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button,
.ninja_onebutton_output .wrap-omatome-vertical-button {
    display: inline-block;
    font-size: 12px;
    cursor: pointer;
}

.ninja_onebutton_output :not(.twitter_tweet_original_vertical):not(.twitter_tweet_original_count):not(.hatena_original_count):not(.hatena_original_vertical) .wrap-omatome-icnfont-button:hover,
.ninja_onebutton_output :not(.twitter_tweet_original_vertical):not(.twitter_tweet_original_count):not(.hatena_original_count):not(.hatena_original_vertical) .wrap-omatome-vertical-button:hover {
    opacity: .75;
}
.ninja_onebutton_output [class*='hatena_original_'] .omatome-icnfont-button:hover,
.ninja_onebutton_output [class*='hatena_original_'] .wrap-omatome-icnfont-button .count:hover,
.ninja_onebutton_output [class*='twitter_tweet_original_'] .omatome-icnfont-button:hover,
.ninja_onebutton_output [class*='twitter_tweet_original_'] .wrap-omatome-icnfont-button .count:hover {
    opacity: .75;
}

.ninja_onebutton_output .omatome-icnfont-button,
.ninja_onebutton_output .omatome-vertical-button {
    background-color: #ddd; /* ボタン背景カラー */
    border: solid 1px #bbb; /* ボタン背景ボーダーカラー */
    border-radius: 3px; /* 角丸 */
}

.ninja_onebutton_output .wrap-omatome-icnfont-button .omatome-icnfont-button,
.ninja_onebutton_output .wrap-omatome-vertical-button .omatome-vertical-button {
    display: inline-block;
    vertical-align: bottom;
    overflow: hidden;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button .count,
.ninja_onebutton_output .wrap-omatome-vertical-button .count {
    display: inline-block;
    vertical-align: top;
}


/* 吹き出しカウント 横 */
.ninja_onebutton_output .wrap-omatome-icnfont-button .count,
.ninja_onebutton_output .wrap-omatome-vertical-button .count {
    position: relative;
    margin-left: 7px;
    padding: 2px 5px 3px;
    background-color: white;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-size: 10px;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button .count .balloon-left-back{
    content: '';
    position: absolute;
    border-top: 4px solid transparent;
    border-right-width: 5px;
    border-right-style: solid;
    border-bottom: 4px solid transparent;
    bottom: 5px;
    left: -5px;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button .count .balloon-left-front{
    content: '';
    position: absolute;
    border-top: 4px solid transparent;
    border-right-width: 5px;
    border-right-style: solid;
    border-right-color: inherit;
    border-bottom: 4px solid transparent;
    bottom: 5px;
    left: -6px;
}

/* アイコンフォント初期設定 */
.ninja_onebutton_output .omatome-icnfont {
    display: inline-block;
    padding: 2px 8px;
    font-family: 'omatome_ico';
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

/* アイコンフォント */
.ninja_onebutton_output .omatome-icn-facebook:before {
    content: "\e000";
}
.ninja_onebutton_output .omatome-icn-twitter:before {
    content: "\e001";
}
.ninja_onebutton_output .omatome-icn-google:before {
    content: "\e002";
}
.ninja_onebutton_output .omatome-icn-mixi:before {
    content: "\e003";
}
.ninja_onebutton_output .omatome-icn-hatena:before {
    content: "\e004";
}

.ninja_onebutton_output .wrap-omatome-icnfont-button .text {
    font-size: 11px;
    font-weight: bold;
    padding-left: 5px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .3);
    color: #444; /* テキストカラー */
}

/* アイコンフォントカラー */
.ninja_onebutton_output .omatome-icnfont:before {
    /* color: green; */
    font-size: 14px;
}

/* グラデーション */
.ninja_onebutton_output .wrap-omatome-icnfont-button .gradient {
    display: inline-block;
    border-radius: 3px;
    /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjYiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top,  rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.6)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(top,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to bottom,  rgba(255,255,255,0.6) 0%,rgba(255,255,255,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99ffffff', endColorstr='#00ffffff',GradientType=0 );
}


/* 吹き出しボタン 縦 */
.ninja_onebutton_output .wrap-omatome-icnfont-button.vertical,
.ninja_onebutton_output .wrap-omatome-vertical-button.vertical {
    text-align: center;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button.vertical .count,
.ninja_onebutton_output .wrap-omatome-vertical-button.vertical .count {
    display: block;
    margin: 0 auto 7px auto;
    text-align: center;
    font-size: 14px;
    height: 27px;
    line-height: 27px;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button.vertical .count .balloon-bottom-back,
.ninja_onebutton_output .wrap-omatome-vertical-button.vertical .count .balloon-bottom-back {
    content: '';
    position: absolute;
    border-top: 6px solid white; /*背景色*/
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -5px;
    left: 44%;
}

.ninja_onebutton_output .wrap-omatome-icnfont-button.vertical .count .balloon-bottom-front,
.ninja_onebutton_output .wrap-omatome-vertical-button.vertical .count .balloon-bottom-front {
    content: '';
    position: absolute;
    border-top: 6px solid #999; /*ボーダー色*/
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    bottom: -6px;
    left: 44%;
}

/* アイコンだけボタン */
/* 小 */
.ninja_onebutton_output .wrap-omatome-icnfont-button.icon.small .omatome-icnfont:before {
    font-size: 14px;
}
.ninja_onebutton_output .wrap-omatome-icnfont-button.icon.small .omatome-icnfont {
    padding: 5px;
}
/* 中 */
.ninja_onebutton_output .wrap-omatome-icnfont-button.icon.medium .omatome-icnfont:before {
    font-size: 20px;
}
.ninja_onebutton_output .wrap-omatome-icnfont-button.icon.medium .omatome-icnfont {
    padding: 10px;
}
/* 大 */
.ninja_onebutton_output .wrap-omatome-icnfont-button.icon.large .omatome-icnfont:before {
    font-size: 30px;
}
.ninja_onebutton_output .wrap-omatome-icnfont-button.icon.large .omatome-icnfont {
    padding: 15px;
}

/* feedly */

.ninja_onebutton_output .feedly .feedly-btn,
.ninja_onebutton_output .feedly .count {
    display: inline-block;
    vertical-align: bottom;
    font-size: .1em;
}
.ninja_onebutton_output .feedly .feedly-btn:hover {
    cursor: pointer;
    opacity: .8;
}

.ninja_onebutton_output .feedly .count {
    position: relative;
    margin-left: 7px;
    padding: 2px 5px 3px;
    background-color: white;
    border: 1px solid #bbb;
    border-radius: 3px;
    font-size: 12px;
}

.ninja_onebutton_output .feedly .count .balloon-left-back{
    content: '';
    position: absolute;
    border-top: 4px solid transparent;
    border-right: solid 5px white;
    border-bottom: 4px solid transparent;
    bottom: 5px;
    left: -5px;
}

.ninja_onebutton_output .feedly .count .balloon-left-front{
    content: '';
    position: absolute;
    border-top: 4px solid transparent;
    border-right: solid 5px #bbb;
    border-bottom: 4px solid transparent;
    bottom: 5px;
    left: -6px;
}

/* /feedly */


/* responsive */
.ninja_onebutton_output_overlay,
.ninja_onebutton_output_responsive {
  display:table;
  width:100%;
  table-layout:fixed;
  cursor : pointer;
  font-family: "Hiragino Kaku Gothic ProN", Meiryo, Verdana, "游ゴシック", YuGothic, sans-serif;
}

@font-face {
  font-family: 'omatome_icomoon';
  src:url('omatome_icomoon.eot');
  src:url('omatome_icomoon.eot?#iefix') format('embedded-opentype'),
  url('omatome_icomoon.ttf') format('truetype'),
  url('omatome_icomoon.woff') format('woff'),
  url('omatome_icomoon.svg#omatome_icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

.ninja_onebutton_output_overlay [class*="onebtn_overlay_"],
.ninja_onebutton_output_responsive [class*="onebtn_responsive_"] {
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  display: table-cell;
  color: #ffffff;
  position:relative;
  border: none;
}
.ninja_onebutton_output_overlay [class*="onebtn_overlay_sp"] {
  line-height: 3;
}
.ninja_onebutton_output_overlay [class*="onebtn_overlay_"]:before,
.ninja_onebutton_output_responsive [class*="onebtn_responsive_"]:before {
  font-family: 'omatome_icomoon', sans-serif;
}

.ninja_onebutton_output_responsive .onebtn_responsive_small {
  text-align:center !important;
  padding: 6px 0;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large {
  text-align:center !important;
  font-size:20px;
  padding:6px 0 10px 0;
}

.ninja_onebutton_output_responsive .onebtn_responsive_small_left {
  text-align: left;
  padding: 6px 10px;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large_left {
  text-align: left;
  font-size:20px;
  padding:6px 10px 10px 10px;
  margin:0 6px 0 0;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large .share_text {
  display: inline-block;
  font-size:16px;
  padding-left: 6px;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large .share_text_br {
  display: block;
  font-size: 14px;
  padding-top: 5px;
  padding-left: 0;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large .count_responsive,
.ninja_onebutton_output_responsive .onebtn_responsive_large_left .count_responsive {
  display:inline-block;
  position: relative;
  bottom: 2px;
  background: #ffffff;
  color:#333333;
  font-size:10px;
  padding:4px;
  margin-left: 10px;
  filter:alpha(opacity=70);
  -moz-opacity: 0.70;
  opacity: 0.7;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large .count_responsive_br,
.ninja_onebutton_output_responsive .onebtn_responsive_large_left .count_responsive_br {
  position: relative;
  text-align: center;
  display: block;
  font-size : 14px;
  padding: 5px 0 0;
  color : #ffffff;
}
.ninja_onebutton_output_responsive .onebtn_responsive_large .count_responsive:after,
.ninja_onebutton_output_responsive .onebtn_responsive_large_left .count_responsive:after {
  right: 100%;
  top: 50%;
  border: solid transparent;
  content: " " !important;
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
  border-color: rgba(255, 255, 255, 0);
  border-right-color: #ffffff;
  border-width: 4px 6px;
  margin-top: -4px;
}

.ninja_onebutton_output_overlay .evernote,
.ninja_onebutton_output_responsive .evernote {
  background-color: #7ac142;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .facebook,
.ninja_onebutton_output_responsive .facebook {
  background-color: #3b5998;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .feedly,
.ninja_onebutton_output_responsive .feedly {
  background-color: #2bb24c;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .mail,
.ninja_onebutton_output_responsive .mail {
  background-color: #7e7e8a;
  color:#ffffff !important;
  text-decoration:none !important;
}

.ninja_onebutton_output_overlay .google-plus,
.ninja_onebutton_output_responsive .google-plus {
  background-color: #dc4e41;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .line,
.ninja_onebutton_output_responsive .line {
  background: #00c300;
  color: #ffffff !important;
  text-decoration:none !important;
}

.ninja_onebutton_output_overlay .hatena,
.ninja_onebutton_output_responsive .hatena {
  background: #008fde;
  color:#ffffff;
}

.ninja_onebutton_output_overlay .pocket,
.ninja_onebutton_output_responsive .pocket {
  background-color: #d3505a;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .tumblr,
.ninja_onebutton_output_responsive .tumblr {
  background-color: #35465c;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .twitter,
.ninja_onebutton_output_responsive .twitter {
  background-color: #55acee;
  color: #ffffff;
}

.ninja_onebutton_output_overlay .omt_share,
.ninja_onebutton_output_responsive .omt_share {
  background:#e4e4e4;
  color: #333333;
}

/* icon */

.ninja_onebutton_output_overlay [class*='onebtn_overlay'].feedly:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].feedly:before {
  content: "\e600";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].google-plus:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].google-plus:before {
  content: "\e601";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].hatena:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].hatena:before {
  content: "\e602";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].line:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].line:before {
  content: "\e900";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].pocket:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].pocket:before {
  content: "\e604";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].tumblr:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].tumblr:before {
  content: "\e605";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].twitter:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].twitter:before {
  content: "\e606";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].facebook:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].facebook:before {
  content: "\e607";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].mail:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].mail:before {
  content: "\e945";
  vertical-align: middle;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].omt_share:before,
.ninja_onebutton_output_responsive [class*='onebtn_responsive_'].omt_share:before {
  content: "\ea82";
  vertical-align: middle;
}

/* 共有ボタンのマウスオーバー部分 */
.ninja_onebutton_output_responsive .share_close {
  cursor: pointer;
  position: absolute;
  right: 15px;
}
.ninja_onebutton_output_responsive .share_close:before {
  font-family: 'omatome_icomoon', sans-serif;
  content: "\ea0f";
  font-size: 14px;
}
.ninja_omatome_box_footer.ninja_onebutton_output_responsive {
  width: 100%;
  box-sizing: border-box;
}

/* 個別調整 */
.ninja_onebutton_output_responsive .onebtn_responsive_large.line,
.ninja_onebutton_output_responsive .onebtn_responsive_large_left.line {
  font-size: 23px;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large.feedly,
.ninja_onebutton_output_responsive .onebtn_responsive_large_left.feedly {
  font-size: 23px;
}

.ninja_onebutton_output_responsive .onebtn_responsive_large.mail,
.ninja_onebutton_output_responsive .onebtn_responsive_large_left.mail {
  font-size: 21px;
}

/* OverLay */
.ninja_onebutton_output_overlay {
  text-align: center;
  position: fixed;
  left: 0;
  padding: 0;
  z-index: 1;
}
.ninja_onebutton_output_overlay [class*='onebtn_overlay'].show {
  display: table-cell;
  bottom: 0;
}

.ninja_onebutton_output_overlay.bottom.show {
  bottom: 0;
}
.ninja_onebutton_output_overlay.top.show {
  top: 0;
}

div.ninja_onebutton_output_overlay.hide {
  left: -5000px;
  /* iOS9においてfixedのelementをdisplay:noneするとイベント終了時までdisplay:blockされないため */
}
div.ninja_onebutton_output_overlay.show {
  display :table;
}