header {
  position: fixed;
  width: 100%;
  height: 60px;
  top: 0;
  z-index: 9999;
  padding-top: 5px;
  background-color: #fff;
}
#header-margin {
  margin-top: 60px;
  pading-top: -60px;
}
.logo-top {
  width: 120px !important;
}
.nav-top {
  width: 180px !important;
  margin-top: 100px;
  padding-left: 20px;
}
.nav-revive {
  width: 180px !important;
  padding-left: 20px;
}
.nav-active {
  width: 180px !important;
  padding-left: 20px;
}
.nav-fit {
  width: 180px !important;
  padding-left: 20px;
}
.nav-order {
  width: 180px !important;
  padding-left: 20px;
}
.nav-faq {
  width: 180px !important;
  padding-left: 20px;
}

/*バーガーメニュー用CSSはじめ*/
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  padding: 15px 15px 0px 0px;
  vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 25px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒箇所*/
#nav-close {
  display: none;
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*メニューの中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10100;
  width: 90%;
  max-width: 250px;/*最大幅（お好みで調整を）*/
  height: 500px;
  background: #ddd;
  transition: .3s ease-in-out;
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);
}

/*チェックがついたら表示させる*/
#nav-input:checked ~ #nav-close {
  display: block;
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}

.header-logo-menu{
  max-width: 750px;
  margin: auto;
  display: flex;
  display: -moz-flex;
  display: -o-flex;
  display: -webkit-flex;
  display: -ms-flex;
  flex-direction: row;
  -moz-flex-direction: row;
  -o-flex-direction: row;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
}

/*ロゴやサイトタイトルをセンタリング*/
.logo-area{
  text-align:center;
  margin:auto;
}
/*バーガーメニュー用CSSおわり*/

#footer-menu {
  position: fixed;
  width: 100%;
  height: 70px;
  bottom: 0;
  z-index: 10000;
  text-align: right
}
#footer-margin {
  height: 30px;
}
.footer-offer {
  width: 292px !important;
}
.footer-top {
  width: 70px !important;
  margin-right: 20vw;
}

@media screen and (max-width: 768px) {
.footer-top {
  margin-right: 5vw;
}
}