@charset "utf-8";


/* ************************************************ 
*	ボタン設定
* ************************************************ */	



.btn-flat-vertical-border-one {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  border-left: solid 4px #668ad8;
  border-right: solid 4px #668ad8;
  color: #668ad8;
  background: #e1f3ff;
  transition: .4s;
}

.btn-flat-vertical-border-one:hover {
  background: #668ad8;
  color: #FFF;
}


.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #668ad8;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}





.btn-square_g {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #228b22;/*ボタン色*/
  color: #FFF;
  border-bottom: solid 4px #008000;
  border-radius: 3px;
}
.btn-square_g:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}



.btn-flat-vertical-border-two {
  position: relative;
  display: inline-block;
  font-weight: bold;
  padding: 0.5em 1em;
  text-decoration: none;
  border-left: solid 4px #ff7c5c;
  border-right: solid 4px #ff7c5c;
  color: #ff7c5c;
  background: #e1f3ff;
  transition: .4s;
}

.btn-flat-vertical-border-two:hover {
  background: #668ad8;
  color: #FFF;
}