@font-face{font-family:KLEE;src:url(/bookshelf/web/assets/KleeOne-Regular-VOWdJQvE.ttf) format("truetype");font-weight:400;font-style:normal}:root{--font-family-main: "KLEE", "UD Digi Kyokasho NP-R", "UD Digi Kyokasho NP", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Meiryo", sans-serif;--font-family-comic: "Comic Sans MS", "Comic Sans", "cursive", sans-serif;--font-family-cormorant: "STC_Cormorant", "Cormorant", "sans-serif";interpolate-size:allow-keywords}*{font-family:var(--font-family-main)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{transition:color .5s,background-color .5s;font-size:1em;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;height:100%;background-color:#fff}a{text-decoration:none;color:inherit}.fade-enter-active{transition:opacity .5s ease}.fade-enter-from{opacity:0}.fade-enter-to{opacity:1}.fade-leave-active{transition:none}.fade-leave-from,.fade-leave-to{opacity:0}h1{text-align:center;margin:.3em}h2,h3,h4{margin:.2em}ul p{display:inline}dl{display:flex}.flex_center{display:flex;align-items:center;justify-content:center}.flex_between{display:flex;align-items:center;justify-content:space-between}.flex_end{display:flex;align-items:center;justify-content:flex-end}.cursor-pointer,.cursor_pointer{cursor:pointer}.opacity-50{opacity:.5}.main_color{color:var(--main-color)!important}.auto_sizing_input{field-sizing:content}@keyframes brightness-pulse{0%{filter:brightness(.6)}50%{filter:brightness(1.2)}to{filter:brightness(.6)}}.brightness-pulse{animation:brightness-pulse 2s infinite}dialog{width:70%;height:70%;border:1px solid var(--main-color);border-radius:.5em;box-shadow:0 0 7px rgba(var(--main-color-rgb),.5);opacity:0;transition:opacity .3s ease;transform:translate(-50%,-50%) scale(.9);transition:opacity .3s ease,transform .3s ease;overflow-x:hidden;overflow-y:auto;padding:1em 0;box-sizing:border-box;position:fixed;top:50%;left:50%;margin:0;max-width:calc(100vw - 2em);max-height:calc(100vh - 2em)}dialog>section{box-sizing:border-box;height:95%;margin:0;padding:.5em}dialog .close_dialog{position:absolute;height:2.7em;width:2.7em;top:.5em;right:.5em;border:1px solid var(--main-color);border-radius:.4em;padding:.5em;font-size:.8em;background-color:inherit;color:var(--main-color);cursor:pointer;transition:all .3s ease}dialog .close_dialog:before{content:"×"}dialog .close_dialog:hover{background-color:var(--main-color);color:#fff}dialog .title{font-size:1.2em;margin:0;padding:0;color:var(--main-color);font-weight:700;text-align:center}dialog[open]{opacity:0}dialog.opening{opacity:1;transform:translate(-50%,-50%) scale(1)}dialog.closing{opacity:0;transform:translate(-50%,-50%) scale(.9)}dialog::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transition:opacity .3s ease}dialog[open]::backdrop{opacity:0}dialog.opening::backdrop{opacity:1}dialog.closing::backdrop{opacity:0}@media(max-width:1000px){dialog{width:90%;height:90%}}:root{--error-color: #EF4444;--error-color-rgb: 239, 68, 68;--error-bg: rgba(239, 68, 68, .05);--error-border: rgba(239, 68, 68, .3)}.form_input{position:relative}.form_error{position:absolute;top:100%;left:auto;right:0;width:max-content;z-index:100;display:block;color:var(--error-color);font-size:.75em;margin-top:.25rem;padding:.3rem .4rem;background:#ef44441f;border-left:3px solid var(--error-color);border-radius:4px;word-wrap:break-word;word-break:break-word;animation:fadeInUp .3s cubic-bezier(.4,0,.2,1);transform-origin:top right;box-shadow:0 3px 12px rgba(var(--error-color-rgb),.25);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}@keyframes fadeInUp{0%{opacity:0;transform:translateY(-8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.error-leave-active{animation:fadeOutDown .2s cubic-bezier(.4,0,1,1)}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(-8px) scale(.95)}}input.has-error,select.has-error,textarea.has-error{border-color:var(--error-border)!important;background:var(--error-bg);transition:all .2s ease}input.has-error:focus,select.has-error:focus,textarea.has-error:focus{outline:none;border-color:var(--error-color)!important;box-shadow:0 0 0 3px rgba(var(--error-color-rgb),.1)}input.has-value:not(.has-error),select.has-value:not(.has-error),textarea.has-value:not(.has-error){border-color:rgba(var(--main-color-rgb),.4)}input.has-value:not(.has-error):focus,select.has-value:not(.has-error):focus,textarea.has-value:not(.has-error):focus{border-color:var(--main-color);box-shadow:0 0 0 3px rgba(var(--main-color-rgb),.1)}input:not([type=radio]):not([type=checkbox]),select,textarea{width:100%;padding:.5rem;border:1.5px solid #e5e7eb;border-radius:6px;font-size:1em;transition:all .2s ease;background:#fff}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--main-color);box-shadow:0 0 0 3px rgba(var(--main-color-rgb),.1)}input:hover:not(:focus),select:hover:not(:focus),textarea:hover:not(:focus){border-color:#d1d5db}dl .form_input{overflow:visible}@media(max-width:768px){.form_error{font-size:.7em;max-width:80%;padding:.25rem .35rem}}:root{--main-color: #34D399;--main-color-rgb: 100, 217, 160;--h1-color: #34D399;--content-color: #171e2d;--sp-color: #ffe0a4;--star-h1-color: #e0ffbc;--fresh-color: #00aaff;--cite-color: #5f5f5f;--cite-color-white: #acb1ef;--like-color: #EF4444;--margin-rf: 10%;--nav-height: 3.5em;--footer-height: .5em;--wrapper-gray: #fafcff;--nonactive-text-color: #b9b9b9;--background-rgba: rgba(20, 25, 35, .8);--background-rgba-hover: rgba(20, 25, 35, .6);--coin-color: #d3b307;--inc-color: #52c2fa;--comment-color: #2623fa}#app{height:100vh;display:flex;flex-direction:column}header{flex:0 0 auto;height:var(--nav-height)}.main_container{overflow:auto;padding:1em;height:100%}footer{flex:0 0 auto}h1{color:var(--main-color);border-bottom:1px solid rgba(var(--main-color-rgb),.8)}.router-link-exact-active{color:var(--main-color);font-weight:700}.link_text{color:#3adb6b!important;cursor:pointer;text-decoration:underline;word-break:break-all}dl{display:flex;gap:.5em;align-items:center}dt{font-weight:700;width:30%}dd{margin-left:0;width:70%;flex-grow:1}.main_button{background-color:#fff;border:.3px solid var(--main-color);color:var(--main-color)!important;padding:.5em;border-radius:4px;width:100%;transition:all .3s ease;box-sizing:border-box;text-decoration:none;text-align:center;cursor:pointer;box-shadow:0 0 2px #5fa60c;font-size:1em}.main_button.router-link-exact-active{background-color:var(--main-color);color:#fff!important}input[type=text],input[type=password],input[type=email],input[type=url],input.input_style{height:2.4em;width:98%;border-radius:4px;border:none;box-shadow:0 0 0 1px #ccc inset;appearance:none;-webkit-appearance:none;-moz-appearance:none;margin:.5em 0;font-size:16px;padding:.5em}:is(input[type=text],input[type=password],input[type=email],input[type=url],input.input_style).uncaged{box-shadow:none;border-bottom:2px solid gray;border-radius:0}:is(input[type=text],input[type=password],input[type=email],input[type=url],input.input_style).uncaged:focus{border-bottom:2px solid;outline:none;animation:uncaged_border_anim .7s ease-in-out;animation-fill-mode:forwards}:is(input[type=text],input[type=password],input[type=email],input[type=url],input.input_style):disabled{background-color:#f0f0f0;cursor:not-allowed}input[type=tel],input[type=number]{font-size:16px;height:1em;border-radius:4px;box-shadow:0 0 0 1px #ccc inset;appearance:none;-webkit-appearance:none;-moz-appearance:none;width:3.5em}:is(input[type=tel],input[type=number]).disabled{background-color:#f0f0f0;cursor:not-allowed}input[type=checkbox]{margin-right:.3em}input[type=checkbox].disabled{background-color:#f0f0f0;cursor:not-allowed}input[type=radio]{margin:.2em .2em 0 0}input[type=radio].disabled{background-color:#f0f0f0;cursor:not-allowed}.radio_option,.checkbox_content{display:inline-flex;align-items:center;width:auto;margin-left:.5em}label{display:inline-flex;align-items:center;width:auto;cursor:pointer}textarea{width:98%;border-radius:4px;border:none;box-shadow:0 0 0 1px #ccc inset;font-size:16px}textarea.uncaged{box-shadow:none;border-bottom:2px solid gray;border-radius:0;background-color:#fdfdfd}textarea.uncaged:focus{border-bottom:2px solid;outline:none;animation:uncaged_border_anim .7s ease-in-out;animation-fill-mode:forwards}textarea.disabled{background-color:#f0f0f0;cursor:not-allowed}@keyframes uncaged_border_anim{0%{border-image:linear-gradient(to right,var(--main-color) 0%,var(--main-color) 0%,white 0%,gray 100%) 1}to{border-image:linear-gradient(to right,var(--main-color) 0%,var(--main-color) 100%,white 100%) 1}}.text_count{margin:0;font-size:.9em;color:gray;text-align:right;width:98%}.submit_form_container{margin-top:1em;display:flex;justify-content:flex-end;align-items:center;gap:.5em}.submit_form_many{justify-content:space-between!important}button[type=submit],input[type=submit],.submit_btn{height:2.4em;min-width:4em;background-color:var(--main-color);color:#fff;border:none;font-size:1em;border-radius:4px;padding:.5em 1em;cursor:pointer;font-weight:700}:is(button[type=submit],input[type=submit],.submit_btn):disabled{background-color:#f0f0f0;cursor:not-allowed}button[type=reset],input[type=reset],button.delete_button{height:2.4em;min-width:4em;background-color:#f15050;color:#fff;border:none;font-size:1em;border-radius:4px;opacity:.65;transition:all .3s ease;cursor:pointer}button[type=reset]:hover,input[type=reset]:hover,button.delete_button:hover{opacity:1}.outlined_animation{display:block;position:relative;padding-top:2em;margin-bottom:1em}.outlined_animation:before{content:attr(data-title);position:absolute;top:3em;left:0;width:auto;color:transparent;transition:all .3s ease;opacity:.5;z-index:-1}.outlined_animation.outlined_textarea.anim_enabled:before{top:2em}:is(.outlined_animation.anim_enabled:focus-within,.outlined_animation.anim_disabled,.outlined_animation.outlined_textarea.anim_disabled):before{opacity:1;top:1.3em;z-index:1;color:var(--cite-color)}:is(.outlined_animation.anim_enabled:focus-within,.outlined_animation.anim_disabled,.outlined_animation.outlined_textarea.anim_disabled) input::placeholder,:is(.outlined_animation.anim_enabled:focus-within,.outlined_animation.anim_disabled,.outlined_animation.outlined_textarea.anim_disabled) textarea::placeholder{color:transparent}:is(.outlined_animation.color_white.anim_enabled:focus-within,.outlined_animation.color_white.anim_disabled,.outlined_animation.outlined_textarea.color_white.anim_disabled):before{color:#fff}.outlined_animation.outlined_textarea.anim_enabled:focus-within:before,.outlined_animation.outlined_textarea.anim_disabled:before{top:.4em}@media(max-width:1000px){input::placeholder,textarea::placeholder{font-size:.7em!important}}.book{position:relative;height:100%;writing-mode:vertical-rl;text-orientation:mixed;cursor:pointer;transition:transform .2s}.book-content{display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:8% 0;height:100%;width:100%}.book:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,transparent,transparent .1rem,rgba(255,255,255,.03) .1rem,rgba(255,255,255,.03) .2rem);pointer-events:none}.book-white{flex:0 0 12%;background:linear-gradient(to right,#f8f8f8,#fff,#f0f0f0);color:#333}.book-skyblue{flex:0 0 10%;background:linear-gradient(to right,#7ec8e3,#87ceeb,#6bb6d9);color:#1a5f7a}.book-lime{flex:0 0 11%;background:linear-gradient(to right,#8fbc8f,#9acd32,#7fb069);color:#2d5016}.book-black{flex:0 0 13%;background:linear-gradient(to right,#1a1a1a,#2d2d2d,#0d0d0d);color:#d4af37}.book-orange{flex:0 0 9%;background:linear-gradient(to right,#ff8c42,orange,#ff7f00);color:#4d2600}.book-purple{flex:0 0 11.5%;background:linear-gradient(to right,#d8bfd8,#e6d5e6,#c9b5d1);color:indigo}.book-title{font-size:clamp(.8rem,1.5vw,1.2rem);font-weight:700;letter-spacing:.15em;text-align:left;padding-top:3%;max-height:70%}.book-author{font-size:clamp(.6em,1vw,.9em);letter-spacing:.1em;opacity:.8;text-align:center;padding-bottom:3%}.book-publisher{writing-mode:horizontal-tb;font-size:clamp(.3em,.6vw,.5em);text-align:center;margin-top:auto;white-space:normal;display:-webkit-box;line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;position:absolute;bottom:4%;left:0;width:100%}.book-spine-decoration{position:absolute;width:34%;height:.1em;background:currentColor;opacity:.3;left:50%;transform:translate(-50%)}.book-spine-decoration.top{top:8%}.book-spine-decoration.bottom{bottom:8%}.wooden-shelf{width:100%;background:linear-gradient(135deg,#d4874f,#c97841,#b86935);border:.5em solid;border-color:#e69a5f #a85d2f #a85d2f #e69a5f;box-shadow:inset 0 0 0 .3em #d2824699,inset .3em .3em .5em #0000004d,0 .2em .5em #0003;position:relative;box-sizing:border-box}.wooden-shelf:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.15) 100%),linear-gradient(180deg,rgba(0,0,0,.25) 0%,transparent 20%,transparent 80%,rgba(0,0,0,.15) 100%),linear-gradient(90deg,rgba(0,0,0,.2) 0%,transparent 15%,transparent 85%,rgba(0,0,0,.2) 100%);pointer-events:none}.wooden-shelf:after{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 3%,rgba(139,69,19,.03) 3%,rgba(139,69,19,.03) 3.5%),repeating-linear-gradient(0deg,transparent,transparent .3em,rgba(101,67,33,.02) .3em,rgba(101,67,33,.02) .4em);opacity:.6;pointer-events:none}.shelf-content{position:relative;width:100%;height:100%;padding:.1em 0;box-sizing:border-box;z-index:1;display:flex;justify-content:flex-start;column-gap:.1em;align-items:flex-start}.shelf-content>*{flex:0 0 auto}.flash-message[data-v-709b0e38]{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:6px;border-left:4px solid;box-shadow:0 2px 8px #0000001a;animation:slideIn-709b0e38 .3s ease-out}@keyframes slideIn-709b0e38{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.flash-success[data-v-709b0e38]{background-color:#f0fdf4;border-color:#22c55e;color:#166534}.flash-error[data-v-709b0e38]{background-color:#fef2f2;border-color:#ef4444;color:#991b1b}.flash-warning[data-v-709b0e38]{background-color:#fffbeb;border-color:#f59e0b;color:#92400e}.flash-info[data-v-709b0e38]{background-color:#eff6ff;border-color:#3b82f6;color:#1e40af}.flash-icon[data-v-709b0e38]{flex-shrink:0;width:20px;height:20px}.flash-text[data-v-709b0e38]{flex:1}.flash-close[data-v-709b0e38]{flex-shrink:0;background:none;border:none;font-size:24px;line-height:1;cursor:pointer;opacity:.6;transition:opacity .2s}.flash-close[data-v-709b0e38]:hover{opacity:1}.flash-container[data-v-1ad3db57]{display:flex;flex-direction:column;gap:.5em;max-width:400px}.flash-container--toast[data-v-1ad3db57]{position:fixed;top:calc(var(--nav-height) + 1em);right:1em;z-index:9999;pointer-events:none}.flash-container--toast[data-v-1ad3db57]>*{pointer-events:auto}.flash-container--dialog[data-v-1ad3db57]{position:fixed;top:1em;padding:0 .5em;z-index:9999}.flash-list-enter-active[data-v-1ad3db57],.flash-list-leave-active[data-v-1ad3db57]{transition:all .3s ease}.flash-list-enter-from[data-v-1ad3db57],.flash-list-leave-to[data-v-1ad3db57]{opacity:0;transform:translate(100%)}.flash-list-move[data-v-1ad3db57]{transition:transform .3s ease}#login_dialog[data-v-46d73863]{max-width:500px;height:fit-content;padding:1em}header[data-v-b0c2ac8d]{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.5em;background-color:#fff;box-shadow:0 0 10px #0000001a;height:var(--nav-height);z-index:1000000;opacity:.97}.main-icon[data-v-b0c2ac8d]{width:auto;height:calc(var(--nav-height) - .5em);margin-top:.25em;filter:drop-shadow(0 2px 2px #aaa)}.main-icon[data-v-b0c2ac8d]:active{filter:drop-shadow(0 0 0 #aaa)}.header-nav-left[data-v-b0c2ac8d],.header-nav-right[data-v-b0c2ac8d]{display:flex;justify-content:space-between;align-items:center;list-style:none}.header-nav-left[data-v-b0c2ac8d]{margin-left:1em}.header-nav-right[data-v-b0c2ac8d]{margin-right:1em;gap:1.5em}.header-nav-right .login-button[data-v-b0c2ac8d]{background-color:#f0f2f4;border-radius:.5em;padding:.3em .7em}.login-button[data-v-b0c2ac8d],.user_menu_button[data-v-b0c2ac8d]{cursor:pointer}.user_menu_container[data-v-b0c2ac8d]{position:fixed;width:70%;max-width:300px;display:flex;flex-direction:column;gap:.5em;top:calc(var(--nav-height) + .1em);background-color:#c8c8c8f2;padding:1em 1.5em;right:0;z-index:1000000}.loading-screen[data-v-5db171b1]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0009;display:flex;justify-content:center;align-items:center;z-index:10000000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.loading-screen--dialog[data-v-5db171b1]{position:absolute;z-index:1}.loading-content[data-v-5db171b1]{display:flex;flex-direction:column;align-items:center;gap:1.5rem}.spinner[data-v-5db171b1]{width:60px;height:60px;border:4px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin-5db171b1 1s linear infinite}@keyframes spin-5db171b1{to{transform:rotate(360deg)}}.loading-text[data-v-5db171b1]{color:#fff;font-size:1.2rem;font-weight:500;margin:0;text-shadow:0 2px 4px rgba(0,0,0,.3)}.fade-enter-active[data-v-5db171b1],.fade-leave-active[data-v-5db171b1]{transition:opacity .3s ease}.fade-enter-from[data-v-5db171b1],.fade-leave-to[data-v-5db171b1]{opacity:0}.main_container--detail[data-v-312d57c3]{background-image:url(/bookshelf/web/assets/detail-D4SAk7CE.png);background-size:cover;background-position:center;background-repeat:no-repeat}