@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] html:lang(ja) .highlight-list>li>dl>dd .description .sub__ttl,html:lang(ja) .highlight-list>li>dl>dd .description html[lang=ja] .sub__ttl,html[lang=ja] html:lang(ja) .highlight-list>li>dl>dd .phase dl dt,html:lang(ja) .highlight-list>li>dl>dd .phase dl html[lang=ja] dt{font-family:var(--font-family-serif-ja)}html[lang=zh-Hans] html:lang(ja) .highlight-list>li>dl>dd .description .sub__ttl,html:lang(ja) .highlight-list>li>dl>dd .description html[lang=zh-Hans] .sub__ttl,html[lang=zh-Hans] html:lang(ja) .highlight-list>li>dl>dd .phase dl dt,html:lang(ja) .highlight-list>li>dl>dd .phase dl html[lang=zh-Hans] dt{font-family:var(--font-family-serif-cn)}html[lang=zh-Hant] html:lang(ja) .highlight-list>li>dl>dd .description .sub__ttl,html:lang(ja) .highlight-list>li>dl>dd .description html[lang=zh-Hant] .sub__ttl,html[lang=zh-Hant] html:lang(ja) .highlight-list>li>dl>dd .phase dl dt,html:lang(ja) .highlight-list>li>dl>dd .phase dl html[lang=zh-Hant] dt{font-family:var(--font-family-serif-tw)}html[lang=ko] html:lang(ja) .highlight-list>li>dl>dd .description .sub__ttl,html:lang(ja) .highlight-list>li>dl>dd .description html[lang=ko] .sub__ttl,html[lang=ko] html:lang(ja) .highlight-list>li>dl>dd .phase dl dt,html:lang(ja) .highlight-list>li>dl>dd .phase dl html[lang=ko] dt{font-family:var(--font-family-sans-ko)}html[lang=en] html:lang(ja) .highlight-list>li>dl>dd .description .sub__ttl,html:lang(ja) .highlight-list>li>dl>dd .description html[lang=en] .sub__ttl,html[lang=en] html:lang(ja) .highlight-list>li>dl>dd .phase dl dt,html:lang(ja) .highlight-list>li>dl>dd .phase dl html[lang=en] dt{font-family:var(--font-family-serif)}#system-cardbattle-battle .battle-flow .carousel__description .ttl,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,.embla__slide-text h4,.highlight-list>li>dl>dd .ttl,.content-title,.content-h3title,.content-assets-title-gradient{font-feature-settings:"palt"}html[lang=ja] #system-cardbattle-battle .battle-flow .carousel__description .ttl,#system-cardbattle-battle .battle-flow .carousel__description html[lang=ja] .ttl,html[lang=ja] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=ja] #kv>h1>.category-title,html[lang=ja] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=ja] #kv>h1>.page-title,html[lang=ja] .embla__slide-text h4,.embla__slide-text html[lang=ja] h4,html[lang=ja] .highlight-list>li>dl>dd .ttl,.highlight-list>li>dl>dd html[lang=ja] .ttl,html[lang=ja] .content-title,html[lang=ja] .content-h3title,html[lang=ja] .content-assets-title-gradient{font-weight:700;font-family:font-web-lang,"Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR",serif}html[lang=en] #system-cardbattle-battle .battle-flow .carousel__description .ttl,#system-cardbattle-battle .battle-flow .carousel__description html[lang=en] .ttl,html[lang=en] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=en] #kv>h1>.category-title,html[lang=en] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=en] #kv>h1>.page-title,html[lang=en] .embla__slide-text h4,.embla__slide-text html[lang=en] h4,html[lang=en] .highlight-list>li>dl>dd .ttl,.highlight-list>li>dl>dd html[lang=en] .ttl,html[lang=en] .content-title,html[lang=en] .content-h3title,html[lang=en] .content-assets-title-gradient{font-family:font-web-lang,"Noto Serif JP","Noto Serif TC","Noto Serif SC","Noto Serif KR",serif}html[lang=zh-Hant] #system-cardbattle-battle .battle-flow .carousel__description .ttl,#system-cardbattle-battle .battle-flow .carousel__description html[lang=zh-Hant] .ttl,html[lang=zh-Hant] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=zh-Hant] #kv>h1>.category-title,html[lang=zh-Hant] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=zh-Hant] #kv>h1>.page-title,html[lang=zh-Hant] .embla__slide-text h4,.embla__slide-text html[lang=zh-Hant] h4,html[lang=zh-Hant] .highlight-list>li>dl>dd .ttl,.highlight-list>li>dl>dd html[lang=zh-Hant] .ttl,html[lang=zh-Hant] .content-title,html[lang=zh-Hant] .content-h3title,html[lang=zh-Hant] .content-assets-title-gradient{font-family:font-web-lang,"Noto Serif TC","Noto Serif JP","Noto Serif SC","Noto Serif KR",serif}html[lang=zh-Hans] #system-cardbattle-battle .battle-flow .carousel__description .ttl,#system-cardbattle-battle .battle-flow .carousel__description html[lang=zh-Hans] .ttl,html[lang=zh-Hans] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=zh-Hans] #kv>h1>.category-title,html[lang=zh-Hans] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=zh-Hans] #kv>h1>.page-title,html[lang=zh-Hans] .embla__slide-text h4,.embla__slide-text html[lang=zh-Hans] h4,html[lang=zh-Hans] .highlight-list>li>dl>dd .ttl,.highlight-list>li>dl>dd html[lang=zh-Hans] .ttl,html[lang=zh-Hans] .content-title,html[lang=zh-Hans] .content-h3title,html[lang=zh-Hans] .content-assets-title-gradient{font-weight:700;font-family:font-web-lang,"Noto Serif SC","Noto Serif JP","Noto Serif TC","Noto Serif KR",serif}html[lang=ko] #system-cardbattle-battle .battle-flow .carousel__description .ttl,#system-cardbattle-battle .battle-flow .carousel__description html[lang=ko] .ttl,html[lang=ko] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=ko] #kv>h1>.category-title,html[lang=ko] [id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title,[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper html[lang=ko] #kv>h1>.page-title,html[lang=ko] .embla__slide-text h4,.embla__slide-text html[lang=ko] h4,html[lang=ko] .highlight-list>li>dl>dd .ttl,.highlight-list>li>dl>dd html[lang=ko] .ttl,html[lang=ko] .content-title,html[lang=ko] .content-h3title,html[lang=ko] .content-assets-title-gradient{font-weight:800;font-family:font-web-lang,Noto Sans KR,sans-serif}.content-btns a.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}.content-btns a.disabled.btn,.content-btns a.btn:disabled{pointer-events:none;cursor:default;background:#252a34;border:1px solid #6d7072;opacity:.3}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper>.contents-area{margin-left:auto;margin-right:auto;font-size:var(--font-size-base)}.content-inner .note{display:inline-flex}.content-inner .note:before{display:block;margin-right:.1rem;flex-shrink:0}html:lang(ja) .content-inner .note:before,.content-inner html:lang(ja) .note:before{content:"※"}html:lang(ko) .content-inner .note:before,.content-inner html:lang(ko) .note:before{content:"※"}html:lang(zh-Hant) .content-inner .note:before,.content-inner html:lang(zh-Hant) .note:before{content:"※"}html:lang(zh-Hans) .content-inner .note:before,.content-inner html:lang(zh-Hans) .note:before{content:"※"}html:lang(en) .content-inner .note:before,.content-inner html:lang(en) .note:before{content:"*"}[id^=system-cardbattle] #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)}.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}.title-counter-reset{counter-reset:title-counter}.title-counter{display:flex;counter-increment:title-counter}.title-counter:before{flex-shrink:0;content:counter(title-counter) ". ";margin-right:.3em}.frame{position:relative;border:1px solid var(--frame-color-content)}.frame .deco{width:100%;height:100%}.frame .deco:before,.frame .deco:after{content:"";display:block;position:absolute;background-image:url(/assets/images/frame_deco.AMcVigeQ.svg);background-repeat:no-repeat;background-size:100% auto}.frame .deco._top:after{transform:rotate(90deg)}.frame .deco._bottom:before{transform:rotate(-90deg)}.frame .deco._bottom:after{transform:rotate(180deg)}.content-title{color:var(--frame-color-content)}.content-h3title{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)}.content-hr{border:none;background-color:var(--border-color-base);height:1px}.content-assets{background-color:#2b2c35}.content-assets-movie video{display:block;pointer-events:none}.content-assets-grid{display:flex;flex-wrap:wrap;justify-content:center;margin:0 auto}.content-assets-grid-item{width:var(--grid-item-w)}.content-assets-grid-item-image{margin:0 auto}.content-assets-title-gradient{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)}.content-btns{display:flex}.content-btns a.btn{width:-webkit-fit-content;width:fit-content}.content-inner .note{color:var(--border-color-base)}.highlight-header{position:relative;z-index:2;width:100%}.highlight-header ul li{position:absolute;top:0;left:0;width:100%}.highlight-header ul li.hide{opacity:0}.highlight-images{position:-webkit-sticky;position:-webkit-sticky;position:sticky;z-index:2;width:100%}.highlight-images ul li{position:absolute;top:0;left:0;width:100%}.highlight-images ul li.hide{opacity:0}.highlight-list{position:relative;pointer-events:none}.highlight-list li{transition:.3s box-shadow}.highlight-list li.active{transform:translateZ(0)}.highlight-list li:last-child{padding-bottom:0}.highlight-list>li>dl{position:relative;width:100%;background:#2b2c35}.highlight-list>li>dl>dt{width:100%}.highlight-list>li>dl>dd{position:relative;width:100%}.highlight-list>li>dl>dd .ttl{position:relative;color:#e4ca96;width:100%}.highlight-list>li>dl>dd .ttl span{color:#000;position:absolute;z-index:1;text-align:center;text-shadow:0 0 3px #ffffff}.highlight-list>li>dl>dd .ttl span img{vertical-align:top}.highlight-list>li>dl>dd .description{position:relative;color:#fff7ea;border-top:1px solid #6d7072}.highlight-list>li>dl>dd .description span.attention{display:block;color:#e4ca96}.highlight-list>li>dl>dd .description .sub{display:flex;justify-content:start;align-items:baseline}.highlight-list>li>dl>dd .description .sub__ttl{position:relative;display:inline-block;background-color:#7c715a;white-space:nowrap;text-align:center}.highlight-list>li>dl>dd .description .sub__desc{line-height:1.6em;padding-left:.5em;overflow-wrap:anywhere}.highlight-list>li>dl>dd .phase{position:relative}.highlight-list>li>dl>dd .phase dl{display:flex;justify-content:start;align-items:baseline}.highlight-list>li>dl>dd .phase dl dt{background-color:#7c715a;white-space:nowrap}.highlight-list>li>dl>dd .phase dl dt.last{background-color:#722626}.highlight-list>li>dl>dd .phase dl dd{overflow-wrap:anywhere}.highlight-list>li>dl>dd .phase dl dd .icon{display:inline-block}.highlight-list>li>dl>dd .phase dl dd .icon img{position:relative;display:inline-block}.embla{position:relative;margin-inline:auto}.embla__viewport{overflow:hidden;width:100%}.embla__container{display:flex;align-items:flex-start}.embla__slide{position:relative;min-width:100%;display:flex;justify-content:center;align-items:center;padding:1px}.embla__slide picture{display:block;width:100%;height:100%;object-fit:cover}.embla__slide-text h4{color:#e4ca96;border-bottom:1px solid #6d7072}.embla__slide-text .attention{display:block;color:#e4ca96}.embla__prev,.embla__next{position:absolute;margin:auto;border:none;cursor:pointer;filter:drop-shadow(-1px -1px var(--drop-shadow-blur) black) drop-shadow(1px 1px var(--drop-shadow-blur) black)}.embla__prev.is-reached,.embla__next.is-reached{opacity:.5;pointer-events:none;-webkit-user-select:none;user-select:none}.embla__prev{cursor:pointer;box-sizing:content-box;padding-right:1px}.embla__prev img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter}.embla__next{cursor:pointer}.embla__next img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter;rotate:180deg}.embla__pagination{display:flex;justify-content:center;position:absolute;width:100%;top:calc(var(--embla-asset-height) + var(--embla-pagination-margin-top))}.embla__pagination__dot{display:block;background-color:#ffe3a7;cursor:pointer;opacity:.5;transform-origin:center;rotate:45deg;transition:all .2s ease 0s}.embla__pagination__dot.is-selected{opacity:1;pointer-events:none;-webkit-user-select:none;user-select:none}[id^=system-cardbattle]{background-color:#171d23}[id^=system-cardbattle] #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}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1{position:relative;color:#fff7ea}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title{position:relative}[id^=system-cardbattle] #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}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.page-title{letter-spacing:.1em}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv.no-deco:before{content:none}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper>.contents-area{position:relative}.content-assets-image{display:block;margin:0 auto}#system-cardbattle-battle #main-container{overflow:clip}#system-cardbattle-battle .battle-flow .carousel__description{display:none}#system-cardbattle-battle .battle-flow .carousel__description.active{display:block}#system-cardbattle-battle .battle-flow .carousel__description .ttl{color:#e4ca96;border-bottom:1px solid #6d7072}#system-cardbattle-battle .battle-flow .carousel__description .description .attention{color:#e4ca96}#system-cardbattle-battle .content-1 .content-assets-movie:before{content:"";display:block;position:absolute;background-size:100% auto}#system-cardbattle-battle .content-4 .content-assets,#system-cardbattle-battle .content-4 .content-assets-image{position:relative}#system-cardbattle-battle .content-4 .content-4-ace{display:block;position:absolute;background-size:100% auto}#system-cardbattle-battle .battle-flow .carousel__wrap{position:relative}#system-cardbattle-battle .battle-flow .carousel__wrap>ul{position:relative;margin:0 auto;overflow:hidden}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li{position:absolute;opacity:0;transition:.5s all;will-change:transform;pointer-events:none}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li.active{opacity:1;z-index:3;pointer-events:auto}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n1{z-index:2;opacity:0}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n2{z-index:1;opacity:0}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n3{opacity:0;z-index:1}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p1{z-index:2;opacity:0}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p2{z-index:1;opacity:0}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination{position:absolute;transform:translate(-50%)}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination div span{display:inline-block;filter:brightness(50%);transform:translateZ(0)}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination div span.active{filter:brightness(100%)}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination div span:first-child{margin-left:0}#system-cardbattle-battle .battle-flow .carousel__wrap .prev,#system-cardbattle-battle .battle-flow .carousel__wrap .next{position:absolute;z-index:10;filter:drop-shadow(-1px -1px var(--drop-shadow-blur) black) drop-shadow(1px 1px var(--drop-shadow-blur) black)}#system-cardbattle-battle .battle-flow .carousel__wrap .prev{cursor:pointer;box-sizing:content-box;padding-right:1px}#system-cardbattle-battle .battle-flow .carousel__wrap .prev img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter}#system-cardbattle-battle .battle-flow .carousel__wrap .next{cursor:pointer}#system-cardbattle-battle .battle-flow .carousel__wrap .next img{transform-origin:center;transition:transform .2s,filter .2s;will-change:transform,filter;rotate:180deg}@media (hover: hover) and (pointer: fine) and (min-width: 768px){.content-btns a.btn:hover:not(.disabled){filter:brightness(1.2)}.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)}.embla__prev:hover img,.embla__next:hover img{filter:brightness(1.2);transform:translate(-20%) translateZ(0)}.embla__pagination__dot:hover{opacity:1}#system-cardbattle-battle .battle-flow .carousel__wrap .prev:hover img,#system-cardbattle-battle .battle-flow .carousel__wrap .next:hover img{filter:brightness(1.2);transform:translate(-20%) translateZ(0)}}@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){.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){.content-btns a.btn{font-size:1.1428571429vw;height:3.5714285714vw;text-shadow:0vw 2px 4px rgb(43,44,53)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper>.contents-area{width:71.4285714286vw}.content-inner .note{font-size:1vw}[id^=system-cardbattle] #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)}.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}.frame{margin-top:3.5714285714vw}.frame:last-of-type{margin-bottom:3.5714285714vw}.frame .deco:before,.frame .deco:after{width:2.7857142857vw;height:2.7857142857vw}.frame .deco._top:before{top:.2142857143vw;left:.2142857143vw}.frame .deco._top:after{top:.2142857143vw;right:.2142857143vw}.frame .deco._bottom:before{bottom:.2142857143vw;left:.2142857143vw}.frame .deco._bottom:after{bottom:.2142857143vw;right:.2142857143vw}.content-title{font-size:2vw}.content-h3title{--text-shadow-y: .1428571429vw;--text-shadow-blur: .3571428571vw;margin-top:2.8571428571vw;margin-bottom:-.7142857143vw;font-size:1.4285714286vw;padding:.4285714286vw .7857142857vw}.content-hr{margin-top:1.4285714286vw}.content-text{margin-top:1.7142857143vw}.content-text._indent{padding-left:.8571428571vw}.content-assets{margin-top:1.7142857143vw;border-radius:var(--border-radius-base)}.content-assets-image{height:auto}.content-assets-movie video{width:45.7142857143vw;margin:0vw auto}.content-assets-grid{gap:var(--grid-gap)}.content-assets-grid-item-description{font-size:1vw;line-height:1.7142857143vw;margin-top:1vw}.content-assets-title-gradient{--text-shadow-y: .1428571429vw;--text-shadow-blur: .3571428571vw}.content-btns{margin-top:1.7142857143vw;gap:.7142857143vw}.content-btns a.btn{height:2.8571428571vw;padding:0vw 1.4285714286vw;font-size:1vw}.content-inner{padding:3.5714285714vw 4.1428571429vw}.content-inner p{font-size:1vw;line-height:1.7142857143vw}.highlight-header{display:block;height:35.3571428571vw;margin-top:2.1428571429vw;margin-bottom:1.4285714286vw}.highlight-images{top:7.1428571429vw;width:25.7142857143vw;margin-bottom:0vw}.highlight-list{width:35.7142857143vw;margin-left:auto;margin-top:-14.5vw}.highlight-list li.active{filter:drop-shadow(0 0 .1428571429vw #5bcce3) drop-shadow(0 0 .3571428571vw #5bcce3)}.highlight-list>li{padding-bottom:.7142857143vw}.highlight-list>li>dl{display:relative;padding:.5714285714vw 1.4285714286vw}.highlight-list>li>dl>dt{text-align:right}.highlight-list>li>dl>dt img{width:7.1428571429vw}.highlight-list>li>dl>dd{width:100%}.highlight-list>li>dl>dd .ttl{display:flex;align-items:center;position:absolute;top:-4.6428571429vw;padding:0vw 0vw 0vw 1.7857142857vw;height:4.2857142857vw;font-size:1.1428571429vw}.highlight-list>li>dl>dd .ttl span{width:1.4285714286vw;height:1.4285714286vw;margin-right:.3571428571vw;left:0vw}.highlight-list>li>dl>dd .description{margin-top:.7142857143vw;margin-bottom:.4285714286vw;padding-top:.5vw;font-size:1vw;line-height:1.7em}.highlight-list>li>dl>dd .description .sub{margin-top:1vw}.highlight-list>li>dl>dd .description .sub__ttl{min-width:5em}.highlight-list>li>dl>dd .description .sub__desc{margin-left:0vw;width:29.2857142857vw;max-width:28.9285714286vw}.highlight-list>li>dl>dd .phase dl{margin-top:1vw}.highlight-list>li>dl>dd .phase dl dt{padding:0vw .7142857143vw}.highlight-list>li>dl>dd .phase dl dd{margin-left:0vw;width:29.2857142857vw;max-width:28.9285714286vw}.highlight-list>li>dl>dd .phase dl dd .icon{margin-left:.8571428571vw;margin-bottom:.2857142857vw}.highlight-list>li>dl>dd .phase dl dd .icon img{width:1.4285714286vw}.highlight-list>li>dl>dd .phase dl dd._dt{width:39.2857142857vw}.highlight-list>li>dl.is-SP{display:none}html[lang=en] .highlight-list li>dl>dd .sub__ttl{min-width:5em}.embla{width:45.7142857143vw}.embla__slide-text{margin-top:2.8571428571vw}.embla__slide-text h4{padding-bottom:.3571428571vw;font-size:1.1428571429vw}.embla__slide-text p{margin-top:.7142857143vw;font-size:1vw;line-height:1.7142857143vw}.embla__prev,.embla__next{--drop-shadow-blur: 4px}.embla__prev,.embla__next{top:11.5714285714vw;width:2.6428571429vw}.embla__prev{left:-3.4285714286vw}.embla__next{right:-3.7142857143vw}.embla__pagination{--embla-pagination-margin-top: 3.4285714286vw}.embla__pagination__dot{margin:0vw .3571428571vw;width:.5714285714vw;height:.5714285714vw}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper:before{height:100vw;background-image:url(/assets/images/title_bg.BDqZg2ua.jpg)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv{position:relative}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1{height:27.1428571429vw;padding-top:12.2142857143vw}[id^=system-cardbattle] #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)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title:before{width:4.2857142857vw;height:.1428571429vw;top:.5vw}[id^=system-cardbattle] #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)}.content-assets{padding:2.1428571429vw 0vw}.content-assets:has(*:last-child.content-assets-image){padding-bottom:2.1428571429vw}.content-assets-image{width:45.7142857143vw;height:auto;max-width:45.7142857143vw}.content-assets-image.content-assets-image{margin-top:1.4285714286vw}#system-cardbattle-battle .battle-flow{height:45vw;padding-top:2.1428571429vw}#system-cardbattle-battle .battle-flow .carousel__description{margin:3.2142857143vw auto 0vw;width:45.7142857143vw}#system-cardbattle-battle .battle-flow .carousel__description .ttl{font-size:1.1428571429vw;padding-bottom:.7142857143vw;margin-bottom:.7142857143vw}#system-cardbattle-battle .battle-flow .carousel__description .description{font-size:1vw;line-height:1.6em}#system-cardbattle-battle .content-assets-grid-item .description{margin-top:1.0714285714vw}#system-cardbattle-battle .content-1 .content-assets-movie:before{width:13.4285714286vw;height:9.5357142857vw}#system-cardbattle-battle .content-1 .content-assets-movie:before{bottom:2.8571428571vw;right:7.8571428571vw;background-image:url(/assets/images/card.FG2Jtd3v.png)}#system-cardbattle-battle .content-3 .embla{--embla-asset-height: 25.7142857143vw}#system-cardbattle-battle .content-3 .embla__pagination{--embla-pagination-margin-top: 1.4285714286vw}#system-cardbattle-battle .content-4 .content-assets-image{margin-top:0vw}#system-cardbattle-battle .content-4 .content-4-ace{width:19.2857142857vw;height:12vw}#system-cardbattle-battle .content-4 .content-4-ace{bottom:0vw;right:.7857142857vw}#system-cardbattle-battle .content-4 .content-assets-soloplay{--grid-item-w: 17.1428571429vw;--grid-length: 3;--grid-gap: 2.8571428571vw}#system-cardbattle-battle .content-4 .content-assets-puzzlelesson{--grid-item-w: 27.8571428571vw;--grid-length: 2;--grid-gap: 1.4285714286vw}#system-cardbattle-battle .content-5 .content-assets-grid{--grid-item-w: 17.1428571429vw;--grid-length: 2;--grid-gap: 2.8571428571vw}#system-cardbattle-battle .battle-flow .carousel__wrap{margin:0vw auto;width:57.1428571429vw}#system-cardbattle-battle .battle-flow .carousel__wrap>ul{width:45.7142857143vw;height:25.7142857143vw}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li{width:45.7142857143vw;height:25.7142857143vw}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li.active{left:0vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n1{left:100%;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n2{left:200%;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n3{left:300%;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p1{left:-100%;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p2{left:-200%;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination{top:25.9285714286vw;left:50%}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination div span{width:.8571428571vw;height:.8571428571vw;margin-left:.2142857143vw}#system-cardbattle-battle .battle-flow .carousel__wrap .prev,#system-cardbattle-battle .battle-flow .carousel__wrap .next{--drop-shadow-blur: 4px}#system-cardbattle-battle .battle-flow .carousel__wrap .prev{top:10.7142857143vw;left:1.5vw;width:2.6428571429vw}#system-cardbattle-battle .battle-flow .carousel__wrap .next{top:10.7142857143vw;right:1.5vw;width:2.6428571429vw}}@media (max-width: 767.98px){.content-btns a.btn{font-size:3.7333333333vw;height:10.6666666667vw;text-shadow:0vw .2666666667vw .5333333333vw rgb(43,44,53)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper>.contents-area{width:86.6666666667vw}.content-inner .note{font-size:2.6666666667vw}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv:before{width:100vw;height:93.6vw;top:20vw;background-image:url(/assets/images/line.KWR4Q419.svg)}.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}.frame{margin-top:6.6666666667vw}.frame:last-of-type{margin-bottom:6.6666666667vw}.frame .deco:before,.frame .deco:after{width:5.2vw;height:5.2vw}.frame .deco._top:before{top:.4vw;left:.4vw}.frame .deco._top:after{top:.4vw;right:.4vw}.frame .deco._bottom:before{bottom:.4vw;left:.4vw}.frame .deco._bottom:after{bottom:.4vw;right:.4vw}.content-title{font-size:4.2666666667vw}.content-h3title{--text-shadow-y: .2666666667vw;--text-shadow-blur: .6666666667vw;margin-top:5.3333333333vw;margin-bottom:0vw;font-size:2.9333333333vw;padding:1.6vw 1.0666666667vw}.content-hr{margin-top:2.6666666667vw}.content-text{margin-top:1.8666666667vw}.content-text._indent{padding-left:1.3333333333vw}.content-assets{margin-top:3.2vw}.content-assets:not(._single-asset){padding:2.6666666667vw 0vw;border-radius:var(--border-radius-base)}.content-assets-image{height:auto}.content-assets-movie video{width:100%;margin:0vw}.content-assets-grid{gap:var(--grid-gap)}.content-assets-grid-item-description{font-size:2.6666666667vw;line-height:3.4666666667vw;margin-top:1.8666666667vw}.content-assets-title-gradient{--text-shadow-y: .2666666667vw;--text-shadow-blur: .6666666667vw}.content-btns{margin-top:3.2vw;gap:2.6666666667vw}.content-btns a.btn{height:10.6666666667vw;padding:0vw 2.6666666667vw;font-size:2.6666666667vw}.content-inner{padding:6.6666666667vw 7.3333333333vw}.content-inner p{font-size:2.6666666667vw;line-height:4.2666666667vw;letter-spacing:-.03em}.highlight-header{display:none;height:auto;margin-bottom:2.9333333333vw}.highlight-images{top:16vw;width:100%;margin-top:4vw;margin-bottom:3.3333333333vw}.highlight-images:after{content:"";display:block;position:absolute;top:0;left:-5px;width:calc(100% + 10px);height:calc(100% + 2.6666666667vw);z-index:-1;background:#171d23}.highlight-list{width:100%}.highlight-list li.active{filter:drop-shadow(0 0 .1428571429vw #5bcce3) drop-shadow(0 0 .3571428571vw #5bcce3)}.highlight-list>li{padding-bottom:2.9333333333vw}.highlight-list>li>dl{display:relative;padding:2.6666666667vw .2666666667vw 2vw}.highlight-list>li>dl>dt{text-align:right;padding-right:2.4vw}.highlight-list>li>dl>dt img{display:inline-block;width:16.1333333333vw}.highlight-list>li>dl>dd{padding-left:2.6666666667vw;padding-right:2.6666666667vw;width:100%}.highlight-list>li>dl>dd .ttl{display:flex;align-items:center;position:relative;margin-top:-9.6vw;padding:0vw 0vw .2666666667vw 5.3333333333vw;height:12.2666666667vw;font-size:2.9333333333vw}.highlight-list>li>dl>dd .ttl span{width:3.6vw;height:3.6vw;left:0vw}.highlight-list>li>dl>dd .description{margin-top:0vw;padding-top:1.3333333333vw;font-size:2.6666666667vw;line-height:1.6em}.highlight-list>li>dl>dd .description .sub{margin-top:2.6666666667vw}.highlight-list>li>dl>dd .description .sub__ttl{min-width:3.5em}.highlight-list>li>dl>dd .description .sub__desc{margin-left:1.3333333333vw;width:56vw}.highlight-list>li>dl>dd .phase{width:65.3333333333vw}.highlight-list>li>dl>dd .phase dl{margin-top:2.6666666667vw}.highlight-list>li>dl>dd .phase dl dt{padding:.4vw 1.3333333333vw}.highlight-list>li>dl>dd .phase dl dd{margin-left:1.3333333333vw;width:56vw}.highlight-list>li>dl>dd .phase dl dd .icon{margin-left:1.3333333333vw}.highlight-list>li>dl>dd .phase dl dd .icon img{width:2.6666666667vw;top:-.6666666667vw}.highlight-list>li>dl.is-PC{display:none}html[lang=en] .highlight-list li>dl>dd .sub__ttl{min-width:5em}.embla__slide-text{margin-top:7.2vw}.embla__slide-text h4{padding-bottom:.6666666667vw;font-size:2.9333333333vw}.embla__slide-text p{margin-top:1.3333333333vw;font-size:2.6666666667vw;line-height:4.2666666667vw}.embla__prev,.embla__next{--drop-shadow-blur: 4px}.embla__prev,.embla__next{top:14.9333333333vw;width:4.9333333333vw}.embla__prev{left:-3.2vw}.embla__next{right:-3.2vw}.embla__pagination{--embla-pagination-margin-top: 6.4vw}.embla__pagination__dot{margin:0vw .6666666667vw;width:1.6vw;height:1.6vw}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper:before{height:93.3333333333vw;background-image:url(/assets/images/title_bg.BJA7yp__.jpg)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv{position:absolute}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1{padding-top:27.2vw}[id^=system-cardbattle] #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)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper #kv>h1>.category-title:before{width:5.3333333333vw;height:.5333333333vw;top:1.8666666667vw}[id^=system-cardbattle] #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)}[id^=system-cardbattle] #site-wrapper #main-container main .main-wrapper>.contents-area{padding-top:58.6666666667vw}.content-assets:has(*:last-child.content-assets-image){padding-bottom:0vw}.content-assets-image{width:100%;height:auto;max-width:100%}.content-assets-image.content-assets-image{margin-top:2.6666666667vw}#system-cardbattle-battle .battle-flow{height:93.3333333333vw;padding-top:0vw}#system-cardbattle-battle .battle-flow.content-assets{background-color:transparent}#system-cardbattle-battle .battle-flow .carousel__description{margin:6vw auto 0vw;width:73.3333333333vw}#system-cardbattle-battle .battle-flow .carousel__description .ttl{font-size:3.2vw;padding-bottom:1.3333333333vw;margin-bottom:1.3333333333vw}#system-cardbattle-battle .battle-flow .carousel__description .description{font-size:2.6666666667vw;line-height:1.6em}#system-cardbattle-battle .content-assets-grid-item .description{margin-top:2vw}#system-cardbattle-battle .content-1 .content-assets-movie:before{width:24.9333333333vw;height:17.7333333333vw}#system-cardbattle-battle .content-1 .content-assets-movie:before{bottom:0vw;right:1.3333333333vw;background-image:url(/assets/images/card.Bn_opI8Z.png)}#system-cardbattle-battle .content-3 .content-assets{background-color:transparent}#system-cardbattle-battle .content-3 .embla{--embla-asset-height: 39.7333333333vw}#system-cardbattle-battle .content-3 .embla__pagination{--embla-pagination-margin-top: 3.2vw}#system-cardbattle-battle .content-4 .content-assets-image{margin-top:0vw}#system-cardbattle-battle .content-4 .content-4-ace{width:32.6666666667vw;height:24vw}#system-cardbattle-battle .content-4 .content-4-ace{bottom:-5.3333333333vw;right:-7.4666666667vw}#system-cardbattle-battle .content-4 .content-assets-soloplay{--grid-item-w: 31.3333333333vw;--grid-gap: 2.6666666667vw}#system-cardbattle-battle .content-4 .content-assets-soloplay .content-assets-grid-item-image{width:25.3333333333vw}#system-cardbattle-battle .content-4 .content-assets-puzzlelesson{--grid-gap: 4vw;padding:0vw;background-color:transparent}#system-cardbattle-battle .content-4 .content-assets-puzzlelesson .content-assets-grid{flex-direction:column}#system-cardbattle-battle .content-5 .content-assets-grid{--grid-item-w: 31.3333333333vw;--grid-gap: 2.6666666667vw}#system-cardbattle-battle .content-5 .content-assets-grid .content-assets-grid-item-image{width:25.3333333333vw}#system-cardbattle-battle .battle-flow .carousel__wrap{margin:0vw auto;width:100%}#system-cardbattle-battle .battle-flow .carousel__wrap>ul{width:100%;height:40vw}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li{width:100%;height:40vw}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li.active{left:0vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n1{left:3.6vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n2{left:7.2vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._n3{left:10.8vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p1{z-index:2}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p1{left:-3.6vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p2{z-index:2}#system-cardbattle-battle .battle-flow .carousel__wrap>ul li._p2{left:-7.2vw;transform-origin:left top}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination{top:41.3333333333vw;left:50%}#system-cardbattle-battle .battle-flow .carousel__wrap .pagination div span{width:1.6vw;height:1.6vw;margin-left:.2666666667vw}#system-cardbattle-battle .battle-flow .carousel__wrap .prev,#system-cardbattle-battle .battle-flow .carousel__wrap .next{--drop-shadow-blur: 4px}#system-cardbattle-battle .battle-flow .carousel__wrap .prev{top:16vw;left:-2.6666666667vw;width:4.8vw}#system-cardbattle-battle .battle-flow .carousel__wrap .next{top:16vw;right:-2.6666666667vw;width:4.8vw}}