.btn {
  display: inline-block;
  padding: 6px 12px;
  margin-bottom: 5px;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.428571429;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none
}



.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc
}
.btn-default:hover, .btn-default:focus, .btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  color: #333;
  background-color: #ebebeb;
  border-color: #adadad
}
.btn-default:active, .btn-default.active, .open .dropdown-toggle.btn-default {
  background-image: none
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled] .btn-default:hover, .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default[disabled].active, fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc
}
.btn-default .badge {
  color: #fff;
  background-color: #fff
}

.btn-primary {
  color: #fff;
  background-color:#343494;
  border-color: #357ebd
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3276b1;
  border-color: #285e8e
}
.btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
  background-image: none
}
.btn-primary.disabled, .btn-primary[disabled], fieldset[disabled] .btn-primary, .btn-primary.disabled:hover, .btn-primary[disabled]:hover, fieldset[disabled] .btn-primary:hover, .btn-primary.disabled:focus, .btn-primary[disabled]:focus, fieldset[disabled] .btn-primary:focus, .btn-primary.disabled:active, .btn-primary[disabled]:active, fieldset[disabled] .btn-primary:active, .btn-primary.disabled.active, .btn-primary[disabled].active, fieldset[disabled] .btn-primary.active {
  background-color:#343494;
  border-color: #357ebd
}
.btn-primary .badge {
  color:#343494;
  background-color: #fff
}
.btn-warning {
  color: #fff;
  background-color: #f39c12;
  border-color: #f39c12;
}
.btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #F2B45C;
  border-color: #F2B45C;
}
.btn-warning:active, .btn-warning.active, .open .dropdown-toggle.btn-warning {
  background-image: none
}
.btn-warning.disabled, .btn-warning[disabled], fieldset[disabled] .btn-warning, .btn-warning.disabled:hover, .btn-warning[disabled]:hover, fieldset[disabled] .btn-warning:hover, .btn-warning.disabled:focus, .btn-warning[disabled]:focus, fieldset[disabled] .btn-warning:focus, .btn-warning.disabled:active, .btn-warning[disabled]:active, fieldset[disabled] .btn-warning:active, .btn-warning.disabled.active, .btn-warning[disabled].active, fieldset[disabled] .btn-warning.active {
  background-color: #f39c12;
  border-color: #eea236
}
.btn-warning .badge {
  color: #f39c12;
  background-color: #fff
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a
}
.btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #d2322d;
  border-color: #ac2925
}
.btn-danger:active, .btn-danger.active, .open .dropdown-toggle.btn-danger {
  background-image: none
}
.btn-danger.disabled, .btn-danger[disabled], fieldset[disabled] .btn-danger, .btn-danger.disabled:hover, .btn-danger[disabled]:hover, fieldset[disabled] .btn-danger:hover, .btn-danger.disabled:focus, .btn-danger[disabled]:focus, fieldset[disabled] .btn-danger:focus, .btn-danger.disabled:active, .btn-danger[disabled]:active, fieldset[disabled] .btn-danger:active, .btn-danger.disabled.active, .btn-danger[disabled].active, fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c
}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #47a447;
  border-color: #398439
}
.btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {
  background-image: none
}
.btn-success.disabled, .btn-success[disabled], fieldset[disabled] .btn-success, .btn-success.disabled:hover, .btn-success[disabled]:hover, fieldset[disabled] .btn-success:hover, .btn-success.disabled:focus, .btn-success[disabled]:focus, fieldset[disabled] .btn-success:focus, .btn-success.disabled:active, .btn-success[disabled]:active, fieldset[disabled] .btn-success:active, .btn-success.disabled.active, .btn-success[disabled].active, fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da
}
.btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #39b3d7;
  border-color: #269abc
}
.btn-info:active, .btn-info.active, .open .dropdown-toggle.btn-info {
  background-image: none
}
.btn-info.disabled, .btn-info[disabled], fieldset[disabled] .btn-info, .btn-info.disabled:hover, .btn-info[disabled]:hover, fieldset[disabled] .btn-info:hover, .btn-info.disabled:focus, .btn-info[disabled]:focus, fieldset[disabled] .btn-info:focus, .btn-info.disabled:active, .btn-info[disabled]:active, fieldset[disabled] .btn-info:active, .btn-info.disabled.active, .btn-info[disabled].active, fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff
}
.btn-link {
  font-weight: normal;
  color: #428bca;
  cursor: pointer;
  border-radius: 0
}
.btn-link, .btn-link:active, .btn-link[disabled], fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none
}
.btn-link, .btn-link:hover, .btn-link:focus, .btn-link:active {
  border-color: transparent
}
.btn-link:hover, .btn-link:focus {
  color: #2a6496;
  text-decoration: underline;
  background-color: transparent
}
.btn-link[disabled]:hover, fieldset[disabled] .btn-link:hover, .btn-link[disabled]:focus, fieldset[disabled] .btn-link:focus {
  color: #999;
  text-decoration: none
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px
}
.btn-block {
  display: block;
  width: 100%;
  padding-right: 0;
  padding-left: 0
}
.btn-block+.btn-block {
  margin-top: 5px
}
input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
  width: 100%
}


