.indicator
    {
        display:none;
    }
    #but1
    {
background:#e8b83a;
border:1px solid #e8b83a;
padding:18px;
padding-left:35px;
padding-right:35px;
font-size:1.6em;
font-weight:800;
color:white !important;
    }
    #but1:hover
    {
      background:white;
      color:#e8b83a !important;
      border:1px solid #e8b83a;
    }
    #but2
    {
background:white;
border:1px solid white;
padding:18px;
padding-left:35px;
padding-right:35px;
font-size:1.6em;
font-weight:800;
color:#e8b83a;
box-shadow: 1px 1px 3px 1px #e8b83a;
-moz-box-shadow: 1px 1px 3px 1px #e8b83a;
　　-webkit-box-shadow: 1px 1px 3px 1px #e8b83a;
    }
    #but2:hover
    {
      background:#e8b83a;
      color:white;
      border:1px solid #e8b83a;
    }


#sp1
{
  font-weight: 800;
  font-size: 1.6em;
  border-radius: 50px;
  width:16%;
  margin-left:10px;
  background: #f4f4f5;
  padding:20px;
  border-spacing: 10px;
}
#sp2
{
  width:15px;
}


.fadeintop
{
  opacity:0;
transform: translateY(100px);
  max-width:100%;
    transition: transform 1s ease;
}
.fadein
{
  opacity:0;
transform: translateY(100px);
  max-width:100%;
      transition: transform 1s ease;
}


        .hamburger-menu:hover {
          cursor: pointer;
        }
        .hamburger-menu .menu-item {
          background: black;
          display: block;
          height: 3px;
          margin: 0 0 10px;
          transition: all 0.3s ease-in-out;
          width: 40px;
        }
        .hamburger-menu.open .menu-item {
          margin: 0 0 5px;
        }
        .hamburger-menu.open .menu-item:first-child {
          -webkit-transform: rotate(45deg);
                  transform: rotate(45deg);
          -webkit-transform-origin: 10px;
                  transform-origin: 10px;
                  background: white !important;
        }
        .hamburger-menu.open .menu-item:nth-child(2) {
          opacity: 0;
        }
        .hamburger-menu.open .menu-item:nth-child(3) {
          -webkit-transform: rotate(-45deg);
                  transform: rotate(-45deg);
          -webkit-transform-origin: 8px;
                  transform-origin: 8px;
                  background: white !important;
        }
/*****/
/*
.off-menu1 {

        left:90%;
        position:fixed;
        z-index:999;
  display: inline-block;
  text-decoration: none;
  transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  padding: 32px 45px 44px 40px;

}
.off-menu1 span {
  display: block;
  width: 31px;
  height: 3px;
background: linear-gradient(90deg, rgba(229,34,96,1) 0%, rgba(232,184,58,1) 100%);
  margin: 0 0 8px;
  transition: all 0.7s ease-in-out;
  -moz-transition: all 0.7s ease-in-out;
  -webkit-transition: all 0.7s ease-in-out;
  -o-transition: all 0.7s ease-in-out;
}
.off-menu1 span.last-child {
  margin-bottom: 0;
}
.off-menu1.opened span.opened {
 width: 36px;
  margin-left: -5px;
}

.open-menu1 {

        left:90%;
        position:fixed;
        z-index:999;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 32px 45px 44px 40px;

}
.open-menu1 span {
  display: block;
  width: 31px;
  height: 3px;
background: linear-gradient(90deg, rgba(229,34,96,1) 0%, rgba(232,184,58,1) 100%);
  margin: 0 0 8px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
.open-menu1 span.last-child {
  margin-bottom: 0;
}
.open-menu1.opened span.opened {
 width: 36px;
  margin-left: -5px;
}

a.open-menu {

    float: right;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 32px 45px 44px 40px;

}
a.open-menu span {
  display: block;
  width: 31px;
  height: 3px;
background: linear-gradient(90deg, rgba(229,34,96,1) 0%, rgba(232,184,58,1) 100%);
  margin: 0 0 8px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}

a.open-menu {
  float: right;
  display: inline-block;
  text-decoration: none;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  padding: 50px 0px 44px 40px;
}
a.open-menu span {
  display: block;
  width: 31px;
  height: 2px;
  background: #666666;
  margin: 0 0 8px;
  transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -webkit-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
}
a.open-menu span.last-child {
  margin-bottom: 0;
}
a.open-menu.opened span.opened {
  width: 36px;
  margin-left: -5px;
}*/
        </style>
<style>
    @-webkit-keyframes slide-down {
      0% { opacity: 0;  }
    100% { opacity: 1;  }
}
@-moz-keyframes slide-down {
      0% { opacity: 0; }
    100% { opacity: 1; }
}
  /*
    #on
    {
           -webkit-animation: slide-down .5s ease-out;
    -moz-animation: slide-down .5s ease-out;
    }
    #off
    {

    }
.menu-on
    {
        left:90%;
        position:fixed;
        z-index:999;
    }
    .menu-off
    {
        left:90%;
        position:fixed;
        z-index:999;
        display: none;
    }
*/
.menu-back.open
{
  display: block;

  left:0%;
  width:100%;
  transition:all 1s;
  -webkit-transition:all 1s ;
      opacity: 1;
}

.menu-back{
position:fixed;

top:0%;
left:0%;
z-index:997;
width:0%;
height:100%;

background-image:url(./assets/image/menuback.jpg);
background-size:cover;
-webkit-filter: grayscale(100%);
filter: gray;
/*  display: none;*/
transition:all 1s;
-webkit-transition:all 1s;
opacity: 0.1;
left:100%;
}

.menu{
position:fixed;
top:0px;
left:0px;
z-index:998;
width:100%;
height:100%;
  background: transparent;
background:black;
background-size:cover;
transition:all 1s;
-webkit-transition:all 1s;
opacity: 0.7;
}