/*=============================
ボタン
=============================*/
.btn-trigger {
    display: block;
    position: fixed;
    top: 30px;
    right: 30px;
    width: 30px;
    height: 30px;
    transition: all .5s;
    cursor: pointer;
    z-index: 100;
}
.btn-trigger span {
    display: block;
    position: absolute;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: #93adbf;
    border-radius: 2px;
    transition: all .5s;
}
.btn-trigger, .btn-trigger span, .btn-top, .btn-top span {
    display: inline-block;
    transition: all .5s;
    box-sizing: border-box;
}
.btn-trigger span:nth-of-type(1) {
    top: 0px;
}
.btn-trigger span:nth-of-type(2) {
    top: 15px;
}
.btn-trigger span:nth-of-type(3) {
    bottom: 0px;
}

.btn-top {
    display: block;
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 50px;
    height: 50px;
    transition: all .5s;
    cursor: pointer;
    z-index: 100;
    /* background-color: #93adbf; */
    border-radius: 50%;
    line-height: 45px;
    padding-left: 2px;
    border: 2px solid #93adbf;
    box-sizing: content-box;
}

.btn-top span {
    display: block;
    position: absolute;
    left: 20px;
    top: 23px;
    width: 15px;
    height: 2px;
    background-color: #93adbf;
    border-radius: 2px;
    transition: all .5s;
}
.btn-top span:nth-of-type(1){
    right: 0;
    transform: translate(-6px,0px) rotate(-45deg);
}
.btn-top span:nth-of-type(2){
    left: 17px;
    transform: translate(7px,0px) rotate(45deg);
}
/*=============================
.btn-trigger
=============================*/
#btn-hm.open {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
}
#btn-hm.open span:nth-of-type(1),
#btn-hm.open span:nth-of-type(3) {
  width: 20px;
}
#btn-hm.open span:nth-of-type(1) {
  -webkit-transform: translate(-2px,8px) rotate(-45deg);
  transform: translate(-2px,8px) rotate(-45deg);
}
#btn-hm.open span:nth-of-type(3) {
  -webkit-transform: translate(-2px,-6px) rotate(45deg);
  transform: translate(-2px,-6px) rotate(45deg);
}
/*
=========
SPスタイル
========= */
@media screen and (max-width: 768px) {
    .btn-trigger {
        top: 10px;
        right: 10px;
    }
    .btn-top {
        bottom: 10px;
        right: 10px;
    }
}