.font-default{font-family:"Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}.font-newcomen-regular{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:400;font-style:normal}.font-newcomen-bold,#system #action .action-box-wrap .box h3{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:400;font-style:normal}.font-newcomen-black,#system h2{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:800;font-style:normal}.font-mincho,#system h2 span,#system #action .action-box-wrap .box .ruby,#system #skill .box .name,#system #ex-skill .box .name,#system #grim .catch,#system #cooperators .intro .catch,#system #cooperators .example .name,#system #yarikomi .name{font-family:a-otf-midashi-mi-ma31-pr6n, "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", sans-serif;font-weight:600;font-style:normal}.clearfix::after{content:"";display:block;clear:both}.clear-img{width:auto;height:auto;max-width:100%;max-height:100%}.giza-line-common,#system #skill .giza-line,#system #ex-skill .giza-line,#system #cooperators .giza-line,#system #yarikomi .giza-line{content:"";background-repeat:repeat-x;background-size:300px 20px;width:100%;height:20px}#system h2{padding:0 10px;font-size:4rem;text-align:center}@media screen and (max-width: 599px){#system h2{font-size:2.4rem}}#system h2 span{display:block;font-size:1.4rem}@media screen and (max-width: 599px){#system h2 span{font-size:1.2rem}}#system #action{position:relative;padding:80px 0 150px 0;background:#b50000;color:#1a0606;overflow-x:hidden}#system #action .intro{padding:60px 20px 100px 20px;text-align:center;box-sizing:border-box}@media screen and (max-width: 599px){#system #action .intro{padding-bottom:50px}}#system #action .intro p{margin:20px 0;font-size:1.2rem}#system #action .action-box-wrap .box{position:relative;margin-bottom:200px;color:#efefef}@media screen and (min-width: 600px) and (max-width: 959px){#system #action .action-box-wrap .box{margin-bottom:150px}}@media screen and (max-width: 599px){#system #action .action-box-wrap .box{margin-bottom:50px}}#system #action .action-box-wrap .box .inner{display:inline-block;width:70%;box-sizing:border-box}#system #action .action-box-wrap .box h3{padding-top:10px;font-size:3.2rem;line-height:1.2}@media screen and (max-width: 599px){#system #action .action-box-wrap .box h3{font-size:2.4rem}}#system #action .action-box-wrap .box .ruby{padding-bottom:10px;font-size:1.4rem;border-bottom:solid 1px #efefef}@media screen and (max-width: 599px){#system #action .action-box-wrap .box .ruby{font-size:1.1rem}}#system #action .action-box-wrap .box .note{margin:30px 0;text-align:left !important;box-sizing:border-box}#system #action .action-box-wrap .box .note p{margin:15px 0;font-size:1.1rem}#system #action .action-box-wrap .box .movie a{position:relative;display:block;overflow:hidden}#system #action .action-box-wrap .box .movie a .play-cover{position:absolute;top:0;left:0;width:100%;transition:.5s}#system #action .action-box-wrap .box .movie a .thumb{transition:.5s}#system #action .action-box-wrap .box .movie a:hover .thumb{transform:scale(1.05);animation:action-img-flash .4s ease-out}#system #action .action-box-wrap .box .movie a:hover .play-cover{opacity:0.5}#system #action .action-box-wrap .box img.illust{position:absolute;pointer-events:none;bottom:-10%;width:70%}@media screen and (min-width: 600px) and (max-width: 959px){#system #action .action-box-wrap .box img.illust{width:60%;bottom:-20%}}@media screen and (max-width: 599px){#system #action .action-box-wrap .box img.illust{bottom:0}}#system #action .action-box-wrap .box:nth-child(odd){text-align:right}#system #action .action-box-wrap .box:nth-child(odd) .inner{padding-right:5%}@media screen and (max-width: 599px){#system #action .action-box-wrap .box:nth-child(odd) .inner{padding-right:2%}}#system #action .action-box-wrap .box:nth-child(odd) h3,#system #action .action-box-wrap .box:nth-child(odd) .ruby{text-align:right}#system #action .action-box-wrap .box:nth-child(odd) .note{padding-left:20%}#system #action .action-box-wrap .box:nth-child(odd) img.illust{left:-17.5%}@media screen and (min-width: 600px) and (max-width: 959px){#system #action .action-box-wrap .box:nth-child(odd) img.illust{left:-14%}}#system #action .action-box-wrap .box:nth-child(even) .inner{padding-left:5%}@media screen and (max-width: 599px){#system #action .action-box-wrap .box:nth-child(even) .inner{padding-left:2%}}#system #action .action-box-wrap .box:nth-child(even) .note{padding-right:20%}#system #action .action-box-wrap .box:nth-child(even) img.illust{right:-17.5%}@media screen and (min-width: 600px) and (max-width: 959px){#system #action .action-box-wrap .box:nth-child(even) img.illust{right:-14%}}#system #action #crimson-line img.illust{left:-25%}@media screen and (min-width: 600px) and (max-width: 959px){#system #action #crimson-line img.illust{left:-15%}}@media screen and (max-width: 599px){#system #action #crimson-line img.illust{left:-20%}}#system #action #the-third-eye img.illust{right:-22%}@media screen and (min-width: 600px) and (max-width: 959px){#system #action #the-third-eye img.illust{right:-18%}}#system #skill{position:relative;padding:80px 0 50px 0;background:#b50000;color:#1a0606;overflow-x:hidden}#system #skill .intro{padding:20px 20px 50px 20px;text-align:center;box-sizing:border-box}#system #skill .intro p{margin:20px 0;font-size:1.2rem}#system #skill .box{position:relative;margin-bottom:20px;color:#efefef}#system #skill .box .info{padding:10px 0}#system #skill .box .name{margin-bottom:10px;padding:5px 0;font-size:1.6rem;border-bottom:solid 1px #efefef}#system #skill .box .name span{display:inline-block;margin-left:10px;padding:0 10px;background:#1a0606;font-size:1.1rem}#system #skill .box .note p{padding:5px 0;font-size:1.1rem}#system #skill .giza-line{position:absolute;bottom:0;left:0;background-image:url(../assets/common/decoration/giza_line/main_bottom.svg)}#system #ex-skill{position:relative;padding:80px 0 50px 0;background:#1a0606;color:#efefef;overflow-x:hidden}#system #ex-skill .content{margin-bottom:50px}#system #ex-skill .intro{padding:20px 20px 50px 20px;text-align:center;box-sizing:border-box}#system #ex-skill .intro p{margin:20px 0;font-size:1.2rem}#system #ex-skill .box{position:relative;margin-bottom:20px;color:#efefef}#system #ex-skill .box .info{padding:10px 0}#system #ex-skill .box .name{margin-bottom:10px;padding:5px 0;font-size:1.6rem;border-bottom:solid 1px #efefef}#system #ex-skill .box .name span{display:inline-block;margin-left:10px;padding:0 10px;background:#b50000;font-size:1.1rem}#system #ex-skill .box .note p{padding:5px 0;font-size:1.1rem}#system #ex-skill .giza-line{position:absolute;bottom:0;left:0;background-image:url(../assets/common/decoration/giza_line/accent_bottom.svg)}#system .spacer{padding:50px 0 200px 0;background:#b50000}#system .spacer2{padding:50px 0 200px 0}#system #grim{position:relative;padding:80px 0 50px 0;color:#efefef;overflow:hidden}#system #grim::after{position:fixed;content:"";display:block;top:0;left:0;z-index:1;width:100%;height:100%;background-image:url(../assets/system/grim/bg.jpg);background-size:cover;background-position:center center;z-index:-1}#system #grim .catch{position:relative;margin:100px 0 40px 0;text-align:center;font-size:2.4rem}@media screen and (max-width: 599px){#system #grim .catch{font-size:2rem}}#system #grim .catch #mons-01{position:absolute;right:-120px;top:-200px;pointer-events:none;animation:mons-1-anime 2.5s ease infinite}#system #grim .intro{padding:20px 20px 70px 20px;text-align:center;box-sizing:border-box}#system #grim .intro p{margin:20px 0;font-size:1.2rem}#system #grim .event-images{margin-bottom:100px}#system #grim .event-images .row>div{padding:0}#system #grim .btl-info{position:relative;margin-bottom:50px}#system #grim .btl-info p{margin:20px 0;padding:0 20px;font-size:1.1rem}#system #grim .btl-info #mons-02{position:absolute;top:-120px;left:-180px;width:350px;pointer-events:none;animation:mons-2-anime 1s ease infinite alternate}#system #grim #larva{position:relative}#system #grim #larva .intro{padding:20px 20px 40px 20px;text-align:center;box-sizing:border-box}#system #grim #larva .intro p{margin:20px 0;font-size:1.1rem}#system #grim #larva #mons-03{z-index:9;position:absolute;bottom:-70px;left:-130px;width:350px;animation:mons-3-anime 3s ease infinite}#system #grim #larva .swiper-pagination-bullet{background:#efefef;opacity:0.3}#system #grim #larva .swiper-pagination-bullet-active{background:#efefef;opacity:1}@media screen and (max-width: 599px){#system #grim .mons-img{display:none}}@media screen and (min-width: 600px) and (max-width: 959px){#system #grim .mons-img{display:none}}@keyframes mons-1-anime{0%{transform:translateY(0px)}60%{transform:translateY(0px)}70%{transform:translateY(-10px)}80%{transform:translateY(0px)}90%{transform:translateY(-10px)}100%{transform:translateY(0px)}}@keyframes mons-2-anime{0%{transform:rotate(0deg)}100%{transform:rotate(5deg)}}@keyframes mons-3-anime{0%{transform:translateY(0px)}50%{transform:translateY(-20px)}100%{transform:translateY(0px)}}#system #cooperators{position:relative;padding:80px 0 80px 0;background:#b50000;color:#1a0606;overflow-x:hidden}#system #cooperators .intro{padding:20px 20px 50px 20px;text-align:center;box-sizing:border-box}#system #cooperators .intro .catch{padding:10px;margin:50px 0;font-size:1.5rem;background:#1a0606;color:#b50000}#system #cooperators .intro p{margin:20px 0;font-size:1.2rem}#system #cooperators .example{margin-bottom:75px;color:#efefef}#system #cooperators .example .name{margin:20px 0;font-size:2rem;border-bottom:solid 1px #efefef}#system #cooperators .example .note p{margin:15px 10px;font-size:1.1rem}#system #cooperators .example .swiper-pagination-bullet{background:#efefef;opacity:0.3}#system #cooperators .example .swiper-pagination-bullet-active{background:#efefef;opacity:1}#system #cooperators .example .swiper-button-prev{background-image:url(../assets/common/btn/arrow/swipper/prev.svg)}#system #cooperators .example .swiper-button-next{background-image:url(../assets/common/btn/arrow/swipper/next.svg)}#system #cooperators .giza-line{position:absolute;bottom:0;left:0;background-image:url(../assets/common/decoration/giza_line/main_bottom.svg)}#system #yarikomi{position:relative;padding:70px 0 50px 0;background:#1a0606;color:#efefef;overflow-x:hidden}#system #yarikomi .contents{margin:60px 0 30px 0}#system #yarikomi .contents .content{margin-bottom:50px}#system #yarikomi .giza-line{position:absolute;bottom:0;left:0;background-image:url(../assets/common/decoration/giza_line/accent_bottom.svg)}#system #yarikomi .name{position:relative;margin:20px 0 40px 0;padding-left:90px;font-size:2rem;border-bottom:solid 1px #efefef}#system #yarikomi .name img{position:absolute;bottom:-30px;left:-20px;width:100px;height:100px}#system #yarikomi .note p{margin:15px 10px;font-size:1.1rem}#system #yarikomi .swiper-pagination-bullet{background:#efefef;opacity:0.3}#system #yarikomi .swiper-pagination-bullet-active{background:#efefef;opacity:1}#system #yarikomi .swiper-button-prev{background-image:url(../assets/common/btn/arrow/swipper/prev.svg)}#system #yarikomi .swiper-button-next{background-image:url(../assets/common/btn/arrow/swipper/next.svg)}#system .system-nav{margin:50px 0 20px 0;text-align:center}#system .system-nav a{display:inline-block;padding:5px 20px;margin:10px;min-width:30%;color:#efefef;text-decoration:none;border:solid 1px #efefef;transition:.3s}@media screen and (max-width: 599px){#system .system-nav a{min-width:80%}}#system .system-nav a:hover,#system .system-nav a.active{background:#efefef;color:#b50000}#system .system-nav a i{margin-right:5px}#system .spiderweb{position:absolute;pointer-events:none}#system .spiderweb.spiderweb-1{top:-120px;right:-150px;width:600px;height:600px}#system .spiderweb.spiderweb-2{top:-120px;left:-100px;width:400px;height:400px}@media screen and (max-width: 599px){#system .spiderweb.spiderweb-2{top:-60px;left:-60px;width:250px;height:250px}}@keyframes action-img-flash{5%{filter:invert(90%);transform:translateX(3px) translateY(4px)}10%{transform:translateX(-4px) translateY(-3px)}15%{transform:translateX(6px) translateY(4px)}30%{filter:invert(60%);transform:translateX(0px) translateY(-4px)}35%{filter:invert(10%)}50%{filter:invert(80%);transform:translateX(-3px) translateY(0px)}60%{filter:invert(0);transform:translateX(0px)}}