.sidemenu-bg{position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;background:rgba(0,0,0,0.4)}.sidemenu-bg.is-hidden{display:none}.sidemenu{position:fixed;top:0;right:0;bottom:0;z-index:100;width:100vw;overflow:hidden;transition:all 0.5s}.sidemenu.is-closed{right:100%}.sidemenu .sidemenu-content{background:white;width:80%;max-width:300px;height:100%;overflow:scroll;-ms-overflow-style:none;scrollbar-width:none}.sidemenu .sidemenu-content::-webkit-scrollbar{display:none}@media only screen and (min-width: 641px){.sidemenu .sidemenu-content{width:300px}}.sidemenu .sidemenu-profile{padding:80px 10% 12px;border-bottom:solid 1px #eee}.sidemenu .sidemenu-profile .sidemenu-profile-detail{display:flex;align-items:center;margin-bottom:20px}.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-left .sidemenu-profile-detail__icon{width:60px;height:60px}.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-right{padding-left:16px}@media only screen and (min-width: 641px){.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-right{padding-left:20px}}.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-right .sidemenu-profile-detail__name{font-size:14px;font-weight:bold;margin-bottom:10px}.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-right .sidemenu-profile-detail__name--blank{font-size:12px}.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-right .sidemenu-profile-detail__btn{display:inline-block;color:white;background:#333;font-size:12px;line-height:1;font-weight:bold;text-decoration:none;padding:8px 12px;border-radius:100px}.sidemenu .sidemenu-profile .sidemenu-profile-detail .sidemenu-profile-detail-right .sidemenu-profile-detail__btn:hover{opacity:0.7}.sidemenu .sidemenu-profile .sidemenu-profile-project{display:flex;justify-content:space-between}.sidemenu .sidemenu-profile .sidemenu-profile-project .sidemenu-profile-project-item{width:30%;text-align:center}.sidemenu .sidemenu-profile .sidemenu-profile-project .sidemenu-profile-project-item .sidemenu-profile-project-item__link{display:inline-block;color:black;text-decoration:none;width:100%;padding:12px 0}.sidemenu .sidemenu-profile .sidemenu-profile-project .sidemenu-profile-project-item .sidemenu-profile-project-item__link:hover{opacity:0.7}.sidemenu .sidemenu-profile .sidemenu-profile-project .sidemenu-profile-project-item .sidemenu-profile-project-item__count{font-size:14px;font-weight:bold;margin-bottom:4px}.sidemenu .sidemenu-profile .sidemenu-profile-project .sidemenu-profile-project-item .sidemenu-profile-project-item__name{font-size:10px}.sidemenu .sidemenu-profile .sidemenu-profile-action{margin-top:12px}.sidemenu .sidemenu-profile .sidemenu-profile-action .sidemenu-profile-action__link{display:block;color:white;font-size:10px;text-align:center;line-height:1;font-weight:bold;text-decoration:none;width:100%;padding:9px 0;border-radius:8px}.sidemenu .sidemenu-profile .sidemenu-profile-action .sidemenu-profile-action__link.login{background:#333}.sidemenu .sidemenu-profile .sidemenu-profile-action .sidemenu-profile-action__link.signup{background:#00CDFF}.sidemenu .sidemenu-profile .sidemenu-profile-action .sidemenu-profile-action__link:hover{opacity:0.7}.sidemenu .sidemenu-navi{padding:20px 10%;margin-bottom:20px}.sidemenu .sidemenu-navi .sidemenu-navi-list .sidemenu-navi-list-item{display:flex}.sidemenu .sidemenu-navi .sidemenu-navi-list .sidemenu-navi-list-item .sidemenu-navi-list-item__link{display:flex;align-items:center;width:100%;color:black;font-size:14px;text-decoration:none;padding:20px 0}.sidemenu .sidemenu-navi .sidemenu-navi-list .sidemenu-navi-list-item .sidemenu-navi-list-item__link:hover{opacity:0.7}.sidemenu .sidemenu-navi .sidemenu-navi-list .sidemenu-navi-list-item .sidemenu-navi-list-item__icon{width:20px;margin-right:12px}.sidemenu .sidemenu-banner{padding:20px 10% 60px}.sidemenu .sidemenu-banner .sidemenu-banner-list .sidemenu-banner-list-item{margin-bottom:20px}.sidemenu .sidemenu-banner .sidemenu-banner-list .sidemenu-banner-list-item .sidemenu-banner-list-item__link{display:inline-block;background:linear-gradient(0deg, #FDFDFD, #FDFDFD);color:#333;font-size:14px;font-weight:bold;text-align:center;text-decoration:none;width:100%;padding:16px 0;border:1px solid #ddd;border-radius:4px}.sidemenu .sidemenu-banner .sidemenu-banner-list .sidemenu-banner-list-item .sidemenu-banner-list-item__link:hover{opacity:0.7}.sidemenu .sidemenu-banner .sidemenu-banner-list .sidemenu-banner-list-item .sidemenu-banner-list-item__link-banner{display:inline-block}.sidemenu .sidemenu-banner .sidemenu-banner-list .sidemenu-banner-list-item .sidemenu-banner-list-item__link-banner:hover{opacity:0.7}.sidemenu .sidemenu-banner .sidemenu-banner-list .sidemenu-banner-list-item .sidemenu-banner-list-item__banner-img{width:100%}