.btn-primaryblue {
  padding: 8px 20px;
  background: #3B5998;
  color: #fff;
  border-radius: 4px;
  border:0px;
  margin-top: 10px;
}

.btn-primaryblue:hover, 
.btn-primaryblue:focus{

  background: #0E11A4;
  color: #fff;
  border-radius: 4px;
  border:0px;
  margin-top: 10px;
} 

#blog .badge, #blog .btn-primary{
  background-color:#8a8aff;
}/*紺に近い青*/

.btn-blue {
    padding: 8px 20px;
    background: #3B5998;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
}

.btn-blue:hover{
  background-color:#5476CE;
}


.btn-gray {
    padding: 8px 20px;
    background: #9AA2B4;
    color: #000;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
}

.btn-gray:hover{
  background-color:#C7C4D7;
}



.btn-green0 {
    padding: 8px 20px;
    background: #039A02;
    color: #fff;
    border-radius: 4px;
    border: none;
    margin-top: 10px;
}













/*ここまでが888サイトのボタン配色*/











/*リベンジサイトのボタン配色*/

.btn-default-op {
  color: #ffffff;
  background-color: #95a5a6;
  border-color: #95a5a6;
}
.btn-default-op:focus,
.btn-default-op.focus {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #566566;
}
.btn-default-op:hover {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-default-op:active,
.btn-default-op.active,
.open > .dropdown-toggle.btn-default-op {
  color: #ffffff;
  background-color: #798d8f;
  border-color: #74898a;
}
.btn-default-op:active:hover,
.btn-default-op.active:hover,
.open > .dropdown-toggle.btn-default-op:hover,
.btn-default-op:active:focus,
.btn-default-op.active:focus,
.open > .dropdown-toggle.btn-default-op:focus,
.btn-default-op:active.focus,
.btn-default-op.active.focus,
.open > .dropdown-toggle.btn-default-op.focus {
  color: #ffffff;
  background-color: #687b7c;
  border-color: #566566;
}
.btn-default-op:active,
.btn-default-op.active,
.open > .dropdown-toggle.btn-default-op {
  background-image: none;
}
.btn-default-op.disabled,
.btn-default-op[disabled],
fieldset[disabled] .btn-default-op,
.btn-default-op.disabled:hover,
.btn-default-op[disabled]:hover,
fieldset[disabled] .btn-default-op:hover,
.btn-default-op.disabled:focus,
.btn-default-op[disabled]:focus,
fieldset[disabled] .btn-default-op:focus,
.btn-default-op.disabled.focus,
.btn-default-op[disabled].focus,
fieldset[disabled] .btn-default-op.focus,
.btn-default-op.disabled:active,
.btn-default-op[disabled]:active,
fieldset[disabled] .btn-default-op:active,
.btn-default-op.disabled.active,
.btn-default-op[disabled].active,
fieldset[disabled] .btn-default-op.active {
  background-color: #95a5a6;
  border-color: #95a5a6;
}
.btn-default-op .badge {
  color: #95a5a6;
  background-color: #ffffff;
}




.btn-primary5-op {
  color: #ffffff;
  background-color: #2c3e50;
  border-color: #2c3e50;
  width:100%;
}


.btn-primary2-op {
   color: #ffffff;
  background-color: #f39c12;
  border-color: #f39c12;
  width:100%;
}


.btn-primary2-1-op {
   color: #f39c12;
  background-color: #ffffff;
  
  width:90%;
}



.btn-primaryred-op {
  color: #ffffff;
  background-color: #AF0E40;
  border-color: #AF0E4; 
  border:none;
  margin-top: 10px;  
}

.btn-primary-op {
  color: #ffffff;
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.btn-primary-op:focus,
.btn-primary-op.focus {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #000000;
}
.btn-primary-op:hover {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #161f29;
}
.btn-primary-op:active,
.btn-primary-op.active,
.open > .dropdown-toggle.btn-primary-op {
  color: #ffffff;
  background-color: #1a242f;
  border-color: #161f29;
}
.btn-primary-op:active:hover,
.btn-primary-op.active:hover,
.open > .dropdown-toggle.btn-primary-op:hover,
.btn-primary-op:active:focus,
.btn-primary-op.active:focus,
.open > .dropdown-toggle.btn-primary-op:focus,
.btn-primary-op:active.focus,
.btn-primary-op.active.focus,
.open > .dropdown-toggle.btn-primary-op.focus {
  color: #ffffff;
  background-color: #0d1318;
  border-color: #000000;
}
.btn-primary-op:active,
.btn-primary-op.active,
.open > .dropdown-toggle.btn-primary-op {
  background-image: none;
}
.btn-primary-op.disabled,
.btn-primary-op[disabled],
fieldset[disabled] .btn-primary-op,
.btn-primary-op.disabled:hover,
.btn-primary-op[disabled]:hover,
fieldset[disabled] .btn-primary-op:hover,
.btn-primary-op.disabled:focus,
.btn-primary-op[disabled]:focus,
fieldset[disabled] .btn-primary-op:focus,
.btn-primary-op.disabled.focus,
.btn-primary-op[disabled].focus,
fieldset[disabled] .btn-primary-op.focus,
.btn-primary-op.disabled:active,
.btn-primary-op[disabled]:active,
fieldset[disabled] .btn-primary-op:active,
.btn-primary-op.disabled.active,
.btn-primary-op[disabled].active,
fieldset[disabled] .btn-primary-op.active {
  background-color: #2c3e50;
  border-color: #2c3e50;
}
.btn-primary-op .badge {
  color: #2c3e50;
  background-color: #ffffff;
}
.btn-success-op {
  color: #ffffff;
  background-color: #18bc9c;
  border-color: #18bc9c;
}
.btn-success-op:focus,
.btn-success-op.focus {
  color: #ffffff;
  background-color: #128f76;
  border-color: #0a4b3e;
}
.btn-success-op:hover {
  color: #ffffff;
  background-color: #128f76;
  border-color: #11866f;
}
.btn-success-op:active,
.btn-success-op.active,
.open > .dropdown-toggle.btn-success-op {
  color: #ffffff;
  background-color: #128f76;
  border-color: #11866f;
}
.btn-success-op:active:hover,
.btn-success-op.active:hover,
.open > .dropdown-toggle.btn-success-op:hover,
.btn-success-op:active:focus,
.btn-success-op.active:focus,
.open > .dropdown-toggle.btn-success-op:focus,
.btn-success-op:active.focus,
.btn-success-op.active.focus,
.open > .dropdown-toggle.btn-success-op.focus {
  color: #ffffff;
  background-color: #0e6f5c;
  border-color: #0a4b3e;
}
.btn-success-op:active,
.btn-success-op.active,
.open > .dropdown-toggle.btn-success-op {
  background-image: none;
}
.btn-success-op.disabled,
.btn-success-op[disabled],
fieldset[disabled] .btn-success-op,
.btn-success-op.disabled:hover,
.btn-success-op[disabled]:hover,
fieldset[disabled] .btn-success-op:hover,
.btn-success-op.disabled:focus,
.btn-success-op[disabled]:focus,
fieldset[disabled] .btn-success-op:focus,
.btn-success-op.disabled.focus,
.btn-success-op[disabled].focus,
fieldset[disabled] .btn-success-op.focus,
.btn-success-op.disabled:active,
.btn-success-op[disabled]:active,
fieldset[disabled] .btn-success-op:active,
.btn-success-op.disabled.active,
.btn-success-op[disabled].active,
fieldset[disabled] .btn-success-op.active {
  background-color: #18bc9c;
  border-color: #18bc9c;
}
.btn-success-op .badge {
  color: #18bc9c;
  background-color: #ffffff;
}
.btn-info-op {
  color: #ffffff;
  background-color: #3498db;
  border-color: #3498db;
}
.btn-info-op:focus,
.btn-info-op.focus {
  color: #ffffff;
  background-color: #217dbb;
  border-color: #16527a;
}
.btn-info-op:hover {
  color: #ffffff;
  background-color: #217dbb;
  border-color: #2077b2;
}
.btn-info-op:active,
.btn-info-op.active,
.open > .dropdown-toggle.btn-info-op {
  color: #ffffff;
  background-color: #217dbb;
  border-color: #2077b2;
}
.btn-info-op:active:hover,
.btn-info-op.active:hover,
.open > .dropdown-toggle.btn-info-op:hover,
.btn-info-op:active:focus,
.btn-info-op.active:focus,
.open > .dropdown-toggle.btn-info-op:focus,
.btn-info-op:active.focus,
.btn-info-op.active.focus,
.open > .dropdown-toggle.btn-info-op.focus {
  color: #ffffff;
  background-color: #1c699d;
  border-color: #16527a;
}
.btn-info-op:active,
.btn-info-op.active,
.open > .dropdown-toggle.btn-info-op {
  background-image: none;
}
.btn-info-op.disabled,
.btn-info-op[disabled],
fieldset[disabled] .btn-info-op,
.btn-info-op.disabled:hover,
.btn-info-op[disabled]:hover,
fieldset[disabled] .btn-info-op:hover,
.btn-info-op.disabled:focus,
.btn-info-op[disabled]:focus,
fieldset[disabled] .btn-info-op:focus,
.btn-info-op.disabled.focus,
.btn-info-op[disabled].focus,
fieldset[disabled] .btn-info-op.focus,
.btn-info-op.disabled:active,
.btn-info-op[disabled]:active,
fieldset[disabled] .btn-info-op:active,
.btn-info-op.disabled.active,
.btn-info-op[disabled].active,
fieldset[disabled] .btn-info-op.active {
  background-color: #3498db;
  border-color: #3498db;
}
.btn-info-op .badge {
  color: #3498db;
  background-color: #ffffff;
}
.btn-warning-op {
  color: #ffffff;
  background-color: #f39c12;
  border-color: #f39c12;
}
.btn-warning-op:focus,
.btn-warning-op.focus {
  color: #ffffff;
  background-color: #c87f0a;
  border-color: #7f5006;
}
.btn-warning-op:hover {
  color: #ffffff;
  background-color: #c87f0a;
  border-color: #be780a;
}
.btn-warning-op:active,
.btn-warning-op.active,
.open > .dropdown-toggle.btn-warning-op {
  color: #ffffff;
  background-color: #c87f0a;
  border-color: #be780a;
}
.btn-warning-op:active:hover,
.btn-warning-op.active:hover,
.open > .dropdown-toggle.btn-warning-op:hover,
.btn-warning-op:active:focus,
.btn-warning-op.active:focus,
.open > .dropdown-toggle.btn-warning-op:focus,
.btn-warning-op:active.focus,
.btn-warning-op.active.focus,
.open > .dropdown-toggle.btn-warning-op.focus {
  color: #ffffff;
  background-color: #a66908;
  border-color: #7f5006;
}
.btn-warning-op:active,
.btn-warning-op.active,
.open > .dropdown-toggle.btn-warning-op {
  background-image: none;
}
.btn-warning-op.disabled,
.btn-warning-op[disabled],
fieldset[disabled] .btn-warning-op,
.btn-warning-op.disabled:hover,
.btn-warning-op[disabled]:hover,
fieldset[disabled] .btn-warning-op:hover,
.btn-warning-op.disabled:focus,
.btn-warning-op[disabled]:focus,
fieldset[disabled] .btn-warning-op:focus,
.btn-warning-op.disabled.focus,
.btn-warning-op[disabled].focus,
fieldset[disabled] .btn-warning-op.focus,
.btn-warning-op.disabled:active,
.btn-warning-op[disabled]:active,
fieldset[disabled] .btn-warning-op:active,
.btn-warning-op.disabled.active,
.btn-warning-op[disabled].active,
fieldset[disabled] .btn-warning-op.active {
  background-color: #f39c12;
  border-color: #f39c12;
}
.btn-warning-op .badge {
  color: #f39c12;
  background-color: #ffffff;
}
.btn-danger-op {
  color: #ffffff;
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.btn-danger-op:focus,
.btn-danger-op.focus {
  color: #ffffff;
  background-color: #d62c1a;
  border-color: #921e12;
}
.btn-danger-op:hover {
  color: #ffffff;
  background-color: #d62c1a;
  border-color: #cd2a19;
}
.btn-danger-op:active,
.btn-danger-op.active,
.open > .dropdown-toggle.btn-danger-op {
  color: #ffffff;
  background-color: #d62c1a;
  border-color: #cd2a19;
}
.btn-danger-op:active:hover,
.btn-danger-op.active:hover,
.open > .dropdown-toggle.btn-danger-op:hover,
.btn-danger-op:active:focus,
.btn-danger-op.active:focus,
.open > .dropdown-toggle.btn-danger-op:focus,
.btn-danger-op:active.focus,
.btn-danger-op.active.focus,
.open > .dropdown-toggle.btn-danger-op.focus {
  color: #ffffff;
  background-color: #b62516;
  border-color: #921e12;
}
.btn-danger-op:active,
.btn-danger-op.active,
.open > .dropdown-toggle.btn-danger-op {
  background-image: none;
}
.btn-danger-op.disabled,
.btn-danger-op[disabled],
fieldset[disabled] .btn-danger-op,
.btn-danger-op.disabled:hover,
.btn-danger-op[disabled]:hover,
fieldset[disabled] .btn-danger-op:hover,
.btn-danger-op.disabled:focus,
.btn-danger-op[disabled]:focus,
fieldset[disabled] .btn-danger-op:focus,
.btn-danger-op.disabled.focus,
.btn-danger-op[disabled].focus,
fieldset[disabled] .btn-danger-op.focus,
.btn-danger-op.disabled:active,
.btn-danger-op[disabled]:active,
fieldset[disabled] .btn-danger-op:active,
.btn-danger-op.disabled.active,
.btn-danger-op[disabled].active,
fieldset[disabled] .btn-danger-op.active {
  background-color: #e74c3c;
  border-color: #e74c3c;
}
.btn-danger-op .badge {
  color: #e74c3c;
  background-color: #ffffff;
}
.btn-link-op {
  color: #18bc9c;
  font-weight: normal;
  border-radius: 0;
}
.btn-link-op,
.btn-link-op:active,
.btn-link-op.active,
.btn-link-op[disabled],
fieldset[disabled] .btn-link-op {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link-op,
.btn-link-op:hover,
.btn-link-op:focus,
.btn-link-op:active {
  border-color: transparent;
}
.btn-link-op:hover,
.btn-link-op:focus {
  color: #18bc9c;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link-op[disabled]:hover,
fieldset[disabled] .btn-link-op:hover,
.btn-link-op[disabled]:focus,
fieldset[disabled] .btn-link-op:focus {
  color: #b4bcc2;
  text-decoration: none;
}

/*ここまでがリベンジサイトのボタン配色*/