﻿.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,#toppage #characters h2,#toppage #characters .chara-swiper-container .box .name-e,#toppage #characters #chara-swiper-close,#toppage #action h2,#toppage #action .action-box h3,#toppage #product h2{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:700;font-style:normal}.font-newcomen-black{font-family:newcomen, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight:800;font-style:normal}.font-mincho,#toppage #characters h2 span,#toppage #characters .chara-swiper-container .box .accent-band .name,#toppage #characters .chara-swiper-container .box .accent-band .text,#toppage #characters .chara-swiper-container .box .cv,#toppage #action h2 span,#toppage #action .action-box h3 span,#toppage #product h2 span,#toppage #product h3{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,#toppage #characters .giza-line,#toppage #product .giza-line{content:"";background-repeat:repeat-x;background-size:300px 20px;width:100%;height:20px}#toppage #main-visual{position:relative}#toppage #main-visual .visual{overflow:hidden}#toppage #main-visual .visual img{width:100%}@media screen and (min-width: 960px) and (max-width: 1279px){#toppage #main-visual .visual img#main-visual-pc{width:120%;transform:translateX(-10%)}}#toppage #main-visual #news{position:absolute;width:100%;padding:0 0 50px 0;bottom:0;left:0;background:rgba(0,0,0,0.6);box-sizing:border-box}@media screen and (max-width: 599px){#toppage #main-visual #news{position:relative;padding:0 0 50px 0;background:#1a0606}}@media screen and (min-width: 600px) and (max-width: 959px){#toppage #main-visual #news{position:relative;padding:0 0 50px 0;background:#1a0606}}#toppage #main-visual #news .box{position:relative;padding:10px;box-sizing:border-box}#toppage #main-visual #news .box a{text-decoration:none;color:#efefef}#toppage #main-visual #news .box a .image{overflow:hidden}#toppage #main-visual #news .box a .image img{max-width:100%;transition:.5s}#toppage #main-visual #news .box a:hover .image img{transform:scale(1.05);animation:news-img-flash .4s ease-out}#toppage #main-visual #news .box a .date{margin:10px 0;font-size:0.9rem}#toppage #main-visual #news .box a .date time{display:inline-block;padding:0 10px;border:solid 1px #b50000;background:#b50000;color:#efefef;box-sizing:border-box}#toppage #main-visual #news .box a .date span{display:inline-block;padding:0 10px;border:solid 1px #b50000;color:#b50000;background:#efefef;font-weight:bold}#toppage #main-visual #news .more-btn-wrap{z-index:1;position:absolute;bottom:-55px;left:0;width:100%;text-align:center}#toppage #main-visual .support-link{margin-bottom:10px}#toppage #main-visual .support-link a{display:block;padding:10px;background:#b50000;color:#efefef;text-decoration:none;text-align:center;font-size:1.1rem;transition:.2s}@media screen and (max-width: 599px){#toppage #main-visual .support-link a{font-size:0.9rem}}#toppage #main-visual .support-link a:hover{opacity:0.75}#toppage #main-visual .support-link a i{margin-right:5px}@keyframes news-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)}}#toppage #about{position:relative;width:100%;height:100%;padding:50px 0;text-align:center;box-sizing:border-box;background-image:url(../assets/toppage/about/bg.jpg);background-repeat:no-repeat;background-position:center 5%;background-size:cover}#toppage #about img.catch{margin:50px 0;max-width:800px;width:100%}#toppage #about .toggle{display:none}#toppage #about .toggle p{padding:30px 10%;color:#efefef;line-height:1.8;font-size:1.3rem;text-shadow:1px 1px 3px #000}@media screen and (max-width: 599px){#toppage #about .toggle p{padding:20px 5%;font-size:1.1rem}}#toppage #about .more-btn-wrap{z-index:1;position:absolute;bottom:-44px;left:0;width:100%;text-align:center}#toppage #characters{position:relative;padding:50px 0 100px 0;background:#1a0606;color:#efefef}#toppage #characters h2{margin:50px 0 80px 0;padding:0 20px;font-size:4rem;color:#b50000;text-align:center}@media screen and (max-width: 599px){#toppage #characters h2{font-size:2.3rem}}#toppage #characters h2 span{display:block;font-size:1.2rem}@media screen and (max-width: 599px){#toppage #characters h2 span{font-size:1rem}}#toppage #characters .chara-list-wrap .box{position:relative;padding:0;cursor:pointer;overflow:hidden}@media screen and (max-width: 599px){#toppage #characters .chara-list-wrap .box{pointer-events:none}}#toppage #characters .chara-list-wrap .box:nth-child(odd) img.bg{transform:rotate(180deg)}#toppage #characters .chara-list-wrap .box .hover-layer{z-index:1;background:#b50000;opacity:0;transition:.6s}#toppage #characters .chara-list-wrap .box .text{z-index:2;opacity:0}#toppage #characters .chara-list-wrap .box .text.text-up{transform:translateY(30px);transition:.3s}#toppage #characters .chara-list-wrap .box .text.text-down{transform:translateY(-30px);transition:.3s}#toppage #characters .chara-list-wrap .box .text.text-left{transform:translateX(30px);transition:.3s}#toppage #characters .chara-list-wrap .box .text.text-right{transform:translateX(-30px);transition:.3s}#toppage #characters .chara-list-wrap .box .base{z-index:3;transition:.2s}#toppage #characters .chara-list-wrap .box .color{z-index:4}#toppage #characters .chara-list-wrap .box .wanted{z-index:5;transition:.3s}#toppage #characters .chara-list-wrap .box .shadow-frame{z-index:6;transition:0.3s}#toppage #characters .chara-list-wrap .box.mons .color{transition:.2s;opacity:0;filter:blur(5px)}#toppage #characters .chara-list-wrap .box.mons.r .color{transform:scale(2) rotate(-30deg)}#toppage #characters .chara-list-wrap .box.mons.l .color{transform:scale(2) rotate(30deg)}#toppage #characters .chara-list-wrap .box.enable:hover.mons .color,#toppage #characters .chara-list-wrap .box.enable.active.mons .color{transform:scale(1) rotate(0);opacity:1;filter:blur(0)}#toppage #characters .chara-list-wrap .box.enable:hover .hover-layer,#toppage #characters .chara-list-wrap .box.enable.active .hover-layer{opacity:1}#toppage #characters .chara-list-wrap .box.enable:hover .base,#toppage #characters .chara-list-wrap .box.enable.active .base{opacity:0}#toppage #characters .chara-list-wrap .box.enable:hover.r .base,#toppage #characters .chara-list-wrap .box.enable.active.r .base{transform:scale(0.8) rotate(30deg)}#toppage #characters .chara-list-wrap .box.enable:hover.l .base,#toppage #characters .chara-list-wrap .box.enable.active.l .base{transform:scale(0.8) rotate(-30deg)}#toppage #characters .chara-list-wrap .box.enable:hover .text,#toppage #characters .chara-list-wrap .box.enable.active .text{transform:translateY(0) translateX(0);opacity:1}#toppage #characters .chara-list-wrap .box.enable:hover .wanted,#toppage #characters .chara-list-wrap .box.enable.active .wanted{transform:scale(3);filter:blur(5px);opacity:0}#toppage #characters .chara-list-wrap .box.enable:hover .shadow-frame,#toppage #characters .chara-list-wrap .box.enable.active .shadow-frame{opacity:0.5}#toppage #characters .chara-list-wrap .box.disable{pointer-events:none}#toppage #characters .chara-list-wrap .absolute-img,#toppage #characters .chara-list-wrap .box .hover-layer,#toppage #characters .chara-list-wrap .box .text,#toppage #characters .chara-list-wrap .box .base,#toppage #characters .chara-list-wrap .box .color,#toppage #characters .chara-list-wrap .box .wanted,#toppage #characters .chara-list-wrap .box .shadow-frame{position:absolute;top:0;left:0;width:100%;height:100%}#toppage #characters .chara-list-wrap .absolute-img img,#toppage #characters .chara-list-wrap .box .hover-layer img,#toppage #characters .chara-list-wrap .box .text img,#toppage #characters .chara-list-wrap .box .base img,#toppage #characters .chara-list-wrap .box .color img,#toppage #characters .chara-list-wrap .box .wanted img,#toppage #characters .chara-list-wrap .box .shadow-frame img{width:100%}#toppage #characters .chr-swiper-wrap{z-index:9;position:fixed;display:none;top:0;left:0;width:100%;height:100%}#toppage #characters .chr-swiper-wrap.begin .visual{animation:chara-visual-begin .3s}#toppage #characters .chr-swiper-wrap.remove .visual{animation:chara-visual-remove .2s}@keyframes chara-visual-begin{0%{transform:scale(2) rotate(30deg);filter:blur(2px);opacity:0}100%{transform:scale(1) rotate(0);filter:blur(0);opacity:1}}@keyframes chara-visual-remove{0%{transform:scale(1) rotate(0);filter:blur(0);opacity:1}100%{transform:scale(2) rotate(-10deg);filter:blur(3px);opacity:0}}#toppage #characters .chara-swiper-container{padding:150px 0 0 0;width:100%;height:100%;background:rgba(0,0,0,0.75);overflow:hidden}#toppage #characters .chara-swiper-container .box{position:relative}#toppage #characters .chara-swiper-container .box .container{padding:0 10%;box-sizing:border-box}#toppage #characters .chara-swiper-container .box .name-e{font-size:3.5rem;color:#b50000}#toppage #characters .chara-swiper-container .box .accent-band{padding-bottom:20px;margin-bottom:20px;background:#b50000}#toppage #characters .chara-swiper-container .box .accent-band .container{position:relative}#toppage #characters .chara-swiper-container .box .accent-band .name{font-size:5rem}#toppage #characters .chara-swiper-container .box .accent-band .text{font-size:1.4rem;color:#1a0606;font-weight:bold}#toppage #characters .chara-swiper-container .box .accent-band .visual,#toppage #characters .chara-swiper-container .box .accent-band .visual2{position:absolute;top:-200px;right:0%;width:54%}#toppage #characters .chara-swiper-container .box .accent-band .visual img,#toppage #characters .chara-swiper-container .box .accent-band .visual2 img{width:100%}#toppage #characters .chara-swiper-container .box .half-box{width:50%}#toppage #characters .chara-swiper-container .box p{margin:15px 0}#toppage #characters .chara-swiper-container .box .cv{margin-top:30px;padding:5px 15px;font-size:1.6rem;background:#b50000}#toppage #characters .chr-swiper-control{display:none}#toppage #characters .chara-swiper-button{z-index:10;position:fixed;top:220px}#toppage #characters .chara-swiper-button .chara-swiper-prev,#toppage #characters .chara-swiper-button .chara-swiper-next{position:fixed}#toppage #characters .chara-swiper-button .chara-swiper-prev{left:10px}#toppage #characters .chara-swiper-button .chara-swiper-next{right:10px}#toppage #characters .chara-swiper-button svg{color:#efefef}#toppage #characters .chara-swiper-button a:hover svg{color:#1a0606}#toppage #characters #chara-swiper-close{z-index:10;position:fixed;top:100px;right:100px;font-size:1.8rem;color:#efefef;cursor:pointer}#toppage #characters #chara-swiper-close:hover{color:#b50000}#toppage #characters .more-btn-wrap{z-index:1;position:absolute;bottom:-55px;left:0;width:100%;text-align:center}#toppage #characters .giza-line{position:absolute;bottom:-15px;left:0;background-image:url(../assets/common/decoration/giza_line/main_top.svg)}#toppage #action{position:relative;padding:50px 0 100px 0;width:100%;box-sizing:border-box;color:#efefef;background-image:url(../assets/common/etc/raster.png)}#toppage #action h2{margin-bottom:40px;padding:0 20px;text-align:right;text-shadow:1px 1px 3px #000;font-size:4rem;color:#efefef}@media screen and (max-width: 599px){#toppage #action h2{margin:40px 0;font-size:2.3rem;text-align:center}}#toppage #action h2 span{display:block;font-size:1.2rem}@media screen and (max-width: 599px){#toppage #action h2 span{font-size:1rem}}#toppage #action .action-box-wrap{width:60%;margin:100px 0;padding:20px;box-sizing:border-box}@media screen and (max-width: 599px){#toppage #action .action-box-wrap{width:100%;margin:30px 0}}#toppage #action .action-box{text-shadow:1px 1px 3px #000}#toppage #action .action-box h3{margin-bottom:80px;font-size:3.6rem}#toppage #action .action-box h3 span{display:block;font-size:1.8rem;border-top:solid 1px #efefef}@media screen and (max-width: 599px){#toppage #action .action-box h3{margin-bottom:40px;font-size:2.4rem;text-align:center}#toppage #action .action-box h3 span{font-size:1.2rem}}#toppage #action .action-box p{font-size:1.2rem;margin:30px 0}@media screen and (max-width: 599px){#toppage #action .action-box p{font-size:1rem}}#toppage #action .action-box a.play-movie-btn{position:relative;margin:10px 0;display:block;overflow:hidden;box-shadow:0 0 5px rgba(0,0,0,0.8)}#toppage #action .action-box a.play-movie-btn img{width:100%}#toppage #action .action-box a.play-movie-btn img.play-cover{position:absolute;top:0;left:0}#toppage #action .movie-change{width:100%;text-align:center}#toppage #action .movie-change .btn-wrap{display:inline-block;margin:0 5px 10px 5px;text-shadow:1px 1px 3xp rgba(0,0,0,0.8);font-size:0.9rem}#toppage #action .movie-change .btn-wrap .name{margin-top:5px}#toppage #action .movie-change .btn-wrap .button{padding:0;margin:0;border:solid 2px transparent;transition:.2s;outline:none;cursor:pointer}#toppage #action .movie-change .btn-wrap .button.active{border:solid 2px #b50000}#toppage #action .bg-movie{z-index:-1;position:fixed;top:0;left:0;width:100%;height:100%}#toppage #action .bg-movie .YTP-wrap{position:relative;height:100%;width:100%}#toppage #action .more-btn-wrap{z-index:1;position:absolute;bottom:-42px;left:0;width:100%;text-align:center}#toppage #product{position:relative;padding:30px 0 300px 0;background:#b50000;color:#efefef}@media screen and (max-width: 599px){#toppage #product{padding:30px 0 100px 0}}#toppage #product h2{margin:10px 0 50px 0;padding:0 20px;text-align:right;font-size:4rem;color:#1a0606}@media screen and (max-width: 599px){#toppage #product h2{font-size:2.3rem}}#toppage #product h2 span{display:block;font-size:1.2rem}@media screen and (max-width: 599px){#toppage #product h2 span{font-size:1rem}}#toppage #product h3{margin-bottom:30px;text-align:center;font-size:2.1rem;color:#1a0606}#toppage #product dl{padding:0 10px}@media screen and (min-width: 600px) and (max-width: 959px){#toppage #product dl{text-align:center}}#toppage #product dl dt{display:block;margin:50px 0 5px 0;padding:0 10px;background:#1a0606;color:#b50000;font-size:1rem}#toppage #product dl dt:first-child{margin:5px 0 5px 0}@media screen and (min-width: 600px) and (max-width: 959px){#toppage #product dl dt{padding:2px 10px;margin:30px 0 5px 0}}@media screen and (max-width: 599px){#toppage #product dl dt{padding:2px 10px;font-size:0.9rem;margin:20px 0 5px 0}}#toppage #product dl dd{padding:0 10px;color:#1a0606;font-size:1.2rem}@media screen and (max-width: 599px){#toppage #product dl dd{margin-bottom:30px;font-size:1.2rem}}#toppage #product .catch{margin:10px 0;padding:5px;font-size:1.2rem;color:#b50000;background:#1a0606;text-align:center}#toppage #product .items{padding:10px 0;color:#1a0606}#toppage #product .items .item{margin:15px 0}#toppage #product .items .item h4{font-size:1.2rem}#toppage #product .sales{padding:30px 20px;background:#1a0606;text-align:center}#toppage #product .sales .price{font-size:1.4rem}#toppage #product .sales .price span{padding:0 5px 0 10px;font-size:2.4rem}#toppage #product .sales .falcom-shop{margin-top:20px}#toppage #product .sales .falcom-shop a{display:block;padding:15px;text-decoration:none;color:#efefef;background:#b50000;transition:.3s}#toppage #product .sales .falcom-shop a i{margin-right:5px}#toppage #product .sales .pre-order-date{margin-bottom:10px;font-size:1.2rem}#toppage #product .product-swiper-container{width:100%;height:100%;overflow:hidden}#toppage #product .product-swiper-nav{padding:0 0 50px 0}#toppage #product .product-swiper-nav ul li{position:relative;display:inline-block;margin:0 20px 5px 20px;color:#1a0606;font-size:1.2rem;cursor:pointer;transition:.3s}#toppage #product .product-swiper-nav ul li i{margin-right:5px}#toppage #product .product-swiper-nav ul li.active{color:#efefef}#toppage #product .giza-line{position:absolute;top:-15px;left:0;background-image:url(../assets/common/decoration/giza_line/accent_bottom.svg)}#toppage .more-btn-wrap a{display:inline-block}
