@use "../../foundation/import" as f;

/* pagetop
----------------------------------- */
#pagetop {
  position: fixed;
  right: 50px;
  bottom: 50px;
  width: 80px;
  height: 80px;
  background: #FBC933;
  border-radius: 50%;
  opacity: 1;
  a {
    position: relative;
    display: block;
    width: 80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
    &::before {
      position: absolute;
      top: 54%;
      right: 50%;
      display: block;
      width: 25px;
      height: 25px;
      transform: translate(50%,-50%) rotate(45deg);
      border-left: solid 8px #FFF;
      border-top: solid 8px #FFF;
      content: "";
    }
  }
  
  @include f.mq(sp) {
    right: 15px;
    bottom: 30px;
    width: 50px;
    height: 50px;
    a {
      width: 50px;
      height: 50px;
      &::before {
        width: 17px;
        height: 17px;
        border-width: 6px 0 0 6px;
      }
    }
  }
}