@charset "UTF-8";



@media screen and (min-width:961px) {

/* ボタン共通設定 */
.btn06{
     position: relative;
    text-decoration: none;
    display: inline-block;
    background: #F55E87;
    color: #fff;
    padding: 12px 40px;
    border-radius: 8px;
    text-align: center;
    outline: none;
    transition: ease .2s;
}
.btn06_mini{
     position: relative;
    text-decoration: none;
    display: inline-block;
    background: #F55E87;
    color: #fff;
    padding: 12px 40px;
    border-radius: 8px;
    text-align: center;
    outline: none;
    transition: ease .2s;
}
.btn06:hover,
.btn06_mini:hover{
  background:#E84C76;
  color:#ffffff;
}


/* 矢印が右に移動 */

.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 11px;
}
  }



@media screen and (max-width:960px) {
.btn06{
     position: relative;
    text-decoration: none;
    display: inline-block;
    background: #F55E87;
    color: #fff;
    padding: 12px 40px;
    border-radius: 8px;
    text-align: center;
    outline: none;
    transition: ease .2s;
}
.btn06_mini{
     position: relative;
    text-decoration: none;
    display: inline-block;
    background: #F55E87;
    color: #fff;
    padding: 12px 0;
    border-radius: 8px;
    text-align: center;
    outline: none;
    transition: ease .2s;
    width:100%;
}
/* 矢印が右に移動 */

.btnarrow1::after{
    content: '';
    /*絶対配置で矢印の位置を決める*/
  position: absolute;
    top:42%;
    right: 13px;
    /*矢印の形状*/
    width: 5px;
    height: 5px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    /*アニメーションの指定*/
    transition: all .3s;
}

/*hoverした際の移動*/
.btnarrow1:hover::after{
    right: 11px;
}
}