@charset "utf-8";

@media screen and (max-width: 479.9px) {
  body.fixed .head-box {
    margin-bottom: 35px;
    margin-left: 2px;
  }

  body.fixed .navi {
    width: 98%;
    position: fixed;
    top: 0;
  }
}

@media screen and (min-width: 480px) and (max-width: 649.9px) {
  body.fixed .head-box {
    margin-bottom: 36px;
    margin-left: 2px;
  }

  body.fixed .navi {
    width: 95%;
    position: fixed;
    top: 0px;
  }
}

@media screen and (min-width: 650px) and (max-width: 799.9px) {
  body.fixed .head-box {
    margin-bottom: 40px;
    margin-left: 2px;
  }

  body.fixed .navi {
    width: 98%;
    position: fixed;
    top: 0px;
  }
}

@media screen and (min-width: 800px) {
  body.fixed .head-box {
    margin-bottom: 35px;
    margin-left: 2px;
  }

  body.fixed .navi {
    width: 800px;
    position: fixed;
    top: 0;
  }
}