.menubar{position:absolute;z-index:70;top:146px;right:-303px;transition:right .5s cubic-bezier(.445,.05,.55,.95);font-family:"ヒラギノ角ゴ ProN W3","メイリオ",Meiryo,"MS UI Gothic","Tahoma","Lucida Grande","ヒラギノ丸ゴ Pro W4",sans-serif;}
.menubar.active{right:0;}
.menubar.fixed{position:fixed;}
.menubar-ham{position:absolute;right:100%;display:block;width:42px;height:160px;padding:7px;overflow:hidden;transition:.3s;text-align:center;border:0;border-radius:10px 0 0 10px;background:none;box-shadow:.07px.998px 3.8px.2px hsla(0,0%,49%,.004);box-shadow:.07px.998px 3.8px.2px;cursor:pointer;}
.menubar-ham::before,.menubar-ham::after{position:absolute;z-index:-1;left:0;display:block;width:100%;height:100%;content:"";transition:top .4s linear;}
.menubar-ham::before{top:0;background-image:linear-gradient(180deg,#f574bd 0,#f06eb7 26%,#8297bf 57%,#14bfc7);}.menubar-ham::after{top:-100%;background-image:linear-gradient(180deg,#14bfc7 0,#8297bf 26%,#f06eb7 57%,#f574bd);}.menubar-ham .cls-1{fill:#fff;}
.menubar-icon{display:block;margin-bottom:8px;transition:transform .6s cubic-bezier(.445,.05,.55,.95);line-height:1;}
.active .menubar-icon{transform:rotate(180deg);}
.menubar-ham-text{display:block;width:16px;margin-right:auto;margin-left:auto;}
.menubar-list-wrap{position:relative;}
.menubar-list-wrap::before{content:"";position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;border-radius:0 0 0 4px;box-shadow:.07px.998px 3.8px.2px;}
.menubar-list{display:grid;grid-template-columns:1fr 1fr;max-height:calc(100vh - 150px - 44px - 20px - 10px);min-height:160px;overflow-x:hidden;overflow-y:auto;padding:1px 0 1px 1px;border-radius:0 0 0 4px;font-size:0;width:300px;text-align:left;}
@supports (height:100dvh){
.menubar-list{max-height:calc(100dvh - 150px - 44px - 20px - 10px);}
}
.menubar-list::after,.menubar-list::before{position:absolute;display:block;content:"";border-radius:0 0 0 4px;}
.menubar-list::before{position:absolute;z-index:2;top:0;bottom:0;left:50%;display:block;width:1px;background:linear-gradient(180deg,#fcb5dd 0,#15c0c8);}
.menubar-list::after{z-index:-1;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,#f574bd,#f06eb7 26%,#8297bf 57%,#14bfc7);}
.menubar-item{background-color:#fff;}
.menubar-item:nth-child(2n){position:relative;}
.menubar-item:nth-child(2n):after{position:absolute;right:0;bottom:0;left:-100%;display:block;height:1px;content:"";background:linear-gradient(90deg,#fcb5dd 0,#15c0c8);}
.menubar-item:nth-last-child(2){border-radius:0 0 0 4px;}
.menubar-link{position:relative;z-index:1;display:block;margin-left:1px;padding-left:48px;outline-offset:0;}
.menubar-text{font-size:14px;position:relative;display:block;padding:8.5px 10px 8.5px 0;color:#122342;}
.menubar-number{font-size:14px;position:absolute;top:9px;left:15px;color:#0ba4ae;}
.menubar .menubar-item-active .menubar-number{color:#e189b9;}
.menubar .menubar-item-active .menubar-text{color:#d70778;}
@media (any-hover: hover){
.menubar-ham:hover::before{top:100%;}
.menubar-ham:hover::after{top:0;}
.menubar-link{transition:.3s;}
.menubar-link:hover{text-decoration:none;background:#faabd7;}
.menubar-link:hover .menubar-number,.menubar-link:hover .menubar-text{color:#fff;}
}
@media (max-width:320px){
.menubar{top:121px;right:-252px;}
.menubar-list{width:250px;}
.menubar-text{font-size:12px;}
}
@media (min-width: 740px){
.menubar{top:150px;right:-125px;}
.menubar-ham{width:55px;height:190px;padding:15px;}
.menubar-icon{margin-bottom:10px;}
.menubar-ham-text{width:19px;}
.menubar-list{grid-template-columns:1fr;width:125px;min-height:190px;}
.menubar-list::before{content:none;}
.menubar-item:nth-child(2n)::after{content:none;}
.menubar-item:nth-last-child(2){border-radius:0;}
.menubar-item:last-child{border-radius:0 0 0 4px;}
.menubar-link{display:block;margin-left:0;padding-left:40px;}
.menubar-number{font-size:12px;}
.menubar-text{font-size:13px;}
.menubar-text::after{position:absolute;bottom:0;left:0;display:block;width:100%;height:1px;content:"";background:linear-gradient(90deg,#fcb5dd 0,#15c0c8);}
.menubar-item:last-child .menubar-text::after{content:none;}
}