@charset "utf-8";
/*ボタン01*/
.tenzan_btn_01 {
  color: #FFF!important;
  font-size: 26px;
  background: #2babe2;/*ボタン色*/
  padding: 10px;
  border-bottom: solid 4px #627295;
  display: inline-block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  border-radius: 10px;
}
.tenzan_btn_01:hover {/*カーソルを乗せたとき*/
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

/*ボタン02*/
.tenzan_btn_02 {
  color: #FFF!important;
  font-size: 26px;
  background: #2babe2;/*ボタン色*/
  padding: 10px;
  border-bottom: solid 5px #36528c;
  display: inline-block;
  position: relative;
  text-decoration: none;
  width: 100%;
  text-align: center;
  font-weight: bold;
  border-right: 5px solid #5375bd;
}
.tenzan_btn_02:before {    
  content: " ";
  position: absolute;
  bottom: -5px;
  left: -1px;
  width: 0;
  height: 0;
  border-width: 0 6px 6px 0px;
  border-style: solid;
  border-color: transparent;
  border-bottom-color: #FFF;
}
.tenzan_btn_02:after{   
  content: " ";
  position: absolute;
  top: -1px;
  right: -5px;
  width: 0;
  height: 0;
  border-width: 0px 6px 6px 0px;
  border-style: solid;
  border-color: #FFF;
  border-bottom-color: transparent;
}
.tenzan_btn_02:hover{ /*カーソルを乗せたとき*/
  border:none;
  -ms-transform: translate(6px,6px);
  -webkit-transform: translate(6px,6px);
  transform: translate(6px,6px);
}
.tenzan_btn_02:hover:after,.square_btn:active:before {
  content: none;/*ボタンを押すと線が消える*/
}

/*ボタン03*/
.tenzan_btn_03 {
  color: #FFF!important;
  font-size: 26px;
  background: #fd9535;/*背景色*/
  padding: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  display: inline-block;
  text-decoration: none;
  border-bottom: solid 2px #d27d00;/*少し濃い目の色に*/
  border-radius: 10px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
  font-weight: bold;
}
.tenzan_btn_03:hover { /*カーソルを乗せたとき*/
  border-bottom: solid 2px #fd9535;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*ボタン04*/
.tenzan_btn_04 {
  color: #FFF!important;
  font-size: 26px;
  background: #fd9535;/*色*/
  padding: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  display: inline-block;
  text-decoration: none;
  border-radius: 10px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}
.tenzan_btn_04:hover {/*カーソルを乗せたとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

/*ボタン05*/
.tenzan_btn_05 {
  color: #FFF!important;
  font-size: 26px;
  padding: 10px;
  width: 100%;
  text-align: center;
  display: inline-block;
  position: relative;
  text-decoration: none;
  line-height: 50px;
  border-radius: 5px;
  vertical-align: middle;
  overflow: hidden;
  font-weight: bold;
  background-image: -webkit-linear-gradient(#fed6e3 0%, #ffaaaa 100%);
  background-image: linear-gradient(#fed6e3 0%, #ffaaaa 100%);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.28);
}
.tenzan_btn_05:hover {/*カーソルを乗せたとき*/
  -ms-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  transform: translateY(2px);/*沈むように*/
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.15);
  background-image: -webkit-linear-gradient(#fed6e3 0%, #ffbcbc 100%);
  background-image: linear-gradient(#fed6e3 0%, #ffbcbc 100%);/*グラデーションを明るく*/
}

/*ボタン06*/
.tenzan_btn_06 {
  color: #ff7c5c!important;/*文字色*/
  font-size: 26px;
  display: inline-block;
  background: #f7f7f7;
  padding: 10px;
  width: 100%;
  text-align: center;
  text-decoration: none;
  border-left: solid 6px #ff7c5c;/*左線*/
  font-weight: bold;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
}
.tenzan_btn_06:hover {/*カーソルを乗せたとき*/
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

/*ボタン07*/
.tenzan_btn_07 {/*周りの凹み*/
  display: inline-block;
  position: relative;
  text-decoration: none;
  color: rgba(3, 169, 244, 0.54)!important;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  text-align: center;
  background: #f7f7f7;
  box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.08);
}
.tenzan_btn_07 .fa {/*ボタン自体*/
  position: absolute;
  content: '';
  width: 80px;
  height: 80px;
  line-height: 80px;
  vertical-align: middle; 
  left: 10px;
  top: 9px;
  border-radius: 50%;
  font-size: 40px;
  background-image: -webkit-linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  background-image: linear-gradient(#e8e8e8 0%, #d6d6d6 100%);
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.66);
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #b5b5b5;
  }
.tenzan_btn_07 .fa:hover {/*カーソルを乗せたとき*/
  background-image: -webkit-linear-gradient(#efefef 0%, #d6d6d6 100%);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.5), 0 2px 2px rgba(0, 0, 0, 0.19);
  border-bottom: solid 2px #d8d8d8;
}

/*ボタン08*/
.tenzan_btn_08 {
  color: #00BCD4!important;
  font-size: 26px;
  background: #ECECEC;
  padding: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  transition: .4s;
}
.tenzan_btn_08:hover {
  background: #00bcd4!important;
  color: white!important;
}

/*ボタン09*/
.tenzan_btn_09 {
  color: #67c5ff!important;
  font-size: 26px;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  border: solid 2px #67c5ff;
  border-radius: 10px;
  transition: .4s;
}
.tenzan_btn_09:hover {
  background: #67c5ff;
  color: white!important;
}

/*ボタン10*/
.tenzan_btn_10 {
  color: #FFF!important;
  font-size: 26px;
  background: #00bcd4;
  padding: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  transition: .4s;
}
.tenzan_btn_10:hover {
  background: #1ec7bb;
}

/*ボタン11*/
.tenzan_btn_11 {
  color: #FFF!important;
  font-size: 26px;
  background: #00bcd4;
  padding: 10px;
  width: 100%;
  text-align: center;
  position: relative;
  display: inline-block;
  font-weight: bold;
  text-decoration: none;
  text-shadow: 0 0 5px rgba(255, 255, 255, 0.73);
  border-top: solid 3px #00a3d4;
  border-bottom: solid 3px #00a3d4;
  transition: .4s;
}
.tenzan_btn_11:hover {
  text-shadow: -6px 0px 15px rgba(255, 255, 240, 0.83), 6px 0px 15px rgba(255, 255, 240, 0.83);
}

/*ボタン12*/
.tenzan_btn_12 {
  color: #FFF!important;
  font-size: 26px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  border-radius: 10px;
  background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  border-bottom: solid 3px #5e7fca;
  }
.tenzan_btn_12:hover {
  -ms-transform: translateY(4px);
  -webkit-transform: translateY(4px);
  transform: translateY(4px);
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
  border-bottom: none;
}

/*ボタン13*/
.tenzan_btn_13 {
  color: #FFF!important;
  font-size: 26px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: inline-block;
  text-decoration: none;
  background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 100%);
  background-image: linear-gradient(#6795fd 0%, #67ceff 100%);
  transition: .4s;
}
.tenzan_btn_13:hover {
  background-image: -webkit-linear-gradient(#6795fd 0%, #67ceff 70%);
  background-image: linear-gradient(#6795fd 0%, #67ceff 70%);
}

/*ボタン14*/
.tenzan_btn_14 {
  color: #FFF!important;
  font-size: 26px;
  font-weight: bold;
  width: 100%;
  text-align: center;
  padding: 10px;
  display: inline-block;
  border-radius: 25px;
  text-decoration: none;
  background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  background-image: linear-gradient(45deg, #FFC107 0%, #ff8b5f 100%);
  transition: .4s;
}
.tenzan_btn_14:hover {
  background-image: -webkit-linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
  background-image: linear-gradient(45deg, #FFC107 0%, #f76a35 100%);
}

/*ボタン15*/
.tenzan_btn_15 {
  color: #FFF!important;
  font-size: 18px;
  display: inline-block;
  text-decoration: none;
  background: #87befd;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  transition: .4s;
}
.tenzan_btn_15:hover {
  background: #668ad8;
}

/*ボタン16*/
.tenzan_btn_16 {
  color: #FFF!important;
  font-size: 18px;
  display: inline-block;
  text-decoration: none;
  width: 150px;
  height: 150px;
  line-height: 150px;
  border-radius: 50%;
  text-align: center;
  vertical-align: middle;
  overflow: hidden;
  background-image: -webkit-linear-gradient(45deg, #709dff 0%, #91fdb7 100%);    
  background-image: linear-gradient(45deg, #709dff 0%, #91fdb7 100%);
  transition: .4s;
}
.tenzan_btn_16:hover {
  -webkit-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  transform: rotate(10deg);
}