*,*:before,*:after{box-sizing:border-box}*{margin:0}@media(prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}#root,#__next{isolation:isolate}body{background-color:#dcdcdc;font-family:Roboto,sans-serif;font-size:14px}ul{list-style:none;padding:0}.small-font{font-size:.8rem!important}.container{margin:0 auto;width:1000px}.container h1{font-size:24px}.container h2{margin-bottom:.5rem;padding-bottom:.2rem;font-size:18px;border-bottom:solid 1px gainsboro}.container .title{margin-top:1rem}.container .main{margin-top:1em;padding:1em;background-color:#fff;border-radius:4px}.container .app{display:flex;gap:10px}.container .app .area_left{width:50%}@media screen and (max-width:800px){.container .app .area_left{width:100%}}.container .app .area_right{width:50%}.container .app ul{margin-bottom:1em}.container .app ul li{display:flex;gap:10px;padding:.3rem 0;border-bottom:solid 1px gainsboro}.container .app .area_left ul li.nonactive{background-color:#dcdcdc}.container .app .area_left ul li h3{width:24%;padding-left:.3rem;font-size:14px;white-space:nowrap;overflow:hidden}.container .app .area_left ul li p{width:38%;white-space:nowrap;overflow:hidden}.container .app .area_right details .job{padding:.3rem .5rem;background-color:coral}.container .app .area_right details .job .job_action{display:flex;flex-wrap:wrap;gap:6px}.container .app .area_right details .job .job_action .job_level{width:9%}.container .app .area_right details .job .job_action .action_skill{width:29%;padding:.2rem;border:solid 1px crimson}.container .app .area_right details .job .job_action h4{font-size:12px}.container .list h3{margin:.2rem 0}.container .list .list_detail{margin-bottom:2rem;border-top:solid 1px gainsboro}.container .list .job{padding:.3rem .4rem;border-bottom:solid 1px gainsboro}.container .list .job h4{font-size:24px}.container .list .job .flavor{padding:0 .2rem .3rem}.container .list .job .job_level{margin:.3rem 0;padding:.2rem .7rem;color:#fff;background-color:gray;font-weight:700}.container .list .job .job_action{display:flex;gap:6px}.container .list .job .job_action .skill_header{display:flex;gap:.2rem;justify-content:space-between}.container .list .job .job_action .skill_header>*{margin:.2rem 0;padding:0 .2rem;line-height:1.5rem;font-weight:700}.container .list .job .job_action .skill_header h5{font-size:16px}.container .list .job .job_action .skill_header .status{padding:0 .5rem;color:#fff;background-color:#008b8b;font-size:10px;border-radius:1rem}.container .list .job .job_action .skill_header .price{margin-left:auto}.container .list .job .job_action .action_skill{width:33%;padding:.1rem .4rem;background-color:#dcdcdc;font-size:12px;border-radius:4px}.container .list .job .job_action .action_skill .rule{padding:.2rem;background-color:#fff;border-radius:4px}.container .list .job .job_action .action_skill .rule_dupe>div{display:flex;margin:.3rem 0}.container .list .job .job_action .action_skill .rule_dupe>div>:last-child{width:85%}.container .list .job .job_action .action_skill .rule_dupe .rule_add{width:15%;padding:.2rem;font-size:12px;font-weight:700}.container .list .episode{padding:.3rem .5rem;display:flex;justify-content:space-between;gap:10px;border-bottom:solid 1px gainsboro}.container .list .episode .check{padding:.6rem .4rem .6rem 0}.container .list .episode .check input{accent-color:coral;inline-size:1.5rem;block-size:1.5rem}.container .list .episode .episode_text{margin-right:auto}.container .list .episode .price{padding:.6rem;font-size:1.2em;font-weight:700}.hidden{display:none!important}