*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0}ul{padding:0;list-style:none}button{font:inherit;cursor:pointer}a{text-decoration:none}table{border-collapse:collapse;width:100%}.app{color:#b2b2b2;background:#212121;min-height:100vh;margin:0;font-family:Hiragino Kaku Gothic ProN,Hiragino Sans,Yu Gothic,Meiryo,sans-serif;font-size:.95rem;line-height:1.6}a{color:#b2b2b2}a:hover{color:#fff}.main{padding:1.5rem 0}.container{width:100%;max-width:1140px;margin:0 auto;padding:0 1rem}.container+.container{margin-top:1rem}.container--narrow{max-width:460px}.nav{background:#353636}.nav__inner{justify-content:space-between;align-items:center;max-width:1140px;margin:0 auto;padding:.75rem 1rem;display:flex}.nav__brand{color:#b2b2b2;font-size:1.1rem;font-weight:700}.nav__logout{margin:0}.nav__logout-button{color:#b2b2b2;background:0 0;border:1px solid gray;border-radius:6px;padding:.35rem .9rem}.nav__logout-button:hover{color:#fff;background:#ffffff14}.card{color:#b2b2b2;background:#1a1a1a;border-radius:6px;margin-bottom:1rem;overflow:hidden}.card__header{text-align:center;border-bottom:1px solid #ffffff0f;padding:1rem}.card__title{color:#fff;font-size:1.4rem}@media (width<=768px){.card__title{font-size:1.2rem}}.card__body{padding:1rem}.button{color:#fff;text-align:center;background:#6c757d;border:1px solid #6c757d;border-radius:6px;padding:.4rem .9rem;font-size:.9rem;line-height:1.4;display:inline-block}.button:hover{filter:brightness(1.08);color:#fff}.button--primary{background:#3490dc;border-color:#3490dc}.button--success{color:#000;background:#38c172;border-color:#38c172}.button--success:hover{color:#000}.button--secondary{background:#6c757d;border-color:#6c757d}.button--danger{background:#e3342f;border-color:#e3342f}.notice{text-align:center;padding:1.5rem 1rem;font-size:1.3rem}.notice--error{color:#ff5b5b}.notice--success{color:#38c172;font-size:1rem}.news__title{color:#fff;margin-bottom:.5rem;font-size:1.3rem}.news__list{margin:0}.news__item{padding:.2rem 0}.nav-menu{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;display:flex}.nav-menu__item{flex:220px;max-width:260px}.nav-menu__button{text-align:center;color:#000;border:1px solid #0000;border-radius:6px;width:100%;padding:.5rem;font-weight:600;display:block}.nav-menu__button--up{background:orange;border-color:orange}.nav-menu__button--down{background:#38c172;border-color:#38c172}.nav-menu__button--rikaku{background:#ff0;border-color:#ff0}.nav-menu__button--active{background:0 0}.nav-menu__button--up.nav-menu__button--active{color:orange}.nav-menu__button--down.nav-menu__button--active{color:#38c172}.nav-menu__button--rikaku.nav-menu__button--active{color:#ff0}.nav-menu__button--disabled{opacity:.55;cursor:not-allowed}.date-search{flex-wrap:wrap;align-items:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.date-search__group{flex-direction:column;display:flex}.date-search__label{margin-bottom:.2rem;font-size:.85rem}.prediction-table-wrap{overflow-x:auto}.prediction-table{color:gold;border:1px solid gray}.prediction-table--up{color:orange}.prediction-table--down{color:#43e98a}.prediction-table--rikaku{color:#ff0}.prediction-table--long{color:gold}.prediction-table__th{color:#b2b2b2;vertical-align:top;white-space:nowrap;background:#212121;border:1px solid gray;padding:.5rem}.prediction-table__th-actions{flex-wrap:wrap;gap:.25rem;margin-top:.4rem;display:flex}.prediction-table__row{border:1px solid gray}.prediction-table__row:nth-child(odd) td{background:#292929}.prediction-table__row--c1 td{color:#0f0}.prediction-table__row--c2 td{color:#f0f}.prediction-table__row--c3 td{color:#0ff}.prediction-table__row--c4 td{color:#fff}.prediction-table__row--c5 td{color:gold}.prediction-table__cell{border:1px solid gray;padding:.4rem .5rem}.prediction-table__search{max-width:170px;margin-top:.4rem}.prediction-table__sort{display:inline-block}@media (width<=768px){.prediction-table{font-size:.8rem}}.legend{padding:.5rem 1rem}.legend__table{width:auto}.legend__head{color:#b2b2b2;background:#212121;border:1px solid gray;padding:.4rem .8rem}.legend__cell{color:#000;text-align:center;border:1px solid gray;padding:.4rem .8rem}.legend__cell--c1{background:#0f0}.legend__cell--c2{background:#f0f}.legend__cell--c3{background:#0ff}.legend__cell--c4{background:#fff}.legend__cell--c5{background:gold}.modal{z-index:1000;background:#0009;padding:3rem 1rem;display:none;position:fixed;inset:0;overflow:auto}.modal--open{justify-content:center;align-items:flex-start;display:flex}.modal__dialog{color:#b2b2b2;background:#1a1a1a;border-radius:6px;width:100%;max-width:640px}.modal__header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem;display:flex}.modal__title{color:#fff;font-size:1.1rem;font-weight:700}.modal__close{color:#b2b2b2;background:0 0;border:0;font-size:1.6rem;line-height:1}.modal__body{padding:1rem}.modal__footer{text-align:center;border-top:1px solid #ffffff14;padding:1rem}.filter{flex-wrap:wrap;gap:.5rem 1rem;display:flex}.filter__option{flex:40%;align-items:center;gap:.4rem;display:flex}.filter__actions{gap:.5rem;margin-top:1rem;display:flex}.cond-filter{color:#fff;align-items:center;gap:1.5rem;margin-bottom:1rem;display:flex}.cond-filter__item{align-items:center;display:flex}.cond-filter__checkbox{margin-right:.5rem;transform:scale(1.5)}.form{max-width:640px}.form--inline{flex-wrap:wrap;align-items:flex-end;gap:1rem;max-width:none;display:flex}.form__group{flex-direction:column;margin-bottom:1rem;display:flex}.form__label{margin-bottom:.3rem;font-weight:600}.form__control{color:#fff;background:#2b2b2b;border:1px solid gray;border-radius:6px;padding:.45rem .6rem}.form__hint{opacity:.8;margin-top:.3rem;font-size:.8rem}.form__error{color:#ff5b5b;background:#e3342f26;border-radius:6px;margin-bottom:1rem;padding:.6rem .8rem}.form__checkboxes{flex-wrap:wrap;gap:.4rem 1rem;display:flex}.form__checkbox{flex:28%;align-items:center;gap:.3rem;display:flex}.form__actions{gap:.5rem;display:flex}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:.5rem;margin-bottom:1rem;display:flex}.toolbar .date-search{margin-bottom:0}.data-table{color:#b2b2b2}.data-table th,.data-table td{white-space:nowrap;border:1px solid gray;padding:.5rem}.data-table th{background:#212121}.data-table tr:nth-child(odd) td{background:#292929}.data-table__actions{align-items:center;gap:.5rem;display:flex}.data-table__actions form{margin:0}.long-actions{margin-bottom:1rem}.pagination-wrap{margin-top:1rem}.pagination{flex-direction:column;align-items:center;gap:.5rem;display:flex}.pagination__info{color:#b2b2b2;margin:0;font-size:.85rem}.pagination__list{flex-wrap:wrap;justify-content:center;gap:.25rem;margin:0;padding:0;list-style:none;display:flex}.pagination__link{color:#b2b2b2;text-align:center;background:#1a1a1a;border:1px solid gray;border-radius:6px;min-width:2.2rem;padding:.35rem .6rem;font-size:.9rem;line-height:1.4;display:inline-block}.pagination a.pagination__link:hover{color:#fff;border-color:#38c172}.pagination__item--active .pagination__link{color:#000;background:#38c172;border-color:#38c172;font-weight:700}.pagination__item--disabled .pagination__link{opacity:.4}.ui-datepicker{color:#b2b2b2;background:#1a1a1a;border:1px solid gray}.ui-datepicker .ui-datepicker-header{color:#fff;background:#353636;border:0}.ui-datepicker .ui-datepicker-title,.ui-datepicker th,.ui-datepicker td a,.ui-datepicker td span{color:#b2b2b2}.ui-datepicker .ui-state-default{color:#b2b2b2;background:#2b2b2b;border:1px solid gray}.ui-datepicker .ui-state-active,.ui-datepicker .ui-state-hover{color:#fff;background:#3490dc}