html {
  scroll-padding-top:38px;
}
body {
  background-image:url("0-GFX-/leaf2.gif");
  background-attachment:fixed;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  font-size:16px;
}
img {
  max-width:100%;
  height:auto;
}
h1 {
  margin-bottom:0;
}

.Whole {
  margin-top:38px;
}
.NavBarBack {
  margin:-8px -8px 0 -8px;
  width:100%;
  height:38px;
  position:fixed;
  background-color:#FFFFFF;
  box-shadow: 0 1px 9px 1px rgba(0, 32, 0, 0.1);
}
.NavBar {
  position:static;
  max-width:500px;
  margin:auto;
  padding:3px;
}
.NavBarHome {
  float:left;
  max-width:66%;
}
.NavBarSend {
  float:right;
  max-width:30%;
}

.MnuOuter {
  display:flex;
  flex-direction:column;
}
.mnuBox a {
  display:block;
  width:100%;
  max-width:calc(100% - 12px);
  border:1px solid #CC9900;
  border-radius:6px;
  box-shadow: 1px 1px 3px 1px rgba(0, 48, 0, 0.3);
  margin:2px 0 2px 4px;
  text-decoration:none;
}
.mnuGrph {
  margin:3px;
  overflow:hidden;
}
.mnuGrph img {
  width:294px;
  height:50px;
  object-fit:scale-down;
}
.NewFlash {
  margin:-10px 0 0 3px;
}
.ShopPageLogo {
  max-height:140px;
  width:auto;
}
@media only screen and (min-width:630px) {
  .MnuOuter {
    flex-wrap:wrap;
    flex-direction: row;
    justify-content:center;
  }
  .mnuBox a {
    max-width:300px;
    height:200px;
    margin:2px;
  }
  .mnuGrph img {
    height:100px;
  }
}
@media only screen and (min-width:1200px) {
  .MenuPic {
    max-width:80%;
  }
  .ShopPageLogo {
    max-height:none;
  }
}