/* --------------------------------------------- */
/* ▼モバイルファースト (全環境に共通のデザイン) */
/* --------------------------------------------- */
.btn.full{
	padding: 10px 0;
	width: 100%;
}

.btn {
  /*矢印の基点とするためrelativeを指定*/
  position: relative;
  /*ボタンの形状*/
  text-decoration: none;
  display: inline-block;
  background: #EB71AA ;
  border: 1px solid #EB71AA;
	color: #fff!important;
  padding: 10px 50px 10px 40px;
  border-radius: 25px;
  text-align: center;
  outline: none;
  /*アニメーションの指定*/
  transition: ease .2s;
}
.btn:hover {
  background: #fff;
  color: #EB71AA !important;
}
/* 矢印が右に移動 */
.btn.btnarrow::after {
  content: '\f0da';
  font-family: FontAwesome;
  font-weight: 400;
  position: absolute;
  color: #fff;
  top: 50%;
  right: 15px;
  -ms-transform: translate(0%, -50%);
  -webkit-transform: translate(0%, -50%);
  transform: translate(0%, -50%);
  /*アニメーションの指定*/
  transition: all .3s;
}
/*hoverした際の移動*/
.btn.btnarrow:hover::after {
  right: 11px;
  color: #EB71AA;
}



/* ------------------------------------ */
/* ▼PC用デザインとして付け足すデザイン */
/* ------------------------------------ */
@media all and (min-width: 768px) {}