@media (min-width:1300px){.side-menu{font-family:YakuHanJP,'Noto Sans JP','rome_num',sans-serif;position:fixed;right:20px;top:0;bottom:0;width:22px;height:100%;display:table;z-index:1}.side-menu nav{display:table-cell;vertical-align:middle}.side-menu li{padding:10px 0;font-size:16px;line-height:20px}.side-menu a{display:block;position:relative;color:#44509F;text-decoration:none;white-space:nowrap;text-align:right;font-size:14px;font-weight:600}.side-menu .active:after{background:#44509F!important}.side-menu a:after{content:"";display:block;width:16px;height:16px;border-radius:50%;border:2px solid #44509F;-webkit-transition:0.2s;transition:0.2s}.active{font-size:17px!important;right:0px!important}.side-menu span{display:block;position:absolute;right:60px;-webkit-transition:0.2s;transition:0.2s;visibility:visible;opacity:.6;-webkit-transform:translate3d(30px,0,0);-ms-transform:translate3d(30px,0,0);-o-transform:translate3d(30px,0,0)}.side-menu .active span{visibility:visible;opacity:1!important;right:35px;-webkit-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0)}}@media (min-width:300px) and (max-width:1300px){.side-menu{list-style:none;margin:0;padding:0;z-index:4;position:relative;text-align:center;background:#44509F;margin-top:-14px}.side-menu{position:fixed;top:0;left:0;width:100%;height:54px;background:#44509F;box-shadow:0 2px 4px rgba(0,0,0,.1);text-align:center}.side-menu nav{width:100%}.side-menu li a{background:#44509F;padding:14px 0;line-height:1.3;font-size:10px}.side-menu nav,.side-menu li{display:inline-block;vertical-align:top;zoom:1;*display:inline}.side-menu ul{width:100%;flex-wrap:wrap;align-content:space-between;display:flex}.side-menu li{margin:0;display:inline-block;width:25%;font-size:12px;letter-spacing:-1px;justify-content:space-around}.side-menu li :not(.active):not(span):hover{background:#5693c7}.side-menu nav{position:relative}.active{position:relative;color:#fff;-webkit-transition:all 0.3s ease;-moz-transition:all 0.3s ease;-o-transition:all 0.3s ease;transition:all 0.3s ease}.side-menu .active,.side-menu .active a{background:#5693c7!important;transition:.3s}.active::after{content:"";position:absolute;top:100%;left:50%;margin-left:-15px;border:15px solid transparent;border-top:15px solid #5693c7;transition:.3s}.active::after:hover{opacity:1}.side-menu a{display:block;line-height:30px;color:#fff;text-decoration:none;padding:0;-webkit-transition:0.2s;transition:0.2s;padding:0}}