.inner{position:relative}@media (min-width: 961px){.inner{width:880px;margin:0 auto}}@media (max-width: 767px){.inner{width:440px}}input{max-width:100%}label{display:block;margin-bottom:0.5rem}#app{background:#3c320f;font-family:source-han-serif-japanese, serif;font-weight:500;font-style:normal;position:relative}h1{color:rgba(255,255,255,0.4);-webkit-writing-mode:vertical-rl;-ms-writing-mode:tb-rl;writing-mode:vertical-rl;letter-spacing:0.2em;position:absolute;left:0;top:0}h1 span{text-combine-upright:all;letter-spacing:0;margin-bottom:0.3rem}.display-tab{width:50%;margin:0 auto;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 767px){.display-tab{width:90%}}.display-tab .belong{width:calc(100%/10);border:1px solid transparent}.display-tab .belong:hover{border:1px solid #66c}.display-tab .belong input[type="checkbox"]{display:none}.display-tab .belong input[type="checkbox"]+div{height:15px;background-position:center center;background-size:contain;opacity:0.4}.display-tab .belong>input[type="checkbox"]:checked+div{opacity:1}.unitwrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-bottom:0.5rem}.unitwrap .unit{display:-webkit-box;display:-ms-flexbox;display:flex}.unitwrap .unit form{padding:1rem 1rem}.unitwrap .unit label{color:#ffffff;text-align:right}.unitwrap .unit .base-status{font-size:14px;color:#ffffff;margin-bottom:0.5rem}.unitwrap .unit .choosing{width:208px;height:312px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;background-position:calc(11/208*100%) calc(10/312*100%),left top,left top,left top,left top;background-repeat:no-repeat}.unitwrap .unit .choosing .nametag{width:100%;height:37px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:20px;color:#ffffff;line-height:28px;text-align:center;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;padding-top:4px;margin:unset;margin-bottom:12px}.unitwrap .unit .choosing1{background-size:calc(40/208*100%) calc(40/312*100%),calc(63/208*100%) calc(66/312*100%),100% 100%,100% 100%,100% 100%}.unitwrap .unit .choosing2{background-size:calc(40/208*100%) calc(40/312*100%),calc(60/208*100%) calc(58/312*100%),100% 100%,100% 100%,100% 100%}.line-plusminus{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.line-plusminus .star{width:92px;height:31px;-webkit-transform:scaleX(-1);transform:scaleX(-1);background-position:center center}.line-result{font-size:1.6rem;color:#fff;line-height:1.3;text-align:right;text-shadow:0px 0px 2px #66c,0px 0px 4px #66c}.belong-tab{display:-webkit-box;display:-ms-flexbox;display:flex;list-style:none;border-bottom:2px solid #92766b}@media (max-width: 767px){.belong-tab{-ms-flex-wrap:wrap;flex-wrap:wrap}}.belong-tab .belong{width:calc(100%/10);border:2px solid transparent;border-bottom:none;margin-bottom:-2px;border-radius:4px 4px 0 0}@media (max-width: 767px){.belong-tab .belong{width:calc(100%/5)}}.belong-tab .belong:hover{border-color:#cccccc}.belong-tab .belong a{display:block;padding:15px 15px;text-decoration:none;background-size:contain;background-position:center center}.belong-tab .belong.displaying{border-color:#92766b;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, #8f6100), to(#4c2a07));background:linear-gradient(180deg, #8f6100 70%, #4c2a07)}.belong-tab .belong:hover{border-color:#92766b;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, #dda918), to(#684a24));background:linear-gradient(180deg, #dda918 70%, #684a24)}.belong-tab .belong.activeTab{border-color:#92766b;background:-webkit-gradient(linear, left top, left bottom, color-stop(70%, #32aed0), to(#36311d));background:linear-gradient(180deg, #32aed0 70%, #36311d);margin-top:-10px;padding-top:5px}.wrap-cardlist{background-color:#322610;padding:0.5rem 0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex}@media (max-width: 767px){.wrap-cardlist{-ms-flex-wrap:wrap;flex-wrap:wrap}}.wrap-cardlist .area-content{width:75%;height:468px;overflow-y:scroll}@media (max-width: 767px){.wrap-cardlist .area-content{width:100%;-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}}.wrap-cardlist .area-content::-webkit-scrollbar{width:7px}.wrap-cardlist .area-content::-webkit-scrollbar-thumb{background:-webkit-gradient(linear, left bottom, left top, from(#3e2403), to(#916909));background:linear-gradient(0deg, #3e2403, #916909);border:1px solid #d7d04e;border-radius:2px}.wrap-cardlist .area-content::-webkit-scrollbar-track{background:#12090c;border:1px solid #84805d;border-radius:4px}.wrap-cardlist .area-search{width:25%;padding-left:1rem}@media (max-width: 767px){.wrap-cardlist .area-search{width:100%;-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1;padding-left:0.5rem;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}}@media (max-width: 767px){.wrap-cardlist .area-search>div{width:50%;margin-bottom:0.5rem !important}}.wrap-cardlist .area-search .title{display:block;color:#c1a55b}.wrap-cardlist .area-search .search-name{margin-bottom:1.5rem}.wrap-cardlist .area-search .search-name input{width:90%;background-color:#ffffff;border-radius:4px}.wrap-cardlist .area-search .search-name input:focus{outline:none}.wrap-cardlist .area-search .search-name input::-webkit-input-placeholder{color:#ccc}.wrap-cardlist .area-search .search-name input:-ms-input-placeholder{color:#ccc}.wrap-cardlist .area-search .search-name input::-ms-input-placeholder{color:#ccc}.wrap-cardlist .area-search .search-name input::placeholder{color:#ccc}.wrap-cardlist .area-search .search-condition{margin-bottom:1.5rem}.wrap-cardlist .area-search .search-condition select{width:70%;background-color:#ffffff;border-radius:4px}@media (max-width: 767px){.wrap-cardlist .area-search .search-condition select{width:8rem}}.wrap-cardlist .area-search .search-order{margin-bottom:1.5rem}.wrap-cardlist .area-search .search-order select{width:5rem;background-color:#fff;font-size:13px;letter-spacing:-0.1em;padding:10px 10px 10px 0;-webkit-box-shadow:none;box-shadow:none;border-bottom:1px solid rgba(0,0,0,0.3);border-radius:4px}@media (max-width: 767px){.wrap-cardlist .area-search .search-order select{width:6rem;height:2.2rem;padding:0.1rem}}.wrap-cardlist .area-search .search-order select:focus{outline:none}.wrap-cardlist .area-search .search-order button.sorted{height:2.5rem;background-color:#fff;color:#9b4dca;border:1px solid #9b4dca;border-radius:19px;font-size:12px;font-weight:bold;display:inline-block;padding:0 10px;min-width:6em;cursor:pointer;outline:none;-webkit-transition:.2s;transition:.2s}@media (max-width: 767px){.wrap-cardlist .area-search .search-order button.sorted{height:2.2rem}}.wrap-cardlist .area-search .search-order button.sorted.desc{background-color:#9b4dca;color:#ffffff;border:1px solid #fff}.wrap-cardlist .area-search .search-order button.sorted.desc::after{content:'▼降順';display:inline-block}.wrap-cardlist .area-search .search-order button.sorted.asc::after{content:'▲昇順';display:inline-block}.wrap-cardlist .area-search .search-elemental .elemental-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around}.wrap-cardlist .area-search .search-elemental input[type="checkbox"]{display:none}.wrap-cardlist .area-search .search-elemental label>input[type="checkbox"]:checked+div{outline:3px solid #66c;border-radius:3px}.wrap-cardlist .area-search .search-elemental .elemental{display:inline-block;height:1.3em;width:1.3em;background-size:1.6em;background-position:center center;margin-right:2px;border-radius:3px;border:solid 1px #ccc;cursor:pointer}.wrap-cardlist .area-search .search-elemental #no+.elemental{background-image:url("images/sys/シス／カード／属性／無.png")}.wrap-cardlist .area-search .search-elemental #fire+.elemental{background-image:url("images/sys/シス／カード／属性／炎.png")}.wrap-cardlist .area-search .search-elemental #ice+.elemental{background-image:url("images/sys/シス／カード／属性／氷.png")}.wrap-cardlist .area-search .search-elemental #thunder+.elemental{background-image:url("images/sys/シス／カード／属性／雷.png")}.wrap-cardlist .area-search .search-elemental #light+.elemental{background-image:url("images/sys/シス／カード／属性／光.png")}.wrap-cardlist .area-search .search-elemental #dark+.elemental{background-image:url("images/sys/シス／カード／属性／闇.png")}.wrap-cardlist ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.wrap-cardlist ul li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;list-style:none;width:104px;height:156px;background-position:calc(11/208*100%) calc(10/312*100%),left top,left top,left top,left top;background-repeat:no-repeat}.wrap-cardlist ul li:hover{cursor:pointer;position:relative}.wrap-cardlist ul li:hover::before{content:'';width:100%;height:100%;border:3px solid rgba(254,158,82,0.7);position:absolute}.wrap-cardlist ul li p.nametag{width:100%;height:16px;-webkit-box-sizing:border-box;box-sizing:border-box;font-size:10px;color:#ffffff;line-height:14px;text-align:center;background-size:100% auto;background-position:center bottom;background-repeat:no-repeat;padding-top:2px;margin:unset;margin-bottom:6px}.wrap-cardlist .list1 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(63/208*100%) calc(66/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list2 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(60/208*100%) calc(58/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list3 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(68/208*100%) calc(64/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list4 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(62/208*100%) calc(62/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list5 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(71/208*100%) calc(71/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list6 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(59/208*100%) calc(59/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list7 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(60/208*100%) calc(59/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list8 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(58/208*100%) calc(57/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list9 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(63/208*100%) calc(63/312*100%),100% 100%,100% 100%,100% 100%}.wrap-cardlist .list10 li{background-size:calc(40/208*100%) calc(40/312*100%),calc(78/208*100%) calc(74/312*100%),100% 100%,100% 100%,100% 100%}input[type="number"]{width:4em;font-size:1.2rem;color:#66c;background-color:#ffffff;border-radius:0.5rem;padding:0 0.5rem}input[type="number"]:focus{outline:none}select{font-size:1rem;color:#66c;-webkit-box-shadow:1px 1px 1px #333;box-shadow:1px 1px 1px #333;padding:0 1rem}input[type="range"]{-webkit-appearance:none;background:#fff;height:1.25rem;width:100px;border-radius:0.5rem;margin-top:5px}input[type="range"]:focus{outline:none}input[type="range"]::-webkit-slider-thumb{-webkit-appearance:none;background:#66c;height:1rem;width:1rem;border-radius:50%}input[type="range"]::-ms-tooltip{display:none}input[type="range"]::-moz-range-track{height:0}input[type="range"]::-moz-range-thumb{background:#66c;height:1rem;width:1rem;border:none;border-radius:50%}.unit{-webkit-animation:show 1s linear 0s;animation:show 1s linear 0s}@-webkit-keyframes show{from{opacity:0}to{opacity:1}}@keyframes show{from{opacity:0}to{opacity:1}}.cards-leave-active,.cards-enter-active{-webkit-transition:opacity 0.5s, -webkit-transform 0.5s ease;transition:opacity 0.5s, -webkit-transform 0.5s ease;transition:opacity 0.5s, transform 0.5s ease;transition:opacity 0.5s, transform 0.5s ease, -webkit-transform 0.5s ease}.cards-leave-to,.cards-enter{opacity:0;-webkit-transform:translateX(50px);transform:translateX(50px)}.cards-leave,.cards-enter-to{opacity:1}.cards-move{-webkit-transition:-webkit-transform 0.5s;transition:-webkit-transform 0.5s;transition:transform 0.5s;transition:transform 0.5s, -webkit-transform 0.5s}
/*# sourceMappingURL=style.css.map */