/* .area_button{position:relative;}
.area_button .hover_onde{position: absolute;}
.area_button .hover_onde{top:0;z-index: -2;}
.area_button:hover .hover_onde{display: block;transition:0.3s;top:-78px;z-index: -2;} */



.area_button{position:relative;}
.area_button .hover_onde{position: absolute;}
.area_button .hover_onde1_l{top:10px;left: -42px;z-index: -1;}
.area_button .hover_onde2_l{top:10px;left: -3px;z-index: -1;}


/* .area_button:hover .hover_onde{display: block;transition:0.1s;z-index: 1;} */
.area_button:hover .hover_onde1_l{transition:0.1s;left: -53px;z-index: 1;}
.area_button:hover .hover_onde2_l{transition:0.3s;left: -53px;}



.area_button .hover_onde1_c{top:-63px;z-index: -1;}
.area_button .hover_onde2_c{top:0;z-index: -1;}
.area_button:hover .hover_onde1_c{transition:0.1s;top:-78px;z-index: 1;}
.area_button:hover .hover_onde2_c{transition:0.3s;top:-65px;}

.area_button .hover_onde_r{bottom:10px;transform: rotate(0deg);right: 7px; z-index: -1;}
.area_button:hover .hover_onde_r{transition:0.3s;bottom:10px;transform: rotate(30deg);right: -50px;}


@media screen and (max-width: 740px) {
  .area_button .hover_onde1_l { display:none; }
  .area_button .hover_onde2_l{ display:none; }
  .area_button:hover .hover_onde1_l{display:none; }
  .area_button:hover .hover_onde2_l{display:none; }
  .area_button:hover .hover_onde_r{ display:none; }
  .area_button .hover_onde1_c { display:none;}
  .area_button:hover .hover_onde_r{ display:none; }
  .area_button .hover_onde1_c img { display:none;}
  .area_button .hover_onde2_c{display:none;}
  .area_button:hover .hover_onde2_c{display:none;}
    .area_button .hover_onde_r img { display:none;}



}
  /*ボタン*/
  .area_button_contents .area_button_title{
    display:inline-block;

    cursor:pointer;
    position: relative;
    text-decoration: none;
}


/* 矢印伸びる */
/* .area_button_contents .area_button_title::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
    margin: auto;
    width: 20px;
    height: 2px;
    background: #fff;
    transition: .3s;
}
.area_button_contents .area_button_title::after{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 50px;
    margin: auto;
    width: 8px;
    height: 8px;
    border-left: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-135deg);
    transition: .3s;
}
.area_button:hover .area_button_title::before{
    right: 40px;
    width: 30px;
}
.area_button:hover .area_button_title::after{
    right: 40px;
} */
/* 矢印伸びるここまで */





/* .ass_button{transition: 0.3s;}
.ass_button:hover{scale: 1.1;transition: 0.3s;}

.area_button_buy{transition: 0.3s;}
.area_button_buy:hover{scale: 1.1;transition: 0.3s;} */