@media all and (min-width: 500px) {
    .wrapper {
        display: flex;
        height: 100%;
        background: #E6ECF2;
    }
  }

.column {
    height: 100vh;
    width: 100%;
    
}

.menu {
    background: #F0F8FF;
    background-size: cover;
    width: 32px;
    white-space: nowrap;
    transition: .5s;
  }

/* メニューを開いた時 */
.menu.open-menu {
    width: 200px;
    white-space: nowrap;
}

table.menu_list {
    border: hidden;                 /* 枠線指定 */
    border-collapse:  collapse;
}

.menu_text_hidden{
    visibility:hidden;
    
}

.content {
    background: #E6ECF2;
    background-size: cover;
    width: 100%;
}

/*ハンバーガボタン*/
#hamburger-button {
    display: inline-block;
    width: 30px;
    height: 22px;
    vertical-align: middle;
}
#hamburger-button span, #hamburger-button span:before, #hamburger-button span:after {
    position: absolute;
    height: 3px;/*線の太さ*/
    width: 25px;/*長さ*/
    border-radius: 3px;
    background: #555;
    display: block;
    content: '';
    cursor: pointer;
  }
#hamburger-button span:before {
    bottom: -8px;
}
#hamburger-button span:after {
    bottom: -16px;
}