@charset "UTF-8";
/* CSS Document */

body {
  background-color: #fff;
  margin: 0;
}

.boeder_left {
  position: fixed;
  width: 20px;
  height: 100vh;
  background-color: #16FFC4;
  left: 0px;
  top: 0px;
  z-index: 9999;
}

.boeder_right {
  position: fixed;
  width: 20px;
  height: 100vh;
  background-color: #16FFC4;
  right: 0px;
  bottom: 0px;
  z-index: 9999;
}

.boeder_top {
  position: fixed;
  width: 100vw;
  height: 20px;
  background-color: #16FFC4;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

.boeder_bottom {
  position: fixed;
  width: 100vw;
  height: 20px;
  background-color: #16FFC4;
  bottom: 0px;
  left: 0px;
  z-index: 9999;
}

@media screen and (max-width:480px) {

  /*　画面サイズが480px以下からはここを読み込む　*/
  .boeder_left {
    position: fixed;
    width: 20px;
    height: 100vh;
    background: #16FFC4;
    left: 0px;
    top: 0px;
    z-index: 9999;
  }

  .boeder_right {
    position: fixed;
    width: 20px;
    height: 100vh;
    background-color: #16FFC4;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
  }

  .boeder_top {
    position: fixed;
    width: 100vw;
    height: 20px;
    background-color: #16FFC4;
    top: 0px;
    left: 0px;
    z-index: 9999;
  }

  .boeder_bottom {
    position: fixed;
    width: 100vw;
    height: 20px;
    background-color: #16FFC4;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
  }
}

@media screen and (max-width:320px) {

  /*　画面サイズが320px以下からはここを読み込む　*/
  .boeder_left {
    position: fixed;
    width: 15px;
    height: 100vh;
    background: #16FFC4 top: 0px;
    z-index: 9999;
  }

  .boeder_right {
    position: fixed;
    width: 15px;
    height: 100vh;
    background-color: #16FFC4;
    right: 0px;
    bottom: 0px;
    z-index: 9999;
  }

  .boeder_top {
    position: fixed;
    width: 100vw;
    height: 15px;
    background-color: #16FFC4;
    top: 0px;
    left: 0px;
    z-index: 9999;
  }

  .boeder_bottom {
    position: fixed;
    width: 100vw;
    height: 15px;
    background-color: #16FFC4;
    bottom: 0px;
    left: 0px;
    z-index: 9999;
  }
}

/*  ↓↓↓ここからCSSアニメーション↓↓↓　　*/