@charset "UTF-8";/*!
Copyright (c) 2012 Google Inc. (opensource@google.com).
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at: https://scripts.sil.org/OFL
*//*!
YakuHanJP
OFL-1.1 AND MIT
-----------------
SIL Open Font License version 1.1
Copyright Qrac
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
-----------------
MIT License
Copyright Qrac
Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*//*!
Copyright (c) 2010, NHN Corporation (http://www.nhncorp.com), with Reserved Font Name Nanum, Naver Nanum, NanumGothic, Naver NanumGothic, NanumMyeongjo, Naver NanumMyeongjo, NanumBrush, Naver NanumBrush, NanumPen, Naver NanumPen.
This Font Software is licensed under the SIL Open Font License, Version 1.1 . This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
*//*!
Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'
This Font Software is licensed under the SIL Open Font License, Version 1.1 . 
This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
*//*!
Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://openfontlicense.org
*//*!
Copyright 2012 Google Inc. All Rights Reserved.

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
http://scripts.sil.org/OFL
*//*!
Copyright 2014-2021 Adobe (http://www.adobe.com/), with Reserved Font Name 'Source'

This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is copied below, and is also available with a FAQ at:
https://scripts.sil.org/OFL
*//*!
Copyright 2012 Google Inc. All Rights Reserved.
This Font Software is licensed under the SIL Open Font License, Version 1.1 . This license is copied below, and is also available with a FAQ at: https://openfontlicense.org
*/html[lang=ja] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2,#deck-build #site-wrapper #main-container main html[lang=ja] .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-family:var(--font-family-serif-ja)}html[lang=zh-Hans] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2,#deck-build #site-wrapper #main-container main html[lang=zh-Hans] .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-family:var(--font-family-serif-cn)}html[lang=zh-Hant] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2,#deck-build #site-wrapper #main-container main html[lang=zh-Hant] .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-family:var(--font-family-serif-tw)}html[lang=ko] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2,#deck-build #site-wrapper #main-container main html[lang=ko] .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-family:var(--font-family-sans-ko)}html[lang=en] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2,#deck-build #site-wrapper #main-container main html[lang=en] .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-family:var(--font-family-serif)}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text,.class-feature-tab-content-title,#c-modal-build-top-help .container .body.class .cards__tab ul li a span,#c-modal-build-top-help .container .body.class .class__content li .class-name{font-feature-settings:"palt"}html[lang=ja] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=ja] #kv>h1>.category-title,html[lang=ja] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=ja] #kv>h1>.page-title,html[lang=ja] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners html[lang=ja] .button-text,html[lang=ja] .class-feature-tab-content-title,html[lang=ja] #c-modal-build-top-help .container .body.class .cards__tab ul li a span,#c-modal-build-top-help .container .body.class .cards__tab ul li a html[lang=ja] span,html[lang=ja] #c-modal-build-top-help .container .body.class .class__content li .class-name,#c-modal-build-top-help .container .body.class .class__content li html[lang=ja] .class-name{font-weight:700;font-family:font-web-lang,"Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR",serif}html[lang=en] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=en] #kv>h1>.category-title,html[lang=en] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=en] #kv>h1>.page-title,html[lang=en] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners html[lang=en] .button-text,html[lang=en] .class-feature-tab-content-title,html[lang=en] #c-modal-build-top-help .container .body.class .cards__tab ul li a span,#c-modal-build-top-help .container .body.class .cards__tab ul li a html[lang=en] span,html[lang=en] #c-modal-build-top-help .container .body.class .class__content li .class-name,#c-modal-build-top-help .container .body.class .class__content li html[lang=en] .class-name{font-family:font-web-lang,"Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR",serif}html[lang=zh-Hant] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=zh-Hant] #kv>h1>.category-title,html[lang=zh-Hant] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=zh-Hant] #kv>h1>.page-title,html[lang=zh-Hant] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners html[lang=zh-Hant] .button-text,html[lang=zh-Hant] .class-feature-tab-content-title,html[lang=zh-Hant] #c-modal-build-top-help .container .body.class .cards__tab ul li a span,#c-modal-build-top-help .container .body.class .cards__tab ul li a html[lang=zh-Hant] span,html[lang=zh-Hant] #c-modal-build-top-help .container .body.class .class__content li .class-name,#c-modal-build-top-help .container .body.class .class__content li html[lang=zh-Hant] .class-name{font-family:font-web-lang,"Noto Serif TC","Noto Serif JP","Noto Serif SC","Noto Serif KR",serif}html[lang=zh-Hans] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=zh-Hans] #kv>h1>.category-title,html[lang=zh-Hans] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=zh-Hans] #kv>h1>.page-title,html[lang=zh-Hans] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners html[lang=zh-Hans] .button-text,html[lang=zh-Hans] .class-feature-tab-content-title,html[lang=zh-Hans] #c-modal-build-top-help .container .body.class .cards__tab ul li a span,#c-modal-build-top-help .container .body.class .cards__tab ul li a html[lang=zh-Hans] span,html[lang=zh-Hans] #c-modal-build-top-help .container .body.class .class__content li .class-name,#c-modal-build-top-help .container .body.class .class__content li html[lang=zh-Hans] .class-name{font-weight:700;font-family:font-web-lang,"Noto Serif SC","Noto Serif JP","Noto Serif TC","Noto Serif KR",serif}html[lang=ko] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=ko] #kv>h1>.category-title,html[lang=ko] #deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,#deck-build #site-wrapper #main-container main .main-wrapper html[lang=ko] #kv>h1>.page-title,html[lang=ko] #deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners html[lang=ko] .button-text,html[lang=ko] .class-feature-tab-content-title,html[lang=ko] #c-modal-build-top-help .container .body.class .cards__tab ul li a span,#c-modal-build-top-help .container .body.class .cards__tab ul li a html[lang=ko] span,html[lang=ko] #c-modal-build-top-help .container .body.class .class__content li .class-name,#c-modal-build-top-help .container .body.class .class__content li html[lang=ko] .class-name{font-weight:800;font-family:font-web-lang,Noto Sans KR,sans-serif}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input:focus{outline:none;border:1px solid #ccb68e}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input{background-color:#252a34;border:1px solid #6d7072;color:#fff7ea;width:100%;transition:background-color .5s ease,border-color .5s ease,box-shadow .5s ease,transform .5s ease}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input~.error-text{display:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input.error{border:1px solid #af7482}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input.error~.error-text{color:#af7482;display:block}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input~.input-clear-btn{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;background-color:transparent;border:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input~.input-clear-btn.hide{display:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn{cursor:pointer;border:1px solid rgb(231,205,156);background:linear-gradient(0deg,#203b4d,#335d77);display:flex;justify-content:center;align-items:center;transition:all .2s ease}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .disabled.create-new-deck-btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .disabled.btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .disabled.btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn:disabled,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn:disabled,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn:disabled{pointer-events:none;cursor:default;background:#252a34;border:1px solid #6d7072;opacity:.3}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips{cursor:pointer}#deck-build #site-wrapper #main-container main .main-wrapper #kv:before{content:"";display:inline-block;background-size:cover;position:absolute;left:0;-webkit-mask-image:linear-gradient(to bottom,rgb(0,0,0) 30%,transparent);mask-image:linear-gradient(to bottom,rgb(0,0,0) 30%,transparent)}#c-modal-build-top-help .container .body.class .cards__tab{margin:0 auto;position:relative;z-index:10}#c-modal-build-top-help .container .body.class .cards__tab ul{display:flex}#c-modal-build-top-help .container .body.class .cards__tab ul li a{display:flex;width:100%;height:100%;flex-direction:column;text-align:center;transition:filter .3s;white-space:nowrap}#c-modal-build-top-help .container .body.class .cards__tab ul li a img,#c-modal-build-top-help .container .body.class .cards__tab ul li a span{transition:filter var(--hover-transition-duration)}#c-modal-build-top-help .container .body.class .cards__tab ul li a.active{pointer-events:none}#c-modal-build-top-help .container .body.class .cards__tab ul li a.active img{filter:drop-shadow(0 0 var(--drop-shadow-blur-1) rgba(0,205,255,.5)) drop-shadow(0 0 var(--drop-shadow-blur-1) rgba(0,205,255,.5))}#c-modal-build-top-help .container .body.class .cards__tab ul li a.active span{filter:drop-shadow(0 0 var(--drop-shadow-blur-1) #00cdff) drop-shadow(0 0 var(--drop-shadow-blur-1) #00cdff)}#c-modal-build-top-help .container .body.class .cards__tab ul li a img{display:block;margin:auto}#c-modal-build-top-help .container .body.class .cards__tab ul li a span{display:block;text-align:center;width:100%}#c-modal-build-top-help .container .body.class .class__content{position:relative;border-radius:5px}#c-modal-build-top-help .container .body.class .class__content li{position:absolute;top:0;left:0;width:100%;opacity:0;transition:1s opacity}#c-modal-build-top-help .container .body.class .class__content li.active{opacity:1}#c-modal-build-top-help .container .body.class .class__content li .class-name{color:#fff7ea;text-shadow:0 2px 5px rgba(0,0,0,.5)}#c-modal-build-top-help .container .body.class .class__content li .description{color:#fff7ea;line-height:1.6em;position:relative;z-index:10}#c-modal-build-top-help .container .body.class .class__content li .character{position:absolute;z-index:5;bottom:0;right:0}#c-modal-build-top-help .container .body.class .class__content li .character:before{content:"";position:relative;display:block;margin:auto}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images p{text-align:center}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .img-1{margin:auto}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .arr:before{content:"";display:block;margin:auto;background:url(/assets/images/arr_r.DVAEcTUi.svg) no-repeat;background-size:100% auto}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .img-2{margin:auto}.button-banners{display:grid;gap:var(--button-gap)}.button-banners .button{position:relative;overflow:hidden;display:flex;border-radius:var(--border-radius-base);border:1px solid var(--border-color-base);background-repeat:no-repeat;background-position:center right;background-size:cover;line-height:1.25;transition:border var(--hover-transition-duration)}.button-banners .button-bg{position:absolute;width:100%;height:100%;top:0;left:0;transition:filter var(--hover-transition-duration)}.button-banners .button-bg img{width:100%;height:100%;object-fit:cover;object-position:center right}.button-banners .button-text{position:relative;transition:text-shadow var(--hover-transition-duration)}.button-banners .button-arrow{position:relative;flex-shrink:0;transition:filter var(--hover-transition-duration)}.button-banners .button-arrow:before{position:absolute;top:0;left:0;display:block;width:100%;height:100%;background-color:var(--border-color-active);content:"";background-color:#ccb68e;-webkit-clip-path:polygon(0 0,100% 50%,0 100%,50% 50%);clip-path:polygon(0 0,100% 50%,0 100%,50% 50%)}.button-banners .button.active{border-color:var(--border-color-active);pointer-events:none}.button-banners .button.active .button-text{text-shadow:0 0 var(--text-shadow-blur) #00cdff}.button-banners .button.active .button-bg{filter:brightness(var(--brightness-base))}.button-banners .button.active .button-arrow{filter:brightness(2) drop-shadow(0 0 var(--drop-shadow-blur-1) #00cdff) drop-shadow(0 0 var(--drop-shadow-blur-2) #00cdff)}.button-banners .button.active .button-arrow:before{background-color:var(--font-color-base)}.button-banners .button.disabled{opacity:.3;pointer-events:none}.features-tab{display:flex;width:-webkit-fit-content;width:fit-content;margin-inline:auto;position:relative;z-index:1}.features-tab .tab-item{display:flex;justify-content:center;align-items:center;border:1px solid var(--border-color-base);border-radius:var(--border-radius-base);transition:background-color .2s,border-color .2s}.features-tab .tab-item.active{pointer-events:none;border-color:#ccb68e;background-color:#5094d833}.class-feature-tab-content{position:relative}.class-feature-tab-content-title{background:linear-gradient(to right,rgba(231,205,156,.5),transparent);text-shadow:0 var(--text-shadow-y) var(--text-shadow-blur) rgba(0,0,0,.5);width:var(--description-w)}.class-feature-tab-content-description{position:relative;z-index:1;width:var(--description-w)}.class-feature-tab-content-character{position:absolute;z-index:0}.class-feature-tab-content-item{opacity:0;height:0;pointer-events:none}.class-feature-tab-content-item.active{opacity:1;height:auto}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button{align-items:center;background-color:#171d23;text-align:left}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:before{background-image:url(/assets/images/icon_deck_search.B20G5wMq.svg)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:before{background-image:url(/assets/images/icon_portal_help.DZmMspR5.svg)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help{background-color:#2b2c35}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:before{content:"";position:absolute;display:flex;justify-items:center;background-size:contain;background-repeat:no-repeat}.class-feature{overflow:hidden}#deck-build{background-color:#171d23}#deck-build #site-wrapper #main-container main .main-wrapper:before{position:absolute;z-index:-1;top:0;left:0;width:100%;content:"";background-repeat:no-repeat;background-position:top center;background-size:100% auto}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1{position:relative;color:#fff7ea}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title{position:relative}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title:before{box-sizing:border-box;display:block;position:absolute;content:"";left:0;background-color:#e6cc9b}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title{letter-spacing:.1em}#deck-build #site-wrapper #main-container main .main-wrapper #kv.no-deco:before{content:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area{position:relative}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips{cursor:pointer;position:absolute;top:0;right:0;display:flex;align-items:center;transition:text-shadow .3s ease-in-out}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips:after{content:"";display:inline-block;background-image:url(/assets/images/help_icon.D1-SmthL.svg);background-size:cover;transition:all .3s ease-in-out}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck{display:flex;flex-flow:column;align-items:center}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area{display:flex;justify-content:center}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>h3,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>h3{color:#ccb68e;font-weight:700}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul{display:flex}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a{opacity:.5}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a.active,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a.active{opacity:1}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a.active .icon-area,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a.active .icon-area{background-color:#223547}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a{display:block;background-color:#fff;filter:drop-shadow(1px 1px 5px #000000)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class{position:relative}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul{justify-content:space-between}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a{display:block;text-align:center}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a.active{filter:brightness(1.2)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area{display:flex;justify-content:center;align-items:center;background-color:#252a34;transition:all .2s ease}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area{display:flex;justify-content:center}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn{margin:auto}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck{margin:auto;border-top:1px solid #c0ae8e;display:flex;flex-flow:column;align-items:center}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{display:flex;justify-content:center;color:#fef8eb;font-weight:700;margin-right:auto}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents{border-bottom:1px solid #c0ae8e}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code{position:relative}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login h3,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code h3{color:#ccb68e;font-weight:700}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn{margin:auto}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn.disabled,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn.disabled{pointer-events:auto}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .input-area a .input-deck-btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .input-area a .input-deck-btn{margin-top:0}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .login-btn{width:100%}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area{display:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area.active,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area.active{display:block}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area .login-btn:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area .login-btn:before{content:"";display:inline-block;background-size:contain;background-repeat:no-repeat}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area .login-btn:before{background-image:url(/assets/images/login_icon.Do9n3XJF.svg)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area .login-btn:before{background-image:url(/assets/images/dp_login_icon.CM7sxx1h.svg)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login:after{content:"";position:absolute;right:0;top:0;width:0}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area{display:flex}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.error-code{width:100%}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.error-code.display-none{display:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.error-code .error-message-area{color:#af7482;position:absolute}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.error-code .deckCode.display-none{display:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area{width:100%}@media (hover: hover) and (pointer: fine) and (min-width: 768px){#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn:hover:not(.disabled),#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn:hover:not(.disabled),#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn:hover:not(.disabled){filter:brightness(1.2)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips:hover{transition:text-shadow .3s ease-in-out}#c-modal-build-top-help .container .body.class .cards__tab ul li a:hover img{filter:drop-shadow(0 0 var(--drop-shadow-blur-1) rgba(0,205,255,.5)) drop-shadow(0 0 var(--drop-shadow-blur-1) rgba(0,205,255,.5))}#c-modal-build-top-help .container .body.class .cards__tab ul li a:hover span{filter:drop-shadow(0 0 var(--drop-shadow-blur-1) #00cdff) drop-shadow(0 0 var(--drop-shadow-blur-1) #00cdff)}.button-banners .button:not(.active):hover{border-color:var(--border-color-active)}.button-banners .button:not(.active):hover .button-text{text-shadow:0 0 var(--text-shadow-blur) #00cdff}.button-banners .button:not(.active):hover .button-bg{filter:brightness(var(--brightness-base))}.button-banners .button:not(.active):hover .button-arrow{filter:brightness(2) drop-shadow(0 0 var(--drop-shadow-blur-1) #00cdff) drop-shadow(0 0 var(--drop-shadow-blur-2) #00cdff)}.button-banners .button:not(.active):hover .button-arrow:before{background-color:var(--font-color-base)}.features-tab .tab-item:hover{border-color:#ccb68e;background-color:#5094d833}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:hover,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:hover{background-color:#343540}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:hover .button-text,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:hover .button-text{text-shadow:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:hover .button-arrow,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:hover .button-arrow{filter:none}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:hover .button-arrow:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:hover .button-arrow:before{background-color:#ccb68e}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips:hover:after{filter:brightness(1.2) drop-shadow(0 0 2px rgba(0,205,255,.8))}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a:not(.active)>.icon-area:hover{transition:all .05s ease 0s;filter:brightness(1.2)}}@media (hover: hover) and (pointer: fine) and (min-width: 768px) and (max-width: 767.98px){.button-banners .button:not(.active):hover .button-text{--text-shadow-blur: .6666666667vw}.button-banners .button:not(.active):hover .button-arrow{--drop-shadow-blur-1: .2666666667vw;--drop-shadow-blur-2: .6666666667vw}}@media (hover: hover) and (pointer: fine) and (min-width: 768px) and (min-width: 768px){#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips:hover{text-shadow:0 0 .1428571429vw #5bcce3,0 0 .3571428571vw #5bcce3,0 0 .7142857143vw #5bcce3}.button-banners .button:not(.active):hover .button-text{--text-shadow-blur: .3571428571vw}.button-banners .button:not(.active):hover .button-arrow{--drop-shadow-blur-1: .1428571429vw;--drop-shadow-blur-2: .3571428571vw}}@media (min-width: 768px){#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input:focus{box-shadow:0 0 .7142857143vw #00cdff}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input{display:flex;align-items:center;border-radius:.4285714286vw;padding-left:.8571428571vw;font-size:1vw;height:3.5714285714vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input.js-del{padding-right:1.7857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input~.input-clear-btn{right:.4285714286vw;font-size:1vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn{font-size:1.1428571429vw;height:3.5714285714vw;text-shadow:0vw 2px 4px rgb(43,44,53)}#deck-build #site-wrapper #main-container main .main-wrapper #kv:before{width:100.2857142857vw;height:48.7857142857vw;top:0vw;background-image:url(/assets/images/line.BqxSjDeD.svg)}#c-modal-build-top-help .container h3.deck-code{font-size:1.7142857143vw}#c-modal-build-top-help .container .body.class .cards__tab{width:67.1428571429vw}#c-modal-build-top-help .container .body.class .cards__tab ul{justify-content:space-between;width:58.5714285714vw;margin:0vw auto 3.5714285714vw}#c-modal-build-top-help .container .body.class .cards__tab ul li{width:5.3571428571vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a img{--drop-shadow-blur-1: .3571428571vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a span{--drop-shadow-blur-1: .1428571429vw;font-size:1vw;margin-top:.5714285714vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-elf{width:2.7857142857vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-royal{width:2.6428571429vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-witch{width:3.1428571429vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-dragon{width:2.7857142857vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-nightmare,#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-bishop,#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-nemesis{width:2.8571428571vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-neutral{width:2vw}#c-modal-build-top-help .container .body.class .class__content{margin-left:4vw;height:18.2142857143vw}#c-modal-build-top-help .container .body.class .class__content li{height:18.2142857143vw}#c-modal-build-top-help .container .body.class .class__content li .class-name{font-size:1.5714285714vw;padding:.7142857143vw;background:linear-gradient(to right,#7f7560,#7f756000 50%)}#c-modal-build-top-help .container .body.class .class__content li .description{padding:.7142857143vw;width:39.6428571429vw;font-size:1vw}#c-modal-build-top-help .container .body.class .class__content li .character:before{width:67.1428571429vw;height:23vw}#c-modal-build-top-help .container .body.class .class__content li .character.neutral:before{background:url(/assets/images/class_help_neutral.C39cJeen.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.elf:before{background:url(/assets/images/class_help_elf.DSzrW-HV.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.royal:before{background:url(/assets/images/class_help_royal.DjOXn9Fq.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.witch:before{background:url(/assets/images/class_help_witch.Gk510rhz.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.dragon:before{background:url(/assets/images/class_help_dragon.Bc9cpTdL.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.nightmare:before{background:url(/assets/images/class_help_nightmare.-o3dsbbH.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.bishop:before{background:url(/assets/images/class_help_bishop.WkVWbzfc.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.nemesis:before{background:url(/assets/images/class_help_nemesis.NwcfS0k6.png) no-repeat center/contain}#c-modal-build-top-help .container .body.deck-code .sp-font-s{font-size:1.2857142857vw;margin-bottom:1.4285714286vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images{display:flex;justify-content:center;align-items:center;padding-bottom:3.5714285714vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .img-1{width:29vw;height:17.8571428571vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .arr:before{width:1.7857142857vw;height:3.4285714286vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .img-2{width:29vw;height:17.8571428571vw}.button-banners{--button-gap: 1.4285714286vw;grid-template-columns:repeat(var(--button-column-pc, 1),1fr)}.button-banners .button{align-items:center;justify-content:space-between;min-height:5.7142857143vw;padding:.6428571429vw 1.2857142857vw;font-size:1.1428571429vw;text-align:left}.button-banners .button-arrow{width:.7857142857vw;height:1.5vw;margin-left:.4285714286vw}.button-banners .button.active .button-text{--text-shadow-blur: .3571428571vw}.button-banners .button.active .button-arrow{--drop-shadow-blur-1: .1428571429vw;--drop-shadow-blur-2: .3571428571vw}.features-tab{gap:.7142857143vw}.features-tab .tab-item{width:6.7857142857vw;height:5vw}.features-tab .tab-item .icon-elf{width:2.7857142857vw}.features-tab .tab-item .icon-royal{width:2.6428571429vw}.features-tab .tab-item .icon-witch{width:3.1428571429vw}.features-tab .tab-item .icon-dragon{width:2.7857142857vw}.features-tab .tab-item .icon-nightmare,.features-tab .tab-item .icon-bishop,.features-tab .tab-item .icon-nemesis{width:2.8571428571vw}.features-tab .tab-item .icon-neutral{width:2vw}.class-feature-tab-content{min-height:15.7142857143vw;margin-top:3.5714285714vw}.class-feature-tab-content-title{--text-shadow-y: .1428571429vw;--text-shadow-blur: .3571428571vw;padding:.4285714286vw .7857142857vw;font-size:1.7142857143vw}.class-feature-tab-content-description{padding:.7142857143vw;font-size:1vw;line-height:1.7857142857vw}.class-feature-tab-content-character{right:0vw;bottom:0vw}.class-feature-tab-content-item.class-neutral .class-feature-tab-content-character,.class-feature-tab-content-item.class-elf .class-feature-tab-content-character,.class-feature-tab-content-item.class-royal .class-feature-tab-content-character,.class-feature-tab-content-item.class-witch .class-feature-tab-content-character,.class-feature-tab-content-item.class-dragon .class-feature-tab-content-character,.class-feature-tab-content-item.class-nightmare .class-feature-tab-content-character,.class-feature-tab-content-item.class-bishop .class-feature-tab-content-character,.class-feature-tab-content-item.class-nemesis .class-feature-tab-content-character{width:62.8571428571vw;height:21.6428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners{gap:2.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button{min-height:7.1428571429vw;padding-left:7.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-text{font-size:2.2857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-arrow{width:1.0714285714vw;height:2.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help{padding-left:5.7142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:before{width:3.2857142857vw;height:3.5714285714vw;top:1.8571428571vw;left:1.2857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search .button-text.sub,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help .button-text.sub{margin-top:.7142857143vw;font-size:1vw}.class-feature{padding-top:2.8571428571vw;--description-w: 39.6428571429vw}.class-feature-tab-content-title,.class-feature-tab-content-description{margin:0vw 0vw 0vw 1.8571428571vw}.features-tab{gap:1.2857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper:before{height:100vw;background-image:url(/assets/images/title_bg.C80zRTLW.jpg)}#deck-build #site-wrapper #main-container main .main-wrapper #kv{position:relative}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1{height:27.1428571429vw;padding-top:12.2142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title{font-size:1.1428571429vw;padding-left:5.8571428571vw;margin-bottom:.8571428571vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title:before{width:4.2857142857vw;height:.1428571429vw;top:.5vw}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title{font-size:3vw;margin-top:.7142857143vw;padding-left:5.7142857143vw;line-height:3vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips{font-size:1vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips:after{width:1.7142857143vw;height:1.7142857143vw;margin-left:.3571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area{width:71.4285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>h3,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>h3{font-size:1.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul{margin-top:1.0714285714vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a.active .icon-area,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a.active .icon-area{border:1px solid #ccb68e}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a{width:7.1428571429vw;height:7.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li:nth-child(2){margin-left:1.4285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li:nth-child(n+2){margin-left:.7142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a{width:9.4285714286vw;height:5vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area{widht:9.6428571429vw;height:5vw;border-radius:.3571428571vw;padding:.4285714286vw 0vw;border:1px solid #6d7072}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-elf{width:2.7857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-royal{width:2.9285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-witch{width:3.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-dragon{width:2.7857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-nightmare{width:2.8571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-bishop{width:2.8571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-nemesis{width:2.8571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area{margin-top:2.8571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn{font-size:1.2857142857vw;width:21.4285714286vw;height:4.2857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck{margin-top:5.7142857143vw;padding-top:5.7142857143vw;width:71.4285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-size:1.7142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents{display:flex;margin-top:2.1428571429vw;padding-bottom:5.7142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login h3,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code h3{font-size:1.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn{font-size:1.4285714286vw;margin-top:1.0714285714vw;height:4.2857142857vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .input-area a,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .input-area a{margin-top:1.0714285714vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login{width:35.7142857143vw;padding-right:2.8571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area .login-btn:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area .login-btn:before{margin-right:.7142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area .login-btn:before{top:0vw;left:1.4285714286vw;width:1.5vw;height:1.5714285714vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area .login-btn:before{top:0vw;left:1.4285714286vw;width:.8571428571vw;height:1.7142857143vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login:after{border-right:solid #c0ae8e 1px;height:6.4285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code{width:32.8571428571vw;margin-left:2.8571428571vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input{width:20.4285714286vw;margin-top:1.0714285714vw;margin-right:1.4285714286vw;height:4.2857142857vw;font-size:1.4285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area .input-deck-btn{width:11.4285714286vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.error-code .error-message-area{margin-top:.7142857143vw;font-size:1.1428571429vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area{margin-top:5.7142857143vw}}@media (max-width: 767.98px){#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input:focus{box-shadow:0 0 2.1333333333vw #00cdff}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input{border-radius:1.3333333333vw;padding-left:1.6vw;font-size:3.2vw;height:10.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input.js-del{padding-right:6.4vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input~.input-clear-btn{right:1.3333333333vw;font-size:3.4666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn{font-size:3.7333333333vw;height:10.6666666667vw;text-shadow:0vw .2666666667vw .5333333333vw rgb(43,44,53)}#deck-build #site-wrapper #main-container main .main-wrapper #kv:before{width:100vw;height:93.6vw;top:20vw;background-image:url(/assets/images/line.KWR4Q419.svg)}#c-modal-build-top-help .container h3.deck-code{font-size:4.8vw;padding:8vw 0vw;text-align:center}#c-modal-build-top-help .container .body.class .cards__tab{width:100%}#c-modal-build-top-help .container .body.class .cards__tab ul{justify-content:space-between;flex-wrap:wrap;width:72vw;margin:0vw auto}#c-modal-build-top-help .container .body.class .cards__tab ul li{width:17.3333333333vw;margin-bottom:3.3333333333vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a img{--drop-shadow-blur-1: .6666666667vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a span{--drop-shadow-blur-1: .2666666667vw;font-size:2.9333333333vw;margin-top:0vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-elf{width:7.3333333333vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-royal{width:7.0666666667vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-witch{width:8.5333333333vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-dragon{width:7.6vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-nightmare{width:7.8666666667vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-bishop{width:7.7333333333vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-nemesis{width:7.4666666667vw}#c-modal-build-top-help .container .body.class .cards__tab ul li a .icon-neutral{width:5.4666666667vw}#c-modal-build-top-help .container .body.class .class__content{margin:.6666666667vw 6.6666666667vw 0vw;height:80vw}#c-modal-build-top-help .container .body.class .class__content li{height:80vw}#c-modal-build-top-help .container .body.class .class__content li .class-name{font-size:4.2666666667vw;padding:.6666666667vw 1.3333333333vw;background:linear-gradient(to right,#7f7560,#7f756000)}#c-modal-build-top-help .container .body.class .class__content li .description{padding:1.3333333333vw;width:74vw;font-size:2.68vw}#c-modal-build-top-help .container .body.class .class__content li .character{right:-6.6666666667vw}#c-modal-build-top-help .container .body.class .class__content li .character:before{width:84vw;height:43.0666666667vw;left:0vw;bottom:0vw}#c-modal-build-top-help .container .body.class .class__content li .character.neutral:before{background:url(/assets/images/class_help_neutral.CLb1Zr1L.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.elf:before{background:url(/assets/images/class_help_elf.Dl730n64.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.royal:before{background:url(/assets/images/class_help_royal.DGraXyAx.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.witch:before{background:url(/assets/images/class_help_witch.C9TWMatI.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.dragon:before{background:url(/assets/images/class_help_dragon.C0-Pj-u9.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.nightmare:before{background:url(/assets/images/class_help_nightmare.WABQtlgx.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.bishop:before{background:url(/assets/images/class_help_bishop.aB0Dkr3C.png) no-repeat center/contain}#c-modal-build-top-help .container .body.class .class__content li .character.nemesis:before{background:url(/assets/images/class_help_nemesis.CguRby0c.png) no-repeat center/contain}#c-modal-build-top-help .container .body.deck-code>.padding-wrapper{padding:4.6666666667vw 1.8666666667vw 0vw}#c-modal-build-top-help .container .body.deck-code .sp-font-s{margin-bottom:2vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images{padding-bottom:9.3333333333vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .img-1{width:76vw;height:69.3333333333vw}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .arr:before{width:4vw;height:7.2vw;transform:rotate(90deg)}#c-modal-build-top-help .container .body.deck-code .flex-deck-top-images .img-2{width:76vw;height:152.6666666667vw;margin-top:-1.3333333333vw}.button-banners{--button-gap: 1.3333333333vw;grid-template-columns:repeat(var(--button-column-sp, 1),1fr)}.button-banners .button{align-items:flex-end;justify-content:center;min-height:16vw;padding:2.4vw;font-size:3.2vw;text-align:center}.button-banners .button.active .button-text{--text-shadow-blur: .6666666667vw}.button-banners .button.active .button-arrow{--drop-shadow-blur-1: .2666666667vw;--drop-shadow-blur-2: .6666666667vw}.features-tab{gap:1.8666666667vw;flex-wrap:wrap}.features-tab .tab-item{width:16.2666666667vw;height:13.3333333333vw}.features-tab .tab-item .icon-elf{width:7.3333333333vw}.features-tab .tab-item .icon-royal{width:7.0666666667vw}.features-tab .tab-item .icon-witch{width:8.5333333333vw}.features-tab .tab-item .icon-dragon{width:7.6vw}.features-tab .tab-item .icon-nightmare{width:7.8666666667vw}.features-tab .tab-item .icon-bishop{width:7.7333333333vw}.features-tab .tab-item .icon-nemesis{width:7.4666666667vw}.features-tab .tab-item .icon-neutral{width:5.4666666667vw}.class-feature-tab-content{min-height:80.2666666667vw;margin-top:4vw}.class-feature-tab-content-title{--text-shadow-y: .2666666667vw;--text-shadow-blur: .6666666667vw;padding:1.0666666667vw 1.6vw;font-size:4.2666666667vw}.class-feature-tab-content-description{padding:1.3333333333vw;font-size:2.6666666667vw;line-height:4.2666666667vw}.class-feature-tab-content-character{right:0vw;bottom:0vw}.class-feature-tab-content-item.class-neutral .class-feature-tab-content-character,.class-feature-tab-content-item.class-elf .class-feature-tab-content-character,.class-feature-tab-content-item.class-royal .class-feature-tab-content-character,.class-feature-tab-content-item.class-witch .class-feature-tab-content-character,.class-feature-tab-content-item.class-dragon .class-feature-tab-content-character,.class-feature-tab-content-item.class-nightmare .class-feature-tab-content-character,.class-feature-tab-content-item.class-bishop .class-feature-tab-content-character,.class-feature-tab-content-item.class-nemesis .class-feature-tab-content-character{width:86.1333333333vw;height:43.0666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners{gap:4vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button{justify-content:space-between;padding-left:10.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button-arrow{width:2vw;height:4vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help{padding-left:17.3333333333vw;min-height:17.6vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help:before{width:8.8vw;height:9.6vw;top:4.2666666667vw;left:4.5333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search .button-text.main,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help .button-text.main{font-size:5.6vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-deck-search .button-text.sub,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area .search-beginner-banners .button.icon-portal-help .button-text.sub{margin-top:.8vw;font-size:2.6666666667vw}.class-feature{padding-top:5.3333333333vw;--description-w: 70.6666666667vw}.class-feature-tab-content-title,.class-feature-tab-content-description{margin:0vw auto}.features-tab{width:var(--description-w)}#deck-build #site-wrapper #main-container main .main-wrapper:before{height:93.3333333333vw;background-image:url(/assets/images/title_bg.C4DboqJj.jpg)}#deck-build #site-wrapper #main-container main .main-wrapper #kv{position:absolute}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1{padding-top:27.2vw}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title{font-size:4vw;padding-left:6.6666666667vw;margin-bottom:1.6vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title:before{width:5.3333333333vw;height:.5333333333vw;top:1.8666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title{font-size:8vw;margin-top:.6666666667vw;padding-left:6.6666666667vw;padding-right:6.6666666667vw;line-height:9.3333333333vw;text-shadow:0vw 0vw 10px rgb(0,0,0)}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area{padding-top:58.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips{font-size:2.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper .info-tips:after{width:3.2vw;height:3.2vw;margin-left:1.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area{width:86.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>h3,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>h3{font-size:3.2vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul{margin-top:3.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a.active .icon-area,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a.active .icon-area{border:.2666666667vw solid #ccb68e}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li>a{width:13.3333333333vw;height:13.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-format>ul>li:nth-child(2){margin-left:2.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul{flex-wrap:wrap}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li:nth-child(n+5){margin-top:2.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li:nth-child(5){margin-left:10.9333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li:nth-child(7){margin-right:10.9333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a{width:19.4666666667vw;height:12.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area{widht:20vw;height:13.3333333333vw;border-radius:.6666666667vw;padding:.4vw 0vw;border:.2666666667vw solid #6d7072}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-elf{width:7.7333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-royal{width:7.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-witch{width:8.8vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-dragon{width:7.8666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-nightmare{width:8.1333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-bishop{width:8.1333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.select-area>.select-class>ul>li>a>.icon-area .icon-nemesis{width:7.8666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area{margin-top:8.2666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.new-deck>.new-deck-contents>.create-new-deck-btn-area .create-new-deck-btn{font-size:3.4666666667vw;width:61.3333333333vw;height:13.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck{margin-top:13.3333333333vw;padding-top:13.3333333333vw;width:86.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>h2{font-size:4.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents{width:86.6666666667vw;margin-top:5.3333333333vw;padding-bottom:13.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login h3,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code h3{font-size:3.2vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .btn,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .btn{margin-top:3.2vw;height:13.0666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login .input-area a,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code .input-area a{margin-top:3.2vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login{width:100%}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area .login-btn:before,#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area .login-btn:before{margin-right:2.6666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-login-area .login-btn:before{top:3.2vw;left:2.6666666667vw;width:4.6666666667vw;height:5.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login #edit-deck-mydecks-area .login-btn:before{top:3.2vw;left:2.6666666667vw;width:2.6666666667vw;height:5.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.login:after{height:5.6vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code{width:100%;margin-top:5.6vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area>input{width:64vw;margin-top:3.3333333333vw;margin-right:2.6666666667vw;height:13.3333333333vw;font-size:3.7333333333vw;padding-left:5.0666666667vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.input-area .input-deck-btn{width:21.3333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.edit-deck-contents>.deck-code>.error-code .error-message-area{margin-top:2vw;font-size:2.9333333333vw}#deck-build #site-wrapper #main-container main .main-wrapper>.contents-area>.contents-wrapper>.edit-deck>.bottom-banner-area{margin-top:13.3333333333vw}}