html,body,main{width:100%}html{height:-webkit-fill-available;height:100%}body{height:100%;min-height:100vh;font-family:"Helvetica Neue",
 Arial,
 "Hiragino Kaku Gothic ProN",
 "Hiragino Sans",
 Meiryo,
 sans-serif}main{height:auto}button{outline:none;cursor:pointer;cursor:hand}button:hover{opacity:.7}button:active{opacity:.7}label{font-weight:bold}ul{list-style:none}a{text-decoration:none}img{width:100%;height:auto;user-drag:none;-webkit-user-drag:none;-moz-user-select:none}@media screen and (max-width: 768px){.pc{display:none !important}}@media screen and (min-width: 769px){.sp{display:none !important}}.red{color:var(--color-ng) !important}.scr_on{overflow-y:auto}.scr_on::-webkit-scrollbar{width:10px;height:10px}.scr_on::-webkit-scrollbar-track{border-radius:5px}.scr_on::-webkit-scrollbar-thumb{border-radius:5px;background:var(--color-select-l)}.humbuger_btn{position:fixed;z-index:10000;top:10px;right:20px;width:50px;height:50px}.humbuger_btn:hover{cursor:hand;cursor:pointer}.humbuger_btn span{width:50px;height:4px;border-radius:2px;background-color:var(--color-parts);position:absolute;transform-origin:center;top:24px;left:0;transition:1s}.humbuger_btn span:nth-of-type(1){transform:translateY(-10px)}.humbuger_btn span:nth-of-type(2){transform:translateY(0)}.humbuger_btn span:nth-of-type(3){transform:translateY(10px)}.humbuger_btn.active span:nth-of-type(1){transform:scale(0.8) translateY(-45px);opacity:0}.humbuger_btn.active span:nth-of-type(2){transform:scale(0.8) translateY(0) rotate(45deg)}.humbuger_btn.active span:nth-of-type(3){transform:scale(0.8) translateY(0) rotate(-45deg)}.pagetop_btn{position:fixed;right:20px;bottom:30px;z-index:990;border:none;width:50px;height:50px;opacity:.6;transition:.3s;border-radius:5px;border:solid 3px var(--color-parts);display:flex;justify-content:center;align-items:center;display:none}.pagetop_btn:after{content:"";position:absolute;width:20px;height:20px;border-top:solid 3px var(--color-parts);border-left:solid 3px var(--color-parts);transform:rotateZ(45deg);display:flex;margin-top:10px}.pagetop_btn:hover{opacity:1}.pagetop_btn.active{display:flex}.modal{position:fixed;z-index:1000;top:0;bottom:0;left:0;right:0;width:100%;height:100%;min-height:100vh;display:none;justify-content:center;align-items:center;background:rgba(0,0,0,0.4)}.modal.active{display:flex}.modal .modal_wrap{display:flex;justify-content:center;align-items:center;flex-direction:column-reverse;width:96%}.modal .modal_box{width:100%;height:auto;min-height:250px;max-height:calc(100vh - 100px);background:#fff;padding:16px;position:relative}.modal_close{align-self:flex-end;padding-bottom:5px;width:auto;height:auto;z-index:1001;display:flex;justify-content:space-between;align-items:center;flex-direction:column;background:transparent;border:none}.modal_close small{font-size:12px;font-weight:bold;color:#fff;line-height:1}.modal_close div{position:relative;display:flex;justify-content:center;align-items:center;transform-origin:center;height:40px}.modal_close div span{position:absolute;width:40px;height:3px;background:#fff}.modal_close div span:first-of-type{transform:rotate(45deg)}.modal_close div span:last-of-type{transform:rotate(-45deg)}.btn{display:flex;justify-content:center;align-items:center;padding:0;background:#fff;border-radius:none}.btn:hover{cursor:pointer}.icon{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto;column-gap:3px;row-gap:3px;justify-items:start;align-items:start;text-align:left}.icon i{grid-column:1 / 2;text-align:left;font-style:normal}.icon span{grid-column:2 / 3;text-align:left}:root{--color-menu: #f1fff1;--color-back: #e9e9ea;--color-select: #91feff;--color-select-d: #81c8c8;--color-select-l: #bce0e0;--memo-text: #333;--color-leef: #9fad3f;--color-inkblue: #004060;--color-caution: #ebc554;--color-red: #dd6470}@font-face{font-family:'go';src:url(./fonts/MS-Gothic-01.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'pgo';src:url(./fonts/MS-PGothic-03.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'min';src:url(./fonts/MS-Mincho-01.ttf) format("truetype");font-weight:normal;font-style:normal}@font-face{font-family:'pmin';src:url(./fonts/MS-PMincho-02.ttf) format("truetype");font-weight:normal;font-style:normal}@media print{@page{}*{-webkit-print-color-adjust:exact}}@media screen, print{main{height:auto;padding:5px}table{border-collapse:collapse}table,tr,th,td{border:none;margin:0}}.ndc_0{background:var(--ndc-0)}.ndc_1{background:var(--ndc-1)}.ndc_2{background:var(--ndc-2)}.ndc_3{background:var(--ndc-3)}.ndc_4{background:var(--ndc-4)}.ndc_5{background:var(--ndc-5)}.ndc_6{background:var(--ndc-6)}.ndc_7{background:var(--ndc-7)}.ndc_8{background:var(--ndc-8)}.ndc_9{background:var(--ndc-9)}.wrapper{position:relative}.menu_box{position:fixed;top:0;left:0;z-index:10;width:250px;height:100vh;overflow:auto;background:var(--color-menu);padding:10px}.menu_box>div{margin-bottom:20px}.menu_box h5{font-size:14px;margin:0 0 10px 0}.menu_btn_box{display:flex;justify-content:flex-start;width:100%;margin-bottom:20px}.menu_btn_box button{width:100%;height:50px;font-size:16px;font-weight:bold;display:flex;justify-content:center;align-items:center}.modal_open{border:solid 1px var(--color-select-d);background:#fff;color:var(--color-select-d)}.write_btn{border:none;background:var(--color-select-d);color:#fff}.start_box{display:flex;justify-content:center}.start_point{display:grid;grid-template-columns:repeat(8, 1fr);grid-template-rows:1fr;grid-gap:5px;justify-items:center;align-items:center;width:fit-content;width:min-content;border:solid 2px #eee;background:#fff;padding:1px}.start_point div{font-size:14px;font-weight:bold;line-height:1;color:var(--color-select-d)}.start_point button{width:24px;height:15px;border:solid 1px #aaa;background:#fff}.start_point button.active{background:var(--color-select);border:solid 1px var(--color-select-d)}.book_list_box{padding:10px 10px 10px 280px;background:var(--color-back);min-height:100vh;width:100%;display:flex;justify-content:center;align-items:center;flex-direction:column}.book_list_box ul{list-style:none;margin:0;padding:40px 0 40px 0;max-width:1200px;align-self:baseline}.book_item{margin-bottom:10px;box-sizing:border-box;background:#fff;box-shadow:2px 2px 2px rgba(0,0,0,0.2);padding:0;display:grid;grid-template-columns:10px 1fr auto 10px;grid-template-rows:auto}.book_item.passive{background:#999}.book_item .type_label{grid-column:1/2;grid-row:1/2;width:100%;height:100%}.book_item .print_number{grid-column:3/4;grid-row:1/2;width:100%;align-self:center;display:grid;grid-template-columns:42px 18px;grid-template-rows:18px 18px 18px;justify-items:center;align-items:center}.book_item .print_number span{grid-column:1/2;grid-row:1/2;font-size:12px;color:var(--color-select-d)}.book_item .print_number .print_val{grid-column:1/2;grid-row:2/4;width:100%;height:100%;background:transparent;color:var(--color-inkblue);font-size:22px;font-weight:bold;text-align:center;border:solid 2px var(--color-select-d)}.book_item .print_number .print_val::-webkit-outer-spin-button,.book_item .print_number .print_val::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;-moz-appearance:textfield}.book_item .print_number .spin_plus,.book_item .print_number .spin_minus{width:100%;height:100%;color:#aaa;font-weight:bold;display:flex;justify-content:center;align-items:center;line-height:1}.book_item .print_number .spin_plus:hover,.book_item .print_number .spin_minus:hover{cursor:pointer}.book_item .print_number .spin_plus{grid-column:2/3;grid-row:2/3;border-top:solid 2px var(--color-select-d);border-right:solid 2px var(--color-select-d);border-bottom:solid 1px #ccc}.book_item .print_number .spin_minus{grid-column:2/3;grid-row:3/4;border-top:solid 1px #ccc;border-bottom:solid 2px var(--color-select-d);border-right:solid 2px var(--color-select-d)}.book_data{grid-column:2/3;grid-row:1/2;padding:10px;display:grid;grid-template-columns:1fr 100px 60px 60px 140px;grid-template-rows:20px 1fr;transition:.3s}.book_data>div{width:100%}.book_data .gr1{grid-column:1/2;grid-row:1/2;font-size:12px;color:#444;font-weight:bold}.book_data .gr1 span{display:none}.book_data .gr2{grid-column:1/2;grid-row:2/3;font-size:16px;font-weight:bold;padding-right:5px}.book_data .gr3{grid-column:2/3;grid-row:1/3;font-size:16px;font-weight:bold}.book_data .gr4{grid-column:3/4;grid-row:1/3;font-size:16px;font-weight:bold}.book_data .gr5{grid-column:4/5;grid-row:1/3;font-size:16px;font-weight:bold}.book_data .gr6{grid-column:5/6;grid-row:1/3}.book_data .center{box-sizing:border-box;border-left:solid 1px #aaa;padding:0 5px;justify-self:center;text-align:center}.book_data span{font-size:10px;color:#888}.memo{color:var(--memo-text);border:solid 1px var(--memo-text);border-radius:5px;padding:5px;font-size:13px;line-height:1.5;list-style:none;margin:0 5px}.file_drop_wrap{display:none}.file_drop_wrap.active{display:block}.file_drop_wrap .file_drop_field{width:100%;max-width:700px;height:180px;padding:20px;border:dashed 3px var(--color-select-l);background:#fff;transform-origin:center;transition:.2s;color:var(--color-select-d);display:flex;justify-content:center;align-items:center;flex-direction:column}.file_drop_wrap .file_drop_field:hover{transform:scale(1.02)}.file_drop_wrap .drop_file{display:none}.base_select_box{display:grid;grid-template-columns:repeat(3, 70px);grid-template-rows:1fr;grid-gap:5px}.base_select{box-sizing:border-box;border:solid 2px #eee;background:#fff;transition:.3s}.base_select.active{border:solid 2px var(--color-select)}.modal .setting_outer{max-width:700px}.modal .setting_wrap{padding:20px;color:#333}.modal .setting_wrap h5{margin:0 0 6px 0;font-size:18px;background:linear-gradient(172deg, var(--color-select-d) 0px, transparent 15px)}.modal .setting_wrap h6{margin:0;font-size:16px}.modal .setting_wrap .setting_box{height:auto;margin-bottom:40px;display:grid;grid-template-columns:1fr 10px 160px;grid-template-rows:120px 80px auto 10px auto 10px auto}.modal .setting_wrap .setting_box .gr1{grid-column:3/4;grid-row:1/3}.modal .setting_wrap .setting_box .gr2{grid-column:1/2;grid-row:1/2}.modal .setting_wrap .setting_box .gr3{grid-column:1/2;grid-row:2/4}.modal .setting_wrap .setting_box .gr4{grid-column:1/4;grid-row:5/6}.modal .setting_wrap .setting_box .gr5{grid-column:1/4;grid-row:7/8}.canvas{width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#fff;border:solid 2px #eee;box-sizing:border-box}.sticker_info{width:auto;height:auto;max-width:96%;max-height:96%;font-family:'go';display:grid;justify-items:center;align-items:center}.sticker_info .sticker_info_box{max-width:100%;max-height:100%;width:auto;height:auto;display:grid;grid-template-columns:100%;grid-template-rows:100%}.sticker_info #sticker_color{background-color:var(--ndc-1);width:inherit;height:inherit;grid-column:1/2;grid-row:1/2}.sticker_info .sticker_front{width:100%;height:100%;grid-column:1/2;grid-row:1/2}.sticker_info #sticker_img{width:100%;height:auto}.sticker_info.fonts_bold{font-weight:bolder}.sticker_info.fonts_pgo{font-family:'pgo'}.sticker_info.fonts_min{font-family:'min'}.sticker_info.fonts_pmin{font-family:'pmin'}.sticker_info.type_a{grid-template-columns:1fr;grid-template-rows:11% 26% 26% 26% 11%;font-size:24px}.sticker_info.type_a .sticker_info_box{grid-column:1/2;grid-row:1/6;width:auto;height:100%}.sticker_info.type_a #sticker_r1{grid-column:1/2;grid-row:2/3}.sticker_info.type_a #sticker_r2{grid-column:1/2;grid-row:3/4}.sticker_info.type_a #sticker_r3{grid-column:1/2;grid-row:4/5}.sticker_info.type_a.fonts_s2{font-size:27px}.sticker_info.type_a.fonts_s3{font-size:30px}.sticker_info.type_b{grid-template-columns:1fr;grid-template-rows:8% 42% 42% 8%;font-size:24px}.sticker_info.type_b .sticker_info_box{grid-column:1/2;grid-row:1/5;width:100%;height:auto}.sticker_info.type_b #sticker_r1{grid-column:1/2;grid-row:2/3}.sticker_info.type_b #sticker_r2{grid-column:1/2;grid-row:3/4}.sticker_info.type_b #sticker_r3{display:none}.sticker_info.type_b.fonts_s2{font-size:27px}.sticker_info.type_b.fonts_s3{font-size:30px}.sticker_info.type_c{grid-template-columns:1fr;grid-template-rows:8% 84% 8%;font-size:24px}.sticker_info.type_c .sticker_info_box{grid-column:1/2;grid-row:1/4;width:100%;height:auto}.sticker_info.type_c #sticker_r1{grid-column:1/2;grid-row:2/3}.sticker_info.type_c #sticker_r2{display:none}.sticker_info.type_c #sticker_r3{display:none}.sticker_info.type_c.fonts_s2{font-size:27px}.sticker_info.type_c.fonts_s3{font-size:30px}.pen ul{display:grid;grid-template-columns:210px auto;grid-template-rows:1fr 1fr;list-style:none;margin:0;padding:0}.pen ul .fontsize_pt{text-align:center;width:80px;margin-right:4px}.pen ul li{margin-bottom:10px}.pen ul li:nth-of-type(1){grid-column:1/3;grid-row:1/2}.pen ul li:nth-of-type(2){grid-column:1/2;grid-row:2/3}.pen ul li:nth-of-type(3){grid-column:2/3;grid-row:2/3}.pen ul li label{margin-right:10px}.pen ul li label:last-of-type{margin-right:0}.palette{margin-bottom:10px}.palette>div{display:grid;grid-template-columns:repeat(4, 1fr);grid-gap:10px}.palette>div span{font-size:22px;margin-right:5px}.palette>div small{font-size:14px}.base_fix ul{display:grid;grid-template-columns:160px 160px auto;grid-template-rows:1fr;list-style:none;margin:0;padding:0}.base_fix ul li{margin-bottom:10px}.base_fix ul li:nth-of-type(1){grid-column:1/2;grid-row:1/2}.base_fix ul li:nth-of-type(2){grid-column:2/3;grid-row:1/2}.base_fix ul li:nth-of-type(3){grid-column:3/4;grid-row:1/2}.base_fix ul li label{margin-right:10px}.base_fix ul li label:last-of-type{margin-right:0}.base_fix ul li>div{display:inline-flex;justify-content:flex-start;align-items:flex-end}.base_fix ul li>div input{text-align:center;width:80px;margin-right:4px}#popup_mes{width:100%;height:100%;color:#333;font-weight:bold}.popup_box{display:flex;justify-content:space-between;align-items:flex-start;flex-direction:column}.popup_box h5{font-size:16px;color:#333;margin:0;margin-bottom:20px}.popup_btnbox{padding-top:10px;width:100%;display:flex;justify-content:flex-end;align-items:flex-end}.popup_btnbox .btn{width:auto;height:40px;padding:0 20px;font-weight:bold;color:var(--color-select-d);border:solid 1px var(--color-select-d);background:#fff}.popup_btnbox .btn.popup_no{border:solid 1px #888;color:#555}.popup_btnbox .btn.btn.make_basepdf{color:#fff;background:var(--color-select-d)}.popup_btnbox .btn:nth-of-type(n+2){margin-left:20px}.popup_btnbox #popup_yes{display:none}.popup_btnbox #popup_yes.active{display:block}.modal .setting_btn_wrap{width:100%;height:auto;display:grid;grid-template-columns:130px 120px 1fr 180px;grid-template-rows:1fr;justify-items:left;margin-bottom:30px}.modal .setting_btn_wrap button{height:100%;font-size:14px;font-weight:bold;padding:0}.modal .setting_btn_wrap .default_btn{width:120px;grid-column:1/2;grid-row:1/2;border:solid 1px var(--color-red);color:var(--color-red)}.modal .setting_btn_wrap .reset_btn{width:120px;grid-column:2/3;grid-row:1/2;border:solid 1px #888;color:#555}.modal .setting_btn_wrap .write_btn{width:170px;grid-column:4/5;grid-row:1/2;justify-self:right}.modal .setting_btn_wrap .writebase_btn{width:150px;grid-column:3/4;grid-row:1/2;justify-self:right;color:var(--color-leef);border:solid 1px var(--color-leef);background:#fff}.modal .param_wrap{display:grid;grid-template-columns:1fr 100px 70px;grid-template-rows:20px auto;width:100%;height:auto;margin-bottom:20px}.modal .param_wrap .gr1{grid-column:1/2;grid-row:1/2;font-size:12px;color:var(--color-select-d);font-weight:bold;align-self:center}.modal .param_wrap .gr2,.modal .param_wrap .gr3{width:100%;height:100%;justify-self:center;align-self:center;border:solid 2px var(--color-select-d);border-bottom:none;color:var(--color-select-d);background:#fff;font-size:12px;font-weight:bold}.modal .param_wrap .gr2{grid-column:2/3;grid-row:1/2;border-right:none}.modal .param_wrap .gr3{grid-column:3/4;grid-row:1/2}.modal .param_wrap .gr4{grid-column:1/4;grid-row:2/3;width:100%;height:120px;border:solid 2px var(--color-select-d);border-radius:3px;padding:5px;font-size:12px;word-break:break-all}#select_color .color_selectwrap{display:grid;grid-template-columns:repeat(4, 1fr);grid-template-rows:1fr;grid-gap:10px;width:100%}#select_color .color_selectwrap .color_selectbox{width:100%;height:100%;border:solid 2px transparent;display:inline-flex;justify-content:flex-start;align-items:baseline;font-size:16px;font-weight:bold;padding:2px;box-sizing:border-box}#select_color .color_selectwrap .color_selectbox:hover{cursor:pointer}#select_color .color_selectwrap .color_selectbox.active{border-color:var(--color-select)}#select_color .color_selectwrap .color_selectbox .color_selectbox_color{width:20px;height:20px;border-top-right-radius:5px;border-bottom-left-radius:5px;margin-right:5px}#select_color .color_selectwrap .color_selectbox span{font-size:20px;margin-right:3px}#select_color .color_selectwrap .make_basepdf{color:#fff;background:var(--color-select-d)}.book_list_name{position:fixed;top:0;right:0;background:#fff;box-shadow:2px 1px 4px #889;padding:3px 10px;display:none}.book_list_name.active{display:flex}.book_list_name h3{font-size:16px;color:#666}.book_list_name .list_reset{display:flex;justify-content:center;align-items:center;background:#fff;border:solid 1px var(--color-red);border-radius:15px;padding:0 10px;margin-left:20px;height:26px;color:var(--color-red);font-size:12px;font-weight:bold}.starter{position:fixed;top:0;bottom:0;left:0;right:0;z-index:1000;cursor:pointer;display:none;width:100%;height:auto;min-height:100vh;background-image:linear-gradient(to right, #fff 200px, rgba(255,255,255,0.4)),url(../img/image1.jpg);background-position:bottom center;background-size:cover;background-repeat:no-repeat;transition:1s}.starter.active{display:flex}.starter .starter_box{width:100%;height:inherit;padding:30px;display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}.starter .starter_box>div:first-of-type img{width:250px;height:auto}.starter .starter_box>div:first-of-type h2{font-size:25px;color:#634;letter-spacing:1;mix-blend-mode:difference;margin:0;margin-top:20px}.starter .starter_box>div:last-of-type{flex-grow:1;display:flex;align-self:center;align-items:center}.starter .starter_box>div:last-of-type>div{font-size:36px;color:#634;font-weight:bold;letter-spacing:1px;mix-blend-mode:difference}@media screen and (max-width: 1000px){.book_list_box{padding:10px 10px 10px 260px}#bookshelf{width:100%}.book_data{grid-template-columns:110px 80px 60px 60px 100px;grid-template-rows:auto auto;word-break:break-word;padding:5px}.book_data .gr1{grid-column:1/2;grid-row:2/3;padding:0 5px;font-size:16px;color:#222;font-weight:bold;text-align:center}.book_data .gr1 span{display:inline-flex}.book_data .gr2{grid-column:1/6;grid-row:1/2}.book_data .gr3{grid-column:2/3;grid-row:2/3}.book_data .gr4{grid-column:3/4;grid-row:2/3}.book_data .gr5{grid-column:4/5;grid-row:2/3}.book_data .gr6{grid-column:5/6;grid-row:2/3;font-size:12px;align-self:center}}@media screen and (max-width: 768px){.book_data{grid-template-columns:1fr .5fr .5fr 1fr;grid-template-rows:auto auto auto}.book_data .gr1{grid-column:1/3;grid-row:2/3;border-bottom:solid 1px #aaa}.book_data .gr2{grid-column:1/5;grid-row:1/2;border-bottom:solid 1px #aaa}.book_data .gr3{grid-column:1/2;grid-row:3/4;border-left:none}.book_data .gr4{grid-column:2/4;grid-row:3/4;border-left:none}.book_data .gr5{grid-column:4/5;grid-row:3/4;border-left:none}.book_data .gr6{grid-column:3/5;grid-row:2/3;font-size:16px;border-bottom:solid 1px #aaa}.modal .setting_wrap .setting_box .gr4 label{display:block}.modal .setting_btn_wrap{grid-template-columns:130px 120px 1fr;grid-template-rows:70px 80px 40px;align-items:start}.modal .setting_btn_wrap .write_btn{grid-column:1/4;grid-row:1/2;width:100%;height:50px}.modal .setting_btn_wrap .writebase_btn{grid-column:1/4;grid-row:2/3;width:100%;height:50px}.modal .setting_btn_wrap .default_btn{grid-column:2/3;grid-row:3/4;width:120px;height:40px}.modal .setting_btn_wrap .reset_btn{grid-column:1/2;grid-row:3/4;width:110px;height:40px}}@media screen and (max-width: 599px){.modal .setting_wrap .setting_box{grid-template-columns:1fr 10px 160px;grid-template-rows:200px auto auto 10px auto;margin-bottom:10px}.modal .setting_wrap .setting_box .gr1{grid-column:3/4;grid-row:1/2}.modal .setting_wrap .setting_box .gr2{grid-column:1/2;grid-row:1/2}.modal .setting_wrap .setting_box .gr3{grid-column:1/4;grid-row:2/3;padding-bottom:20px}.modal .setting_wrap .setting_box .gr4{grid-column:1/4;grid-row:3/4}.modal .book_item{grid-template-columns:10px 10px 1fr .5fr .5fr 1fr 10px;grid-template-rows:10px auto auto auto 10px}.modal .book_item .gr1{grid-column:3/5;grid-row:3/4;border-bottom:solid 1px #aaa}.modal .book_item .gr2{grid-column:3/7;grid-row:2/3;border-bottom:solid 1px #aaa}.modal .book_item .gr3{grid-column:3/4;grid-row:4/5;border-left:none}.modal .book_item .gr4{grid-column:4/6;grid-row:4/5;border-left:none}.modal .book_item .gr5{grid-column:6/7;grid-row:4/5;border-left:none}.modal .book_item .gr6{grid-column:5/7;grid-row:3/4;border-bottom:solid 1px #aaa}.modal .param_wrap{grid-template-rows:40px auto}}.w_fix{width:96%;margin:auto}