.locale_en .component-book .nav-sort li.active a .icon-three:after,.locale_en .component-book .nav-sort li a:hover .icon-three:after{background-image:url(https://assets.sugoyose.jp/storage/images/locale/en/icon/icon_three_rectangle.png)}.locale_en .component-book .nav-sort li.active a .icon-group:after,.locale_en .component-book .nav-sort li a:hover .icon-group:after{background-image:url(https://assets.sugoyose.jp/storage/images/locale/en/icon/icon_naraberu01@3x.png)}.locale_en .custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url(https://assets.sugoyose.jp/storage/images/locale/en/icon/icon_checkbox.png)}.locale_en .component-book{background:#f0f0f0}.locale_en .component-book .head{background:#fff;color:var(--color-text, #333)}.locale_en .component-book .box-slidebar{background:#ffffff80;border-left:none}.locale_en .component-book .box-slidebar p,.locale_en .component-book .next-page a,.locale_en .component-book .total-book{color:var(--color-text, #333)}.locale_en .component-book .nav-sort li{border-color:#ccc}.locale_en .component-book .nav-sort li:hover a{color:var(--color-primary, #dc0025)}.locale_en .component-book .nav-sort li:not(:hover):not(.active) a{color:var(--color-text, #333)}.locale_en .component-book .nav-sort li:last-child .custom-checkbox{color:var(--color-text, #333)}.locale_en .component-book .books-drag .name-page{color:#ccc}.locale_en .component-book .books-drag .line .line-book .cell{background:#ccc}.locale_en .spine-title{background:#fff}.locale_en .spine-title .spine-title-link{border-color:#ddd}.locale_en .spine-title .spine-title-link:not(:hover){color:var(--color-text, #333)}.locale_en .spine-title .spine-title-link:not(:hover) .icon-pencil2{background-color:var(--color-text, #333)}.locale_en .spine-title-label,.locale_en .spine-title-note,.locale_en .spine-title-text{color:var(--color-text, #333)}.locale_en .split-book-tabs-side{background:#fff}.locale_en .split-book-tabs-side__button--split:not(:hover){color:var(--color-text, #333)}.locale_en .split-book-tabs-side__button--split:hover,.locale_en .split-book-tabs-side__button--current,.locale_en .split-book-tabs-side__button:hover{color:var(--color-primary, #dc0025)}.custom-checkbox{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-checkbox .custom-control-label{vertical-align:middle;cursor:pointer}.custom-checkbox .custom-control-label:before{top:.15rem;display:none}.custom-checkbox .custom-control-label:after{top:50%;left:-24px;line-height:16px;text-align:center;transform:translateY(-50%);background-image:url(https://assets.sugoyose.jp/storage/images/icon_input_checkbox.png);background-size:100%}.custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url(https://assets.sugoyose.jp/storage/images/icon_checkbox.png);background-size:100%;content:"";color:var(--color-primary, #ff8053)}.custom-checkbox .custom-control-input:checked~.custom-control-label:before{background-color:#fff;border-color:#555}.custom-checkbox .custom-control-input:focus~.custom-control-label:before{box-shadow:0 0 0 .1rem #ff80541c}.custom-checkbox input:not(:disabled):active~.custom-control-label:before{color:#fff;background-color:#fff;border-color:#fff}.component-book{width:100%;min-width:1340px;margin:0 auto;display:flex;display:-ms-flexbox;flex-wrap:wrap;background-color:#333}.component-book .box-content{min-height:calc(100vh - 74px)}.component-book .box-slidebar{width:clamp(300px,22.2222222222vw,320px);border-left:1px solid #333;background-color:#1c1c1c}.component-book .box-slidebar .head{padding:15px 30px;margin-bottom:0}.component-book .box-slidebar p{color:#fff;font-weight:400;font-size:12px;margin-bottom:0;letter-spacing:-.05rem}.component-book .box-slidebar .operation-guide{font-size:14px;font-weight:500;display:flex;justify-content:center;align-items:center}.component-book .box-slidebar .align-self-stretch{padding:30px}.component-book .box-slidebar .align-self-stretch p{margin-bottom:30px}.component-book .box-slidebar .align-self-stretch p.add-image-page,.component-book .box-slidebar .align-self-stretch p.white-page{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid #666}.component-book .box-slidebar .align-self-stretch p.right_title{font-size:12px;font-weight:700;margin-bottom:10px}.component-book .box-slidebar .align-self-stretch p.white-page{padding-top:30px}.component-book .box-slidebar .align-self-stretch .popup-info-white-page{color:var(--color-primary, #ff8053);text-decoration:underline;cursor:pointer}.component-book .box-slidebar .align-self-stretch .pages-h{padding-left:20px;padding-right:20px}.component-book .head{color:#fff;display:flex;display:-ms-flexbox;min-height:60px;position:relative;background-color:#101010;margin-bottom:30px}.component-book .head .title{font-size:20px;font-weight:700}.component-book .head .next-page a{top:50%;color:#fff;font-size:14px;font-weight:700;position:absolute;transform:translateY(-50%);padding-left:47px}.component-book .head .next-page :after{content:"";background:url(https://assets.sugoyose.jp/storage/images/book_editor/icon_head_prev_pc.png) 100% no-repeat;background-size:100%;width:8px;height:13px;position:absolute;left:30px;top:50%;transform:translateY(-50%)}.component-book .nav-sort{display:flex;flex-wrap:wrap;list-style:none;min-height:32px;max-width:1005px;margin:0 auto 1rem;width:100%;padding-left:40px;border-right:1px solid #555555}.component-book .nav-sort .custom-checkbox .custom-control-label:before{top:5px}.component-book .nav-sort li{border-left:1px solid #555555}.component-book .nav-sort li:last-child{border-left:0;padding-right:5%}.component-book .nav-sort li:last-child .custom-checkbox{font-size:12px;color:#fff;line-height:24px;font-weight:500;padding-left:20px;padding-right:20px;z-index:3}.component-book .nav-sort li.active a{color:var(--color-primary, #ff8053)}.component-book .nav-sort li.active a .icon-group:after{top:0;left:0;content:"";width:25px;height:20px;position:absolute;background-size:cover;background-image:url(https://assets.sugoyose.jp/storage/images/icon_naraberu01@3x.png)}.component-book .nav-sort li.active a .icon-three:after{top:0;left:0;content:"";width:30px;height:20px;position:absolute;background-size:cover;background-image:url(https://assets.sugoyose.jp/storage/images/icon_three_rectangle.png)}.component-book .nav-sort li .icon-three:after{top:0;left:0;content:"";width:30px;height:20px;position:absolute;background-size:cover;background-image:url(https://assets.sugoyose.jp/storage/images/icon_styousei@3x.png)}.component-book .nav-sort li .icon-group:after{top:0;left:0;content:"";width:25px;height:20px;position:absolute;background-size:cover;background-image:url(https://assets.sugoyose.jp/storage/images/Path\ 2860@3x.png)}.component-book .nav-sort li a:hover{color:var(--color-primary, #ff8053)}.component-book .nav-sort li a:hover .icon-group:after{top:0;left:0;content:"";width:25px;height:20px;position:absolute;background-size:cover;background-image:url(https://assets.sugoyose.jp/storage/images/icon_naraberu01@3x.png)}.component-book .nav-sort li a:hover .icon-three:after{top:0;left:0;content:"";width:30px;height:20px;position:absolute;background-size:cover;background-image:url(https://assets.sugoyose.jp/storage/images/icon_three_rectangle.png)}.component-book .nav-sort li>a{position:relative;color:#fff;font-size:14px;font-weight:500;padding-left:25px;padding-right:25px;margin-left:34px;text-decoration:none}.component-book .nav-sort li>a span{color:#999;font-size:8px;padding-left:17px}.component-book .total-book{color:#fff;font-size:16px;font-weight:700;max-width:940px;margin:0 auto 1rem}.component-book .total-book .nav-text{font-size:12px}.component-book .total-book b{font-size:24px}.component-book .total-book span{font-size:11px;line-height:1;margin-bottom:5px;display:inline-block;vertical-align:middle}.component-book .books-drag{max-width:940px;margin:0 auto 4rem}.component-book .books-drag .name-page{color:#fff;font-size:14px;margin-top:10px}.component-book .books-drag .b-cards{position:relative;display:grid;grid-template-columns:repeat(2,440px);grid-column-gap:60px;grid-row-gap:28px}.component-book .books-drag .b-cards .b-groups{position:absolute;transform:scale(.0887096774);width:2480px;height:2480px;-webkit-box-align:center;-ms-flex-align:center;font-size:200px}.component-book .books-drag .b-cards .remove-book{display:none;position:absolute;right:-20px;top:-20px;width:40px;z-index:100;height:40px;font-size:12px;line-height:40px;color:#fff;cursor:pointer;text-align:center;background:#aaa;border-radius:50%}.component-book .books-drag .b-cards .b-items{position:relative;display:flex;align-items:center;justify-content:center;background-size:contain}.component-book .books-drag .b-cards .b-items__wrap{position:relative}.component-book .books-drag .b-cards .b-pages{cursor:pointer;position:relative;display:grid;grid-template-columns:repeat(2,220px);grid-template-rows:repeat(1,220px);grid-gap:2px}.component-book.component-book--forbiz .box-slidebar .popup-info-white-page,.component-book.component-book--forbiz .nav-sort li.active a{color:var(--color-primary-forbiz, #5ab0bd)}.component-book.component-book--forbiz .nav-sort li.active a .icon-group:after{background-image:url(/_assets/images/common/icon/forbiz_icon_naraberu01.png)}.component-book.component-book--forbiz .nav-sort li.active a .icon-three:after{background-image:url(/_assets/images/common/icon/forbiz_icon_styousei.png)}.component-book.component-book--forbiz .nav-sort li a:hover{color:var(--color-primary-forbiz, #5ab0bd)}.component-book.component-book--forbiz .nav-sort li a:hover .icon-group:after{background-image:url(/_assets/images/common/icon/forbiz_icon_naraberu01.png)}.component-book.component-book--forbiz .nav-sort li a:hover .icon-three:after{background-image:url(/_assets/images/common/icon/forbiz_icon_styousei.png)}.component-book.component-book--forbiz .b-groups .white-page-info,.component-book.component-book--forbiz .spine-title-link:hover{color:var(--color-primary-forbiz, #5ab0bd)}.component-book.component-book--forbiz .spine-title-link:hover .icon-pencil2{background-color:var(--color-primary-forbiz, #5ab0bd)}.component-book.component-book--forbiz .custom-checkbox .custom-control-input:checked~.custom-control-label:after{background-image:url(/_assets/images/common/icon/forbiz_icon_checkbox.png)}.b-groups .white-page-info{color:var(--color-primary, #ff8053);letter-spacing:.48px;text-decoration:underline;font-size:135px;display:flex;justify-content:center;align-items:center;margin-top:1173px;line-height:1}.b-groups .page-background{cursor:pointer;height:100%}.b-groups .page-background .listQuestion{border:0}.b-groups .page-background .listQuestion .content{padding:0}.b-groups .page-background .listQuestion:hover{border:0}.b-groups .page-background .text-cover{top:50%;left:50%;bottom:unset;transform:translate(-50%,-50%)}.b-groups .page-background .text-cover:hover{border:0}.b-groups .page-background .input-title-cover:hover,.b-groups .page-background .input-name-cover:hover{border:0!important}.b-groups .page-background .p-avatar{top:625px;left:510px;width:1385px;height:1385px;position:absolute;align-items:center;display:flex;overflow:hidden}.b-groups .page-background .p-avatar:before{top:60px;right:60px;content:"";width:100%;height:100%;position:absolute;border-style:solid;border-width:10px;-o-border-image:linear-gradient(to right,#f84dce 0%,#fdf03e 100%) 1;border-image:linear-gradient(to right,#f84dce,#fdf03e) 1}.b-groups .page-background .p-avatar img{width:100%}.spine-title{width:940px;height:54px;background:#1c1c1c 0 0 no-repeat padding-box;margin:30px auto 10px;display:flex;justify-content:space-between;align-items:center;padding-left:20px}.spine-title-label{font-size:14px;font-weight:500;letter-spacing:.28px;margin-right:10px;color:#ccc}.spine-title-note{font-size:8px;font-weight:500;letter-spacing:.16px;margin-right:35px;color:#ccc}.spine-title-text{font-size:14px;font-weight:700;letter-spacing:.28px;margin-right:auto;color:#fff}.spine-title .icon-pencil2{display:inline-block;-webkit-mask-image:url(/_assets/images/common/icon/pencil.svg);mask-image:url(/_assets/images/common/icon/pencil.svg);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;background-color:#fff;width:20px;height:21px;margin-right:8px;color:#fff}.spine-title-link{display:flex;align-items:center;padding:0 56px;border-left:1px solid #666;height:30px;color:#fff;font-size:14px;font-weight:500}.spine-title-link:hover{color:var(--color-primary, #ff8053)}.spine-title-link:hover .icon-pencil2{background-color:var(--color-primary, #ff8053)}.right_content{overflow:auto;max-height:calc(100% - 130px);margin-right:10px}@media screen and (max-width: 1325px){.right_content{max-height:100%}}