.menu-vertical{
    position:sticky;
    left:0px;
    top:0px;
    min-width:70px;
    height:100vh;
    border-right:1px solid #e0e0e0;
    box-shadow:0 0 15px #fafafa;
    /* cursor:pointer; */
    background:#222;
    text-align:center;
    display:none;
}

.menu-vertical-icon img{
    width:44px;
    height:auto;
    margin:10px 0 3px;
}

.menu-vertical-top-button{
    /* min-height:80px; */
    /* line-height:60px; */
    padding:0 0 10px;
    border-bottom:1px solid #111;
    position:relative;
    cursor:pointer;
    font-size:11px;
    word-spacing:-0.5px;
    color:#aaa;
}
.menu-vertical-top-button a{
    color:#aaa;
    /* display:block;
    height:100%;
    background:tomato; */
}
.menu-vertical-top-button::before{
    content:"";
    position:absolute;
    bottom:-2px;
    left:0;
    right:0;
    border-bottom:1px solid #303030;
}
.menu-vertical-top-button:hover{
    text-decoration:underline;
}
/* .xexe::after{
    content:"";
    border-top:1px solid #222;
    position:absolute;
    width:4px;
    right:-3px;
    
    bottom:0;
} */
.buhibuhi{
    /* width:30px; */
    padding:12px 7px;
    /* height:200px; */
    display:none;
    position:absolute;
    top:8px;
    right:-37px;
    writing-mode:vertical-lr;
    background-color:#222;
    border-radius:5px;
    text-align:left;
    font-size:11px;
    color:#bbb;
    letter-spacing:2.3px;
}
.menu-vertical:hover .buhibuhi {
    display:block;
}

/*=================================
頁タイトル。
===============
====================================================*/

.site-title{
    color:#aaa;
    font-size:11px;
    writing-mode:vertical-lr;
    letter-spacing:4.0px;
    height:310px;
    margin:0 auto;
    /* font-family: 'Wallpoet', cursive; */
    /* background-color:skyblue; */
    -webkit-font-kerning: normal;
    font-kerning: normal;
}
.site-title a{
    text-decoration:none;
    color:#fff;
}

/*=================================
大項目 menu-big 開閉ボタン。
===============
====================================================*/

.menu-vertical-bottom {
    width:100%;
    position:absolute;
    bottom:0;
    left:0;
    right:0;
}

.menu-vertical-bottom-button{
    height:60px;
    line-height:60px;
    width:100%;
    border-top:1px solid #111;
    cursor:pointer;
    font-size:11px;
    word-spacing:-0.5px;
    color:#aaa;
    text-align:center;
    position:relative;
}

.menu-vertical-bottom-button::before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    right:0;
    border-top:1px solid #303030;
    z-index:10;
}
.menu-vertical-bottom-button a{
    color:#bbb;
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
}

/*=================================
設定枠。
===============
====================================================*/

.setting{
    width:100%;
    height:600px;
    padding:30px;
    position:fixed;
	top:50%;
	left:50%;
	background-color:tomato;
	transform:translateY(-50%) translateX(-50%);
    background-color:#ffffffee;
    border:1px solid #e0e0e0;
    box-shadow:0 0 3px #fbfbfb;
    border-radius:3px;
    display:none;
}

.setting-title{
    width:100%;
    margin:0 auto 20px;
    font-size:17px;
    text-align:center;
}

.setting-sound{
    width:100%;
    margin:0 auto;
}

.setting-switch{
    display:flex;
    justify-content:space-between;
}

#setting-close{
    cursor:pointer;
}
#setting-run{
    cursor:pointer;
}