@font-face{font-family:HYPERSU;font-display:swap;src:url(/fonts/HYPERSU.woff)format("woff")}:root{--font-base:Roboto, -apple-system, BlinkMacSystemFont, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, "Noto Sans JP", sans-serif;--c-dark:#333;--c-editor:#333844;--c-accent:#58c2dc;--c-link:#43b3e2;--c-btn1:#33b5e5;--c-btn2:#4285f4;--c-btn3:#a6c;--outline-white:white 2px 0px, white -2px 0px, white 0px -2px, white 0px 2px, white 2px 2px, white -2px 2px, white 2px -2px, white -2px -2px, white 1px 2px, white -1px 2px, white 1px -2px, white -1px -2px, white 2px 1px, white -2px 1px, white 2px -1px, white -2px -1px;--outline-black:black 2px 0px, black -2px 0px, black 0px -2px, black 0px 2px, black 2px 2px, black -2px 2px, black 2px -2px, black -2px -2px, black 1px 2px, black -1px 2px, black 1px -2px, black -1px -2px, black 2px 1px, black -2px 1px, black 2px -1px, black -2px -1px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;word-break:break-word;font-size:16px}body{color:#212529;font-family:var(--font-base);overscroll-behavior-y:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);background:#f6f6f4;margin:0;line-height:1.5}h1,h2,h3,h4{margin:0;padding:0;font-weight:700}h1{letter-spacing:.2rem;font-size:1.3rem}h2{font-size:1.2rem}h3{font-size:1.1rem}h4{font-size:1rem;font-weight:400}img{vertical-align:middle;max-width:100%;height:auto}a{color:var(--c-link)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}.bold{font-weight:700}.small{font-size:80%}.mb-2{margin-bottom:.5rem}.mt-2{margin-top:.5rem}@media (width<=479px){body{background:#fff}.hide-sp{display:none}}.site-header{background-color:var(--c-dark);justify-content:center;padding:.5rem 1rem;display:flex}.site-header img{width:auto;height:1.8rem}.site-footer{background:var(--c-dark);color:#fafafa;justify-content:center;width:100%;padding:2rem 1rem;display:flex}.footer-wrap{width:500px;max-width:100%}.footer-logo{text-align:center}.footer-logo img{width:auto;height:2.5rem}.footer-link{flex-wrap:wrap;justify-content:space-between;gap:.5rem;margin:1rem 0;padding:0;font-size:.8rem;list-style:none;display:flex}.footer-link a{color:#fafafa}.copyright{text-align:center;margin-top:1rem;font-size:.75rem}.select-btn{color:#fff;text-align:center;cursor:pointer;border:none;border-radius:.3rem;width:100%;padding:.8rem;font-size:.9rem;text-decoration:none;display:block}.select-btn:hover{box-shadow:0 3px 5px #0000004d}.btn-type1{background-color:var(--c-btn1)}.btn-type2{background-color:var(--c-btn2)}.btn{border:none;border-radius:.25rem;padding:.5rem 1.75rem;font-size:.9rem}.btn-dark{color:#fff;background:#343a40}.btn-light{color:#333;background:#eee}.more-btn{text-align:center;color:#5bc2dc;background:#fff;border:1px solid #5bc2dc;border-radius:3rem;width:95%;max-width:500px;margin:1rem auto;padding:1rem;font-size:.8rem;text-decoration:none;transition:all .5s;display:block}.more-btn:hover{color:#fff;background:#5bc2dc}.input-field{background:#f9f9f9;border:1px solid #e3e3e3;border-radius:3px;width:100%;padding:.5rem;font-size:16px;display:block}textarea.input-field{resize:vertical}.color-field{background:#f9f9f9;border:1px solid #e3e3e3;border-radius:3px;width:60px;height:32px;padding:2px}select.color-field{height:auto;font-size:16px}.field-row{flex-wrap:wrap;justify-content:space-between;gap:0 1rem;margin-top:.5rem;display:flex}.field-inline{white-space:nowrap;align-items:center;gap:.25rem;margin:.5rem 0;display:inline-flex}.field-cols{grid-template-columns:1fr 1fr;gap:1rem;display:grid}.field-cols h4{margin-bottom:.25rem}.note{color:#666;margin-top:.5rem;display:block}.switch-row{cursor:pointer;align-items:center;gap:.5rem;margin:.5rem 0;display:flex}.switch{flex:none;width:41px;height:24px;position:relative}.switch input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute}.switch-track{pointer-events:none;border:2px solid #999;border-radius:12px;position:absolute;inset:0}.switch-knob{pointer-events:none;background:#999;border-radius:8px;width:16px;height:16px;transition:all .2s;position:absolute;top:4px;left:4px}.switch input:checked~.switch-track{border-color:var(--c-accent)}.switch input:checked~.switch-knob{background:var(--c-accent);transform:translate(17px)}.switch input:focus-visible~.switch-track{outline:2px solid var(--c-btn2);outline-offset:2px}.modal-backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-dialog{color:#212529;background:#fff;border-radius:.3rem;flex-direction:column;width:100%;max-width:500px;max-height:calc(100dvh - 2rem);display:flex;overflow:hidden;box-shadow:0 5px 20px #0000004d}.modal-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.modal-title{margin:0;font-size:1.1rem;font-weight:700}.modal-close{color:#666;background:0 0;border:none;padding:0 .25rem;font-size:1.5rem;line-height:1}.modal-body{flex:1;padding:1rem;overflow:auto}.modal-footer{border-top:1px solid #eee;justify-content:center;padding:.75rem;display:flex}.thumb-list{flex-wrap:wrap;justify-content:center;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.thumb-list button{background:#f6f6f4;border:none;border-radius:5px;padding:.5rem}.thumb-list button:hover{background:#999}.thumb-list img{width:60px}.info-page{max-width:800px;margin:0 auto;padding:1rem 1rem 3rem}.info-title{text-align:center;margin:1.5rem 0}.info-item h3{margin-top:1.5rem;padding-left:1rem}.info-card{background:#fff;border-radius:.3rem;margin-top:.75rem;padding:1.5rem;box-shadow:0 2px 5px #00000029}.history td:first-child{white-space:nowrap;padding-right:1rem}.legal{background:#fff;padding:1rem 1.25rem;font-size:.875rem}.legal h2{margin-bottom:1rem}.legal h3{margin:1.5rem 0 .5rem;font-size:1rem}.legal ol{padding-left:1.5rem}.legal-date{margin-top:2rem}.not-found{text-align:center;padding:3rem 1rem}.index-img{background-color:var(--c-dark);background-image:url(/img/header_bg.jpg);background-position:top;background-repeat:no-repeat;background-size:auto 110vw;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;min-height:400px;margin:0 auto;padding:3rem 3rem .5rem;display:flex}.index-logo{text-align:center;width:100%;height:100px;margin:0}.index-logo img{width:auto;height:100%}.index-message{color:#fff;letter-spacing:.1rem;text-align:center;text-shadow:0 0 5px;margin:0 0 1rem;font-size:.9rem;line-height:2}.design-select-wrap{color:#fafafa;text-align:center;background-color:#121212;width:100%;padding:.5rem .5rem 3rem}.section-head{margin:1.5rem}.heading{text-shadow:0 0 10px;margin-bottom:1rem}.design-select{flex-wrap:wrap;justify-content:space-evenly;align-items:center;display:flex}.design-card{border:3px solid var(--c-dark);width:60vw;max-width:300px;height:87vw;max-height:435px;box-shadow:0 0 5px var(--c-dark);color:#0000;cursor:pointer;background-color:#fff;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:.7rem;justify-content:center;align-items:center;margin-bottom:1rem;font-size:3rem;font-weight:700;text-decoration:none;display:flex}.design-card.design-card-wide{width:87vw;max-width:435px;height:53vw;max-height:265px}.design-card:hover,.design-card:focus-visible{background-blend-mode:multiply;color:#eee;background-color:#0009;border-color:#fff;transition:all .5s}.section-wrap{margin:5rem auto 1rem;padding:0 1rem}.about{background-color:var(--c-dark);border-radius:1rem;max-width:800px;margin:0 auto;padding:1rem}.about p{margin:0;padding:0 .5rem;font-size:.9rem}.mv-wrap{justify-content:center;height:0;padding-bottom:56.25%;display:flex;position:relative;overflow:hidden}.mv-wrap iframe{border:0;width:100%;max-width:560px;height:100%;max-height:315px;position:absolute;top:0}.charat-banner{border:3px solid var(--c-dark);width:80vw;height:80vw;box-shadow:0 0 5px var(--c-dark);background-image:url(/img/charat_banner_sp.svg);background-repeat:no-repeat;background-size:cover;border-radius:40vw;margin:0 auto 1rem;display:block}@media (width>=480px){.index-logo{height:150px}.index-img{background-size:auto}.heading{font-size:2rem}.about{padding:3rem}.about p{padding:0 4rem}.mv-wrap{height:315px;padding-bottom:0}.charat-banner{background-image:url(/img/charat_banner.svg);border-radius:.5rem;max-width:560px;height:calc(min(80vw,560px)/1.90476)}.charat-banner:hover{background-blend-mode:multiply;background-color:#0009;border-color:#fff;transition:all .5s}}.editor{background:#fff;max-width:800px;margin:0 auto}@media (width>=480px){.editor-page{flex-direction:column;min-height:100dvh;display:flex}.editor-page>.editor{width:100%}.editor-footer{margin-top:auto}.editor{border-radius:.3rem;margin:1rem auto 2rem;overflow:clip;box-shadow:0 5px 10px #0000004d}}.editor-loading{text-align:center;color:#999;padding:3rem 1rem}.card-all-wrapper{z-index:50;background-color:var(--c-editor);position:sticky;top:0}.card-wrapper{padding:10px;position:relative}.card-stage-box{position:relative}.card-stage{transform-origin:0 0;width:300px;height:435px}.card-switch{z-index:3;flex-direction:column;gap:1rem;display:flex;position:absolute;top:10px;right:10px}.switch-btn{color:#fff;border:none;border-radius:1rem;min-width:6rem;max-width:10rem;padding:10px;font-size:.8rem;line-height:1;box-shadow:0 3px 5px #0000004d}.switch-btn:disabled{opacity:.7;cursor:wait}.flip-btn{background:var(--c-btn1)}.preview-btn{background:var(--c-btn2)}.complete-btn{background:var(--c-btn3)}.card-adjust-message{color:#fafafa;text-align:center;margin:1rem 0 0;font-size:.9rem}.scroll-nav{scrollbar-width:none;background:#222;height:40px;overflow:auto hidden}.scroll-nav::-webkit-scrollbar{display:none}.scroll-nav ul{width:max-content;margin:0;padding:0;list-style:none;display:flex}.tab-item{color:#fff;white-space:nowrap;background:#222;border:none;border-bottom:5px solid #0000;height:40px;padding:0 1rem;font-size:.9rem}.tab-item:hover{background:#555}.tab-item.is-active{border-bottom-color:var(--c-accent)}.input-area-wrapper{min-width:300px;max-width:800px;margin:0 auto}.input-area-body{min-height:12rem;padding:1rem}@media (width>=480px){.input-area-body{padding:2rem 4rem 6rem}}.skill-inputs{grid-template-columns:3fr 1fr;gap:.5rem;display:grid}.cost-selects{grid-template-columns:repeat(4,1fr);gap:.25rem;display:grid}.editor.is-wide .card-wrapper{flex-direction:column;align-items:center;display:flex}.editor.is-wide .card-switch{flex-direction:row;justify-content:center;gap:.75rem;margin-bottom:10px;position:static}body.preview-mode-body{background-color:var(--c-editor);overflow:hidden}.editor.is-preview{background:var(--c-editor);min-height:100dvh;box-shadow:none;margin:0 auto}.is-preview .card-wrapper{flex-direction:column;align-items:center;display:flex}.is-preview .card-switch{flex-direction:row;justify-content:space-evenly;width:100%;margin-bottom:1rem;position:static}.crop-area{background:#333;height:min(60dvh,480px)}.crop-area img{max-width:100%;display:block}.crop-hint{color:#666;text-align:center;margin:.5rem 0 0;font-size:.8rem}.crop-actions{gap:.5rem;display:flex}.modal-result .modal-body{text-align:center}.card-complete-image{width:min(300px,65vw);height:auto}.download-message-sp{margin:0 0 .5rem;font-size:.9rem;display:none}@media (hover:none){.download-message-sp{display:block}}.result-actions{gap:.5rem;max-width:320px;margin:1rem auto 0;display:grid}.result-actions .note{margin-top:-.25rem;font-size:.75rem}.card-flip{position:relative}.card-face{color:#212529;width:100%;height:100%;font-family:var(--font-base);text-align:left;background-repeat:no-repeat;background-size:cover;font-size:1rem;line-height:1.5;position:absolute;top:0;left:0;overflow:hidden}.card-face img{max-width:none}.card-surface{opacity:1;transition:opacity .1s .15s,transform .3s .15s;transform:rotateY(0)}.card-reverse,.is-reverse .card-surface{opacity:0;transition:opacity 50ms .2s,transform .3s;transform:rotateY(90deg)}.is-reverse .card-reverse{opacity:1;transition:opacity .1s .15s,transform .3s .15s;transform:rotateY(0)}.capture-stage{visibility:hidden;pointer-events:none;z-index:-1;position:absolute;top:0;left:0}.capture-stage .card-face{opacity:1;transition:none;transform:none}.drag-and-drop{z-index:1000;position:absolute}.drag-and-drop.is-draggable{cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.card-holo{box-shadow:-3px -3px 3px #26e6f799,3px 3px 3px #f759e499,0 0 6px 2px #ffe75999,0 35px 25px -15px #00000080}.card-holo:before,.card-holo:after{content:"";mix-blend-mode:color-dodge;opacity:.2;z-index:1;pointer-events:none;background-image:linear-gradient(115deg,#0000 0%,#00e7ff 30%,#ff00e7 70%,#0000 100%);background-position:0 0;background-repeat:no-repeat;background-size:250% 250%;position:absolute;inset:0}.card-holo:before{animation:3s linear infinite reflection}.card-holo:after{opacity:1;z-index:2;background-image:url(/img/effect/sparkles.gif);background-position:50%;background-size:200%}@keyframes reflection{0%{opacity:0;background-position:100% 100%}5%{opacity:1;background-position:75% 75%}20%{opacity:0;background-position:0 0}to{opacity:0;background-position:0 0}}