/*----------------------------------------- TOPに戻るボタン/* パソコン・スマホ共通のCSS */
#PageTopBtn {
  position: fixed;
  /*ボタンの配置場所を固定*/
  bottom: 40px;
  /*下からのボタンの配置場所を指定*/
  right: 10%;
  /*右からのボタンの配置場所を指定*/
}

#PageTopBtn a {
  display: block;
  /*配置の調整*/
  text-decoration: none;
  /*文字の下線を消す*/
  color: #585857;
  /*文字の色*/
  background: #85eb5c;
  /*ボタンの背景色*/
  text-align: center;
  /*文字を中央に配置*/
  border-radius: 50%;
  /*ボタンを丸くする*/
  outline: none;
  /*クリックしたときの黒い枠を消す*/
}

#PageTopBtn a:hover {
  text-decoration: none;
  background: #fdc957;
  /*マウスオーバー時の背景色*/
}

/* スマホで表示する場合のCSS */
#PageTopBtn {
  font-size: 16px;
}

#PageTopBtn a {
  width: 90px;
  height: 90px;
  padding: 36px 0;
}

/* タブレットで表示する場合のCSS */
@media (min-width: 501px) {
  #PageTopBtn {
    bottom: 40px;
    /*下からのボタンの配置場所を指定*/
    right: 5%;
    /*右からのボタンの配置場所を指定*/
  }
  #PageTopBtn a {
    width: 94px;
    height: 94px;
    padding: 36px 0;
  }
}

/* パソコンで表示する場合のCSS */
@media (min-width: 781px) {
  #PageTopBtn {
    bottom: 40px;
    /*下からのボタンの配置場所を指定*/
    right: 5%;
    /*右からのボタンの配置場所を指定*/
  }
  #PageTopBtn a {
    width: 100px;
    /*ボタンの幅*/
    height: 100px;
    /*ボタンの高さ*/
    padding: 40px 0;
    /*文字の配置場所の調整*/
  }
}