@charset "utf-8";

/*----- twitter -----*/
.st-button_sns-twitter {
  width: 32px;
  height: 32px;
  background-color: #1da1f2;
  border-radius: 18px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 0;
  cursor: pointer;
}

/*----- facebook -----*/
.st-button_sns-facebook {
  width: 32px;
  height: 32px;
  background-color: #4267b2;
  border-radius: 18px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  cursor: pointer;
}

/*----- はてぶ -----*/
.st-button_sns-hatena {
  width: 32px;
  height: 32px;
  background-color: #00a4de;
  border-radius: 18px;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
}

/*----- ほめる -----*/
.st-button_homeru {
  height: 32px;
  background-color: #fff;
  border: 1px solid #fdae32;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #fdae32;
  font-size: 12px;
  font-weight: bold;
  padding-right: 12px;
  cursor: pointer;
  display: block;
  min-width: 74px;
}

.st-button_homeru::before {
  content: '';
  background-image: url(/img/icon_homeru.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  vertical-align: middle;
  display: inline-block;
}

.st-button_homeru-text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 3px;
}
.st-button_homeru-count {
  margin-left: 4px;
}

.st-button_homeru-clicked {
  color: #fff;
  background-color: #fdae32;
  border: 1px solid #fdae32;
  height: 32px;
  font-size: 12px;
  font-weight: bold;
  padding-right: 8px;
  cursor: pointer;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  cursor: pointer;
  display: block;
}

.st-button_homeru-clicked::before {
  content: '';
  background-image: url(/img/icon_homeru-wh.png);
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}

/*----- もとにしてピコカキコ・お絵カキコ -----*/
.st-button_editPiko
,.st-button_editOrkaki {
  height: 32px;
  background-color: #fff;
  border: 1px solid #fdae32;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #fdae32;
  font-size: 12px;
  font-weight: bold;
  display:-webkit-box;
  display:-ms-flexbox;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  padding: 0 16px;
}

/*----- 掲示板にレスする・プレミアム会員登録 -----*/
.st-button_bbsRes
,.st-button_premium {
  width: 180px;
  height: 40px;
  background-color: #fdae32;
  outline: 0;
  border: 0px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #fff;
  cursor: pointer;
  font-size: 13px;
  text-align: center;
  font-weight: bold;
  line-height: 40px;
}

/*----- htmlエディタの有効と無効を切り替える -----*/
input.st-button_switch-editor {
  width: 284px;
  height: 32px;
  display: block;
  background-image: url(/img/button_switch-editor.png);
  font-size: 0;
  border: none;
  outline: none;
  cursor: pointer;
}

/*----- プレビュー・取り消し -----*/
.st-button_preview,
.st-button_cancel {
  height: 32px;
  background-color: #fff;
  border: 1px solid #fdae32;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #fdae32;
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
  text-align: center;
  cursor: pointer;
  padding: 0 8px;
}

/*----- 投稿内容を確認する・記事名を変更する・書き込む・設定を保存する -----*/
.st-button_editConfirm
,.st-button_articleTitleEdit
,.st-button_post
,.st-button_save
,.st-button_create {
  height: 32px;
  background-color: #fdae32;
  border: 1px solid #fdae32;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #fff;
  font-size: 13px;
  text-align: center;
  cursor: pointer;
  line-height: 30px;
  padding: 0 16px;
}

/*----- ニコニ広告ボタン -----*/
.st-button_nicoad {
  height: 32px;
  background-color: #fff;
  border: 1px solid #fdae32;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  color: #fdae32;
  font-size: 12px;
  font-weight: bold;
  padding-right: 12px;
  cursor: pointer;
  display: block;
  min-width: 74px;
  cursor: pointer;
}

.st-button_nicoad::before {
  content: '';
  background-image: url(/img/icon_nicoad-orenge.png);
  background-repeat: no-repeat;
  background: cover;
  width: 24px;
  height: 24px;
  background-size: cover;
  vertical-align: middle;
  display: inline-block;
}

.st-button_nicoad-text {
  display: inline-block;
  vertical-align: middle;
  padding-left: 3px;
}
.st-button_nicoad-count {
  margin-left: 4px;
}

.st-button_nicoad-campaign {
  padding-right: 12px;
  white-space: pre-wrap;
}
.st-button_nicoad-campaign a {
  position: relative;
  display: block;
  background: #eaeaea;
  font-size: 11px;
  line-height: 1.15;
  padding: 5px 4px;
  height: 32px;
  text-align: center;
  border-radius: 4px;
  box-sizing: border-box;
}
.st-button_nicoad-campaign a:after {
  content: '';
  position: absolute;
  left: -8px;
  top: 8px;
  border-top: 8px solid transparent;
  border-right: 10px solid #eaeaea;
  border-bottom: 8px solid transparent;
}

/*----- タグ編集 -----*/
.st-button_tagEdit {
  width: 72px;
  height: 24px;
  line-height: 24px;
  background-color: #eaeaea;
  border: 1px solid #eaeaea;
  font-weight: 500;
  border-radius: 4px;
  text-align: center;
  color: #4c4c4c;
  font-size: 12px;
  transition: all .2s ease;
  outline:none;
  cursor: pointer;
}

.st-button_tagEdit:hover {
  opacity: 0.8;
}