@charset "UTF-8";
/*===================================================
基本スタイル
===================================================*/
/*default style（全てのリンクボタンに対して指定）*/
.link-btn {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  color: #fff;
  border: 1px solid #d0d0d0;
  background-color: #fff;
  transition-duration: 0.25s;
}

.link-btn.active, .link-btn.selected, .link-btn:hover {
  background-color: #fff;
}

.link-btn-2 {
  text-align: center;
  font-weight: bold;
  background-color: #fff;
  transition-duration: 0.25s;
}

.link-btn-2.active, .link-btn-2.selected, .link-btn-2:hover {
  background-color: #fff;
}

.link-btn-3 {
  display: block;
  overflow: hidden;
  border-radius: 4px;
  text-align: center;
  font-weight: bold;
  border: 1px solid #dadada;
  background-color: #fff;
  transition-duration: 0.25s;
}

.link-btn-3.active, .link-btn-3.selected, .link-btn-3:hover {
  background-color: #f2f2f2;
}

/*button color*/
.btn-color-1, .btn-color-2, .btn-color-3,
.btn-color-4, .btn-color-5, .btn-color-6,
.btn-color-7, .btn-color-8, .btn-color-9 {
  color: #fff;
}

.btn-color-0 {
  background-color: #fff;
  color:#555;
}

.btn-color-1 {
  background-color: #e8383d;
  border: 1px solid #e8383d;
}

.btn-color-1.active, .btn-color-1.selected, .btn-color-1:hover {
  color: #e8383d;
}

.btn-color-2 {
  background-color: #229973;
  border: 1px solid #229973;
}

.btn-color-2.active, .btn-color-2.selected, .btn-color-2:hover {
  color: #229973;
}

.btn-color-3 {
  background-color: #0085c0;
  border: 1px solid #0085c0;
}

.btn-color-3.active, .btn-color-3.selected, .btn-color-3:hover {
  color: #0085c0;
}

.btn-color-4 {
  background-color: #ed6d35;
  border: 1px solid #ed6d35;
}

.btn-color-4.active, .btn-color-4.selected, .btn-color-4:hover {
  color: #ed6d35;
}

.btn-color-5 {
  background-color: #662d91;
  border: 1px solid #662d91;
}

.btn-color-5.active, .btn-color-5.selected, .btn-color-5:hover {
  color: #662d91;
}

.btn-color-6 {
  background-color: #ff7bac;
  border: 1px solid #ff7bac;
}

.btn-color-6.active, .btn-color-6.selected, .btn-color-6:hover {
  color: #ff7bac;
}

.btn-color-7 {
  background-color: #26499d;
  border: 1px solid #26499d;
}

.btn-color-7.active, .btn-color-7.selected, .btn-color-7:hover {
  color: #26499d;
}

.btn-color-8 {
  background-color: #29abe2;
  border: 1px solid #29abe2;
}

.btn-color-8.active, .btn-color-8.selected, .btn-color-8:hover {
  color: #29abe2;
}

.btn-color-9 {
  background-color: #3b5e66;
  border: 1px solid #3b5e66;
}

.btn-color-9.active, .btn-color-9.selected, .btn-color-9:hover {
  background-color: #3b5e66;
  border: 1px solid #3b5e66;
}

.btn-color-10 {
  background-color: #ed1c24;
  border: 1px solid #ed1c24;
}

.btn-color-10.active, .btn-color-10.selected, .btn-color-10:hover {
  color: #ed1c24;
}