/*!
 * THE LEGEND OF HEROES: KURO NO KISEKI
 * (C) 2021 Nihon Falcom Corporation. All rights reserved.
 */html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,input,textarea,legend,article,aside,footer,header,hgroup,menu,nav,section{margin:0;padding:0;border:0}html,body{position:relative}ul,ol{list-style:none}a{display:inline-block;text-decoration:none;outline:none}a.disabled{pointer-events:none}object{pointer-events:none}img{vertical-align:bottom}svg{display:inline-block;stroke-width:0;stroke:currentColor;fill:currentColor}*{box-sizing:border-box}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}.font-08{font-size:0.8rem !important}.font-09{font-size:0.9rem !important}.font-11{font-size:1.1rem !important}.font-12{font-size:1.2rem !important}.font-13{font-size:1.3rem !important}.font-14{font-size:1.4rem !important}.font-15{font-size:1.5rem !important}.font-20{font-size:2rem !important}.font-25{font-size:2.5rem !important}.font-30{font-size:3rem !important}.font-35{font-size:3.5rem !important}.font-40{font-size:4rem !important}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text-white{color:#fff}.text-accent{color:#355bae}.underline{text-decoration:underline}.line-through{text-decoration:line-through}.p-0{padding:0px}.pt-0{padding-top:0px}.pr-0{padding-right:0px}.pb-0{padding-bottom:0px}.pl-0{padding-left:0px}.px-0{padding-left:0px;padding-right:0px}.py-0{padding-top:0px;padding-bottom:0px}.m-0{padding:0px}.mt-0{margin-top:0px}.mr-0{margin-right:0px}.mb-0{margin-bottom:0px}.ml-0{margin-left:0px}.mx-0{margin-left:0px;margin-right:0px}.my-0{margin-top:0px;margin-bottom:0px}.p-5{padding:5px}.pt-5{padding-top:5px}.pr-5{padding-right:5px}.pb-5{padding-bottom:5px}.pl-5{padding-left:5px}.px-5{padding-left:5px;padding-right:5px}.py-5{padding-top:5px;padding-bottom:5px}.m-5{padding:5px}.mt-5{margin-top:5px}.mr-5{margin-right:5px}.mb-5{margin-bottom:5px}.ml-5{margin-left:5px}.mx-5{margin-left:5px;margin-right:5px}.my-5{margin-top:5px;margin-bottom:5px}.p-10{padding:10px}.pt-10{padding-top:10px}.pr-10{padding-right:10px}.pb-10{padding-bottom:10px}.pl-10{padding-left:10px}.px-10{padding-left:10px;padding-right:10px}.py-10{padding-top:10px;padding-bottom:10px}.m-10{padding:10px}.mt-10{margin-top:10px}.mr-10{margin-right:10px}.mb-10{margin-bottom:10px}.ml-10{margin-left:10px}.mx-10{margin-left:10px;margin-right:10px}.my-10{margin-top:10px;margin-bottom:10px}.p-15{padding:15px}.pt-15{padding-top:15px}.pr-15{padding-right:15px}.pb-15{padding-bottom:15px}.pl-15{padding-left:15px}.px-15{padding-left:15px;padding-right:15px}.py-15{padding-top:15px;padding-bottom:15px}.m-15{padding:15px}.mt-15{margin-top:15px}.mr-15{margin-right:15px}.mb-15{margin-bottom:15px}.ml-15{margin-left:15px}.mx-15{margin-left:15px;margin-right:15px}.my-15{margin-top:15px;margin-bottom:15px}.p-20{padding:20px}.pt-20{padding-top:20px}.pr-20{padding-right:20px}.pb-20{padding-bottom:20px}.pl-20{padding-left:20px}.px-20{padding-left:20px;padding-right:20px}.py-20{padding-top:20px;padding-bottom:20px}.m-20{padding:20px}.mt-20{margin-top:20px}.mr-20{margin-right:20px}.mb-20{margin-bottom:20px}.ml-20{margin-left:20px}.mx-20{margin-left:20px;margin-right:20px}.my-20{margin-top:20px;margin-bottom:20px}.p-25{padding:25px}.pt-25{padding-top:25px}.pr-25{padding-right:25px}.pb-25{padding-bottom:25px}.pl-25{padding-left:25px}.px-25{padding-left:25px;padding-right:25px}.py-25{padding-top:25px;padding-bottom:25px}.m-25{padding:25px}.mt-25{margin-top:25px}.mr-25{margin-right:25px}.mb-25{margin-bottom:25px}.ml-25{margin-left:25px}.mx-25{margin-left:25px;margin-right:25px}.my-25{margin-top:25px;margin-bottom:25px}.p-30{padding:30px}.pt-30{padding-top:30px}.pr-30{padding-right:30px}.pb-30{padding-bottom:30px}.pl-30{padding-left:30px}.px-30{padding-left:30px;padding-right:30px}.py-30{padding-top:30px;padding-bottom:30px}.m-30{padding:30px}.mt-30{margin-top:30px}.mr-30{margin-right:30px}.mb-30{margin-bottom:30px}.ml-30{margin-left:30px}.mx-30{margin-left:30px;margin-right:30px}.my-30{margin-top:30px;margin-bottom:30px}.p-35{padding:35px}.pt-35{padding-top:35px}.pr-35{padding-right:35px}.pb-35{padding-bottom:35px}.pl-35{padding-left:35px}.px-35{padding-left:35px;padding-right:35px}.py-35{padding-top:35px;padding-bottom:35px}.m-35{padding:35px}.mt-35{margin-top:35px}.mr-35{margin-right:35px}.mb-35{margin-bottom:35px}.ml-35{margin-left:35px}.mx-35{margin-left:35px;margin-right:35px}.my-35{margin-top:35px;margin-bottom:35px}.p-40{padding:40px}.pt-40{padding-top:40px}.pr-40{padding-right:40px}.pb-40{padding-bottom:40px}.pl-40{padding-left:40px}.px-40{padding-left:40px;padding-right:40px}.py-40{padding-top:40px;padding-bottom:40px}.m-40{padding:40px}.mt-40{margin-top:40px}.mr-40{margin-right:40px}.mb-40{margin-bottom:40px}.ml-40{margin-left:40px}.mx-40{margin-left:40px;margin-right:40px}.my-40{margin-top:40px;margin-bottom:40px}.p-45{padding:45px}.pt-45{padding-top:45px}.pr-45{padding-right:45px}.pb-45{padding-bottom:45px}.pl-45{padding-left:45px}.px-45{padding-left:45px;padding-right:45px}.py-45{padding-top:45px;padding-bottom:45px}.m-45{padding:45px}.mt-45{margin-top:45px}.mr-45{margin-right:45px}.mb-45{margin-bottom:45px}.ml-45{margin-left:45px}.mx-45{margin-left:45px;margin-right:45px}.my-45{margin-top:45px;margin-bottom:45px}.p-50{padding:50px}.pt-50{padding-top:50px}.pr-50{padding-right:50px}.pb-50{padding-bottom:50px}.pl-50{padding-left:50px}.px-50{padding-left:50px;padding-right:50px}.py-50{padding-top:50px;padding-bottom:50px}.m-50{padding:50px}.mt-50{margin-top:50px}.mr-50{margin-right:50px}.mb-50{margin-bottom:50px}.ml-50{margin-left:50px}.mx-50{margin-left:50px;margin-right:50px}.my-50{margin-top:50px;margin-bottom:50px}.p-75{padding:75px}.pt-75{padding-top:75px}.pr-75{padding-right:75px}.pb-75{padding-bottom:75px}.pl-75{padding-left:75px}.px-75{padding-left:75px;padding-right:75px}.py-75{padding-top:75px;padding-bottom:75px}.m-75{padding:75px}.mt-75{margin-top:75px}.mr-75{margin-right:75px}.mb-75{margin-bottom:75px}.ml-75{margin-left:75px}.mx-75{margin-left:75px;margin-right:75px}.my-75{margin-top:75px;margin-bottom:75px}.p-100{padding:100px}.pt-100{padding-top:100px}.pr-100{padding-right:100px}.pb-100{padding-bottom:100px}.pl-100{padding-left:100px}.px-100{padding-left:100px;padding-right:100px}.py-100{padding-top:100px;padding-bottom:100px}.m-100{padding:100px}.mt-100{margin-top:100px}.mr-100{margin-right:100px}.mb-100{margin-bottom:100px}.ml-100{margin-left:100px}.mx-100{margin-left:100px;margin-right:100px}.my-100{margin-top:100px;margin-bottom:100px}.clearfix{*zoom:1}.clearfix:after{content:"";clear:both}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}@keyframes line-scale-party{0%{transform:scale(1)}50%{transform:scale(.5)}100%{transform:scale(1)}}.line-scale-party>div:nth-child(1){animation-delay:.38s;animation-duration:1.12s}.line-scale-party>div:nth-child(2){animation-delay:.67s;animation-duration:.64s}.line-scale-party>div:nth-child(3){animation-delay:.26s;animation-duration:1.07s}.line-scale-party>div:nth-child(4){animation-delay:.46s;animation-duration:1.16s}.line-scale-party>div{background-color:#fff;width:4px;height:35px;border-radius:2px;margin:2px;animation-fill-mode:both;display:inline-block;animation-name:line-scale-party;animation-iteration-count:infinite;animation-delay:0}.col-xs-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-xs-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 100px){.h-xs{display:none !important}.v-xs{display:block !important}.col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-xs-3{flex:0 0 25%;max-width:25%}.col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-xs-6{flex:0 0 50%;max-width:50%}.col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-xs-9{flex:0 0 75%;max-width:75%}.col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-xs-12{flex:0 0 100%;max-width:100%}.twin-xs>div:nth-child(even){padding-right:0}.twin-xs>div:nth-child(odd){padding-left:0}.one-xs>div{padding-left:0;padding-right:0}}.col-sm-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-sm-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 600px){.h-sm{display:none !important}.v-sm{display:block !important}.col-sm-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-sm-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-sm-3{flex:0 0 25%;max-width:25%}.col-sm-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-sm-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-sm-6{flex:0 0 50%;max-width:50%}.col-sm-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-sm-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-sm-9{flex:0 0 75%;max-width:75%}.col-sm-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-sm-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-sm-12{flex:0 0 100%;max-width:100%}.twin-sm>div:nth-child(even){padding-right:0}.twin-sm>div:nth-child(odd){padding-left:0}.one-sm>div{padding-left:0;padding-right:0}}.col-md-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-md-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 960px){.h-md{display:none !important}.v-md{display:block !important}.col-md-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-md-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-md-3{flex:0 0 25%;max-width:25%}.col-md-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-md-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-md-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-md-9{flex:0 0 75%;max-width:75%}.col-md-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-md-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-md-12{flex:0 0 100%;max-width:100%}.twin-md>div:nth-child(even){padding-right:0}.twin-md>div:nth-child(odd){padding-left:0}.one-md>div{padding-left:0;padding-right:0}}.col-lg-1{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-2{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-3{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-4{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-5{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-6{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-7{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-8{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-9{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-10{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-11{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}.col-lg-12{position:relative;width:100%;min-height:1px;padding:5px 10px;box-sizing:border-box}@media screen and (min-width: 1280px){.h-lg{display:none !important}.v-lg{display:block !important}.col-lg-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.col-lg-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.col-lg-3{flex:0 0 25%;max-width:25%}.col-lg-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.col-lg-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.col-lg-6{flex:0 0 50%;max-width:50%}.col-lg-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.col-lg-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.col-lg-9{flex:0 0 75%;max-width:75%}.col-lg-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.col-lg-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.col-lg-12{flex:0 0 100%;max-width:100%}.twin-lg>div:nth-child(even){padding-right:0}.twin-lg>div:nth-child(odd){padding-left:0}.one-lg>div{padding-left:0;padding-right:0}}.row{display:flex;box-direction:normal;box-orient:horizontal;flex-direction:row;flex-wrap:wrap}.row img{width:100%;height:auto}.flex-end{align-self:flex-end}.flex-center{align-self:center}@media screen and (min-width: 100px){.xs-order-1{order:1}.xs-order-2{order:2}.xs-order-3{order:3}.xs-order-4{order:4}.xs-order-5{order:5}.p-xs-0{padding:0px}.py-xs-0{padding-top:0px;padding-bottom:0px}.px-xs-0{padding-left:0px;padding-right:0px}.m-xs-0{margin:0px}.p-xs-5{padding:5px}.py-xs-5{padding-top:5px;padding-bottom:5px}.px-xs-5{padding-left:5px;padding-right:5px}.m-xs-5{margin:5px}.p-xs-10{padding:10px}.py-xs-10{padding-top:10px;padding-bottom:10px}.px-xs-10{padding-left:10px;padding-right:10px}.m-xs-10{margin:10px}.p-xs-15{padding:15px}.py-xs-15{padding-top:15px;padding-bottom:15px}.px-xs-15{padding-left:15px;padding-right:15px}.m-xs-15{margin:15px}.p-xs-20{padding:20px}.py-xs-20{padding-top:20px;padding-bottom:20px}.px-xs-20{padding-left:20px;padding-right:20px}.m-xs-20{margin:20px}.p-xs-25{padding:25px}.py-xs-25{padding-top:25px;padding-bottom:25px}.px-xs-25{padding-left:25px;padding-right:25px}.m-xs-25{margin:25px}.p-xs-30{padding:30px}.py-xs-30{padding-top:30px;padding-bottom:30px}.px-xs-30{padding-left:30px;padding-right:30px}.m-xs-30{margin:30px}.p-xs-35{padding:35px}.py-xs-35{padding-top:35px;padding-bottom:35px}.px-xs-35{padding-left:35px;padding-right:35px}.m-xs-35{margin:35px}.p-xs-40{padding:40px}.py-xs-40{padding-top:40px;padding-bottom:40px}.px-xs-40{padding-left:40px;padding-right:40px}.m-xs-40{margin:40px}.p-xs-45{padding:45px}.py-xs-45{padding-top:45px;padding-bottom:45px}.px-xs-45{padding-left:45px;padding-right:45px}.m-xs-45{margin:45px}.p-xs-50{padding:50px}.py-xs-50{padding-top:50px;padding-bottom:50px}.px-xs-50{padding-left:50px;padding-right:50px}.m-xs-50{margin:50px}.p-xs-75{padding:75px}.py-xs-75{padding-top:75px;padding-bottom:75px}.px-xs-75{padding-left:75px;padding-right:75px}.m-xs-75{margin:75px}.p-xs-100{padding:100px}.py-xs-100{padding-top:100px;padding-bottom:100px}.px-xs-100{padding-left:100px;padding-right:100px}.m-xs-100{margin:100px}.p-xs-150{padding:150px}.py-xs-150{padding-top:150px;padding-bottom:150px}.px-xs-150{padding-left:150px;padding-right:150px}.m-xs-150{margin:150px}}@media screen and (min-width: 600px){.sm-order-1{order:1}.sm-order-2{order:2}.sm-order-3{order:3}.sm-order-4{order:4}.sm-order-5{order:5}.p-sm-0{padding:0px}.py-sm-0{padding-top:0px;padding-bottom:0px}.px-sm-0{padding-left:0px;padding-right:0px}.m-sm-0{margin:0px}.p-sm-5{padding:5px}.py-sm-5{padding-top:5px;padding-bottom:5px}.px-sm-5{padding-left:5px;padding-right:5px}.m-sm-5{margin:5px}.p-sm-10{padding:10px}.py-sm-10{padding-top:10px;padding-bottom:10px}.px-sm-10{padding-left:10px;padding-right:10px}.m-sm-10{margin:10px}.p-sm-15{padding:15px}.py-sm-15{padding-top:15px;padding-bottom:15px}.px-sm-15{padding-left:15px;padding-right:15px}.m-sm-15{margin:15px}.p-sm-20{padding:20px}.py-sm-20{padding-top:20px;padding-bottom:20px}.px-sm-20{padding-left:20px;padding-right:20px}.m-sm-20{margin:20px}.p-sm-25{padding:25px}.py-sm-25{padding-top:25px;padding-bottom:25px}.px-sm-25{padding-left:25px;padding-right:25px}.m-sm-25{margin:25px}.p-sm-30{padding:30px}.py-sm-30{padding-top:30px;padding-bottom:30px}.px-sm-30{padding-left:30px;padding-right:30px}.m-sm-30{margin:30px}.p-sm-35{padding:35px}.py-sm-35{padding-top:35px;padding-bottom:35px}.px-sm-35{padding-left:35px;padding-right:35px}.m-sm-35{margin:35px}.p-sm-40{padding:40px}.py-sm-40{padding-top:40px;padding-bottom:40px}.px-sm-40{padding-left:40px;padding-right:40px}.m-sm-40{margin:40px}.p-sm-45{padding:45px}.py-sm-45{padding-top:45px;padding-bottom:45px}.px-sm-45{padding-left:45px;padding-right:45px}.m-sm-45{margin:45px}.p-sm-50{padding:50px}.py-sm-50{padding-top:50px;padding-bottom:50px}.px-sm-50{padding-left:50px;padding-right:50px}.m-sm-50{margin:50px}.p-sm-75{padding:75px}.py-sm-75{padding-top:75px;padding-bottom:75px}.px-sm-75{padding-left:75px;padding-right:75px}.m-sm-75{margin:75px}.p-sm-100{padding:100px}.py-sm-100{padding-top:100px;padding-bottom:100px}.px-sm-100{padding-left:100px;padding-right:100px}.m-sm-100{margin:100px}.p-sm-150{padding:150px}.py-sm-150{padding-top:150px;padding-bottom:150px}.px-sm-150{padding-left:150px;padding-right:150px}.m-sm-150{margin:150px}}@media screen and (min-width: 960px){.md-order-1{order:1}.md-order-2{order:2}.md-order-3{order:3}.md-order-4{order:4}.md-order-5{order:5}.p-md-0{padding:0px}.py-md-0{padding-top:0px;padding-bottom:0px}.px-md-0{padding-left:0px;padding-right:0px}.m-md-0{margin:0px}.p-md-5{padding:5px}.py-md-5{padding-top:5px;padding-bottom:5px}.px-md-5{padding-left:5px;padding-right:5px}.m-md-5{margin:5px}.p-md-10{padding:10px}.py-md-10{padding-top:10px;padding-bottom:10px}.px-md-10{padding-left:10px;padding-right:10px}.m-md-10{margin:10px}.p-md-15{padding:15px}.py-md-15{padding-top:15px;padding-bottom:15px}.px-md-15{padding-left:15px;padding-right:15px}.m-md-15{margin:15px}.p-md-20{padding:20px}.py-md-20{padding-top:20px;padding-bottom:20px}.px-md-20{padding-left:20px;padding-right:20px}.m-md-20{margin:20px}.p-md-25{padding:25px}.py-md-25{padding-top:25px;padding-bottom:25px}.px-md-25{padding-left:25px;padding-right:25px}.m-md-25{margin:25px}.p-md-30{padding:30px}.py-md-30{padding-top:30px;padding-bottom:30px}.px-md-30{padding-left:30px;padding-right:30px}.m-md-30{margin:30px}.p-md-35{padding:35px}.py-md-35{padding-top:35px;padding-bottom:35px}.px-md-35{padding-left:35px;padding-right:35px}.m-md-35{margin:35px}.p-md-40{padding:40px}.py-md-40{padding-top:40px;padding-bottom:40px}.px-md-40{padding-left:40px;padding-right:40px}.m-md-40{margin:40px}.p-md-45{padding:45px}.py-md-45{padding-top:45px;padding-bottom:45px}.px-md-45{padding-left:45px;padding-right:45px}.m-md-45{margin:45px}.p-md-50{padding:50px}.py-md-50{padding-top:50px;padding-bottom:50px}.px-md-50{padding-left:50px;padding-right:50px}.m-md-50{margin:50px}.p-md-75{padding:75px}.py-md-75{padding-top:75px;padding-bottom:75px}.px-md-75{padding-left:75px;padding-right:75px}.m-md-75{margin:75px}.p-md-100{padding:100px}.py-md-100{padding-top:100px;padding-bottom:100px}.px-md-100{padding-left:100px;padding-right:100px}.m-md-100{margin:100px}.p-md-150{padding:150px}.py-md-150{padding-top:150px;padding-bottom:150px}.px-md-150{padding-left:150px;padding-right:150px}.m-md-150{margin:150px}}@media screen and (min-width: 1280px){.lg-order-1{order:1}.lg-order-2{order:2}.lg-order-3{order:3}.lg-order-4{order:4}.lg-order-5{order:5}.p-lg-0{padding:0px}.py-lg-0{padding-top:0px;padding-bottom:0px}.px-lg-0{padding-left:0px;padding-right:0px}.m-lg-0{margin:0px}.p-lg-5{padding:5px}.py-lg-5{padding-top:5px;padding-bottom:5px}.px-lg-5{padding-left:5px;padding-right:5px}.m-lg-5{margin:5px}.p-lg-10{padding:10px}.py-lg-10{padding-top:10px;padding-bottom:10px}.px-lg-10{padding-left:10px;padding-right:10px}.m-lg-10{margin:10px}.p-lg-15{padding:15px}.py-lg-15{padding-top:15px;padding-bottom:15px}.px-lg-15{padding-left:15px;padding-right:15px}.m-lg-15{margin:15px}.p-lg-20{padding:20px}.py-lg-20{padding-top:20px;padding-bottom:20px}.px-lg-20{padding-left:20px;padding-right:20px}.m-lg-20{margin:20px}.p-lg-25{padding:25px}.py-lg-25{padding-top:25px;padding-bottom:25px}.px-lg-25{padding-left:25px;padding-right:25px}.m-lg-25{margin:25px}.p-lg-30{padding:30px}.py-lg-30{padding-top:30px;padding-bottom:30px}.px-lg-30{padding-left:30px;padding-right:30px}.m-lg-30{margin:30px}.p-lg-35{padding:35px}.py-lg-35{padding-top:35px;padding-bottom:35px}.px-lg-35{padding-left:35px;padding-right:35px}.m-lg-35{margin:35px}.p-lg-40{padding:40px}.py-lg-40{padding-top:40px;padding-bottom:40px}.px-lg-40{padding-left:40px;padding-right:40px}.m-lg-40{margin:40px}.p-lg-45{padding:45px}.py-lg-45{padding-top:45px;padding-bottom:45px}.px-lg-45{padding-left:45px;padding-right:45px}.m-lg-45{margin:45px}.p-lg-50{padding:50px}.py-lg-50{padding-top:50px;padding-bottom:50px}.px-lg-50{padding-left:50px;padding-right:50px}.m-lg-50{margin:50px}.p-lg-75{padding:75px}.py-lg-75{padding-top:75px;padding-bottom:75px}.px-lg-75{padding-left:75px;padding-right:75px}.m-lg-75{margin:75px}.p-lg-100{padding:100px}.py-lg-100{padding-top:100px;padding-bottom:100px}.px-lg-100{padding-left:100px;padding-right:100px}.m-lg-100{margin:100px}.p-lg-150{padding:150px}.py-lg-150{padding-top:150px;padding-bottom:150px}.px-lg-150{padding-left:150px;padding-right:150px}.m-lg-150{margin:150px}}html,body{font-size:18px;overflow-x:hidden !important}.gwrap{z-index:0;position:relative;width:100%;height:100%;overflow-x:hidden !important;overflow-y:auto;line-height:1.8;color:#222;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.gwrap::before{z-index:-50;position:fixed;content:"";width:100%;height:100%;top:0;left:0;background-image:url(../../assets/common/bg.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}.container{max-width:1600px;margin:0 auto}.container-small{max-width:1300px;margin:0 auto}.lum-img{max-width:100% !important}.mfp-iframe-holder .mfp-content{max-width:1280px !important}.new-badge{color:#355bae;width:30px;height:30px;line-height:24px;text-align:center;font-size:24px;border-radius:50%;border:solid 3px #355bae;background:#fff;pointer-events:none}.store-link{display:block}.store-link a{display:block;position:relative;height:50px;line-height:50px;color:#fff;background:linear-gradient(to bottom, #888, #666);filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));border-radius:3px;overflow:hidden}.store-link a::before{z-index:-1;position:absolute;width:0;height:100%;left:0;top:0;background:linear-gradient(to bottom, #666, #444);content:"";transition:all 0.3s ease}.store-link a:hover::before{width:100%}.store-link a i{width:50px;background:linear-gradient(to bottom, #666, #444);line-height:50px;text-align:center;float:left}.store-link a span{display:block;text-align:center;white-space:nowrap;font-weight:bold;font-size:0.8rem}.store-link.accent a{background:linear-gradient(to bottom, #355bae, #13398c)}.store-link.accent a::before{background:linear-gradient(to bottom, #13398c, #00176a)}.store-link.accent a i{background:linear-gradient(to bottom, #13398c, #00176a)}.more-circle{position:relative;display:block;width:100px;height:100px}.more-circle span{position:absolute;top:0;left:0;width:100px;height:100px;line-height:90px;text-align:center;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.5);opacity:0;font-size:0.8rem;transition:0.5s}.more-circle svg{stroke-dasharray:266.451;stroke-dashoffset:-266.451;transition:0.5s}@media screen and (min-width: 960px){.more-circle-hover .more-circle,main#toppage #topics .swiper-container .swiper-slide a:hover .more-circle,main#toppage #character .swiper-slide a:hover .more-circle,main#topics .box a:hover .more-circle,main#character #main-character .swiper-slide a:hover .more-circle,main#character #sub-character .sub a:hover .more-circle{filter:drop-shadow(0 0 3px rgba(0,0,0,0.25))}.more-circle-hover .more-circle span,main#toppage #topics .swiper-container .swiper-slide a:hover .more-circle span,main#toppage #character .swiper-slide a:hover .more-circle span,main#topics .box a:hover .more-circle span,main#character #main-character .swiper-slide a:hover .more-circle span,main#character #sub-character .sub a:hover .more-circle span{opacity:1}.more-circle-hover .more-circle svg,main#toppage #topics .swiper-container .swiper-slide a:hover .more-circle svg,main#toppage #character .swiper-slide a:hover .more-circle svg,main#topics .box a:hover .more-circle svg,main#character #main-character .swiper-slide a:hover .more-circle svg,main#character #sub-character .sub a:hover .more-circle svg{stroke-dashoffset:0}}.dlcbox-grad,main#toppage #dlcbox,main#special #dlcbox section,main#special #dlcbox .united .desc,main#dlc #dlcbox{background:linear-gradient(to bottom right, #ffc100, #ffdf00)}.trial-grad,main#toppage #trial{background:linear-gradient(to bottom right, #33A53A, #C7EB4F)}.g_headline-wrap{z-index:2;position:relative;padding:100px 0 50px 0}@media screen and (min-width: 960px){.g_headline-wrap{padding:170px 0 80px 0}}.g_headline-wrap .g_headline{position:relative;z-index:3;max-width:1600px;margin:0 auto;padding:0 20px;line-height:1;color:#fff;text-shadow:0 0 5px rgba(0,0,0,0.75);text-align:center}.g_headline-wrap .g_headline .en{font-size:9vw}@media screen and (min-width: 960px){.g_headline-wrap .g_headline .en{font-size:3.6rem}}.g_headline-wrap .g_headline .ja{font-size:4vw}@media screen and (min-width: 960px){.g_headline-wrap .g_headline .ja{font-size:1.1rem;letter-spacing:2px}}.g_headline-wrap .g_headline-bg{position:absolute;z-index:0;top:0;left:0;width:100%;height:100%;background-size:cover;background-repeat:no-repeat;overflow:hidden}.g_headline-wrap .g_headline-bg .video{position:absolute;top:-300px;left:0;width:1920px;height:1080px}.g_headline-wrap .g_headline-bg::after{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-size:auto auto;background-color:rgba(0,0,0,0.2);background-image:repeating-linear-gradient(45deg, transparent, transparent 6px, #000 6px, #000 8px)}header{z-index:50;position:fixed;display:none;width:100%;top:0;right:0;height:60px;background:#222;white-space:nowrap}@media screen and (min-width: 960px){header{display:block;padding-left:10%}}header .logo{display:inline-block;padding:0 10px}header nav{display:inline-block}header nav>ul li{position:relative;display:inline-block}header nav>ul li a{position:relative;padding:5px 10px;text-align:center;color:#fff}header nav>ul li a .en{font-size:1.2rem;line-height:30px}header nav>ul li a .ja{font-size:0.6rem;line-height:20px}header nav>ul li a span{position:relative}header nav>ul li a span::before{content:"";z-index:-1;position:absolute;top:-5%;left:-10%;width:0%;height:110%;background:linear-gradient(to right, #13398c, #355bae);opacity:0;outline:none;transition:0.4s}header nav>ul li a:hover span::before{width:120%;opacity:1}header nav>ul li ul{position:fixed;display:none;top:60px;left:0;padding-bottom:3px;width:100%;background:linear-gradient(to right, #13398c, #355bae)}header nav>ul li ul li{display:inline-block;margin:0 5px;vertical-align:middle}header nav>ul li ul li a{color:#fff;font-weight:bold;font-size:0.8rem;transition:0.2s}header nav>ul li ul li a:hover{opacity:0.5}header nav>ul li ul li a img{margin-right:5px;vertical-align:middle}header nav>ul li ul.story{padding-left:200px}header nav>ul li ul.character{padding-left:300px}header nav>ul li ul.system{padding-left:450px}header nav>ul li ul.special{padding-left:550px}header nav>ul li ul.product{padding-left:650px}header .buy{position:absolute;display:none;top:0;right:0;height:60px;line-height:60px;vertical-align:bottom;overflow:hidden}@media screen and (min-width: 1280px){header .buy{display:block}}header .buy .icon{display:inline-block;width:60px;margin:0;text-align:center;vertical-align:top;background:#355bae}header .buy .icon svg{vertical-align:middle;fill:#fff}header .buy .value{position:relative;display:inline-block;margin:0;padding:0 15px;color:#fff}header .buy .value::before{z-index:-1;position:absolute;content:"";top:0;left:0;width:0;height:100%;background:#355bae;transition:0.3s}header .buy:hover .value::before{width:100%}#guide-hollow{z-index:40;display:none;position:fixed;bottom:0;left:0;width:100%}#guide-hollow .inner{position:relative}#guide-hollow .monitor{z-index:41;position:absolute;bottom:-10px;left:-10px;width:80px;height:80px;border:solid 2px #222;border-radius:50%;cursor:pointer;background:rgba(255,255,255,0.65);backdrop-filter:blur(3px);filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}#guide-hollow .monitor .layers{position:relative}#guide-hollow .monitor .layers .layer{position:absolute;top:0;left:0;width:100%;height:100%}#guide-hollow .monitor .layers .girl{display:none}#guide-hollow .monitor .layers .ring{filter:drop-shadow(0 0 6px #222) drop-shadow(0 0 3px #666)}#guide-hollow .monitor .layers .standby{opacity:0;transition:0.5s}#guide-hollow .monitor .layers .standby svg{fill:#222}#guide-hollow .monitor .layers .spectrum-wrap{display:flex;flex-direction:column;flex-grow:1;flex-shrink:0;align-items:center;justify-content:center;height:76px;transform:translateY(2px);transition:0.5s}#guide-hollow .monitor .layers .spectrum-wrap .line-scale-party{transform:scale(1)}#guide-hollow .monitor .layers .spectrum-wrap .line-scale-party>div{background:#222;transition:background 0.5s}#guide-hollow .monitor .layers .spectrum-wrap .multi .line-scale-party>div{background:#355bae}#guide-hollow .monitor img{width:100%;height:auto}#guide-hollow .monitor .name-wrap{display:none;position:absolute;top:-10px;left:50px;pointer-events:none}@media screen and (min-width: 960px){#guide-hollow .monitor .name-wrap{display:block}}#guide-hollow .monitor .name-wrap svg{position:absolute;top:0;left:0;stroke-dasharray:155.01;stroke-dashoffset:155.01;transition:0.3s}#guide-hollow .monitor .name-wrap .name{position:absolute;top:-17px;left:30px;font-size:0.6rem;width:0px;font-weight:bold;overflow:hidden;white-space:nowrap}@media screen and (min-width: 960px){#guide-hollow .monitor:hover .name-wrap{filter:drop-shadow(0 0 1px #fff)}#guide-hollow .monitor:hover .name-wrap svg{stroke-dashoffset:0}#guide-hollow .monitor:hover .name-wrap .name{animation:hollow-typewriter 0.2s steps(20) 0.1s 1 normal both}}#guide-hollow.muted .spectrum-wrap{opacity:0}#guide-hollow.muted .standby{opacity:1 !important}#guide-hollow #hollow-navigate{position:absolute;bottom:30px;left:0;width:500px;padding:2px 120px 2px 80px;background:linear-gradient(to right, #222, transparent);font-size:0.7rem;font-weight:bold;color:#fff;backdrop-filter:blur(2px);text-shadow:0 0 2px #000;transition:0.5s;pointer-events:none;opacity:0}#guide-hollow #hollow-navigate.force{opacity:1 !important}#guide-hollow .bgm-controller{position:absolute;bottom:0;left:0;width:100%;height:30px;padding:0 0 0 80px;background:linear-gradient(to right, #222, #000);font-size:0.7rem;color:#fff;backdrop-filter:blur(2px);transition:0.5s;box-shadow:0 0 10px rgba(0,0,0,0.5) inset}#guide-hollow .bgm-controller span{margin-right:15px}#guide-hollow .bgm-controller span i{margin-right:5px}#guide-hollow .bgm-controller .btn{position:relative;display:inline-block;width:30px;height:30px;padding:0;cursor:pointer;transition:0.3s}@media screen and (min-width: 960px){#guide-hollow .bgm-controller .btn{width:40px;padding:0 5px}}#guide-hollow .bgm-controller .btn:hover{background:#355bae}#guide-hollow .bgm-controller .btn img{position:absolute;top:0;left:0;transition:0.4s}@media screen and (min-width: 960px){#guide-hollow .bgm-controller .btn img{left:5px}}#guide-hollow .bgm-controller .btn#bgm-toggle .play{opacity:1;z-index:1}#guide-hollow .bgm-controller .btn#bgm-toggle .stop{opacity:0;z-index:0}#guide-hollow .bgm-controller .btn#bgm-toggle.play .play{opacity:0;z-index:0}#guide-hollow .bgm-controller .btn#bgm-toggle.play .stop{opacity:1;z-index:1}#guide-hollow .bgm-controller.disabled #bgm-prev,#guide-hollow .bgm-controller.disabled #bgm-next{pointer-events:none;opacity:0.5}#guide-hollow .bgm-controller #bgm-name{display:inline-block;padding-left:10px;line-height:25px;vertical-align:top;white-space:nowrap}#guide-hollow.hide .bgm-controller,#guide-hollow.hide #hollow-navigate{opacity:0}@keyframes hollow-typewriter{from{width:0}to{width:150px}}main{-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;perspective:1000}footer{position:relative;padding:15px;background:#fff;filter:drop-shadow(0 -3px 3px rgba(0,0,0,0.25))}footer .pagetop{position:absolute;top:-40px;left:0;width:100%}footer .pagetop button{display:block;margin:0 auto;min-width:150px;height:40px;background:#355bae;color:#fff;border:none;font-size:1.1rem;text-shadow:none;filter:drop-shadow(0 -3px 3px rgba(0,0,0,0.25));cursor:pointer;outline:none}footer .spec{position:relative;padding-top:40px;line-height:1.5}footer .spec .logo-wrap{padding-top:10vh}@media screen and (min-width: 600px){footer .spec .logo-wrap{padding:0 50px 0 50px}}@media screen and (min-width: 600px){footer .spec dl{margin-top:30px}}@media screen and (min-width: 600px){footer .spec dl>div{margin:5px 0}}footer .spec dl dt{font-size:0.5rem}@media screen and (min-width: 600px){footer .spec dl dt{font-size:0.7rem}}footer .spec dl dd{font-size:0.7rem}@media screen and (min-width: 600px){footer .spec dl dd{font-size:0.9rem}}footer .share{margin:40px 0;text-align:center;line-height:50px}footer .share>div{display:inline-block;margin-right:20px;font-size:0.8rem}footer .share a{margin:0 5px}footer .share a img{transition:0.5s}footer .share a:hover img{transform:scale(1.1)}footer .brand{margin:40px 0;text-align:center;line-height:50px}footer .brand object{margin:0 15px;vertical-align:middle}footer .attention{margin:40px 0;text-align:center}footer .attention ul li{margin:5px 0;list-style:none;font-size:0.6rem}footer .copyright{margin:40px 0;text-align:center;line-height:1}footer .copyright small{font-size:0.6rem}footer .language{margin:40px 0;font-size:0.7rem;text-align:center;line-height:26px;vertical-align:middle}@media screen and (min-width: 600px){footer .language{font-size:0.8rem}}footer .language div{display:inline-block;margin-right:5px}@media screen and (min-width: 600px){footer .language div{margin-right:20px}}footer .language div i{margin-right:3px;font-size:0.8rem}footer .language ul li{display:inline-block;margin:0 3px}@media screen and (min-width: 600px){footer .language ul li{margin:0 10px}}footer .language ul li a{padding:0 10px;border:solid 1px #222;color:#222}@media screen and (min-width: 600px){footer .language ul li a{padding:0 30px}}#trigger{z-index:90;position:fixed;top:10px;left:10px;cursor:pointer;outline:none;mix-blend-mode:difference}@media screen and (min-width: 960px){#trigger{display:none}}#trigger .button{position:relative;display:inline-block;width:40px;height:30px}#trigger .button span{position:absolute;left:0;width:100%;height:3px;background-color:#fff;transition:all 0.2s}#trigger .button span:nth-of-type(1){top:0}#trigger .button span:nth-of-type(2){top:14px}#trigger .button span:nth-of-type(3){bottom:0}#trigger .button.active span:nth-of-type(1){transform:translateY(13.5px) rotate(-45deg)}#trigger .button.active span:nth-of-type(2){opacity:0}#trigger .button.active span:nth-of-type(3){transform:translateY(-13.5px) rotate(45deg)}#trigger .menu{position:absolute;top:0;left:40px;padding:0 10px;display:inline-block;text-shadow:0 0 3px rgba(0,0,0,0.75);line-height:30px;color:#fff}#drawer{z-index:70;position:fixed;display:none;top:0;left:0;width:100%;height:100%}@media screen and (min-width: 960px){#drawer{display:none !important}}#drawer .menu{z-index:71;position:absolute;width:80%;height:120vh;top:-10vh;right:-110%;padding:17.5vh 0 0 0;transform:rotate(7.5deg);background:#355bae}#drawer .menu.main{padding-left:20px;box-shadow:-2px 0 5px rgba(0,0,0,0.5)}#drawer .menu.main ul li{margin-bottom:15px}#drawer .menu.main ul li a{color:#fff;line-height:1.2;cursor:pointer}#drawer .menu.main ul li a .en{font-size:1.3rem}#drawer .menu.main ul li a .ja{font-size:0.5rem}#drawer .menu.main .share{margin:30px 0 20px 0;color:#fff;line-height:28px;font-size:0.6rem}#drawer .menu.main .share div{display:inline-block;margin-right:10px;line-height:28px;vertical-align:top}#drawer .menu.main .share a{margin-right:5px;color:#fff;font-size:28px;line-height:28px}#drawer .menu.main .language button{padding:0;background:none;border:none;outline:none;color:#fff;font-size:1rem;cursor:pointer}#drawer .menu.main .language button i{margin-right:5px}#drawer .menu.common{z-index:72;display:none;background:#222}#drawer .menu.common .head{color:#fff;font-size:1.8rem;writing-mode:vertical-rl;line-height:1;letter-spacing:2px}#drawer .menu.common .head i{margin-bottom:10px}#drawer .menu.common ul{transform:translateX(-30px)}#drawer .menu.common ul li{margin:15px 0}#drawer .menu.common ul li a{display:block;padding:3px 15px;background:#355bae;color:#fff;box-shadow:0 0 5px rgba(0,0,0,0.5);font-size:0.8rem}#drawer .menu.common .menu-close{position:absolute;top:10vh;left:30vw;background:none;border:none;outline:none;color:#fff;font-size:2rem;transform:rotate(-7.5deg);cursor:pointer}#drawer .menu.common .sns-wrap{position:absolute;width:95vw;bottom:25vh;left:-15vw;transform:rotate(-7.5deg)}#drawer .menu.common .sns-wrap .btn{display:flex;margin:10px 0;padding:5px;background:#222;color:#fff;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,0.75)}#drawer .menu.common .sns-wrap .btn .icon{width:25%;padding:3px}#drawer .menu.common .sns-wrap .btn .icon img{border-radius:5px}#drawer .menu.common .sns-wrap .btn .text{width:75%}#drawer .menu.common .sns-wrap .btn .text .name{font-size:0.7rem}#drawer .menu.common .sns-wrap .btn .text .url{font-size:0.5rem}#drawer .menu.common .sns-wrap .btn .text .share{font-size:0.8rem;font-weight:bold}#drawer .menu.common .sns-wrap .btn .text .share i{margin-right:5px}#drawer .menu.common .sns-wrap .btn .text .share span{margin-right:5px;padding:0 5px;border-radius:3px;background:#199ff2;color:#fff;font-size:0.7rem}#drawer .menu.common .sns-wrap .btn .text .share span i{margin-right:5px}#drawer .menu.twitter{background:#199ff2}#drawer .menu.facebook{background:#0068b7}#drawer .menu.line{background:#00b900}#drawer .base{position:absolute;content:"";top:0;left:0;width:100%;height:100%;opacity:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(3px)}#transition img{max-width:80vw;height:auto}#transition .logo{z-index:100;position:fixed;top:0;left:0;width:100%;height:100%;display:none;align-items:center;justify-content:center;opacity:0;transform:scale(2);will-change:transform}#transition .filter{z-index:100;display:none;position:fixed;top:0;right:0;width:100%;height:100%;background:#000;opacity:0;will-change:width, opacity}#transition .transitioning{z-index:100;display:none;position:fixed;top:10%;left:10%;opacity:0}#transition .transitioning .inner{position:relative;padding-left:30px;font-size:14px;line-height:14px;color:#fff}#transition .transitioning .inner img,#transition .transitioning .inner .loader{position:absolute;top:0;left:0;transition:0.1s}#transition .transitioning .inner img{opacity:0}#transition .transitioning.complete .inner img{opacity:1}#transition .transitioning.complete .inner .loader{opacity:0}.story-nav{padding:50px 0;text-align:right}@media screen and (min-width: 960px){.story-nav{padding:100px 0}}.story-nav a{position:relative;display:block;margin:30px 20px;color:#000;font-size:1.4rem;line-height:1.4;text-align:center}@media screen and (min-width: 960px){.story-nav a{display:inline-block;margin:0 80px 0 0;padding:0 20px;text-align:left}}.story-nav a.active{opacity:0.5;pointer-events:none}.story-nav a span{display:block;font-size:0.8rem}.story-nav a svg{position:absolute;display:none;bottom:0;left:0;stroke-dasharray:193.611;stroke-dashoffset:193.611;transition:0.4s}@media screen and (min-width: 960px){.story-nav a svg{display:block;left:20px}}.story-nav a:hover svg{stroke-dashoffset:0}#loading{z-index:999999;position:fixed;width:100%;height:100%;top:0;left:0;background:#000;font-family:"ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif}#loading::before{position:fixed;width:1px;height:100%;top:0;left:5vw;background:#fff;content:""}#loading .inner{position:fixed;top:10vh;left:10vw;color:#fff;font-size:14px}#loading .no-javascript{display:none}#loading .no-javascript i{margin-right:5px}#loading #now-loading{position:relative;padding-left:30px;font-size:14px;line-height:14px}#loading #now-loading img,#loading #now-loading .loader{position:absolute;top:0;left:0;transition:0.2s}#loading #now-loading img{opacity:0}#loading #now-loading.complete img{opacity:1}#loading #now-loading.complete .loader{opacity:0}#loading .stamp{margin:10vh 0}#loading .stamp img{transform:scale(2);max-width:70vw;height:auto;opacity:0;transition:0.25s}#loading .stamp img.loaded{transform:rotate(5.5deg) translateX(-2vw);opacity:1}.loader{display:inline-block;margin-right:10px;font-size:10px;text-indent:-9999em;width:14px;height:14px;border-radius:50%;background:#ffffff;background:-moz-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 42%);background:-webkit-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 42%);background:-o-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 42%);background:-ms-linear-gradient(left, #fff 10%, rgba(255,255,255,0) 42%);background:linear-gradient(to right, #fff 10%, rgba(255,255,255,0) 42%);position:relative;-webkit-animation:load3 1.4s infinite linear;animation:load3 1.4s infinite linear;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0)}.loader::before{width:50%;height:50%;background:#ffffff;border-radius:100% 0 0 0;position:absolute;top:0;left:0;content:""}.loader::after{background:#000;width:75%;height:75%;border-radius:50%;content:"";margin:auto;position:absolute;top:0;left:0;bottom:0;right:0}@-webkit-keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load3{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@media screen and (min-width: 960px){#luxy{margin-left:10%;width:90% !important}}aside#sidemenu{z-index:50;position:fixed;bottom:0;left:0;padding:10px;width:100%;height:20vh;background:#222;transition:.5s}@media screen and (min-width: 960px){aside#sidemenu{top:0;width:10%;height:100vh;padding:0;overflow:hidden}}aside#sidemenu.close{bottom:-20vh}@media screen and (min-width: 960px){aside#sidemenu.close{bottom:0}}aside#sidemenu img{max-width:100%;height:auto}aside#sidemenu .inner{position:relative;width:100%;height:100%}aside#sidemenu .logo{margin:10px 0;padding:0 10px;text-align:center}aside#sidemenu .sp-wrap{display:none}@media screen and (min-width: 960px){aside#sidemenu .sp-wrap{display:block}}aside#sidemenu #jukebox{width:100%;display:flex}@media screen and (min-width: 960px){aside#sidemenu #jukebox{display:block;position:absolute;bottom:40px;left:0}}aside#sidemenu #jukebox .jacket{width:40%;padding:0 10px 0 0;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){aside#sidemenu #jukebox .jacket{width:100%;padding:10px}}aside#sidemenu #jukebox .control{width:60%}@media screen and (min-width: 960px){aside#sidemenu #jukebox .control{width:100%}}aside#sidemenu #jukebox .title-wrap{color:#fff}aside#sidemenu #jukebox .title-wrap .now{padding:0 10px;font-size:0.8rem;letter-spacing:1px;border-bottom:solid 2px #355bae}aside#sidemenu #jukebox .title-wrap .now i{color:#355bae;margin-right:5px}@media screen and (min-width: 960px){aside#sidemenu #jukebox .title-wrap .now{font-size:0.6rem}}aside#sidemenu #jukebox .title-wrap .title{padding:0 10px;font-size:0.7rem;overflow:hidden}aside#sidemenu #jukebox .title-wrap .title #bgm-name{display:inline-block;white-space:nowrap}aside#sidemenu #jukebox .btns{display:flex;width:100%;padding:10px 5px}@media screen and (min-width: 960px){aside#sidemenu #jukebox .btns{padding:0 5px}}aside#sidemenu #jukebox .btns .btn{width:calc(100% / 4);padding:0 5px;cursor:pointer;color:#fff;transition:.2s;text-align:center}@media screen and (min-width: 960px){aside#sidemenu #jukebox .btns .btn{font-size:0.7rem}}aside#sidemenu #jukebox .btns .btn:hover{color:#355bae}aside#sidemenu #jukebox .btns #bgm-stop,aside#sidemenu #jukebox .btns #bgm-next,aside#sidemenu #jukebox .btns #bgm-prev{opacity:0.5;pointer-events:none}aside#sidemenu #jukebox.playing #bgm-name{padding-left:100%;animation:textScroll 10s linear infinite}aside#sidemenu #jukebox.playing .btns #bgm-stop,aside#sidemenu #jukebox.playing .btns #bgm-next,aside#sidemenu #jukebox.playing .btns #bgm-prev{opacity:1;pointer-events:all}aside#sidemenu .links{padding:5px}aside#sidemenu .links .btn{display:block;cursor:pointer;margin:5px 0;padding:0 5px;background:#333;color:#fff;font-size:0.8rem;text-align:center;line-height:30px;white-space:nowrap}aside#sidemenu .links .btn.btn-accent{background:#355bae}aside#sidemenu .links .btn i{margin-right:5px}aside#sidemenu .links .btn-icon{display:flex;text-align:center;font-size:0.8rem;color:#fff;white-space:nowrap}aside#sidemenu .links .btn-icon i{display:block;margin-right:5px;width:25%;background:#333;line-height:30px}aside#sidemenu .links .btn-icon span{display:block;width:75%;background:#333;line-height:30px}aside#sidemenu #sidemenu-toggle{z-index:-1;position:absolute;top:-50px;right:0;background:#222;outline:none;border:none;color:#fff;width:80px;height:80px;border-radius:100%}aside#sidemenu #sidemenu-toggle .inner{position:relative}aside#sidemenu #sidemenu-toggle .inner span{position:absolute;display:block;width:100%;top:15px}aside#sidemenu #sidemenu-toggle .inner span i{margin-right:5px}@keyframes textScroll{0%{transform:translateX(0)}100%{transform:translateX(-100%)}}#manual{z-index:400;display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8)}#manual .wrap{display:flex;width:100%;height:100%;justify-content:center;align-items:center}#manual .inner{position:relative;min-width:300px}@media screen and (min-width: 960px){#manual .inner{min-width:500px}}#manual .inner a{display:block;padding:20px;margin:20px 0;color:#fff;text-align:center;background:#355bae;transition:.3s}#manual .inner a:hover{background:#13398c}#manual .inner #manual-close{cursor:pointer;margin-top:50px;color:#fff;text-align:center}#manual .inner #manual-close i{margin-right:5px}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#toppage #top{position:relative;width:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75));background:#000}@media screen and (min-width: 960px){main#toppage #top{padding-top:60px}}main#toppage #top .bg{z-index:-5;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:rgba(0,0,0,0.4)}main#toppage #top #firstview{position:relative;width:100%;min-height:100vh;background-image:url(../../assets/toppage/firstview/visual.jpg);background-repeat:no-repeat;background-position:center 70%;background-size:cover;overflow:hidden}main#toppage #top #firstview h1{margin:250px 0 40px 0}@media screen and (min-width: 960px){main#toppage #top #firstview h1{margin:100px 0 40px 0}}main#toppage #top #firstview .top-viceo-wrap{display:none;z-index:-1;bottom:0;left:0;overflow:hidden;position:absolute;right:0;top:0}@media screen and (min-width: 960px){main#toppage #top #firstview .top-viceo-wrap{display:block}}main#toppage #top #firstview .top-viceo-wrap #top-video{box-sizing:border-box;height:56.25vw;left:50%;min-height:100%;min-width:100%;position:absolute;top:50%;transform:translate(-50%, -50%);width:177.77777778vh}main#toppage #top #firstview .release{color:#fff;text-align:center;filter:drop-shadow(0 0 2px #000);font-size:8.5vw}@media screen and (min-width: 960px){main#toppage #top #firstview .release{font-size:48px}}main#toppage #top #firstview .catch{margin:30px 0;text-align:center;font-size:4.5vw;letter-spacing:2px;color:#fff;filter:drop-shadow(0 0 2px #000)}@media screen and (min-width: 960px){main#toppage #top #firstview .catch{font-size:1.8vw}}@media screen and (min-width: 1280px){main#toppage #top #firstview .catch{font-size:1.3rem}}main#toppage #top #firstview .platform{height:35px;margin:50px 0 20px 0;padding:0 8%}main#toppage #top #firstview .platform svg{display:inline-block;margin:0 5px;color:#fff;filter:drop-shadow(0 0 2px #000)}@media screen and (min-width: 960px){main#toppage #top #firstview .banners{position:absolute;right:5%;bottom:10%}}main#toppage #top #firstview .banners a{display:block;max-width:100%;transition:.5s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}main#toppage #top #firstview .banners a:hover{opacity:0.65}@media screen and (min-width: 960px){main#toppage #top #firstview .banners a{display:inline-block;max-width:35vw;margin:5px}}main#toppage #top #firstview .banners a img{width:100%;height:auto}main#toppage #top .flag{position:absolute;top:-30px;right:7.5%;width:100px;height:auto}@media screen and (min-width: 960px){main#toppage #top .flag{top:0;right:10%;width:150px;height:auto}}main#toppage #top .share-btns{z-index:2;position:absolute;display:none;top:100px;right:0;width:450px}@media screen and (min-width: 960px){main#toppage #top .share-btns{display:block}}main#toppage #top .share-btns .inner{position:relative}main#toppage #top .share-btns .sns{position:relative;margin:10px 0;right:-420px;padding:5px 0 5px 45px;border-radius:5px 0 0 5px;transition:all 0.75s ease}main#toppage #top .share-btns .sns.twitter{background:#199ff2}main#toppage #top .share-btns .sns.facebook{background:#0068b7}main#toppage #top .share-btns .sns.line{background:#00b900}main#toppage #top .share-btns .sns.active{right:0}main#toppage #top .share-btns .sns.inactive:hover{right:0}main#toppage #top .share-btns .sns .label{position:absolute;top:0;left:0;height:100%;padding:10px 0;writing-mode:vertical-rl;color:#fff;font-weight:bold;font-size:0.9rem;letter-spacing:1px;cursor:pointer}main#toppage #top .share-btns .sns .label i{margin-bottom:5px}main#toppage #top .share-btns .sns .btn{display:flex;margin:5px 0;padding:5px;background:#222;color:#fff;border-radius:5px 0 0 5px;box-shadow:0 0 5px rgba(0,0,0,0.5);transition:0.2s}main#toppage #top .share-btns .sns .btn:hover{background:#444}main#toppage #top .share-btns .sns .btn .icon{width:25%;padding:3px}main#toppage #top .share-btns .sns .btn .icon img{border-radius:5px}main#toppage #top .share-btns .sns .btn .text{position:relative;width:75%}main#toppage #top .share-btns .sns .btn .text .name{font-size:0.7rem}main#toppage #top .share-btns .sns .btn .text .url{font-size:0.5rem}main#toppage #top .share-btns .sns .btn .text .share{font-size:0.8rem;font-weight:bold}main#toppage #top .share-btns .sns .btn .text .share i{margin-right:5px}main#toppage #top .share-btns .sns .btn .text .share span{margin-right:5px;padding:0 5px;border-radius:3px;background:#199ff2;color:#fff;font-size:0.7rem}main#toppage #top .share-btns .sns .btn .text .share span i{margin-right:5px}main#toppage #top .share-btns .sns .btn .text .qr{position:absolute;top:0;right:0;padding:3px}main#toppage #trial .row>div{padding:0}main#toppage #trial .visual{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}@media screen and (min-width: 960px){main#toppage #trial .visual img{position:absolute;bottom:0;right:0;vertical-align:bottom}}main#toppage #trial .title{padding:30px 20px 0 20px}@media screen and (min-width: 960px){main#toppage #trial .title{padding:0}}main#toppage #trial .detail{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}main#toppage #trial .detail>div{width:100%;padding:30px 10%}@media screen and (min-width: 1280px){main#toppage #trial .detail>div{padding:0 20%}}main#toppage #trial .detail a{position:relative;display:block;margin-top:10px;background:#000;color:#C7EB4F;line-height:50px;font-size:1.2rem;vertical-align:baseline;transition:.5s}main#toppage #trial .detail a:hover{opacity:0.5}@media screen and (min-width: 1280px){main#toppage #trial .detail a{font-size:1.4rem}}main#toppage #trial .detail a::after{position:absolute;right:-25px;top:0;content:"";width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color:transparent transparent transparent #000}main#toppage #dlcbox .row>div{padding:0}main#toppage #dlcbox .visual{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}@media screen and (min-width: 960px){main#toppage #dlcbox .visual img{position:absolute;bottom:0;right:0;vertical-align:bottom}}main#toppage #dlcbox .title{padding:30px 20px 0 20px}@media screen and (min-width: 960px){main#toppage #dlcbox .title{padding:0}}main#toppage #dlcbox .detail{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}main#toppage #dlcbox .detail>div{width:100%;padding:30px 10%}@media screen and (min-width: 1280px){main#toppage #dlcbox .detail>div{padding:0 20%}}main#toppage #dlcbox .detail a{position:relative;display:block;background:#000;color:#FFDC00;line-height:50px;font-size:1.2rem;vertical-align:baseline;transition:.5s}main#toppage #dlcbox .detail a:hover{opacity:0.5}@media screen and (min-width: 1280px){main#toppage #dlcbox .detail a{font-size:1.4rem}}main#toppage #dlcbox .detail a::after{position:absolute;right:-25px;top:0;content:"";width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color:transparent transparent transparent #000}main#toppage #dlcbox .detail .until{display:block;margin-top:15px;border-bottom:dotted 2px #000;font-size:1rem;line-height:1.2}@media screen and (min-width: 1280px){main#toppage #dlcbox .detail .until{font-size:1.2rem}}main#toppage .support-link{padding:50px 3% 0 3%;text-align:center}main#toppage .support-link .btn{display:block;cursor:pointer;padding:20px 10px;color:#fff;background:#222;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));transition:.5s;line-height:1.2}main#toppage .support-link .btn:hover{background:#355bae}main#toppage .support-link .btn:hover .ver{background:#000}main#toppage .support-link .btn i{margin-right:5px}main#toppage .support-link .btn .ver{display:inline-block;padding:2px 12px;font-size:0.8rem;background:#355bae;transition:.5s;border-radius:20px}main#toppage #topics{position:relative;padding-top:50px}main#toppage #topics .swiper-container{width:100%;padding:30px 20px 50px 20px;overflow:visible}@media screen and (min-width: 600px){main#toppage #topics .swiper-container{padding:30px 60px 80px 60px}}@media screen and (max-width: 599px){main#toppage #topics .swiper-container .swiper-slide-next+.swiper-slide{opacity:0.5}}@media screen and (min-width: 600px) and (max-width: 959px){main#toppage #topics .swiper-container .swiper-slide-next+.swiper-slide+.swiper-slide{opacity:0.5}}@media screen and (min-width: 960px){main#toppage #topics .swiper-container .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide{opacity:0.5}}main#toppage #topics .swiper-container .swiper-slide-prev{opacity:0.5}main#toppage #topics .swiper-container .swiper-slide{transition:all 0.2s ease 0s}main#toppage #topics .swiper-container .swiper-slide a{position:relative;display:block;color:#222;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));transition:0.3s;backdrop-filter:blur(3px)}main#toppage #topics .swiper-container .swiper-slide a .thumb{position:relative;overflow:hidden}main#toppage #topics .swiper-container .swiper-slide a .thumb img{width:100%;height:auto;transition:1s}main#toppage #topics .swiper-container .swiper-slide a .thumb .more-circle-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:15%;transition:0.3s}main#toppage #topics .swiper-container .swiper-slide a .thumb .more-circle-wrap .more-circle{margin:0 auto}main#toppage #topics .swiper-container .swiper-slide a .new-badge{z-index:3;position:absolute;top:-14px;left:-10px}main#toppage #topics .swiper-container .swiper-slide a .update{z-index:2;position:absolute;top:-10px;left:10px;padding:0 15px;color:#fff;font-size:0.7rem;letter-spacing:1px;background:#666}main#toppage #topics .swiper-container .swiper-slide a .text{padding:10px;min-height:120px;background:#222;font-size:0.7rem;color:#eee}@media screen and (min-width: 600px){main#toppage #topics .swiper-container .swiper-slide a .text{font-size:0.8rem}}main#toppage #topics .swiper-container .swiper-slide a:hover .thumb img{transform:scale(1.05)}main#toppage #topics .swiper-container .swiper-slide a:hover .thumb .more-circle-wrap{background:rgba(0,0,0,0.5)}main#toppage #topics .swiper-container .swiper-slide a.new .update{background:#355bae}main#toppage #topics .swiper-container .swiper-button-next,main#toppage #topics .swiper-container .swiper-button-prev{display:none;color:#355bae;transition:all 0.3s ease 0s}@media screen and (min-width: 600px){main#toppage #topics .swiper-container .swiper-button-next,main#toppage #topics .swiper-container .swiper-button-prev{display:block}}main#toppage #topics .swiper-container .swiper-button-next.swiper-button-disabled,main#toppage #topics .swiper-container .swiper-button-prev.swiper-button-disabled{color:#666}main#toppage #topics .swiper-container .swiper-button-next:hover,main#toppage #topics .swiper-container .swiper-button-prev:hover{transform:scale(1.2)}main#toppage #topics .swiper-container .swiper-pagination-bullets{width:auto;bottom:0;left:20px}@media screen and (min-width: 600px){main#toppage #topics .swiper-container .swiper-pagination-bullets{left:40px}}main#toppage #topics .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;width:10px;height:10px;border-radius:0;box-shadow:0 0 2px rgba(0,0,0,0.5);transition:all 0.2s ease;opacity:0.5;background:#666;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}main#toppage #topics .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet:hover{transform:scale(1.2)}@media screen and (min-width: 600px){main#toppage #topics .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;width:14px;height:14px}}main#toppage #topics .swiper-container .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#355bae;opacity:1;transform:scale(1.2)}main#toppage #topics .swiper-container .readmore{position:absolute;display:block;padding:5px 10px;bottom:5px;right:20px;line-height:16px;background:#222;box-shadow:0 0 2px rgba(0,0,0,0.5);color:#fff;font-size:0.7rem;letter-spacing:1px;transition:0.3s}main#toppage #topics .swiper-container .readmore:hover{background:#355bae}main#toppage #topics .swiper-container .readmore img{margin-right:5px}@media screen and (min-width: 600px){main#toppage #topics .swiper-container .readmore{bottom:10px;right:30px;padding:8px 20px;font-size:0.8rem}}main#toppage #about{position:relative;padding:100px 0;color:#fff;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.8)}main#toppage #about::before{z-index:-1;position:absolute;display:none;content:"";width:100%;height:100%;bottom:0;left:0;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.8))}@media screen and (min-width: 960px){main#toppage #about::before{display:block}}main#toppage #about h2{font-size:13vw}@media screen and (min-width: 960px){main#toppage #about h2{font-size:4.5rem}}main#toppage #about .catch{margin:30px 0;font-size:6vw}@media screen and (min-width: 960px){main#toppage #about .catch{margin:70px 0;font-size:2rem}}main#toppage #about .catch span{display:inline-block}main#toppage #about .text{padding:0 20px;font-size:0.9rem;text-align:left}@media screen and (min-width: 960px){main#toppage #about .text{font-size:1.1rem;font-weight:bold;text-align:center}}main#toppage #about .text p{margin:20px 0}@media screen and (min-width: 960px){main#toppage #about .text p{margin:40px 0;line-height:2}}main#toppage #battle{position:relative;margin:100px 0;padding:50px 0;background:url(../../assets/toppage/battle/bg.jpg);background-size:cover;background-position:center center;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75))}@media screen and (min-width: 960px){main#toppage #battle{padding:100px 0 300px 0}}main#toppage #battle::before{z-index:-1;position:absolute;content:"";top:0;left:0;width:75%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}main#toppage #battle::after{z-index:-1;position:absolute;top:-2.5%;left:2.5%;width:95%;height:105%;content:"";pointer-events:none;border:solid 1px #fff;opacity:0.5}@media screen and (min-width: 960px){main#toppage #battle::after{display:none}}main#toppage #battle .video-wrap{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}main#toppage #battle #top-bt-video{position:absolute;width:120%;height:120%;top:-10%;left:-10%}main#toppage #world{position:relative}@media screen and (min-width: 960px){main#toppage #world{display:flex}}main#toppage #world .left{position:relative;padding:50px 0 70px 0;width:100%;background:url(../../assets/toppage/world/bg.jpg);background-size:cover;background-position:center center;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75))}@media screen and (min-width: 960px){main#toppage #world .left{width:70%;padding:100px 0 300px 0}}main#toppage #world .left::before{z-index:-1;position:absolute;content:"";top:0;left:0;width:75%;height:100%;background:linear-gradient(to right, rgba(0,0,0,0.5), transparent)}main#toppage #world .left .locate{position:absolute;bottom:20px;right:0;padding:5px 20px;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.25));color:#fff;font-size:0.7rem}main#toppage #world .left .locate i{margin-right:5px}main#toppage #world .left::after{z-index:-1;position:absolute;top:-2.5%;left:2.5%;width:95%;height:105%;content:"";pointer-events:none;border:solid 1px #fff;opacity:0.5}@media screen and (min-width: 960px){main#toppage #world .left::after{display:none}}main#toppage #world .right{position:relative;display:none;width:30%;height:auto;padding-left:20px}@media screen and (min-width: 960px){main#toppage #world .right{display:block}}main#toppage #world .right .box{position:relative;width:100%;height:32%;margin-bottom:3%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75));background-position:center center;background-repeat:no-repeat;background-size:cover}main#toppage #world .right .box:last-child{margin-bottom:0;margin-right:0}main#toppage #world .right .box:nth-child(1){background-image:url(../../assets/toppage/world/01.jpg)}main#toppage #world .right .box:nth-child(2){background-image:url(../../assets/toppage/world/02.jpg)}main#toppage #world .right .box:nth-child(3){background-image:url(../../assets/toppage/world/03.jpg)}main#toppage #character{position:relative;margin-bottom:100px}main#toppage #character::after{z-index:0;position:absolute;top:10%;left:2.5%;width:95%;height:90%;content:"";pointer-events:none;border:solid 1px #fff;opacity:0.5}@media screen and (min-width: 960px){main#toppage #character::after{display:none}}main#toppage #character .swiper-container{padding:0 30px 60px 30px}@media screen and (min-width: 960px){main#toppage #character .swiper-container{padding:0}}main#toppage #character .swiper-slide{position:relative}main#toppage #character .swiper-slide:nth-child(0) a::before{background-position:0% center}main#toppage #character .swiper-slide:nth-child(0) .grunge{background-position:0% center}main#toppage #character .swiper-slide:nth-child(1) a::before{background-position:10% center}main#toppage #character .swiper-slide:nth-child(1) .grunge{background-position:12.5% center}main#toppage #character .swiper-slide:nth-child(2) a::before{background-position:20% center}main#toppage #character .swiper-slide:nth-child(2) .grunge{background-position:25% center}main#toppage #character .swiper-slide:nth-child(3) a::before{background-position:30% center}main#toppage #character .swiper-slide:nth-child(3) .grunge{background-position:37.5% center}main#toppage #character .swiper-slide:nth-child(4) a::before{background-position:40% center}main#toppage #character .swiper-slide:nth-child(4) .grunge{background-position:50% center}main#toppage #character .swiper-slide:nth-child(5) a::before{background-position:50% center}main#toppage #character .swiper-slide:nth-child(5) .grunge{background-position:62.5% center}main#toppage #character .swiper-slide:nth-child(6) a::before{background-position:60% center}main#toppage #character .swiper-slide:nth-child(6) .grunge{background-position:75% center}main#toppage #character .swiper-slide:nth-child(7) a::before{background-position:70% center}main#toppage #character .swiper-slide:nth-child(7) .grunge{background-position:87.5% center}main#toppage #character .swiper-slide a{position:relative;display:block;width:100%;height:120vw;overflow:hidden;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75))}@media screen and (min-width: 600px){main#toppage #character .swiper-slide a{height:100vw}}@media screen and (min-width: 960px){main#toppage #character .swiper-slide a{height:35vw}}main#toppage #character .swiper-slide a.disable{pointer-events:none}main#toppage #character .swiper-slide a.disable .name,main#toppage #character .swiper-slide a.disable .age{color:#888}main#toppage #character .swiper-slide a::after{z-index:-1;position:absolute;content:"";width:100%;height:50%;bottom:0;left:0;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));transform:translate3d(0, 0, 0)}main#toppage #character .swiper-slide a::before{z-index:-6;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url(../../assets/character/top/bg.jpg);background-repeat:no-repeat;background-size:cover}main#toppage #character .swiper-slide a img{z-index:-2;position:absolute;width:auto;height:100%;bottom:0;left:0;transition:1s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.8))}main#toppage #character .swiper-slide a .name{z-index:-3;position:absolute;top:0;left:0;font-size:4rem;color:#fff;writing-mode:vertical-rl;line-height:0.7;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}main#toppage #character .swiper-slide a .age{position:absolute;bottom:0;right:5px;pointer-events:none;color:#355bae;font-size:6vw;line-height:0.9;filter:drop-shadow(0 0 3px rgba(0,0,0,0.75))}@media screen and (min-width: 960px){main#toppage #character .swiper-slide a .age{font-size:2vw}}main#toppage #character .swiper-slide a .age span{padding-left:5px;font-size:20vw}@media screen and (min-width: 960px){main#toppage #character .swiper-slide a .age span{font-size:5vw}}main#toppage #character .swiper-slide a .bg{z-index:-5;position:absolute;top:0;right:0;width:0;height:100%;content:"";background:#355bae;box-shadow:0 0 50px rgba(0,0,0,0.5) inset;transition:0.3s}main#toppage #character .swiper-slide a .grunge{z-index:-4;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url(../../assets/character/top/grunge.jpg);background-size:cover;mix-blend-mode:lighten}main#toppage #character .swiper-slide a .more-circle-wrap{position:absolute;bottom:20%;left:0;width:100%}main#toppage #character .swiper-slide a .more-circle-wrap .more-circle{margin:0 auto}@media screen and (min-width: 960px){main#toppage #character .swiper-slide a:hover .bg{width:100%}main#toppage #character .swiper-slide a:hover img{transform:scale(1.025)}}@media screen and (min-width: 960px){main#toppage #character .swiper-pagination{display:none}}main#toppage #character .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;border-radius:0;box-shadow:0 0 2px rgba(0,0,0,0.5);transition:all 0.2s ease;opacity:0.5;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));background:#fff}main#toppage #character .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#355bae;opacity:1;transform:scale(1.2)}main#toppage #product{position:relative}main#toppage #product::before{position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8) 30%, rgba(255,255,255,0.8) 70%, rgba(255,255,255,0))}.t-head{position:relative;position:absolute;top:-8.5vw;left:0;width:100%}@media screen and (min-width: 960px){.t-head{position:relative;width:auto;top:inherit;left:inherit}}.t-head h2{display:block;padding:0 10px;font-size:14vw;color:#fff;line-height:1.2;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));text-align:center}@media screen and (min-width: 960px){.t-head h2{display:inline-block;padding:0 100px 0 100px;font-size:4.5rem;text-align:left;text-shadow:0 0 5px rgba(0,0,0,0.75);backdrop-filter:blur(2px);background:linear-gradient(to right, rgba(255,255,255,0.25), rgba(255,255,255,0))}}.t-head2{z-index:1;position:relative;padding:50px 0}.t-head2 h2{display:block;font-size:14vw;color:#222;line-height:1.2;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));text-align:center}@media screen and (min-width: 960px){.t-head2 h2{display:inline-block;padding-left:100px;font-size:4.5rem;text-align:left;background:linear-gradient(to right, rgba(255,255,255,0.25), rgba(255,255,255,0))}}.t-text,main#toppage #battle .text,main#toppage #world .left .text{padding:5%;color:#fff}@media screen and (min-width: 960px){.t-text,main#toppage #battle .text,main#toppage #world .left .text{padding:0 0 0 100px;max-width:800px}}.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch{margin:20px 0;font-size:6vw;text-shadow:0 0 3px rgba(0,0,0,0.5);line-height:1.4}@media screen and (min-width: 960px){.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch{margin:40px 0 20px 0;font-size:2.2rem}}.t-text .desc,main#toppage #battle .text .desc,main#toppage #world .left .text .desc{margin-bottom:50px}.t-text .desc p,main#toppage #battle .text .desc p,main#toppage #world .left .text .desc p{margin:20px 0;font-size:0.9rem;text-shadow:0 0 3px rgba(0,0,0,0.5)}@media screen and (min-width: 960px){.t-text .desc p,main#toppage #battle .text .desc p,main#toppage #world .left .text .desc p{font-size:1rem}}.readmore{position:relative;padding:15px 80px;background:#355bae;color:#fff;line-height:30px;text-align:center;transition:0.2s}.readmore:hover{background:#13398c}.readmore:hover svg{stroke-dashoffset:0}.readmore svg{position:absolute;top:15px;right:-60px;stroke-dasharray:124.73;stroke-dashoffset:124.73;transition:0.5s}.sp-bg{background:rgba(0,0,0,0.5)}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#topics{position:relative;padding-bottom:50px}main#topics::after{z-index:-10;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8) 40%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0))}main#topics .g_headline-bg{background-image:url(../../assets/character/g_headline.jpg)}main#topics .container{padding:50px 10px}@media screen and (min-width: 1280px){main#topics .container{padding:50px 10%}}main#topics .box{padding:15px;margin:20px 0}main#topics .box a{position:relative;display:block;color:#222;transition:0.3s;box-shadow:0 0 5px rgba(0,0,0,0.25)}main#topics .box a .thumb{position:relative;overflow:hidden}main#topics .box a .thumb img{width:100%;height:auto;transition:1s}main#topics .box a .thumb .more-circle-wrap{position:absolute;top:0;left:0;width:100%;height:100%;padding-top:15%;transition:0.3s}main#topics .box a .thumb .more-circle-wrap .more-circle{margin:0 auto}main#topics .box a .new-badge{z-index:3;position:absolute;top:-14px;left:-10px}main#topics .box a .update{z-index:2;position:absolute;top:-10px;left:10px;padding:0 15px;color:#fff;font-size:0.7rem;letter-spacing:1px;background:#666}main#topics .box a .text{padding:10px;min-height:80px;background:rgba(0,0,0,0.5);font-size:0.7rem;color:#eee}@media screen and (min-width: 600px){main#topics .box a .text{font-size:0.8rem}}main#topics .box a:hover .thumb img{transform:scale(1.05)}main#topics .box a:hover .thumb .more-circle-wrap{background:rgba(0,0,0,0.5)}main#topics .box a.new .update{background:#355bae}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#prologue{padding-bottom:100px;position:relative;background-image:url(../../assets/story/prologue/background.jpg);background-size:cover;background-position:left 30% center}main#prologue .text{margin:50px 0;padding:0 5%}@media screen and (min-width: 960px){main#prologue .text{padding:0 10%;margin:100px 0;max-width:70%}}main#prologue .text p{padding:25px 0;color:#fff;text-shadow:0 0 3px #000;font-size:0.95rem}@media screen and (min-width: 960px){main#prologue .text p{font-size:1.1rem}}main#prologue .illust{position:relative;height:30vh;width:100%;filter:drop-shadow(0 0 10px rgba(0,0,0,0.8))}@media screen and (min-width: 960px){main#prologue .illust{height:60vh;width:60%}}main#prologue .illust .inner{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url(../../assets/story/prologue/illust.jpg);background-size:cover;background-position:center top 20%}main#prologue .story-nav{padding:100px 0 50px 0}@media screen and (min-width: 960px){main#prologue .story-nav{padding:200px 0 100px 0}}main#prologue .story-nav a{color:#fff}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#world{position:relative;padding-bottom:50px}main#world .g_headline-bg{background-image:url(../../assets/story/world/g_headline.jpg)}main#world .block{position:relative;margin:30px 0}@media screen and (min-width: 960px){main#world .block{display:flex}}main#world .block .left{position:relative;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));width:100%;height:50vw}@media screen and (min-width: 960px){main#world .block .left{width:75%;height:80vh}}main#world .block .left .text{z-index:1;position:absolute;display:none;bottom:0;left:0;width:100%;padding:20px;color:#fff;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.75))}@media screen and (min-width: 960px){main#world .block .left .text{display:block;padding:50px 100px 50px 100px}}main#world .block .left .text .name{text-shadow:0 0 2px rgba(0,0,0,0.5)}main#world .block .left .text .name h2{display:inline-block;font-size:2rem}main#world .block .left .text .name span{display:inline-block;margin-left:10px;font-size:0.8rem}main#world .block .left .text .desc p{margin:20px 0;font-size:0.85rem;text-shadow:0 0 2px rgba(0,0,0,0.5)}main#world .block .left .text .place{position:absolute;bottom:20px;right:0;padding:5px 20px;background:linear-gradient(to right, rgba(255,255,255,0), rgba(255,255,255,0.25))}main#world .block .left .text .place>div{font-size:0.7rem;text-shadow:0 0 2px rgba(0,0,0,0.5)}main#world .block .left .text .place>div i{margin-right:5px}main#world .block .left .imgs{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}main#world .block .left .imgs>div{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center center}main#world .block .left .imgs .video-wrap{position:absolute;top:0;left:0;width:100%;height:100%;transform:scale(1.2);z-index:9}main#world .block .left .imgs .eadith-1{z-index:-1;background-image:url(../../assets/story/world/edith_1.jpg)}main#world .block .left .imgs .eadith-2{z-index:-2;background-image:url(../../assets/story/world/edith_2.jpg)}main#world .block .left .imgs .eadith-3{z-index:-3;background-image:url(../../assets/story/world/edith_3.jpg)}main#world .block .left .imgs .langport-1{z-index:-1;background-image:url(../../assets/story/world/langport_1.jpg)}main#world .block .left .imgs .langport-2{z-index:-2;background-image:url(../../assets/story/world/langport_2.jpg)}main#world .block .left .imgs .langport-3{z-index:-3;background-image:url(../../assets/story/world/langport_3.jpg)}main#world .block .left .imgs .basel-1{z-index:-1;background-image:url(../../assets/story/world/basel_1.jpg)}main#world .block .left .imgs .basel-2{z-index:-2;background-image:url(../../assets/story/world/basel_2.jpg)}main#world .block .left .imgs .basel-3{z-index:-3;background-image:url(../../assets/story/world/basel_3.jpg)}main#world .block .right{width:100%;height:17vw;transform:translateY(-20px)}@media screen and (min-width: 960px){main#world .block .right{position:relative;bottom:inherit;left:inherit;width:25%;height:auto;padding-left:20px;transform:translateY(0)}}main#world .block .right .inner{position:relative;width:100%;height:100%;display:flex}@media screen and (min-width: 960px){main#world .block .right .inner{display:block}}main#world .block .right .inner>div{position:relative;width:33%;margin:0 10px;cursor:pointer;background-position:center center;background-size:cover;box-shadow:0 0 5px rgba(0,0,0,0.5)}@media screen and (min-width: 960px){main#world .block .right .inner>div{margin:0;width:100%;height:32%;transition:0.5s;filter:grayscale(100)}main#world .block .right .inner>div:first-child,main#world .block .right .inner>div:nth-child(2){margin-bottom:3%}main#world .block .right .inner>div.active{filter:grayscale(0)}main#world .block .right .inner>div:hover{filter:grayscale(0)}main#world .block .right .inner>div:hover svg{stroke-dashoffset:0}}main#world .block .right .inner>div.video::after{z-index:5;position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-image:url(../../assets/story/world/thumbs/play.png);background-position:center center;background-size:cover;filter:drop-shadow(0 0 3px rgba(0,0,0,0.85))}main#world .block .right .inner>div svg{position:absolute;top:40%;left:-15%;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));stroke-dasharray:113.93;stroke-dashoffset:113.93;transition:0.4s}main#world .block .right .inner>div.eadith-1{background-image:url(../../assets/story/world/thumbs/edith_1.jpg)}main#world .block .right .inner>div.eadith-2{background-image:url(../../assets/story/world/thumbs/edith_2.jpg)}main#world .block .right .inner>div.eadith-3{background-image:url(../../assets/story/world/thumbs/edith_3.jpg)}main#world .block .right .inner>div.langport-1{background-image:url(../../assets/story/world/thumbs/langport_1.jpg)}main#world .block .right .inner>div.langport-2{background-image:url(../../assets/story/world/thumbs/langport_2.jpg)}main#world .block .right .inner>div.langport-3{background-image:url(../../assets/story/world/thumbs/langport_3.jpg)}main#world .block .right .inner>div.basel-1{background-image:url(../../assets/story/world/thumbs/basel_1.jpg)}main#world .block .right .inner>div.basel-2{background-image:url(../../assets/story/world/thumbs/basel_2.jpg)}main#world .block .right .inner>div.basel-3{background-image:url(../../assets/story/world/thumbs/basel_3.jpg)}main#world .block .sp-text{padding:20px}@media screen and (min-width: 960px){main#world .block .sp-text{display:none}}main#world .block .sp-text .name{text-shadow:0 0 2px rgba(0,0,0,0.5)}main#world .block .sp-text .name h2{display:inline-block;font-size:2rem}main#world .block .sp-text .name span{display:block;font-size:0.8rem}@media screen and (min-width: 960px){main#world .block .sp-text .desc{max-width:70%}}main#world .block .sp-text .desc p{margin:20px 0;font-size:0.9rem;text-shadow:0 0 2px rgba(0,0,0,0.5)}main#world .block .sp-text .place{display:none}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#keyword{position:relative;padding-bottom:50px}main#keyword::after{z-index:-10;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8) 40%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0))}main#keyword .g_headline-bg{background-image:url(../../assets/story/keyword/g_headline.jpg)}main#keyword .box{margin:60px 0;align-items:center}main#keyword .box .text{padding:10px 0;text-shadow:0 0 3px rgba(0,0,0,0.3)}main#keyword .box .text .head{padding-bottom:15px;margin-bottom:20px;border-bottom:solid 1px #222;line-height:1.1}main#keyword .box .text .head .en{font-size:0.9rem}@media screen and (min-width: 960px){main#keyword .box .text .head .en{font-size:1.1rem}}main#keyword .box .text .head h2{font-size:1.4rem}@media screen and (min-width: 960px){main#keyword .box .text .head h2{font-size:1.7rem}}main#keyword .box .text .desc p{margin:15px 0;font-size:1rem}main#keyword .box .image{padding:0 10vw}@media screen and (min-width: 960px){main#keyword .box .image{padding:10px}}main#keyword dl{position:relative;padding:50px 10px}main#keyword dl::after{content:"";position:absolute;width:1px;height:100%;top:0;left:20%;background:linear-gradient(to bottom, transparent, #000 10%, #000 90%, transparent)}main#keyword dl .period{display:flex;margin:20px 0;line-height:1.5}main#keyword dl .period dt{width:25%;padding-right:10%;font-size:0.6rem;text-align:right}main#keyword dl .period>div{position:relative;width:75%}main#keyword dl .period>div dd{margin:5px 0;font-size:0.6rem}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#character{position:relative;padding-bottom:100px}main#character .g_headline-bg{background-image:url(../../assets/character/g_headline.jpg)}main#character .section-head{margin:50px 0;line-height:1.4;text-align:center}main#character .section-head h2{padding:0 20px;font-size:6vw}@media screen and (min-width: 960px){main#character .section-head h2{font-size:2.4rem}}main#character .section-head .en{padding:0 20px;font-size:3vw}@media screen and (min-width: 960px){main#character .section-head .en{font-size:1.2rem}}main#character #main-character{padding:20px 0}main#character #main-character .swiper-container{padding:0 20px 60px 20px}@media screen and (min-width: 960px){main#character #main-character .swiper-container{padding:0 20px}}main#character #main-character .swiper-wrapper{padding:10px 0 0 0}main#character #main-character .swiper-slide{position:relative}main#character #main-character .swiper-slide:nth-child(0) a::before{background-position:0% center}main#character #main-character .swiper-slide:nth-child(0) .grunge{background-position:0% center}main#character #main-character .swiper-slide:nth-child(1) a::before{background-position:10% center}main#character #main-character .swiper-slide:nth-child(1) .grunge{background-position:12.5% center}main#character #main-character .swiper-slide:nth-child(2) a::before{background-position:20% center}main#character #main-character .swiper-slide:nth-child(2) .grunge{background-position:25% center}main#character #main-character .swiper-slide:nth-child(3) a::before{background-position:30% center}main#character #main-character .swiper-slide:nth-child(3) .grunge{background-position:37.5% center}main#character #main-character .swiper-slide:nth-child(4) a::before{background-position:40% center}main#character #main-character .swiper-slide:nth-child(4) .grunge{background-position:50% center}main#character #main-character .swiper-slide:nth-child(5) a::before{background-position:50% center}main#character #main-character .swiper-slide:nth-child(5) .grunge{background-position:62.5% center}main#character #main-character .swiper-slide:nth-child(6) a::before{background-position:60% center}main#character #main-character .swiper-slide:nth-child(6) .grunge{background-position:75% center}main#character #main-character .swiper-slide:nth-child(7) a::before{background-position:70% center}main#character #main-character .swiper-slide:nth-child(7) .grunge{background-position:87.5% center}main#character #main-character .swiper-slide .new-badge{position:absolute;top:-7px;right:-5px}main#character #main-character .swiper-slide a{position:relative;display:block;width:100%;height:125vw;overflow:hidden;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75))}@media screen and (min-width: 600px){main#character #main-character .swiper-slide a{height:100vw}}@media screen and (min-width: 960px){main#character #main-character .swiper-slide a{height:35vw}}main#character #main-character .swiper-slide a.disable{pointer-events:none}main#character #main-character .swiper-slide a.disable .name,main#character #main-character .swiper-slide a.disable .age{color:#888}main#character #main-character .swiper-slide a::after{z-index:-1;position:absolute;content:"";width:100%;height:50%;bottom:0;left:0;background:linear-gradient(to bottom, transparent, rgba(0,0,0,0.8));transform:translate3d(0, 0, 0)}main#character #main-character .swiper-slide a::before{z-index:-6;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url(../../assets/character/top/bg.jpg);background-repeat:no-repeat;background-size:cover}main#character #main-character .swiper-slide a .more{margin-top:250px;text-align:center}main#character #main-character .swiper-slide a img{z-index:-2;position:absolute;width:auto;height:100%;bottom:0;left:0;transition:1s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.8))}main#character #main-character .swiper-slide a .name{z-index:-3;position:absolute;top:0;left:0;font-size:4rem;color:#fff;writing-mode:vertical-rl;line-height:0.7;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}main#character #main-character .swiper-slide a .age{position:absolute;bottom:0;right:5px;pointer-events:none;color:#355bae;font-size:6vw;line-height:0.9;filter:drop-shadow(0 0 3px rgba(0,0,0,0.75))}@media screen and (min-width: 960px){main#character #main-character .swiper-slide a .age{font-size:2vw}}main#character #main-character .swiper-slide a .age span{padding-left:5px;font-size:20vw}@media screen and (min-width: 960px){main#character #main-character .swiper-slide a .age span{font-size:5vw}}main#character #main-character .swiper-slide a .bg{z-index:-5;position:absolute;top:0;right:0;width:0;height:100%;content:"";background:#355bae;box-shadow:0 0 50px rgba(0,0,0,0.5) inset;transition:0.3s}main#character #main-character .swiper-slide a .grunge{z-index:-4;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url(../../assets/character/top/grunge.jpg);background-size:cover;mix-blend-mode:lighten}main#character #main-character .swiper-slide a .more-circle-wrap{position:absolute;bottom:20%;left:0;width:100%}main#character #main-character .swiper-slide a .more-circle-wrap .more-circle{margin:0 auto}@media screen and (min-width: 960px){main#character #main-character .swiper-slide a:hover .bg{width:100%}main#character #main-character .swiper-slide a:hover img{transform:scale(1.025)}}@media screen and (min-width: 960px){main#character #main-character .swiper-pagination{display:none}}main#character #main-character .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;border-radius:0;box-shadow:0 0 2px rgba(0,0,0,0.5);transition:all 0.2s ease;opacity:0.5;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));background:#fff}main#character #main-character .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#355bae;opacity:1;transform:scale(1.2)}main#character #sub-character{position:relative}main#character #sub-character .sub-wrap{position:relative}main#character #sub-character .sub-wrap:nth-child(0) .bg .grunge{background-position:top 0% left}main#character #sub-character .sub-wrap:nth-child(1) .bg .grunge{background-position:top 20% left}main#character #sub-character .sub-wrap:nth-child(2) .bg .grunge{background-position:top 40% left}main#character #sub-character .sub-wrap:nth-child(3) .bg .grunge{background-position:top 60% left}main#character #sub-character .sub-wrap:nth-child(4) .bg .grunge{background-position:top 80% left}main#character #sub-character .sub-wrap:nth-child(5) .bg .grunge{background-position:top 100% left}main#character #sub-character .sub-wrap:nth-child(6) .bg .grunge{background-position:top 120% left}main#character #sub-character .sub-wrap:nth-child(7) .bg .grunge{background-position:top 140% left}main#character #sub-character .sub{position:relative;margin:20px 0}@media screen and (min-width: 960px){main#character #sub-character .sub{margin:40px 10px}}main#character #sub-character .sub .swiper-container{position:relative;margin:0 10px 0 70px;padding:10px 10px 50px 0}@media screen and (min-width: 960px){main#character #sub-character .sub .swiper-container{margin:0 20px 0 80px}}main#character #sub-character .sub .swiper-slide{position:relative}main#character #sub-character .sub .swiper-slide:nth-child(0) .grunge{background-position:left 0% center}main#character #sub-character .sub .swiper-slide:nth-child(1) .grunge{background-position:left 10% center}main#character #sub-character .sub .swiper-slide:nth-child(2) .grunge{background-position:left 20% center}main#character #sub-character .sub .swiper-slide:nth-child(3) .grunge{background-position:left 30% center}main#character #sub-character .sub .swiper-slide:nth-child(4) .grunge{background-position:left 40% center}main#character #sub-character .sub .swiper-slide:nth-child(5) .grunge{background-position:left 50% center}main#character #sub-character .sub .swiper-slide:nth-child(6) .grunge{background-position:left 60% center}main#character #sub-character .sub .swiper-slide:nth-child(7) .grunge{background-position:left 70% center}main#character #sub-character .sub .swiper-slide.disabled{pointer-events:none;filter:opacity(0.3)}main#character #sub-character .sub .new-badge{position:absolute;top:-7px;right:-5px}main#character #sub-character .sub .locate{z-index:1;position:absolute;top:30px;left:15px}main#character #sub-character .sub .locate .inner{position:relative;padding:30px 0 20px 0;width:40px;line-height:40px;letter-spacing:3px;font-size:1.2rem;writing-mode:vertical-rl;background:#222;color:#fff;text-shadow:1px 1px 0 #000;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));white-space:nowrap}main#character #sub-character .sub .locate .inner::after{position:absolute;bottom:-20px;left:0;width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #222;content:""}main#character #sub-character .sub .locate .inner i{position:absolute;width:40px;height:40px;top:-25px;left:0;font-size:40px;color:#355bae;text-shadow:none}main#character #sub-character .sub .bg{position:absolute;width:100%;height:70%;top:10%;left:0;background:linear-gradient(to bottom, #355bae, #000026);content:"";box-shadow:0 0 50px rgba(0,0,0,0.5) inset}main#character #sub-character .sub .bg .grunge{width:100%;height:100%;content:"";background-image:url(../../assets/character/top/grunge.jpg);background-size:cover;mix-blend-mode:lighten;transform:rotate(180deg)}main#character #sub-character .sub .name-ja{z-index:1;position:absolute;bottom:-5px;right:-5px;padding:10px 0;writing-mode:vertical-rl;white-space:nowrap;color:#fff;line-height:1.5;letter-spacing:1px;font-size:0.8rem;text-shadow:0 0 3px #000;background:#222;filter:drop-shadow(0 0 3px rgba(0,0,0,0.75))}@media screen and (min-width: 960px){main#character #sub-character .sub .name-ja{right:-10px;font-size:0.9rem}}main#character #sub-character .sub a{position:relative;display:block;width:100%;height:50vh;overflow:hidden;filter:drop-shadow(0 0 5px rgba(0,0,0,0.75))}@media screen and (min-width: 600px){main#character #sub-character .sub a{height:60vh}}@media screen and (min-width: 960px){main#character #sub-character .sub a{height:30vw}}main#character #sub-character .sub a::before{z-index:-6;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url(../../assets/character/top/bg.jpg);background-repeat:no-repeat;background-size:cover}main#character #sub-character .sub a img{z-index:-2;position:absolute;width:auto;height:100%;bottom:0;left:0;transition:0.5s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.8));opacity:0}main#character #sub-character .sub a img.swiper-lazy-loaded{opacity:1}main#character #sub-character .sub a .name{z-index:-3;position:absolute;top:0;left:0;font-size:3.5rem;color:#fff;writing-mode:vertical-rl;line-height:0.7;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}main#character #sub-character .sub a .bg{z-index:-5;position:absolute;top:0;right:0;width:0;height:100%;content:"";background:#355bae;transition:0.3s}main#character #sub-character .sub a .grunge{z-index:-4;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url(../../assets/character/top/grunge.jpg);background-size:cover;mix-blend-mode:lighten}main#character #sub-character .sub a .more-circle-wrap{position:absolute;bottom:20%;left:0;width:100%;transform:scale(0.8)}main#character #sub-character .sub a .more-circle-wrap .more-circle{margin:0 auto}@media screen and (min-width: 960px){main#character #sub-character .sub a:hover .bg{width:100%}main#character #sub-character .sub a:hover img{transform:scale(1.025)}}main#character #sub-character .sub .swiper-pagination-bullets{bottom:0}main#character #sub-character .sub .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 8px;width:12px;height:12px;border-radius:0;box-shadow:0 0 2px rgba(0,0,0,0.5);transition:all 0.2s ease;opacity:0.5;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5));background:#fff}main#character #sub-character .sub .swiper-pagination-bullets .swiper-pagination-bullet-active{background:#355bae;opacity:1;transform:scale(1.2)}main#character #sub-character .sub .swiper-button-next,main#character #sub-character .sub .swiper-button-prev{display:none;color:#355bae;transition:all 0.3s ease 0s;top:unset;bottom:0;transform:scale(0.8);filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#character #sub-character .sub .swiper-button-next,main#character #sub-character .sub .swiper-button-prev{display:block}}main#character #sub-character .sub .swiper-button-next.swiper-button-disabled,main#character #sub-character .sub .swiper-button-prev.swiper-button-disabled{color:#777}@media screen and (min-width: 960px){main#character #sub-character .col-md-6 a{height:30vw}main#character #sub-character .col-md-4 a{height:23vw}}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#individual{position:relative}main#individual::after{z-index:-10;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8) 40%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0))}main#individual .g_headline-bg{background-image:url(../../assets/character/g_headline.jpg)}main#individual .pager{padding:10px;display:flex}@media screen and (min-width: 960px){main#individual .pager{display:block;text-align:right}}main#individual .pager a{padding:0 10px;width:33.33%;color:#222;font-size:1.2rem;transition:0.2s}main#individual .pager a:nth-child(1){text-align:left}main#individual .pager a:nth-child(2){text-align:center}main#individual .pager a:nth-child(3){text-align:right}@media screen and (min-width: 960px){main#individual .pager a{width:auto;text-align:left}}main#individual .pager a:hover{color:#355bae}main#individual .pager a.disable{pointer-events:none;color:#aaa}main#individual .pager a i{margin:0 10px}main#individual .chara-bg{z-index:-5;position:absolute;top:150px;left:0;width:100%;mix-blend-mode:darken;filter:opacity(0.3);pointer-events:none}main#individual .chara-bg img{width:100%;height:auto}main#individual .large-name{position:absolute;top:400px;left:0;writing-mode:vertical-rl;font-size:18vw;line-height:0.7;color:#355bae}@media screen and (min-width: 960px){main#individual .large-name{font-size:8rem}}main#individual .main{position:relative}main#individual .main .left{position:relative}main#individual .main .left .whole{pointer-events:none}main#individual .main .left .whole .illust{transform:scale(1.2);filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}main#individual .main .left .serif{position:absolute;writing-mode:vertical-rl;white-space:nowrap;top:15%;left:5%}@media screen and (min-width: 960px){main#individual .main .left .serif{top:25%}}main#individual .main .left .serif .wrap{margin:0 5px}@media screen and (min-width: 960px){main#individual .main .left .serif .wrap{margin:0 10px}}main#individual .main .left .serif .wrap>div{display:inline-block;padding:10px 0;background:#222;color:#fff;letter-spacing:3px;font-size:4.5vw;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#individual .main .left .serif .wrap>div{padding:20px 0;font-size:1.4rem}}main#individual .main .left .serif .wrap .dash{display:inline-block;margin:5px 0;width:1px;height:50px;background:#fff}main#individual .main .left .serif .wrap:nth-child(2){margin-top:50px}@media screen and (min-width: 960px){main#individual .main .left .serif .wrap:nth-child(2){margin-top:100px}}main#individual .main .left .age{position:absolute;top:70%;right:5%;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#individual .main .left .age{top:50%}}main#individual .main .left .age .inner{position:relative;width:110px;height:110px;line-height:100px;background:#355bae;color:#fff;text-align:center;font-size:4rem;letter-spacing:-3px;border-radius:50%}@media screen and (min-width: 960px){main#individual .main .left .age .inner{width:150px;height:150px;line-height:140px;font-size:5rem}}main#individual .main .left .age .inner span{position:absolute;display:block;bottom:-15px;right:-10px;width:45px;height:45px;line-height:40px;font-size:1.5rem;background:#355bae;border-radius:50%}@media screen and (min-width: 960px){main#individual .main .left .age .inner span{bottom:-15px;right:-20px;width:60px;height:60px;line-height:50px;font-size:2rem}}main#individual .main .profile{padding:0 15px}@media screen and (min-width: 960px){main#individual .main .profile{padding:0 40px}}main#individual .main .profile .en{margin-top:70px;font-size:4vw;line-height:1}@media screen and (min-width: 960px){main#individual .main .profile .en{margin-top:150px;font-size:1.45rem}}main#individual .main .profile h1{font-size:8vw;letter-spacing:-2px;line-height:1.2}@media screen and (min-width: 960px){main#individual .main .profile h1{font-size:3rem}}main#individual .main .profile .cv{display:inline-block;margin:20px 0;padding:0 20px 0 0;border:solid 1px #222;line-height:24px;font-size:0.9rem}@media screen and (min-width: 960px){main#individual .main .profile .cv{margin:30px 0;font-size:1.2rem;line-height:30px}}main#individual .main .profile .cv span{display:inline-block;margin-right:20px;padding:0 15px;border-right:solid 1px #222;line-height:24px}@media screen and (min-width: 960px){main#individual .main .profile .cv span{line-height:30px}}main#individual .main .profile .desc{margin:30px 0}main#individual .main .profile .desc p{margin:20px 0;font-size:1rem}main#individual .main .ss{position:relative;margin:60px 0;padding:0}@media screen and (min-width: 960px){main#individual .main .ss{padding:0 20px}}main#individual .main .ss .swiper-slide{padding:0 30px}@media screen and (min-width: 960px){main#individual .main .ss .swiper-slide{padding:0 50px}}main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next{display:block;width:auto;height:auto;padding:10px 5px;font-size:1rem;color:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next{font-size:1.3rem}}main#individual .main .ss .swiper-button-prev .inner,main#individual .main .ss .swiper-button-next .inner{position:relative}main#individual .main .ss .swiper-button-prev::after,main#individual .main .ss .swiper-button-next::after{display:none}main#individual .main .ss .swiper-button-prev:hover svg,main#individual .main .ss .swiper-button-next:hover svg{stroke-dashoffset:0}main#individual .main .ss .swiper-button-prev svg,main#individual .main .ss .swiper-button-next svg{transition:0.3s;stroke-dasharray:90.38;stroke-dashoffset:90.38}main#individual .main .ss .swiper-button-next svg{position:absolute;right:-5px;bottom:-10px}main#individual .main .ss .swiper-button-prev svg{position:absolute;left:-5px;bottom:-10px}main#individual .main .ss a{display:block;overflow:hidden}main#individual .main .ss a img{transition:1s}main#individual .main .ss a:hover img{transform:scale(1.05)}main#individual .main .ss .zoom{z-index:1;display:none;position:absolute;bottom:-10px;right:50px;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;background:#666;font-size:0.8rem;color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#individual .main .ss .zoom{display:block}}main#individual .main .spec{padding:0 20px;margin:20px 0;font-size:0.7rem}@media screen and (min-width: 960px){main#individual .main .spec{margin:40px 0;padding:0 60px;ont-size:0.9rem}}main#individual .main .spec dl>div{display:flex;margin:10px 0}main#individual .main .spec dl dt{display:flex;align-items:center;width:40%}main#individual .main .spec dl dt span{flex:1 1 auto;-webkit-box-flex:1;-ms-flex:1 1 auto;height:1px;margin:0 10px;background-color:#000;display:block}main#individual .main .spec dl dd{display:block}main#individual .main .action .wrap{position:relative;padding:0 15px;margin:30px 0}@media screen and (min-width: 960px){main#individual .main .action .wrap{padding:15px;margin:0}}main#individual .main .action .name{bottom:-10px;left:0;width:100%;position:absolute;text-align:center;font-size:1.4rem;line-height:1.2;letter-spacing:-1px;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,0.8))}@media screen and (min-width: 960px){main#individual .main .action .name{font-size:2rem}}main#individual .main .action .name span{display:block;font-size:0.8rem}@media screen and (min-width: 960px){main#individual .main .action .name span{font-size:1rem}}main#individual .main .action a{pointer-events:none;position:relative;display:block;width:100%;height:100%;padding:0 20px;vertical-align:bottom;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#individual .main .action a{padding:0}}main#individual .main .action a .video-wrap{clip-path:circle(48%);display:block;width:100%;height:auto;overflow:hidden}main#individual .main .action a video{width:100%;height:100%;transition:0.5s}@media screen and (min-width: 960px){main#individual .main .action a:hover video{transform:scale(1.2)}main#individual .main .action a:hover svg{stroke-dashoffset:0}main#individual .main .action a:hover span{opacity:1}}main#individual .main .action a svg{position:absolute;top:48%;right:-30px;stroke-dasharray:112.38;stroke-dashoffset:112.38;transition:0.4s;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}main#individual .main .action a span{display:block;position:absolute;top:52%;right:-30px;color:#222;font-size:0.8rem;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5));opacity:0;transition:0.5s}main#individual .cnavi{position:relative;margin:50px 0}@media screen and (min-width: 960px){main#individual .cnavi{margin:150px 0}}main#individual .cnavi .swiper-container{margin:0;padding:20px 60px;overflow:hidden}@media screen and (min-width: 960px){main#individual .cnavi .swiper-container{margin:0 60px;padding:50px 60px}}@media screen and (min-width: 1280px){main#individual .cnavi .swiper-container{margin:0 120px}}main#individual .cnavi .swiper-slide{overflow:visible;transition:0.3s}main#individual .cnavi .swiper-lazy-preloader{margin-top:50%}main#individual .cnavi .nav{position:relative}main#individual .cnavi .nav .title{position:absolute;bottom:30%;left:0;color:#fff;font-size:5vw;line-height:0.8}main#individual .cnavi .nav a{position:relative;display:block;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));transition:0.5s}main#individual .cnavi .nav a img{width:100%;height:auto;opacity:0;transition:0.2s}main#individual .cnavi .nav a img.swiper-lazy-loaded{opacity:1}main#individual .cnavi .nav a svg{position:absolute;top:-15px;left:5px;stroke-dasharray:141.26;stroke-dashoffset:141.26;transition:0.4s}@media screen and (min-width: 960px){main#individual .cnavi .nav a:hover{filter:drop-shadow(0 0 5px rgba(0,0,0,0.75));transform:scale(1.05)}main#individual .cnavi .nav a:hover svg{stroke-dashoffset:0}main#individual .cnavi .nav a:hover .name{animation:typewriter 0.4s steps(20) 0.1s 1 normal both}}main#individual .cnavi .nav a .new-badge{position:absolute;top:-10px;right:-10px}main#individual .cnavi .nav a .name{position:absolute;display:inline-block;overflow:hidden;top:-35px;left:12px;color:#222;font-size:0.7rem;white-space:nowrap;transition:0.5s;width:0}main#individual .cnavi .main::before{position:absolute;width:100%;height:40%;top:30%;left:0;content:"";background:linear-gradient(to right, #355bae, #000048);box-shadow:0 0 50px rgba(0,0,0,0.5) inset}main#individual .cnavi .main::after{position:absolute;width:100%;height:40%;top:30%;left:0;content:"";background-image:url("../../assets/character/individual/navi/grunge.jpg");background-size:cover;background-position:left bottom;mix-blend-mode:lighten}main#individual .cnavi .main a.disabled{pointer-events:none}@media screen and (max-width: 599px){main#individual .cnavi .main .swiper-slide-next+.swiper-slide+.swiper-slide{filter:opacity(0);pointer-events:none}}@media screen and (min-width: 600px) and (max-width: 959px){main#individual .cnavi .main .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide{filter:opacity(0);pointer-events:none}}main#individual .cnavi .main .swiper-slide-prev{filter:opacity(0);pointer-events:none}main#individual .cnavi .sub::before{position:absolute;width:100%;height:40%;top:30%;left:0;content:"";background:linear-gradient(to right, #ccc, #888);box-shadow:0 0 50px rgba(0,0,0,0.25) inset}main#individual .cnavi .sub::after{position:absolute;width:100%;height:40%;top:30%;left:0;content:"";background-image:url("../../assets/character/individual/navi/grunge.jpg");background-size:cover;background-position:right top;mix-blend-mode:lighten}@media screen and (max-width: 599px){main#individual .cnavi .sub .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide{filter:opacity(0);pointer-events:none}}@media screen and (min-width: 600px) and (max-width: 959px){main#individual .cnavi .sub .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{filter:opacity(0);pointer-events:none}}@media screen and (min-width: 960px){main#individual .cnavi .sub .swiper-slide-next+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide+.swiper-slide{filter:opacity(0);pointer-events:none}}main#individual .cnavi .sub .swiper-slide-prev{filter:opacity(0);pointer-events:none}main#individual .cnavi .swiper-button-prev,main#individual .cnavi .swiper-button-next{transition:0.2s}main#individual .cnavi .swiper-button-prev:hover,main#individual .cnavi .swiper-button-next:hover{transform:scale(1.1)}main#individual .cnavi .swiper-button-prev:after{display:none !important}main#individual .cnavi .swiper-button-next:after{display:none !important}main#individual .cnavi .swiper-button-disabled{opacity:0}@keyframes typewriter{from{width:0}to{width:150%}}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#battle{position:relative;background:#000}main#battle .g_headline-wrap{padding:170px 0 160px 0}main#battle .g_headline-wrap .g_headline-grad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 50%, #000);content:"";z-index:1}main#battle .g_headline-wrap .g_headline-bg{background-image:url(../../assets/system/battle/g_headline.jpg);background-position:center center}main#battle .main-catch{margin:0 20px 20px 20px;padding:20px 10px 0 10px;border-left:solid 3px #355bae;color:#fff}@media screen and (min-width: 960px){main#battle .main-catch{margin:0 20px 50px 20px;padding:50px 30px 0 30px}}main#battle .main-catch .sub{font-size:3.5vw;line-height:1.2}@media screen and (min-width: 960px){main#battle .main-catch .sub{font-size:1.4rem}}main#battle .main-catch .main{font-size:6vw;line-height:1.2}@media screen and (min-width: 960px){main#battle .main-catch .main{font-size:2.8rem}}main#battle .battle-flow{margin:50px 0;padding:0 10%}main#battle .previous-flow{margin:50px 0;padding:0 10%}@media screen and (min-width: 960px){main#battle .previous-flow{padding:0 20%}}main#battle .previous-flow .head{margin-bottom:30px;text-align:center}main#battle .previous-flow h4{display:inline-block;padding:5px 0;color:#fff;text-align:center;line-height:1;font-size:0.8rem;border-bottom:solid 3px #355bae}@media screen and (min-width: 960px){main#battle .previous-flow h4{font-size:1rem}}main#battle .battle-flow a.flow-lightbox,main#battle .previous-flow a.flow-lightbox{display:block;position:relative;overflow:hidden}main#battle .battle-flow a.flow-lightbox:hover img,main#battle .previous-flow a.flow-lightbox:hover img{transform:scale(1.05)}main#battle .battle-flow .cap,main#battle .previous-flow .cap{text-align:center;color:#fff;font-size:0.8rem}main#battle .battle-flow .zoom-wrap,main#battle .previous-flow .zoom-wrap{position:relative}main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom{z-index:1;position:absolute;bottom:-10px;right:-10px;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;background:#355bae;font-size:0.8rem;color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}main#battle .battle-flow img,main#battle .previous-flow img{position:relative;transition:.8s}main#battle .battle-flow .arrow-wrap,main#battle .previous-flow .arrow-wrap{z-index:1;position:relative}main#battle .battle-flow .arrow,main#battle .previous-flow .arrow{z-index:2;width:50%;transform:rotate(90deg);filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#battle .battle-flow .arrow,main#battle .previous-flow .arrow{width:100%;transform:scale(1.7) rotate(0)}}main#battle .text{padding:15px;color:#fff}@media screen and (min-width: 960px){main#battle .text{padding:50px 30px 30px 30px}}main#battle .text .catch{margin-bottom:40px;line-height:1.3;font-size:6vw}@media screen and (min-width: 960px){main#battle .text .catch{font-size:1.6rem}}main#battle .text .catch .block{display:inline}@media screen and (min-width: 960px){main#battle .text .catch .block{display:block}}main#battle .text p{margin:20px 0;font-size:1rem}@media screen and (min-width: 960px){main#battle .text p{font-size:1.1rem}}main#battle .note{padding:0 20px;color:#aaa;font-size:0.8rem}main#battle .row{margin-bottom:20px;justify-content:center;align-items:center}@media screen and (min-width: 960px){main#battle .row{margin-bottom:50px}}main#battle .swiper-wrap{position:relative;padding:10px}@media screen and (min-width: 960px){main#battle .swiper-wrap{padding:30px}}main#battle .swiper-container{padding-bottom:40px}main#battle .swiper-container .swiper-slide{padding:0 30px}@media screen and (min-width: 960px){main#battle .swiper-container .swiper-slide{padding:0 50px}}main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next{display:block;width:auto;height:auto;padding:10px 5px;font-size:1rem;color:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next{font-size:1.3rem}}main#battle .swiper-container .swiper-button-prev .inner,main#battle .swiper-container .swiper-button-next .inner{position:relative}main#battle .swiper-container .swiper-button-prev::after,main#battle .swiper-container .swiper-button-next::after{display:none}main#battle .swiper-container .swiper-button-prev:hover svg,main#battle .swiper-container .swiper-button-next:hover svg{stroke-dashoffset:0}main#battle .swiper-container .swiper-button-prev svg,main#battle .swiper-container .swiper-button-next svg{transition:0.3s;stroke-dasharray:90.38;stroke-dashoffset:90.38}main#battle .swiper-container .swiper-button-next svg{position:absolute;right:-5px;bottom:-10px}main#battle .swiper-container .swiper-button-prev svg{position:absolute;left:-5px;bottom:-10px}main#battle .swiper-container a{display:block;overflow:hidden;outline:none}main#battle .swiper-container a img{transition:1s}main#battle .swiper-container a:hover img{transform:scale(1.05)}main#battle .swiper-container .swiper-pagination{width:86%;left:7%;bottom:0}main#battle .swiper-container .swiper-pagination .swiper-pagination-bullet{width:18%;margin:0 1%;height:6px;border-radius:0;background:#fff}main#battle .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#355bae}main#battle .video-link{position:relative;display:block;margin:20px 5%;overflow:hidden;cursor:pointer}main#battle .video-link:hover .thumb{transform:scale(1.05)}main#battle .video-link .thumb{transition:1s}main#battle .video-link .play{position:absolute;top:0;left:0}main#battle .video-link #battle-flow-movie{position:absolute;top:0;left:0;width:100%;height:100%}main#battle .video-link .cover{z-index:2;position:absolute;top:0;left:0;width:100%;height:100%;content:""}main#battle #shift{display:flex;padding:50px 0}main#battle #shift .deco{position:relative;display:none}@media screen and (min-width: 960px){main#battle #shift .deco{display:block;width:10%}}main#battle #shift .deco>div{position:absolute;font-size:6rem;white-space:nowrap;writing-mode:vertical-rl;color:#355bae}main#battle #shift .deco>div.left{left:-50px;top:0}main#battle #shift .deco>div.right{right:-50px;bottom:0}@media screen and (min-width: 960px){main#battle #shift .main{width:80%}}main#battle #shift .catch{margin:20px 0;padding:0 20px;line-height:1.3;font-size:6vw;color:#fff}@media screen and (min-width: 960px){main#battle #shift .catch{font-size:2.2rem}}main#battle #shift .sub-catch{padding:50px 20px;line-height:1.5;font-size:4vw;color:#fff;text-align:center}@media screen and (min-width: 960px){main#battle #shift .sub-catch{font-size:1.2rem}}main#battle #command{z-index:-2;margin-top:100px;position:relative;padding:0 0 150px 0;background:linear-gradient(to bottom, #000 0%, #355bae 10%, #355bae 30%, #000);color:#fff}main#battle #command::after{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url("../../assets/system/grunge.jpg");background-size:cover;background-position:center center;mix-blend-mode:lighten;opacity:0.5}main#battle #command .command-catch{padding:40px 10px;margin-bottom:20px;text-align:center;border-bottom:solid 1px #fff}@media screen and (min-width: 960px){main#battle #command .command-catch{padding:80px 20px;margin-bottom:50px}}main#battle #command .command-catch .sub{margin-bottom:20px;font-size:3.5vw;line-height:1.3}@media screen and (min-width: 960px){main#battle #command .command-catch .sub{margin-bottom:0;font-size:1.6rem}}main#battle #command .command-catch .main{font-size:6vw;line-height:1.3}@media screen and (min-width: 960px){main#battle #command .command-catch .main{font-size:2.8rem}}main#battle #command .image-wrap{margin:20px 5%}main#battle #command .image-wrap a{display:block;overflow:hidden}main#battle #command .image-wrap a img{transition:0.5s}main#battle #command .image-wrap a:hover img{transform:scale(1.05)}main#battle #xipha{display:flex;padding:50px 0}main#battle #xipha .deco{position:relative;display:none}@media screen and (min-width: 960px){main#battle #xipha .deco{display:block;width:10%}}main#battle #xipha .deco>div{position:absolute;left:-50px;top:0;font-size:6rem;white-space:nowrap;writing-mode:vertical-rl;color:#fff}@media screen and (min-width: 960px){main#battle #xipha .main{width:90%}}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#xipha{position:relative;background:#000}main#xipha .g_headline-wrap{padding:170px 0 160px 0}main#xipha .g_headline-wrap .g_headline-grad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 50%, #000);content:"";z-index:1}main#xipha .g_headline-wrap .g_headline-bg{background-image:url(../../assets/system/xipha/g_headline.jpg);background-position:center center}main#xipha .main-catch{margin:0 20px 50px 20px;padding:20px 10px 0 10px;border-left:solid 3px #355bae;color:#fff}@media screen and (min-width: 960px){main#xipha .main-catch{margin:0 20px 100px 20px;padding:50px 30px 0 30px}}main#xipha .main-catch .sub{font-size:3.5vw;line-height:1.2}@media screen and (min-width: 960px){main#xipha .main-catch .sub{font-size:1.4rem}}main#xipha .main-catch .main{font-size:6vw;line-height:1.2}@media screen and (min-width: 960px){main#xipha .main-catch .main{font-size:2.8rem}}main#xipha #about{color:#fff}main#xipha #about .text{position:relative;padding:20px}@media screen and (min-width: 960px){main#xipha #about .text{padding:20px 180px 20px 40px}}main#xipha #about .text p{margin:30px 0}main#xipha #about .text .catch{display:none;position:absolute;top:0;right:20px}@media screen and (min-width: 960px){main#xipha #about .text .catch{display:block}}main#xipha #about .text .catch>div{display:inline-block;padding:20px 0;font-size:1.4rem;letter-spacing:3px;white-space:nowrap;writing-mode:vertical-rl;background:#355bae}main#xipha #about .text .catch>div:first-child{transform:translateY(80px)}main#xipha #about #model{position:relative;min-height:250px}@media screen and (min-width: 960px){main#xipha #about #model{min-height:500px}}main#xipha #about #model .images{z-index:1;position:relative}main#xipha #about #model .images img{position:absolute;top:0;left:30px;width:60%;opacity:0;transition:.5s;filter:invert(100%) opacity(0)}@media screen and (min-width: 960px){main#xipha #about #model .images img{width:75%}}main#xipha #about #model .images img.active{opacity:1}main#xipha #about #model .images img.enable{left:-20px;filter:invert(0%) opacity(100%)}@media screen and (min-width: 960px){main#xipha #about #model .images img.enable{left:-10px}}main#xipha #about #model button{z-index:2;position:absolute;top:120px;right:10px;display:block;width:80px;height:80px;background:none;border:none;outline:none;cursor:pointer;transition:.5s;opacity:0}@media screen and (min-width: 960px){main#xipha #about #model button{top:250px;left:0;width:100px;height:100px}}main#xipha #about #model button.enable{opacity:1}main#xipha #about #model button .inner{position:relative}main#xipha #about #model button .inner div,main#xipha #about #model button .inner img{position:absolute;top:0;left:0;width:80px;height:80px;color:#fff;line-height:80px;text-align:center;transition:.3s}@media screen and (min-width: 960px){main#xipha #about #model button .inner div,main#xipha #about #model button .inner img{width:100px;height:100px;line-height:100px}}main#xipha #about #model button:hover img{animation:buttonRole .5s ease-out both}@keyframes buttonRole{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}main#xipha #about #model .info{padding-top:10px;margin-left:15%;line-height:1.4;white-space:nowrap}@media screen and (min-width: 960px){main#xipha #about #model .info{padding-top:50px;margin-left:30%}}main#xipha #about #model .info .ruby{padding-left:40%;color:#355bae;font-size:0.7rem}@media screen and (min-width: 960px){main#xipha #about #model .info .ruby{font-size:0.8rem}}main#xipha #about #model .info .name{padding-left:40%;margin-bottom:5px;font-size:1.3rem}@media screen and (min-width: 960px){main#xipha #about #model .info .name{font-size:1.6rem}}main#xipha #about #model .info .border{margin-bottom:10px;width:0;height:1px;background:#fff}main#xipha #about #model .info .abbr{padding-left:40%}main#xipha #about #model .info .abbr span{display:block;margin-bottom:5px;font-size:0.7rem}@media screen and (min-width: 960px){main#xipha #about #model .info .abbr span{font-size:0.8rem}}main#xipha #about .detail{padding:50px 20px}@media screen and (min-width: 960px){main#xipha #about .detail{padding:50px 20px 100px 20px}}main#xipha #about .detail figure{text-align:center;padding:0;margin:0}main#xipha #about .detail figure img{width:100%;max-width:900px}main#xipha #about .detail .catch{margin:50px 0;text-align:center;font-size:6.5vw;line-height:1.5}@media screen and (min-width: 960px){main#xipha #about .detail .catch{margin:80px 0;font-size:2rem}}@media screen and (min-width: 960px){main#xipha #about .detail .desc{text-align:center}}main#xipha #about .detail .desc p{margin:30px 0}main#xipha .common-section{color:#fff}main#xipha .common-section .headline{padding:20px;margin-bottom:50px;line-height:1.2;border-bottom:solid 1px #fff}main#xipha .common-section .headline .subtitle{font-size:4vw}@media screen and (min-width: 960px){main#xipha .common-section .headline .subtitle{font-size:1.4rem}}main#xipha .common-section .headline h2{font-size:8vw}@media screen and (min-width: 960px){main#xipha .common-section .headline h2{font-size:3rem}}main#xipha #hollow-core{position:relative;padding:50px 0}@media screen and (min-width: 960px){main#xipha #hollow-core{padding:50px 0 200px 0}}main#xipha #hollow-core::before,main#xipha #hollow-core::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%}main#xipha #hollow-core::before{z-index:-2;background:linear-gradient(to bottom, #000, #355bae 20%, #000)}main#xipha #hollow-core::after{z-index:-1;background-image:url(../../assets/system/xipha/hollow_core/bg.jpg);background-size:cover;background-position:center center;opacity:0.1}main#xipha #hollow-core .about{margin:40px 20px}@media screen and (min-width: 960px){main#xipha #hollow-core .about{margin:80px 20px}}main#xipha #hollow-core .lightbox-wrap{padding:0 5%}main#xipha #hollow-core .lightbox-wrap>div{position:relative}main#xipha #hollow-core .lightbox-wrap>div .zoom{z-index:1;display:none;position:absolute;bottom:-10px;right:-10px;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;background:#666;font-size:0.8rem;color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#xipha #hollow-core .lightbox-wrap>div .zoom{display:block}}main#xipha #hollow-core .lightbox-wrap a{display:block;overflow:hidden}main#xipha #hollow-core .lightbox-wrap a img{transition:1s}main#xipha #hollow-core .lightbox-wrap a:hover img{transform:scale(1.05)}main#xipha #hollow-core #hollow-core-swiper{position:relative;margin-top:50px}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper{margin-top:0}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide{padding:0 10%}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide{padding:0 10%}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name{margin:0 0 30px 0;font-size:7vw;text-align:center;line-height:80px}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name{font-size:2rem}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name img{width:80px;height:80px;margin-right:10px}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .desc{text-align:center;font-size:0.8rem}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .desc{font-size:0.9rem}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec{margin:20px 0;text-align:center}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div{display:inline-block;margin:0 20px;color:#999;font-size:0.9rem}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div{font-size:1rem}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span{margin-left:5px;font-size:6vw;color:#fff}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span{font-size:1.6rem}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost{text-align:center;line-height:1.4}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .cate{color:#999;font-size:0.9rem}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .cate{font-size:1rem}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname{font-size:5vw;color:#fff}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname{font-size:1.4rem}}main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .note{margin-top:5px;color:#fff;font-size:0.8rem}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .note{font-size:0.9rem}}main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev,main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next{position:absolute;z-index:2;top:35%;height:20%;cursor:pointer;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));transition:0.3s}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev,main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next{height:30%}}main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev svg,main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next svg{height:100%}main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev:hover,main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next:hover{transform:scale(1.05)}main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev.swiper-button-disabled,main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next.swiper-button-disabled{opacity:0.25;pointer-events:none}main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev{left:-5px}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-prev{left:0}}main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next{right:-5px}@media screen and (min-width: 960px){main#xipha #hollow-core #hollow-core-swiper .core-swiper-button-next{right:0}}main#xipha #hollow-core .voice-assist{position:relative;margin-top:100px;width:100%;padding:10px}@media screen and (min-width: 960px){main#xipha #hollow-core .voice-assist{padding:0;margin-top:150px}}main#xipha #hollow-core .voice-assist .text-wrap{position:relative}@media screen and (min-width: 960px){main#xipha #hollow-core .voice-assist .text-wrap .text{position:absolute;z-index:3;width:120%;top:20%;left:15%}}main#xipha #hollow-core .voice-assist .text-wrap .text p{margin:30px 0}@media screen and (min-width: 960px){main#xipha #hollow-core .voice-assist .img-wrap img{max-width:75%}}main#xipha #hollow-core .voice-assist .catch{position:absolute;top:-50px;right:5px;min-width:100px}@media screen and (min-width: 960px){main#xipha #hollow-core .voice-assist .catch{top:-40px;right:40px}}main#xipha #hollow-core .voice-assist .catch>div{display:inline-block;font-size:5.5vw;line-height:1.2;white-space:nowrap;writing-mode:vertical-rl}@media screen and (min-width: 960px){main#xipha #hollow-core .voice-assist .catch>div{font-size:1.8rem;letter-spacing:3px}}main#xipha #hollow-core .voice-assist .catch>div:first-child{transform:translateY(60px)}@media screen and (min-width: 960px){main#xipha #hollow-core .voice-assist .catch>div:first-child{transform:translateY(100px)}}main#xipha #arts-driver,main#xipha #shard-skill{position:relative;padding:50px 0}@media screen and (min-width: 960px){main#xipha #arts-driver,main#xipha #shard-skill{padding:150px 0}}main#xipha #arts-driver::before,main#xipha #arts-driver::after,main#xipha #shard-skill::before,main#xipha #shard-skill::after{position:absolute;content:"";top:0;left:0;width:100%;height:100%}main#xipha #arts-driver::before,main#xipha #shard-skill::before{z-index:-2;background:linear-gradient(to bottom, #000, #355bae 20%, #000)}main#xipha #arts-driver::after,main#xipha #shard-skill::after{z-index:-1;background-size:cover;background-position:center center;opacity:0.1}main#xipha #arts-driver .catch,main#xipha #shard-skill .catch{margin:40px 0;padding:0 15px;text-align:center;font-size:6vw;line-height:1.4}@media screen and (min-width: 960px){main#xipha #arts-driver .catch,main#xipha #shard-skill .catch{font-size:1.8rem}}main#xipha #arts-driver .desc,main#xipha #shard-skill .desc{padding:0 15px;text-align:left}@media screen and (min-width: 960px){main#xipha #arts-driver .desc,main#xipha #shard-skill .desc{text-align:center}}main#xipha #arts-driver .row,main#xipha #shard-skill .row{justify-content:center;align-items:center}main#xipha #arts-driver .text p,main#xipha #shard-skill .text p{margin:30px 0}@media screen and (min-width: 960px){main#xipha #arts-driver .text,main#xipha #shard-skill .text{padding:0 30px}}main#xipha #arts-driver .swiper-container,main#xipha #shard-skill .swiper-container{position:relative;padding:30px 0}@media screen and (min-width: 960px){main#xipha #arts-driver .swiper-container,main#xipha #shard-skill .swiper-container{margin:60px 0;padding:30px 20px}}main#xipha #arts-driver .swiper-container .swiper-slide,main#xipha #shard-skill .swiper-container .swiper-slide{padding:0 30px}@media screen and (min-width: 960px){main#xipha #arts-driver .swiper-container .swiper-slide,main#xipha #shard-skill .swiper-container .swiper-slide{padding:0 50px}}main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next{display:block;width:auto;height:auto;padding:10px 5px;font-size:1rem;color:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next{font-size:1.3rem}}main#xipha #arts-driver .swiper-container .swiper-button-prev .inner,main#xipha #arts-driver .swiper-container .swiper-button-next .inner,main#xipha #shard-skill .swiper-container .swiper-button-prev .inner,main#xipha #shard-skill .swiper-container .swiper-button-next .inner{position:relative}main#xipha #arts-driver .swiper-container .swiper-button-prev::after,main#xipha #arts-driver .swiper-container .swiper-button-next::after,main#xipha #shard-skill .swiper-container .swiper-button-prev::after,main#xipha #shard-skill .swiper-container .swiper-button-next::after{display:none}main#xipha #arts-driver .swiper-container .swiper-button-prev:hover svg,main#xipha #arts-driver .swiper-container .swiper-button-next:hover svg,main#xipha #shard-skill .swiper-container .swiper-button-prev:hover svg,main#xipha #shard-skill .swiper-container .swiper-button-next:hover svg{stroke-dashoffset:0}main#xipha #arts-driver .swiper-container .swiper-button-prev svg,main#xipha #arts-driver .swiper-container .swiper-button-next svg,main#xipha #shard-skill .swiper-container .swiper-button-prev svg,main#xipha #shard-skill .swiper-container .swiper-button-next svg{transition:0.3s;stroke-dasharray:90.38;stroke-dashoffset:90.38}main#xipha #arts-driver .swiper-container .swiper-button-next svg,main#xipha #shard-skill .swiper-container .swiper-button-next svg{position:absolute;right:-5px;bottom:-10px}main#xipha #arts-driver .swiper-container .swiper-button-prev svg,main#xipha #shard-skill .swiper-container .swiper-button-prev svg{position:absolute;left:-5px;bottom:-10px}main#xipha #arts-driver .swiper-container a,main#xipha #shard-skill .swiper-container a{display:block;overflow:hidden}main#xipha #arts-driver .swiper-container a img,main#xipha #shard-skill .swiper-container a img{transition:1s}main#xipha #arts-driver .swiper-container a:hover img,main#xipha #shard-skill .swiper-container a:hover img{transform:scale(1.05)}main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom{z-index:1;display:none;position:absolute;bottom:0px;right:50px;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;background:#666;font-size:0.8rem;color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom{display:block}}main#xipha #arts-driver::after{background-image:url(../../assets/system/xipha/arts_driver/bg.jpg)}main#xipha #shard-skill{padding-bottom:150px}main#xipha #shard-skill::after{background-image:url(../../assets/system/xipha/shard_skill/bg.jpg)}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#craft{position:relative;background:#000}main#craft .g_headline-wrap{padding:170px 0 160px 0}main#craft .g_headline-wrap .g_headline-grad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 50%, #000);content:"";z-index:1}main#craft .g_headline-wrap .g_headline-bg{background-image:url(../../assets/system/craft/g_headline.jpg);background-position:center center}main#craft .main-catch{margin:0 20px 50px 20px;padding:20px 10px 0 10px;border-left:solid 3px #355bae;color:#fff}@media screen and (min-width: 960px){main#craft .main-catch{margin:0 20px 100px 20px;padding:50px 30px 0 30px}}main#craft .main-catch .sub{font-size:3.5vw;line-height:1.2}@media screen and (min-width: 960px){main#craft .main-catch .sub{font-size:1.4rem}}main#craft .main-catch .main{font-size:6vw;line-height:1.2}@media screen and (min-width: 960px){main#craft .main-catch .main{font-size:2.8rem}}main#craft .about{padding:0 5% 50px 5%}main#craft .about p{margin:20px 0;color:#fff}main#craft #craft-swiper{position:relative}@media screen and (min-width: 960px){main#craft #craft-swiper{padding-bottom:100px}}main#craft #craft-swiper>.swiper-wrapper>.swiper-slide{padding:0 5%}@media screen and (min-width: 960px){main#craft #craft-swiper>.swiper-wrapper>.swiper-slide{padding:0 25%}}main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info{color:#fff}main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3{margin-bottom:20px;font-size:1.4rem}@media screen and (min-width: 960px){main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3{font-size:1.8rem}}main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info .desc{font-size:1rem}main#craft #craft-swiper .craft-swiper-button-prev,main#craft #craft-swiper .craft-swiper-button-next{position:absolute;z-index:2;top:35%;height:15%;cursor:pointer;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));transition:0.3s}@media screen and (min-width: 960px){main#craft #craft-swiper .craft-swiper-button-prev,main#craft #craft-swiper .craft-swiper-button-next{height:30%}}main#craft #craft-swiper .craft-swiper-button-prev svg,main#craft #craft-swiper .craft-swiper-button-next svg{height:100%}main#craft #craft-swiper .craft-swiper-button-prev:hover,main#craft #craft-swiper .craft-swiper-button-next:hover{transform:scale(1.05)}main#craft #craft-swiper .craft-swiper-button-prev.swiper-button-disabled,main#craft #craft-swiper .craft-swiper-button-next.swiper-button-disabled{opacity:0.25;pointer-events:none}main#craft #craft-swiper .craft-swiper-button-prev{left:-5px}@media screen and (min-width: 960px){main#craft #craft-swiper .craft-swiper-button-prev{left:15px}}main#craft #craft-swiper .craft-swiper-button-next{right:-5px}@media screen and (min-width: 960px){main#craft #craft-swiper .craft-swiper-button-next{right:15px}}main#craft #craft-swiper .inner-swiper{position:relative;padding:60px 20px;width:100%}main#craft #craft-swiper .inner-swiper .swiper-slide{width:100%}main#craft #craft-swiper .inner-swiper a{display:block;width:100%;overflow:hidden}main#craft #craft-swiper .inner-swiper a img{max-width:100%;height:auto;transition:1s}main#craft #craft-swiper .inner-swiper a:hover img{transform:scale(1.05)}main#craft #craft-swiper .inner-swiper .swiper-pagination{bottom:0px}main#craft #craft-swiper .inner-swiper .swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;margin:0 10px;background:#fff}main#craft #craft-swiper .inner-swiper .zoom{z-index:1;display:none;position:absolute;bottom:20px;right:0px;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;background:#666;font-size:0.8rem;color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#craft #craft-swiper .inner-swiper .zoom{display:block}}main#craft .swiper-thumbs{display:flex;flex-wrap:wrap;margin-top:50px;padding:0 5% 150px 5%}@media screen and (min-width: 960px){main#craft .swiper-thumbs{margin-top:0}}main#craft .swiper-thumbs>div{width:calc(100% / 2)}@media screen and (min-width: 600px){main#craft .swiper-thumbs>div{width:calc(100% / 4)}}@media screen and (min-width: 960px){main#craft .swiper-thumbs>div{width:calc(100% / 8)}}main#craft .swiper-thumbs .btn{text-align:center;width:100%;padding:5px;cursor:pointer;opacity:0.5;transition:.3s}main#craft .swiper-thumbs .btn.active,main#craft .swiper-thumbs .btn:hover{opacity:1}main#craft .swiper-thumbs .btn img{max-width:100%;height:auto}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#lgc{position:relative;background:#000}main#lgc .g_headline-wrap{padding:170px 0 160px 0}main#lgc .g_headline-wrap .g_headline-grad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 50%, #000);content:"";z-index:1}main#lgc .g_headline-wrap .g_headline-bg{background-image:url(../../assets/system/lgc/g_headline.jpg);background-position:center center}main#lgc .main-catch{margin:0 20px 50px 20px;padding:20px 10px 0 10px;border-left:solid 3px #355bae;color:#fff}@media screen and (min-width: 960px){main#lgc .main-catch{margin:0 20px 100px 20px;padding:50px 30px 0 30px}}main#lgc .main-catch .sub{font-size:3.5vw;line-height:1.2}@media screen and (min-width: 960px){main#lgc .main-catch .sub{font-size:1.4rem}}main#lgc .main-catch .main{font-size:6vw;line-height:1.2}@media screen and (min-width: 960px){main#lgc .main-catch .main{font-size:2.8rem}}main#lgc .about{position:relative;padding:20px;color:#fff}@media screen and (min-width: 960px){main#lgc .about{padding:20px 40% 20px 20px}}main#lgc .about p{margin:20px 0}main#lgc .about .gage{padding:20px;margin:0 auto;width:100%}@media screen and (min-width: 960px){main#lgc .about .gage{z-index:2;position:absolute;margin:0;padding:0;bottom:-180px;right:0;width:40%}}main#lgc #lgc-swiper{position:relative;padding:50px 0}@media screen and (min-width: 960px){main#lgc #lgc-swiper{padding:80px 0}}main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide{position:relative;padding:0 10%}@media screen and (min-width: 960px){main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide{padding:0 25%}}main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div{position:relative;width:100%}main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div a{display:block;width:100%;overflow:hidden}main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div a img{width:100%;height:auto;transition:1s}main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div a:hover img{transform:scale(1.05)}main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom{z-index:1;display:none;position:absolute;bottom:-10px;right:-20px;width:70px;height:70px;text-align:center;line-height:70px;border-radius:50%;background:#666;font-size:0.8rem;color:#fff;pointer-events:none;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom{display:block}}main#lgc #lgc-swiper .lgc-swiper-button-prev,main#lgc #lgc-swiper .lgc-swiper-button-next{position:absolute;z-index:2;top:45%;height:20%;cursor:pointer;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));transition:0.3s}@media screen and (min-width: 960px){main#lgc #lgc-swiper .lgc-swiper-button-prev,main#lgc #lgc-swiper .lgc-swiper-button-next{height:30%}}main#lgc #lgc-swiper .lgc-swiper-button-prev svg,main#lgc #lgc-swiper .lgc-swiper-button-next svg{height:100%}main#lgc #lgc-swiper .lgc-swiper-button-prev:hover,main#lgc #lgc-swiper .lgc-swiper-button-next:hover{transform:scale(1.05)}main#lgc #lgc-swiper .lgc-swiper-button-prev.swiper-button-disabled,main#lgc #lgc-swiper .lgc-swiper-button-next.swiper-button-disabled{opacity:0.25;pointer-events:none}main#lgc #lgc-swiper .lgc-swiper-button-prev{left:0}@media screen and (min-width: 960px){main#lgc #lgc-swiper .lgc-swiper-button-prev{left:15px}}main#lgc #lgc-swiper .lgc-swiper-button-next{right:0}@media screen and (min-width: 960px){main#lgc #lgc-swiper .lgc-swiper-button-next{right:15px}}main#lgc #lgc-swiper .swiper-pagination{bottom:0px}main#lgc #lgc-swiper .swiper-pagination .swiper-pagination-bullet{width:16px;height:16px;margin:0 10px;background:#fff}main#lgc .bottom-content{padding:80px 20px 150px 20px;color:#fff;text-align:center}main#lgc .bottom-content .catch{margin-bottom:50px;font-size:1.4rem;line-height:1.3}@media screen and (min-width: 960px){main#lgc .bottom-content .catch{font-size:2rem}}main#lgc .bottom-content .desc p{margin:20px 0}main#lgc .badge{position:relative;display:inline-block;padding:0 15px}main#lgc .badge::before{content:"";position:absolute;z-index:-1;display:block;top:4px;left:0;width:85px;height:25px;background-size:cover}main#lgc .badge.law::before{left:-3px;background-image:url(../../assets/system/lgc/stroke/law.png)}main#lgc .badge.gray::before{background-image:url(../../assets/system/lgc/stroke/gray.png)}main#lgc .badge.chaos::before{left:5px;background-image:url(../../assets/system/lgc/stroke/chaos.png)}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#grendel{position:relative;background:#000}main#grendel .g_headline-wrap{padding:170px 0 160px 0}main#grendel .g_headline-wrap .g_headline-grad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 50%, #000);content:"";z-index:1}main#grendel .g_headline-wrap .g_headline-bg{background-image:url(../../assets/system/grendel/g_headline.jpg);background-position:center center}main#grendel .main-catch{margin:0 20px 50px 20px;padding:20px 10px 0 10px;border-left:solid 3px #355bae;color:#fff}@media screen and (min-width: 960px){main#grendel .main-catch{margin:0 20px 100px 20px;padding:50px 30px 0 30px}}main#grendel .main-catch .sub{font-size:3.5vw;line-height:1.2}@media screen and (min-width: 960px){main#grendel .main-catch .sub{font-size:1.4rem}}main#grendel .main-catch .main{font-size:6vw;line-height:1.2}@media screen and (min-width: 960px){main#grendel .main-catch .main{font-size:2.8rem}}main#grendel .main-wrap{padding:0 20px}@media screen and (min-width: 960px){main#grendel .main-wrap{display:flex}}main#grendel .main-wrap .about{padding:20px 0;color:#fff}@media screen and (min-width: 960px){main#grendel .main-wrap .about{width:50%}}main#grendel .main-wrap .about p{margin:20px 0}main#grendel .main-wrap .visual{position:relative;display:none}@media screen and (min-width: 960px){main#grendel .main-wrap .visual{display:block;width:50%}}main#grendel .main-wrap .visual .inner{position:absolute;bottom:0;left:0}main#grendel .swiper-wrap{position:relative;margin-top:40px;padding:10px}@media screen and (min-width: 960px){main#grendel .swiper-wrap{padding:30px}}main#grendel .swiper-container{padding-bottom:40px}main#grendel .swiper-container .swiper-slide{padding:0 30px}@media screen and (min-width: 960px){main#grendel .swiper-container .swiper-slide{padding:0 50px}}main#grendel .swiper-container .swiper-slide img{width:100%;height:auto}main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next{display:block;width:auto;height:auto;padding:10px 5px;font-size:1rem;color:#fff;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next{font-size:1.3rem}}main#grendel .swiper-container .swiper-button-prev .inner,main#grendel .swiper-container .swiper-button-next .inner{position:relative}main#grendel .swiper-container .swiper-button-prev::after,main#grendel .swiper-container .swiper-button-next::after{display:none}main#grendel .swiper-container .swiper-button-prev:hover svg,main#grendel .swiper-container .swiper-button-next:hover svg{stroke-dashoffset:0}main#grendel .swiper-container .swiper-button-prev svg,main#grendel .swiper-container .swiper-button-next svg{transition:0.3s;stroke-dasharray:90.38;stroke-dashoffset:90.38}main#grendel .swiper-container .swiper-button-next svg{position:absolute;right:-5px;bottom:-10px}main#grendel .swiper-container .swiper-button-prev svg{position:absolute;left:-5px;bottom:-10px}main#grendel .swiper-container a{display:block;overflow:hidden;outline:none}main#grendel .swiper-container a img{transition:1s}main#grendel .swiper-container a:hover img{transform:scale(1.05)}main#grendel .swiper-container .swiper-pagination{width:86%;left:7%;bottom:0}main#grendel .swiper-container .swiper-pagination .swiper-pagination-bullet{width:18%;margin:0 1%;height:6px;border-radius:0;background:#fff}main#grendel .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#355bae}main#grendel .action{margin:50px auto}@media screen and (min-width: 960px){main#grendel .action{max-width:70%}}main#grendel .action .wrap{position:relative;padding:0 20px;margin:30px 0}@media screen and (min-width: 960px){main#grendel .action .wrap{padding:40px;margin:0}}main#grendel .action .name{bottom:10px;left:0;width:100%;position:absolute;text-align:center;font-size:1.4rem;line-height:1.2;letter-spacing:-1px;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,0.8));color:#fff}@media screen and (min-width: 960px){main#grendel .action .name{font-size:2rem}}main#grendel .action .name span{display:block;font-size:0.8rem}@media screen and (min-width: 960px){main#grendel .action .name span{font-size:1rem}}main#grendel .action .catch{top:50px;left:0;width:100%;position:absolute;text-align:center;font-size:1rem;line-height:1.2;white-space:nowrap;filter:drop-shadow(0 0 2px rgba(0,0,0,0.8));color:#fff}@media screen and (min-width: 960px){main#grendel .action .catch{font-size:1.2rem}}main#grendel .action a{pointer-events:none;position:relative;display:block;width:100%;height:100%;padding:0 20px;vertical-align:bottom;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#grendel .action a{padding:0}}main#grendel .action a .video-wrap{clip-path:circle(48%);display:block;width:100%;height:auto;overflow:hidden}main#grendel .action a video{width:100%;height:100%;transition:0.5s}@media screen and (min-width: 960px){main#grendel .action a:hover video{transform:scale(1.2)}main#grendel .action a:hover svg{stroke-dashoffset:0}main#grendel .action a:hover span{opacity:1}}main#grendel .action a svg{position:absolute;top:48%;right:-30px;stroke-dasharray:112.38;stroke-dashoffset:112.38;transition:0.4s;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5))}main#grendel .action a span{display:block;position:absolute;top:52%;right:-30px;color:#fff;font-size:0.8rem;filter:drop-shadow(0 0 2px rgba(0,0,0,0.5));opacity:0;transition:0.5s}main#grendel .bottom-content{padding:80px 20px 150px 20px;color:#fff;text-align:center}main#grendel .bottom-content .catch{margin-bottom:50px;font-size:1.4rem;line-height:1.3}@media screen and (min-width: 960px){main#grendel .bottom-content .catch{font-size:2rem}}main#grendel .bottom-content .desc p{margin:20px 0}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#gallery{position:relative}main#gallery .g_headline-bg{background-image:url(../../assets/gallery/g_headline.jpg);background-position:center center}main#gallery .headline{margin:50px 0;padding:0 20px;line-height:1;text-align:center;color:#222}main#gallery .headline .en{font-size:8vw}@media screen and (min-width: 960px){main#gallery .headline .en{font-size:3rem}}main#gallery .headline h2{font-size:4vw}@media screen and (min-width: 960px){main#gallery .headline h2{font-size:1.1rem}}main#gallery #movie{z-index:-2;position:relative;padding:30px 20px 100px 20px;background:#222;color:#fff}@media screen and (min-width: 960px){main#gallery #movie{padding:30px 50px 100px 50px}}main#gallery #movie .headline{color:#fff}main#gallery #movie .row{padding-top:50px}main#gallery #movie .box{margin-bottom:30px;text-align:center}main#gallery #movie .box h3{margin:10px 0;font-size:0.9rem}@media screen and (min-width: 960px){main#gallery #movie .box h3{font-size:1.2rem}}main#gallery #movie .box a{display:block;position:relative;overflow:hidden}main#gallery #movie .box a .play,main#gallery #movie .box a .film{position:absolute;top:0;left:0;transition:.5s}main#gallery #movie .box a .thumb{transition:.5s}main#gallery #movie .box a:hover .play{opacity:0}main#gallery #movie .box a:hover .thumb{transform:scale(1.03)}main#gallery #movie::after{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";filter:opacity(0.5);background-image:url("../../assets/system/grunge.jpg");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#gallery #concept{padding:50px 0 100px 0}main#gallery #concept .swiper-container{padding:10px;margin:0 5%;overflow:hidden;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}main#gallery #concept .swiper-container .swiper-slide img{width:100%;height:auto}main#gallery #concept .swiper-lazy{opacity:0;transition:0.2s}main#gallery #concept .swiper-lazy.swiper-lazy-loaded{opacity:1}main#gallery #concept .main-swiper{position:relative;margin:80px 0 20px 0}@media screen and (min-width: 960px){main#gallery #concept .main-swiper{margin:100px 0 50px 0}}main#gallery #concept .main-swiper .swiper-container{margin:0 10%}@media screen and (min-width: 960px){main#gallery #concept .main-swiper .swiper-container{margin:0 15%}}main#gallery #concept .main-swiper .ss-swiper-button-prev,main#gallery #concept .main-swiper .ss-swiper-button-next{position:absolute;top:35%;height:30%;cursor:pointer;filter:drop-shadow(0 0 3px rgba(0,0,0,0.5));transition:0.3s}main#gallery #concept .main-swiper .ss-swiper-button-prev svg,main#gallery #concept .main-swiper .ss-swiper-button-next svg{height:100%}main#gallery #concept .main-swiper .ss-swiper-button-prev:hover,main#gallery #concept .main-swiper .ss-swiper-button-next:hover{transform:scale(1.05)}main#gallery #concept .main-swiper .ss-swiper-button-prev.swiper-button-disabled,main#gallery #concept .main-swiper .ss-swiper-button-next.swiper-button-disabled{opacity:0.25;pointer-events:none}main#gallery #concept .main-swiper .ss-swiper-button-prev{left:5px}@media screen and (min-width: 960px){main#gallery #concept .main-swiper .ss-swiper-button-prev{left:10%}}main#gallery #concept .main-swiper .ss-swiper-button-next{right:5px}@media screen and (min-width: 960px){main#gallery #concept .main-swiper .ss-swiper-button-next{right:10%}}main#gallery #concept .main-swiper::before{position:absolute;z-index:-2;top:30%;left:0;height:40%;width:100%;content:"";box-shadow:0 0 100px rgba(0,0,0,0.5) inset;background:linear-gradient(to right, #555, #888)}main#gallery #concept .main-swiper::after{position:absolute;z-index:-1;top:30%;left:0;height:40%;width:100%;content:"";background-image:url("../../assets/gallery/concept/grunge.jpg");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#gallery #concept .thumb-swiper img{cursor:pointer}main#gallery #sns-icon{z-index:-2;position:relative;padding:50px 0 100px 0;background:linear-gradient(to right, #355bae, #000048);box-shadow:0 0 100px rgba(0,0,0,0.5) inset}main#gallery #sns-icon::after{z-index:-1;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-image:url("../../assets/gallery/icon/grunge.jpg");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#gallery #sns-icon .headline{color:#fff}main#gallery #sns-icon .intro{padding:20px;color:#fff;text-align:center;font-size:0.9rem}@media screen and (min-width: 960px){main#gallery #sns-icon .intro{font-size:1rem}}main#gallery #sns-icon .wrap{margin:25px 0;padding:0 5%}@media screen and (min-width: 960px){main#gallery #sns-icon .wrap{margin:50px 0;padding:0 10%}}main#gallery #sns-icon .wrap a{margin:10px;transition:0.5s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}main#gallery #sns-icon .wrap a:hover{transform:scale(1.05)}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#special{position:relative;padding-bottom:50px}main#special::after{z-index:-10;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background:linear-gradient(to bottom, rgba(255,255,255,0), rgba(255,255,255,0.8) 40%, rgba(255,255,255,0.8) 80%, rgba(255,255,255,0))}main#special .g_headline-bg{background-image:url(../../assets/story/keyword/g_headline.jpg)}main#special .page-list{padding:50px 0}main#special .page-list .row>div{margin:5px 0}main#special .page-list a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:72px;padding:5px;color:#fff;text-align:center;line-height:1.4;text-shadow:0 0 5px rgba(0,0,0,0.5);background:linear-gradient(to right, #355bae, #02287b);transition:.3s;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}main#special .page-list a .fa-external-link-alt{position:absolute;top:7px;right:7px}main#special .page-list a.disabled{pointer-events:none;opacity:0.5}main#special .page-list a:hover{background:linear-gradient(to right, #02287b, #02287b)}main#special .page-list a::after{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;filter:opacity(0.25);content:"";background-image:url("../../assets/common/texture/grunge_01.png");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#special .page-list a .badge{position:absolute;top:-10px;left:-10px;width:60px;height:60px;padding-top:5px;background:#000;color:#fff;border-radius:50%;line-height:20px}main#special .top-list .box{margin-bottom:40px}main#special .top-list .box h3{text-align:center;line-height:1.3}main#special .top-list .box a{display:block;overflow:hidden}main#special .top-list .box a img{transition:1s}main#special .top-list .box a:hover img{transform:scale(1.05)}main#special section{padding:40px 20px;margin:20px 10px 20px 10px;color:#fff;background:#222;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}@media screen and (min-width: 960px){main#special section{padding:50px}}@media screen and (min-width: 1280px){main#special section{padding:100px}}main#special section h2,main#special section h1{margin-bottom:50px;text-align:center;color:#fff;line-height:1.3;font-size:1.4rem}@media screen and (min-width: 960px){main#special section h2,main#special section h1{margin-bottom:100px;font-size:2.2rem}}main#special section .sub-head{position:relative;margin-bottom:30px;text-align:center;color:#bbb;font-size:1.1rem;line-height:1.2}@media screen and (min-width: 960px){main#special section .sub-head{font-size:1.8rem}}main#special section .sub-head::before{position:absolute;top:50%;left:0;width:100%;height:1px;background:#355bae;content:""}main#special section .sub-head span{z-index:2;position:inherit;display:inline-block;padding:0 20px;background:#222}@media screen and (min-width: 960px){main#special section .sub-head span{padding:0 50px}}main#special section .about{margin:50px 0;text-align:center}main#special section .about p{margin:20px 0}main#special section .notice{color:#fff}main#special section .notice ul li{font-size:0.8rem}main#special section img{max-width:100%;height:auto}main#special section .period{padding:20px 5px;border:solid 1px #fff;box-shadow:0 0 5px rgba(255,255,255,0.8);text-align:center}main#special section .prize{margin:5px 0;padding:5px 15px 10px;border-left:solid 7px #355bae;background-color:#fff;color:#355bae;font-size:3.5vw;line-height:1.1}@media screen and (min-width: 960px){main#special section .prize{font-size:1.5rem}}main#special section .quiz{margin:5px 0;padding:5px 15px 10px;border-left:solid 7px #E10003;background-color:#fff;color:#E10003;font-size:3.5vw;line-height:1.1}@media screen and (min-width: 960px){main#special section .quiz{font-size:1.5rem}}main#special section .cast i{margin-right:7.5px;color:#707070}main#special section .cast span{color:#4EBDD9}main#special section .cap{text-align:center;color:#fff;font-size:0.8rem}main#special a.link-btn{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:5px;height:72px;color:#fff;font-size:0.9rem;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.5);background:linear-gradient(to right, #355bae, #02287b);transition:.3s}@media screen and (min-width: 960px){main#special a.link-btn{font-size:1.2rem}}main#special a.link-btn.disabled{filter:grayscale(80%)}main#special a.link-btn:hover{background:linear-gradient(to right, #02287b, #02287b)}main#special a.link-btn::after{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;filter:opacity(0.25);content:"";background-image:url("../../assets/common/texture/grunge_01.png");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#special a.link-btn i{display:inline-block}main#special #dlcbox section{color:#000}main#special #dlcbox section .about{text-align:left}main#special #dlcbox section .term{margin:50px 0}main#special #dlcbox section .term h3{font-size:1.5rem}main#special #dlcbox section .term>div{line-height:1.4}@media screen and (min-width: 960px){main#special #dlcbox section .term>div{font-size:1.2rem}}main#special #dlcbox section .warn{padding:10px 20px;background:#000;color:#FFC100;font-size:0.8rem}@media screen and (min-width: 960px){main#special #dlcbox section .warn{font-size:1rem}}main#special #dlcbox section.top .visual{position:relative;display:none;width:100%;height:100%;pointer-events:none;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}@media screen and (min-width: 960px){main#special #dlcbox section.top .visual{display:block}}main#special #dlcbox section.top .visual img{position:absolute;top:-200px;right:0}main#special #dlcbox .list-head{margin:100px 0 0 0;text-align:center;font-size:2.4rem}@media screen and (min-width: 960px){main#special #dlcbox .list-head{margin:200px 0 0 0}}@media screen and (min-width: 1280px){main#special #dlcbox .swimsuit{margin-top:150px}}main#special #dlcbox .swimsuit .wrap{position:relative;height:50vh}@media screen and (min-width: 600px){main#special #dlcbox .swimsuit .wrap{height:75vh}}@media screen and (min-width: 960px){main#special #dlcbox .swimsuit .wrap{height:600px}}@media screen and (min-width: 1280px){main#special #dlcbox .swimsuit .wrap{height:800px}}main#special #dlcbox .swimsuit .wrap .info{position:absolute;bottom:50%;width:70%;padding-bottom:5px;border-bottom:solid 1px #000}@media screen and (min-width: 960px){main#special #dlcbox .swimsuit .wrap .info{width:60%}}main#special #dlcbox .swimsuit .wrap .info .badge{display:inline-block;padding:0 20px;margin-bottom:5px;background:#000;color:#fff;font-size:0.8rem}@media screen and (min-width: 960px){main#special #dlcbox .swimsuit .wrap .info .badge{font-size:1rem}}main#special #dlcbox .swimsuit .wrap .info .name{font-size:1rem;line-height:1.2}@media screen and (min-width: 960px){main#special #dlcbox .swimsuit .wrap .info .name{font-size:1.2rem}}main#special #dlcbox .swimsuit .wrap .icon{position:absolute;bottom:0;max-width:40%;overflow:hidden}main#special #dlcbox .swimsuit .wrap .icon .inner{position:relative}main#special #dlcbox .swimsuit .wrap .icon .img{transition:1.5s}main#special #dlcbox .swimsuit .wrap .icon .zoom{position:absolute;top:0;left:0;filter:opacity(0);transition:.5s}main#special #dlcbox .swimsuit .wrap .icon:hover .img{transform:scale(1.05)}main#special #dlcbox .swimsuit .wrap .icon:hover .zoom{filter:opacity(1)}main#special #dlcbox .swimsuit .wrap .visual{position:absolute;bottom:0;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25));width:60%}main#special #dlcbox .swimsuit .wrap.left .info{left:0}@media screen and (min-width: 1280px){main#special #dlcbox .swimsuit .wrap.left .info{left:10%}}main#special #dlcbox .swimsuit .wrap.left .visual{right:-50px}main#special #dlcbox .swimsuit .wrap.left .icon{left:0}main#special #dlcbox .swimsuit .wrap.right .info{right:0;text-align:right}@media screen and (min-width: 1280px){main#special #dlcbox .swimsuit .wrap.right .info{right:10%}}main#special #dlcbox .swimsuit .wrap.right .visual{left:-50px}main#special #dlcbox .swimsuit .wrap.right .icon{right:0}main#special #dlcbox .united{margin:100px 10px 20px 10px}@media screen and (min-width: 960px){main#special #dlcbox .united{margin:200px 10px 20px 10px}}main#special #dlcbox .united .visual{text-align:center;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}main#special #dlcbox .united .visual img{max-width:100%;height:auto}main#special #dlcbox .united .desc{padding:50px 10%;text-align:center}main#special #dlcbox .united .desc .badge{display:inline-block;padding:0 20px;color:#FFC100;font-size:1.2rem;background:#ED2222}main#special #dlcbox .united .desc .name{margin-bottom:30px;font-size:1.8rem}@media screen and (min-width: 960px){main#special #dlcbox .united .desc .name{font-size:2.6rem}}main#special #dlcbox .dlclist{padding:2%}@media screen and (min-width: 960px){main#special #dlcbox .dlclist{padding:5%}}main#special #dlcbox .dlclist .box{display:flex;justify-content:center;align-items:center;position:relative}main#special #dlcbox .dlclist .box .info{width:60%;border-bottom:solid 1px #000}main#special #dlcbox .dlclist .box .info .badge{display:inline-block;padding:0 20px;margin-bottom:5px;background:#000;color:#fff;font-size:0.8rem}@media screen and (min-width: 960px){main#special #dlcbox .dlclist .box .info .badge{font-size:1rem}}main#special #dlcbox .dlclist .box .info .badge.red{background:#ED2222}main#special #dlcbox .dlclist .box .info .name{font-size:0.9rem;line-height:1.4}@media screen and (min-width: 960px){main#special #dlcbox .dlclist .box .info .name{font-size:1.2rem}}main#special #dlcbox .dlclist .box .icon{width:40%;padding:5% 5% 5% 0}main#special #dlcbox .dlclist .box .icon .img{filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}main#special #dlcbox .dlclist .box .icon a{position:relative;overflow:hidden}main#special #dlcbox .dlclist .box .icon a .img{transition:1.5s}main#special #dlcbox .dlclist .box .icon a .zoom{position:absolute;top:0;left:0;filter:opacity(0);transition:.5s}main#special #dlcbox .dlclist .box .icon a:hover .img{transform:scale(1.05)}main#special #dlcbox .dlclist .box .icon a:hover .zoom{filter:opacity(1)}main#special #trial a.lightbox{position:relative;display:block;overflow:hidden}main#special #trial a.lightbox img{transition:.5s}main#special #trial a.lightbox:hover img{transform:scale(1.03)}main#special #trial .psstore{margin:50px 0}@media screen and (min-width: 960px){main#special #trial .psstore{padding:0 15%}}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#product,main#store,main#dlc{position:relative;background:rgba(0,0,0,0.8)}main#product::before,main#store::before,main#dlc::before{z-index:-50;position:fixed;content:"";width:100%;height:100%;top:0;left:0;background-image:url(../../assets/toppage/firstview/visual.jpg);background-repeat:no-repeat;background-position:center center;background-size:cover}main#product::after,main#store::after,main#dlc::after{z-index:-50;position:absolute;top:0;left:0;width:100%;height:100%;content:"";background-size:auto auto;background:linear-gradient(to bottom, rgba(0,0,0,0.5), #000);background-image:repeating-linear-gradient(45deg, transparent, transparent 6px, #000 6px, #000 8px),linear-gradient(to bottom, rgba(0,0,0,0.5), rgba(0,0,0,0.8))}main#product .g_headline-wrap,main#store .g_headline-wrap,main#dlc .g_headline-wrap{padding:170px 0 100px 0}@media screen and (min-width: 960px){main#product .g_headline-wrap,main#store .g_headline-wrap,main#dlc .g_headline-wrap{padding:170px 0 160px 0}}main#product .types,main#store .types,main#dlc .types{padding:0 0 50px 0}@media screen and (min-width: 960px){main#product .types,main#store .types,main#dlc .types{padding:0 0 150px 0}}main#product .types a,main#store .types a,main#dlc .types a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;height:72px;padding:5px;color:#fff;text-align:center;line-height:1.4;text-shadow:0 0 5px rgba(0,0,0,0.5);background:linear-gradient(to right, #355bae, #02287b);transition:.3s}main#product .types a:hover,main#store .types a:hover,main#dlc .types a:hover{background:linear-gradient(to right, #02287b, #02287b)}main#product .types a::after,main#store .types a::after,main#dlc .types a::after{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;filter:opacity(0.25);content:"";background-image:url("../../assets/common/texture/grunge_01.png");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#product .product{position:relative;margin:50px 10px;padding:10px;background:#222;filter:drop-shadow(0 0 10px rgba(0,0,0,0.5));color:#fff}@media screen and (min-width: 960px){main#product .product{padding:20px}}main#product .product .head{padding:50px 0}main#product .product .head h2{text-align:center;line-height:1.2;font-size:1.6rem}@media screen and (min-width: 960px){main#product .product .head h2{font-size:3rem}}main#product .product h3{font-size:1.3rem;color:#aaa;line-height:1.2}@media screen and (min-width: 960px){main#product .product h3{font-size:1.6rem}}main#product .product ul{margin:40px 0}main#product .product ul li{position:relative;padding-left:30px;margin:20px 0;line-height:32px}@media screen and (min-width: 960px){main#product .product ul li{font-size:1.1rem}}main#product .product ul li::before{position:absolute;display:block;top:8px;left:0;content:"";height:16px;width:16px;background:#355bae}main#product .product .buy .price{line-height:1.2}@media screen and (min-width: 960px){main#product .product .buy .price{font-size:1.2rem}}main#product .product .buy .price>div{display:block}@media screen and (min-width: 960px){main#product .product .buy .price>div{display:inline-block}}main#product .product .buy .price strong{padding:0 5px;font-size:1.5rem}@media screen and (min-width: 960px){main#product .product .buy .price strong{font-size:2.4rem}}main#product .product .buy a.store-link{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:20px 0;padding:5px;height:72px;color:#fff;font-size:1rem;text-align:center;text-shadow:0 0 5px rgba(0,0,0,0.5);background:linear-gradient(to right, #355bae, #02287b);transition:.3s}@media screen and (min-width: 960px){main#product .product .buy a.store-link{font-size:1.2rem}}main#product .product .buy a.store-link.disabled{filter:grayscale(80%)}main#product .product .buy a.store-link:hover{background:linear-gradient(to right, #02287b, #02287b)}main#product .product .buy a.store-link::after{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;filter:opacity(0.25);content:"";background-image:url("../../assets/common/texture/grunge_01.png");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#product .attention{margin:0 10px;color:#ccc;font-size:0.8rem}main#product .attention li::before{content:"※ "}main#product #initial{position:relative;margin-top:50px;padding:20px 10px 100px 10px;color:#fff}@media screen and (min-width: 960px){main#product #initial{padding:20px 20px 100px 20px}}main#product #initial::before{position:absolute;z-index:-2;top:0;left:0;height:100%;width:100%;content:"";box-shadow:0 0 100px rgba(0,0,0,0.5) inset;background:linear-gradient(to bottom, #355bae, #00176a)}main#product #initial::after{position:absolute;z-index:-1;top:0;left:0;height:100%;width:100%;content:"";filter:opacity(0.5);background-image:url("../../assets/product/grunge.jpg");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#product #initial .head{padding:50px 0}main#product #initial .head h2{text-align:center;font-size:1.6rem;line-height:1.2}@media screen and (min-width: 960px){main#product #initial .head h2{font-size:3rem}}main#product #initial .item-wrap{padding:30px 10px;margin:40px 0;border:solid 1px #fff;box-shadow:0 0 5px rgba(255,255,255,0.8);text-align:center}@media screen and (min-width: 960px){main#product #initial .item-wrap{padding:50px 20px;margin:80px 0}}main#product #initial .item-wrap .item{margin-bottom:30px}@media screen and (min-width: 600px){main#product #initial .item-wrap .item{display:flex;align-items:center;justify-content:center}}main#product #initial .item-wrap .item .icon{display:inline-block;width:100px;height:100px;background:#999;border-radius:50%;line-height:100px;text-align:center;font-size:1.2rem}main#product #initial .item-wrap .item .name{display:inline-block;margin:20px 0;padding-left:20px;font-size:1.3rem;line-height:1.4;text-align:left}@media screen and (min-width: 600px){main#product #initial .item-wrap .item .name{margin:0;font-size:1.8rem;line-height:50px}}main#product #initial .item-wrap .item .name span{display:block;margin-top:20px;font-size:1.1rem;text-align:right}@media screen and (min-width: 600px){main#product #initial .item-wrap .item .name span{margin-top:0;font-size:1.3rem;text-align:left}}@media screen and (min-width: 960px){main#product #initial .desc{padding:30px}}main#product #initial .desc p{margin:20px 0}main#product #initial .desc .link{margin-top:50px;text-align:right}main#product #initial .desc .link a{color:#fff}main#product #initial .desc .link a i{margin-right:10px}main#store .shop{position:relative;display:block;margin-bottom:20px;padding-top:10px;background:#222;color:#fff}main#store .shop .name{margin:0 20px 20px 20px;border-bottom:dashed 2px #fff}main#store .shop .name h2{padding:10px 0}main#store .shop .name h2 i{margin-right:15px;color:#355bae}main#store .shop h3{margin:10px 20px;background:#444;color:#fff;font-size:1rem;text-align:center;font-weight:normal}main#store .shop .item{padding:10px 20px;text-align:center}main#store .shop .item small{font-size:0.8rem;color:#aaa}main#store .shop .image{padding:10px 20px}main#store .shop .image img{width:100%}main#store .shop .links{padding:10px 20px 20px 20px}main#store .shop .links a{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0;padding:5px;height:54px;color:#fff;font-size:1rem;text-shadow:0 0 5px rgba(0,0,0,0.5);background:linear-gradient(to right, #355bae, #02287b);transition:.3s}@media screen and (min-width: 960px){main#store .shop .links a{font-size:1.1rem}}main#store .shop .links a.disabled{filter:grayscale(80%)}main#store .shop .links a:hover{background:linear-gradient(to right, #02287b, #02287b)}main#store .shop .links a::after{position:absolute;z-index:1;top:0;left:0;height:100%;width:100%;filter:opacity(0.25);content:"";background-image:url("../../assets/common/texture/grunge_01.png");background-size:cover;background-position:center center;mix-blend-mode:lighten}main#store .notice{padding:50px 20px 100px 20px;color:#fff}main#store .notice ul{padding-left:15px;list-style:disc}main#store .notice ul li{font-size:0.8rem}main#dlc .group{padding:0 0 50px 0}main#dlc .group h2{margin:50px 0;color:#fff;font-size:2rem;text-align:center}@media screen and (min-width: 960px){main#dlc .group h2{margin:0 0 150px 0}}main#dlc .dlc-nav{margin:100px 0}main#dlc .dlc-nav a{display:block;padding:10px 2px;color:#fff;text-align:center;background:rgba(255,255,255,0.3);border:solid 1px #fff;transition:.3s}main#dlc .dlc-nav a.disabled{opacity:0.5}main#dlc .dlc-nav a:hover{background:rgba(255,255,255,0.1)}main#dlc .box{display:flex;margin-bottom:20px;background:#222;color:#fff;filter:drop-shadow(0 0 5px rgba(0,0,0,0.5))}main#dlc .box .icon{width:30%}main#dlc .box .icon .img{filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}main#dlc .box .icon a{position:relative;overflow:hidden}main#dlc .box .icon a .img{transition:1.5s}main#dlc .box .icon a .zoom{position:absolute;top:0;left:0;filter:opacity(0);transition:.5s}main#dlc .box .icon a:hover .img{transform:scale(1.05)}main#dlc .box .icon a:hover .zoom{filter:opacity(1)}main#dlc .box .text{width:70%;padding-left:20px}main#dlc .box .text h3{margin-bottom:10px;padding:5px 0 10px 0;font-size:1rem;line-height:1.2;background:linear-gradient(to right, #222, #355bae)}@media screen and (min-width: 960px){main#dlc .box .text h3{font-size:1.3rem}}main#dlc .box .text .desc p{margin:15px 0;font-size:0.9rem}main#dlc .box .price{display:block;padding:0 10px;text-align:right}main#dlc .box .price.free{color:#FFF700}main#dlc .box .price span{padding-left:5px;font-size:0.8rem;color:#aaa}main#dlc .box .store-link{display:block;padding:5px;margin:5px 10px 5px 0;border:solid 1px #fff;color:#fff;font-size:0.9rem;text-align:center;line-height:1.2}main#dlc .box .store-link i{margin-right:10px}main#dlc .box .store-link.disabled{opacity:0.5}main#dlc #dlcbox{padding:0 0 70px 0}@media screen and (min-width: 960px){main#dlc #dlcbox{padding:0}}main#dlc #dlcbox .row>div{padding:0}main#dlc #dlcbox .visual{position:relative;width:100%;height:100%;filter:drop-shadow(0 0 5px rgba(0,0,0,0.25))}@media screen and (min-width: 960px){main#dlc #dlcbox .visual img{position:absolute;bottom:0;right:0;vertical-align:bottom}}main#dlc #dlcbox .title{padding:30px 20px 50px 20px}@media screen and (min-width: 960px){main#dlc #dlcbox .title{padding:0 0 50px 0}}main#dlc #dlcbox .detail{display:flex;justify-content:center;align-items:center;height:100%;text-align:center}main#dlc #dlcbox .detail>div{width:100%;padding:30px 10%}@media screen and (min-width: 1280px){main#dlc #dlcbox .detail>div{padding:0 20%}}main#dlc #dlcbox .detail a{position:relative;display:block;background:#000;color:#FFDC00;line-height:50px;font-size:1.2rem;vertical-align:baseline;transition:.5s}main#dlc #dlcbox .detail a:hover{opacity:0.5}@media screen and (min-width: 1280px){main#dlc #dlcbox .detail a{font-size:1.4rem}}main#dlc #dlcbox .detail a::after{position:absolute;right:-25px;top:0;content:"";width:0;height:0;border-style:solid;border-width:25px 0 25px 25px;border-color:transparent transparent transparent #000}main#dlc #dlcbox .detail .until{display:block;margin-top:15px;border-bottom:dotted 2px #000;font-size:1rem}@media screen and (min-width: 1280px){main#dlc #dlcbox .detail .until{font-size:1.2rem}}.font-sans-r,.gwrap,.more-circle span{font-family:YakuHanJP, ource-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:300;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-sans-h,.new-badge,header .buy .value,#drawer .menu.main .language button,main#toppage #about .catch,.t-text .catch,main#toppage #battle .text .catch,main#toppage #world .left .text .catch,main#character .section-head h2,main#individual .pager a,main#individual .main .left .age .inner,main#individual .main .profile .en,main#individual .main .profile h1,main#individual .main .profile .cv,main#individual .main .ss .swiper-button-prev,main#individual .main .ss .swiper-button-next,main#individual .main .ss .zoom,main#individual .main .spec dl dt,main#individual .main .action .name,main#individual .main .action a span,main#battle .battle-flow .zoom-wrap .zoom,main#battle .previous-flow .zoom-wrap .zoom,main#battle .swiper-container .swiper-button-prev,main#battle .swiper-container .swiper-button-next,main#xipha #hollow-core .lightbox-wrap>div .zoom,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .spec>div span,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .sboost .sname,main#xipha #arts-driver .swiper-container .swiper-button-prev,main#xipha #arts-driver .swiper-container .swiper-button-next,main#xipha #shard-skill .swiper-container .swiper-button-prev,main#xipha #shard-skill .swiper-container .swiper-button-next,main#xipha #arts-driver .swiper-container .zoom,main#xipha #shard-skill .swiper-container .zoom,main#craft #craft-swiper .inner-swiper .zoom,main#lgc #lgc-swiper>.swiper-wrapper>.swiper-slide>div .zoom,main#grendel .swiper-container .swiper-button-prev,main#grendel .swiper-container .swiper-button-next,main#grendel .action .name,main#grendel .action .catch,main#grendel .action a span,main#special #dlcbox section .term h3,main#product .product .buy .price strong,main#product #initial .item-wrap .item .icon,main#support #faq .box .wrap h4{font-family:YakuHanJP, source-han-sans-japanese, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Osaka, sans-serif;font-weight:900;font-style:normal;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.font-mincho,main#toppage #top #firstview .release,main#toppage #top #firstview .catch{font-family:source-han-serif-japanese, serif;font-weight:900;font-style:normal}.font-accent-ja,.g_headline-wrap .g_headline .ja,header nav>ul li ul li a,#guide-hollow .bgm-controller #bgm-name,#drawer .menu.common ul li a,.story-nav a span,main#toppage #trial .detail a,main#toppage #dlcbox .detail a,main#toppage #dlcbox .detail .until,main#prologue .text,main#world .block .left .text .name h2,main#world .block .sp-text .name h2,main#keyword .box .text .head h2,main#character #sub-character .sub .locate .inner,main#character #sub-character .sub .name-ja,main#individual .main .left .serif .wrap>div,main#battle .main-catch,main#battle .previous-flow h4,main#battle .text .catch,main#battle #shift .catch,main#battle #shift .sub-catch,main#battle #command .command-catch,main#xipha .main-catch,main#xipha #about .text .catch>div,main#xipha #about .detail .catch,main#xipha .common-section .headline,main#xipha #hollow-core #hollow-core-swiper .swiper-slide .name,main#xipha #hollow-core .voice-assist .catch>div,main#xipha #arts-driver .catch,main#xipha #shard-skill .catch,main#craft .main-catch,main#craft #craft-swiper>.swiper-wrapper>.swiper-slide .info h3,main#lgc .main-catch,main#lgc .bottom-content .catch,main#lgc .badge,main#grendel .main-catch,main#grendel .bottom-content .catch,main#gallery .headline h2,main#special .page-list a,main#special .top-list .box h3,main#special section h2,main#special section h1,main#special section .sub-head,main#special section .prize,main#special section .quiz,main#special a.link-btn,main#special #dlcbox .list-head,main#special #dlcbox .swimsuit .wrap .info .name,main#special #dlcbox .united .desc .badge,main#special #dlcbox .united .desc .name,main#special #dlcbox .dlclist .box .info .name,main#product .types a,main#store .types a,main#dlc .types a,main#product .product .head h2,main#product .product h3,main#product .product .buy a.store-link,main#product #initial .head h2,main#product #initial .item-wrap .item .name,main#store .shop .links a,main#dlc .group h2,main#dlc .box .text h3,main#dlc .box .price.free,main#dlc #dlcbox .detail a,main#dlc #dlcbox .detail .until{font-family:kan412typos-std, sans-serif;font-weight:400;font-style:normal}.font-accent-en,.g_headline-wrap .g_headline .en,header nav>ul li a .en,footer .pagetop button,#trigger .menu,#drawer .menu.main ul li a .en,#drawer .menu.common .head,.story-nav a,main#toppage #about h2,main#toppage #character .swiper-slide a .name,main#toppage #character .swiper-slide a .age,.t-head h2,.t-head2 h2,main#keyword .box .text .head .en,main#character .section-head .en,main#character #main-character .swiper-slide a .name,main#character #main-character .swiper-slide a .age,main#character #sub-character .sub a .name,main#individual .large-name,main#individual .cnavi .nav .title,main#battle #shift .deco>div,main#battle #xipha .deco>div,main#gallery .headline .en{font-family:pulpo-rust-75, serif;font-weight:400;font-style:normal}main#support{position:relative;background:#000}main#support .g_headline-wrap{padding:170px 0 160px 0}main#support .g_headline-wrap .g_headline-grad{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom, transparent 50%, #000);content:"";z-index:1}main#support .g_headline-wrap .g_headline-bg{background-image:url(../../assets/system/xipha/g_headline.jpg);background-position:center center}main#support section{padding:50px 15px;color:#fff}main#support section h2{margin-bottom:40px;font-size:1.8rem;text-align:center;line-height:1.2}main#support a.lightbox{position:relative;display:block;overflow:hidden}main#support a.lightbox img{transition:.5s}main#support a.lightbox:hover img{transform:scale(1.03)}main#support #update .patch{margin:30px 0;background:#222}main#support #update .patch .date{padding:5px 10px;text-align:center;background:#444}main#support #update .patch .date.current{background:#355bae}main#support #update .patch h3{padding:20px 10px 0 10px;font-size:1.2rem;text-align:center}@media screen and (min-width: 960px){main#support #update .patch h3{font-size:1.4rem}}main#support #update .patch .inner{padding:10px}@media screen and (min-width: 960px){main#support #update .patch .inner{padding:30px}}main#support #update .patch h4{margin-bottom:20px;font-size:1.1rem}main#support #update .patch ul{padding-left:30px;list-style:disc;font-size:0.9rem}@media screen and (min-width: 960px){main#support #update .patch ul{font-size:1rem}}main#support #update .movie{display:block;position:relative;overflow:hidden}main#support #update .movie .play,main#support #update .movie .film{position:absolute;top:0;left:0;transition:.5s}main#support #update .movie .thumb{transition:.5s}main#support #update .movie:hover .play{opacity:0}main#support #update .movie:hover .thumb{transform:scale(1.03)}main#support #faq .box{margin:30px 0}main#support #faq .box .head{position:relative;padding:10px 10px 10px 50px;cursor:pointer;background:#444;line-height:30px;transition:.3s}main#support #faq .box .head:hover{background:#666}main#support #faq .box .head h3{font-size:0.9rem}@media screen and (min-width: 960px){main#support #faq .box .head h3{font-size:1rem}}main#support #faq .box .head i{position:absolute;left:20px;top:30%}main#support #faq .box .wrap{display:none;padding:20px;background:#222}@media screen and (min-width: 960px){main#support #faq .box .wrap{padding:50px}}main#support #faq .box .wrap h4{margin:20px 0;font-size:1.4rem}main#support #faq .box .wrap h5{margin:20px 0;font-size:1.2rem}main#support #faq .box .wrap ul,main#support #faq .box .wrap ol{margin:20px 0;padding-left:30px;font-size:0.9rem}@media screen and (min-width: 960px){main#support #faq .box .wrap ul,main#support #faq .box .wrap ol{font-size:1rem}}main#support #faq .box .wrap ul li,main#support #faq .box .wrap ol li{margin:15px 0}main#support #faq .box .wrap ul{list-style:disc}main#support #faq .box .wrap ol{list-style:decimal}main#support #faq .box .wrap a{display:inline-block;padding:0 10px;background:#355bae;color:#fff;font-size:0.8rem;border-radius:20px;transition:.3s}main#support #faq .box .wrap a:hover{background:#577dd0}main#support #faq .box .wrap a i{margin-right:5px}main#support #faq .box .wrap p{font-size:0.9rem}@media screen and (min-width: 960px){main#support #faq .box .wrap p{font-size:1rem}}main#support #faq .box.default .wrap{display:block}main#support #contact{padding-bottom:100px}main#support #contact .link{padding:20px 0;text-align:center}main#support #contact a{padding:5px 20px;background:#355bae;border-radius:20px;color:#fff;transition:.3s}main#support #contact a:hover{background:#577dd0}main#support #contact a i{margin-right:5px}