.menu_button {
  cursor:pointer;
 }

.menu_button_bar {
  height: 4px;
  width: 28px;
  background-color:#FF4D63;
  border-radius: 2px;
  margin: 15px auto;
  cursor: pointer;

  transition: 0.1s, top 0.1s;
}

.menu_button_bar::before, .menu_button_bar::after {
  content: "";
  height: 4px;
  width: 28px;
  background-color:#FF4D63;
  border-radius: 2px;
  margin: -10px auto;
  position: absolute;

  transition: 0.1s, top 0.1s;
}

 .menu_button_bar::after {
   margin: 10px auto;
 }


 /*---#gm-wrapperが開いた時のバー--*/

.gm-open{
  background:transparent;
}

.gm-open::before{
  transform: rotate(45deg) translate(8px,8px);
  transition: 0.1s, top 0.1s;
}

.gm-open::after{
  transform: rotate(-45deg) translate(6.2px,-6.2px);
  transition: 0.1s, top 0.1s;
}

#gm-wrapper {
  height: 100%;
  background-color:#fff;
  position: fixed;
  width:100%;
  z-index: 6;
  padding-top: 20px;
  margin-top: 50px;
  box-shadow: 10px 9px 30px#000;

  margin-left:600px;

}

 @media screen and (max-width:640px){
   #gm-wrapper {
     display:none;
   }
 }

#gm_background-shadow {
  height: 100%;
  z-index: 5;
  background: rgba(0, 0, 0, 0.5);
  position: absolute;
  width: 100%;
  border-top: 50px solid #fff;

  display: none;
  opacity:0;
}

.gm-content {
  width: 100%;
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
  padding: 0 140px 0 30px;
  box-sizing: border-box;
}

.gm-content-item {
    width: 50%;
    text-align: center;
    box-sizing: border-box;
}

.gm-content-item a{
  text-decoration: none;
}

.gm-button{
  height: 110px;
  width: 10%;
  display: table-cell;
  vertical-align: middle;
}

.gm-button p{
  font-size: 12px;
  line-height: 110%;
  /*  color:#FF4D63;*/
  color:#161616;
}

.gm-button::before {
  content: "";
  border: 2px solid #FF4D63;
  height: 50px;
  position: absolute;
  width: 50px;
  border-radius: 100px;
  margin: -64px -28px;
  z-index: -1;
  background:#fff;
/*  box-shadow: 1px 3px 10px #dcdcdc;*/
}

.gm-title {
  margin: 0 auto;
  width: 100%;
  padding: 0 10px 40px 10px;
}
.gm-title img{
  width:100%;
  margin: 0 auto;
  display: block;
}

.gm_gotoTop {
    width: 200px;
    text-align: center;
    background-color: #eee;
    padding: 10px 0;
}

.gm_gotoTop a{
    text-decoration: none;
}

.gm-button img {
  position: absolute;
  width: 41px;
  margin: -58px -21px;
}