.fadeUp{opacity:0;-webkit-transform:translate(0, 30px);transform:translate(0, 30px);transition:all 1s}.fadeUp.active{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fadeRoll{opacity:0;-webkit-transform:rotate(-360deg);transform:rotate(-360deg);transition:all 1s}.fadeRoll.active{opacity:1;-webkit-transform:rotate(0deg);transform:rotate(0deg)}.fadeRight{opacity:0;-webkit-transform:translate(50px, 0px);transform:translate(50px, 0px);transition:all 1s}.fadeRight.active{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}.fadeBottom{opacity:0;-webkit-transform:translate(0px, 50px);transform:translate(0px, 50px);transition:all 1s}.fadeBottom.active{opacity:1;-webkit-transform:translate(0px, 0px);transform:translate(0px, 0px)}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes logo{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0}50%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);opacity:1}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}}@-webkit-keyframes logo{0%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:0}50%{-webkit-transform:scale(1.2, 1.2);transform:scale(1.2, 1.2);opacity:1}100%{-webkit-transform:scale(1, 1);transform:scale(1, 1);opacity:1}}@keyframes bnr{0%{opacity:0}100%{opacity:1}}@-webkit-keyframes bnr{0%{opacity:0}100%{opacity:1}}@keyframes rotate01{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}}@-webkit-keyframes rotate01{0%{-webkit-transform:rotateZ(0deg)}100%{-webkit-transform:rotateZ(360deg)}}@-webkit-keyframes fuwa{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes fuwa{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@-webkit-keyframes fan{0%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}25%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}50%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}75%{-webkit-transform:translate(0, 5px);transform:translate(0, 5px)}100%{-webkit-transform:translate(0, 0);transform:translate(0, 0)}}@keyframes loop{0%{-webkit-transform:translatey(-180px);transform:translatey(-180px)}80%{-webkit-transform:translatey(calc(100% - 190px));transform:translatey(calc(100% - 190px))}85%{-webkit-transform:translatey(calc(100% - 210px));transform:translatey(calc(100% - 210px))}90%{-webkit-transform:translatey(calc(100% - 190px));transform:translatey(calc(100% - 190px))}95%{-webkit-transform:translatey(calc(100% - 200px));transform:translatey(calc(100% - 200px))}100%{-webkit-transform:translatey(calc(100% - 190px));transform:translatey(calc(100% - 190px))}}@-webkit-keyframes loop{0%{-webkit-transform:translatey(-180px);transform:translatey(-180px)}80%{-webkit-transform:translatey(calc(100% - 190px));transform:translatey(calc(100% - 190px))}85%{-webkit-transform:translatey(calc(100% - 210px));transform:translatey(calc(100% - 210px))}90%{-webkit-transform:translatey(calc(100% - 190px));transform:translatey(calc(100% - 190px))}95%{-webkit-transform:translatey(calc(100% - 200px));transform:translatey(calc(100% - 200px))}100%{-webkit-transform:translatey(calc(100% - 190px));transform:translatey(calc(100% - 190px))}}@keyframes chara{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg)}40%{-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg)}60%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg)}80%{-webkit-transform:rotateZ(-1deg);transform:rotateZ(-1deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}@-webkit-keyframes chara{0%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}20%{-webkit-transform:rotateZ(2deg);transform:rotateZ(2deg)}40%{-webkit-transform:rotateZ(-2deg);transform:rotateZ(-2deg)}60%{-webkit-transform:rotateZ(1deg);transform:rotateZ(1deg)}80%{-webkit-transform:rotateZ(-1deg);transform:rotateZ(-1deg)}100%{-webkit-transform:rotateZ(0deg);transform:rotateZ(0deg)}}@keyframes howto{0%{background:url("../images/play/img_01.webp") center top no-repeat}30%{background:url("../images/play/img_02.webp") center top no-repeat}50%{background:url("../images/play/img_03.webp") center top no-repeat}70%{background:url("../images/play/img_04.webp") center top no-repeat}90%{background:url("../images/play/img_05.webp") center top no-repeat}94%{background:url("../images/play/img_05.webp") center top no-repeat}95%{background:url("../images/play/img_05.webp") center top -5px no-repeat}96%{background:url("../images/play/img_05.webp") center top 0px no-repeat}97%{background:url("../images/play/img_05.webp") center top -5px no-repeat}98%{background:url("../images/play/img_05.webp") center top 0px no-repeat}100%{background:url("../images/play/img_05.webp") center top 0 no-repeat}}@-webkit-keyframes howto{0%{background:url("../images/play/img_01.webp") center top no-repeat}30%{background:url("../images/play/img_02.webp") center top no-repeat}50%{background:url("../images/play/img_03.webp") center top no-repeat}70%{background:url("../images/play/img_04.webp") center top no-repeat}90%{background:url("../images/play/img_05.webp") center top no-repeat}94%{background:url("../images/play/img_05.webp") center top no-repeat}95%{background:url("../images/play/img_05.webp") center top -5px no-repeat}96%{background:url("../images/play/img_05.webp") center top 0px no-repeat}97%{background:url("../images/play/img_05.webp") center top -5px no-repeat}98%{background:url("../images/play/img_05.webp") center top 0px no-repeat}100%{background:url("../images/play/img_05.webp") center top 0 no-repeat}}@keyframes howto_sp{0%{background-image:url("../images/play/img_01_sp.webp")}30%{background-image:url("../images/play/img_02_sp.webp")}50%{background-image:url("../images/play/img_03_sp.webp")}70%{background-image:url("../images/play/img_04_sp.webp")}90%{background-image:url("../images/play/img_05_sp.webp")}100%{background-image:url("../images/play/img_05_sp.webp")}}@-webkit-keyframes howto_sp{0%{background-image:url("../images/play/img_01_sp.webp")}30%{background-image:url("../images/play/img_02_sp.webp")}50%{background-image:url("../images/play/img_03_sp.webp")}70%{background-image:url("../images/play/img_04_sp.webp")}90%{background-image:url("../images/play/img_05_sp.webp")}100%{background-image:url("../images/play/img_05_sp.webp")}}#titles ul.cat{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap;padding:0em 0 1em}#titles ul.cat li{display:block;width:8em;margin:0 5px 10px;text-align:center;background:rgba(173,134,79,0.1)}#titles p.cat{background:rgba(173,134,79,0.1);padding:0;margin:1em auto 0}#titles .snav{margin-bottom:1em}#titles .topnote li{text-align:left}@media screen and (max-width: 1023px){#titles .topnote{margin-bottom:30px}#titles .topnote li{text-align:left}}@media screen and (min-width: 1024px){#titles .topnote{margin-bottom:50px}#titles .topnote li{text-align:left}}#titles .topList li{display:none}#titles .topList li.is-show{display:block}#titles .tmb{width:100%;aspect-ratio:1 / 1}#titles .tmb img{-o-object-fit:contain;object-fit:contain;width:100%;height:100%}#titles .logo{padding:1em 1em 0;margin-bottom:0}#titles #kv{background:#fff;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15)}#titles #kv .cat{padding-top:1em}#titles #kv h2.mainStory{display:block;position:relative;width:-webkit-fit-content;width:fit-content;margin:0 auto 15px;font-weight:500}#titles #kv h2.mainStory:before,#titles #kv h2.mainStory:after{content:"";display:block;position:absolute}#titles #kv h2.mainStory:before{background:url(../../images/common/bg_stit_l.svg) left top no-repeat}#titles #kv h2.mainStory:after{background:url(../../images/common/bg_stit_r.svg) right top no-repeat}@media screen and (max-width: 1023px){#titles #kv h2.mainStory{font-size:1.125em;line-height:1.5}#titles #kv h2.mainStory:before,#titles #kv h2.mainStory:after{top:calc(50% - 5px);width:51px;height:11px}#titles #kv h2.mainStory:before{left:-60px}#titles #kv h2.mainStory:after{right:-60px}}@media screen and (min-width: 1024px){#titles #kv h2.mainStory{font-size:1.5em;line-height:1.5}#titles #kv h2.mainStory:before,#titles #kv h2.mainStory:after{top:30%;width:51px;height:11px}#titles #kv h2.mainStory:before{left:-70px}#titles #kv h2.mainStory:after{right:-70px}}#titles #kv .catch{padding-top:0}@media screen and (max-width: 1023px){#titles #kv .txt{padding:10px}}@media screen and (min-width: 1024px){#titles #kv{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}#titles #kv>div{width:50%}#titles #kv .txt{padding:20px 20px 10px}}#titles #kv ul.mainstoryList{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center;-webkit-flex-wrap:wrap;flex-wrap:wrap}#titles #kv ul.mainstoryList li{display:block;padding:0}#titles #kv ul.mainstoryList a{display:block;background:url(../../images/common/ico_link.webp) right bottom no-repeat #fff;background-size:30px;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);padding:5px 5px 0;text-align:center}@media screen and (max-width: 1023px){#titles #kv ul.mainstoryList li{width:calc(50% - 5px)}#titles #kv ul.mainstoryList li:nth-of-type(odd){margin:0 5px 10px 0}#titles #kv ul.mainstoryList li:nth-of-type(even){margin:0 0 10px 5px}}@media screen and (min-width: 1024px){#titles #kv ul.mainstoryList li{margin:0 5px 10px;width:calc(100% / 3 - 10px)}}#titles #kv .snav a{padding:5px 5px 0}@media screen and (min-width: 1024px){#titles #kv .snav li{margin:0 5px 10px;width:calc(100% / 3 - 10px)}}#titles .stit{margin-top:0}#titles #storyCol .boxW{padding-right:0;padding-left:0}@media screen and (max-width: 1023px){#titles #storyCol .boxW .sstit_b,#titles #storyCol .boxW p{margin-right:2em;margin-left:2em}}@media screen and (min-width: 1024px){#titles #storyCol .boxW .sstit_b,#titles #storyCol .boxW p{margin-right:50px;margin-left:50px}}@media screen and (min-width: 1024px){#titles #storyCol .boxW p{font-size:1.125em;line-height:1.8}}@media screen and (max-width: 1023px){#titles .splide-wrapper{padding:30px 0}}@media screen and (min-width: 1024px){#titles .splide-wrapper{padding:50px 0}}#titles .splide__slide img{-webkit-transform:scale(0.85);transform:scale(0.85);-webkit-filter:blur(3px);filter:blur(3px)}#titles .splide__slide.is-active img{-webkit-transform:scale(1);transform:scale(1);-webkit-filter:blur(0px);filter:blur(0px)}@media screen and (min-width: 1024px){#titles .splide__arrow{width:99px;height:198px}}#titles .characterList{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap}#titles .characterList li{padding:10px}#titles .characterList li .ico{text-align:center;aspect-ratio:1 / 1;overflow:hidden}#titles .characterList a{display:block;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15)}#titles .characterList a p{padding-top:0;text-align:left}@media screen and (max-width: 767px){#titles .characterList{max-width:560px;margin:0 auto}#titles .characterList li{width:50%}}@media screen and (min-width: 768px){#titles .characterList li{width:calc(100% / 4)}}@media screen and (min-width: 1024px){#titles .characterList li{width:calc(100% / 6)}}#titles .specList li{padding:1em;display:block;background:#fff;box-shadow:0px 5px 15px 0px rgba(0,0,0,0.15);margin:0 10px 20px}#titles .specList li>img{margin-bottom:0.5em}#titles .specList li .cat{margin-bottom:1em}#titles .specList dl{display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:flex-start;align-items:flex-start;-webkit-flex-wrap:wrap;flex-wrap:wrap}#titles .specList dl dt{width:6.5em;text-align:left}#titles .specList dl dd{width:calc(100% - 6.5em);text-align:left}@media screen and (min-width: 1024px){#titles .specList{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:stretch;align-items:stretch;-webkit-flex-wrap:wrap;flex-wrap:wrap}#titles .specList li{width:calc(100% / 4 - 20px)}#titles .specList li .tit{min-height:4em;display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}}#titles #animationCol .col2{-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center}@media screen and (max-width: 1023px){#titles #animationCol .col2{text-align:left}#titles #animationCol .col2 p{text-align:left}}#titles #animationCol small{display:block;padding-top:2em}#titles #specialCol .col3{-webkit-justify-content:center;justify-content:center}.popup{display:none;max-width:1200px}.popup .popupWrap{margin-bottom:20px}.popup .popupWrap h3{font-weight:500;text-align:center}@media screen and (max-width: 1023px){.popup .popupWrap h3{font-size:1.125em;line-height:1.8em}}@media screen and (min-width: 1024px){.popup .popupWrap h3{font-size:1.5em;line-height:1.8em}}.popup .popupWrap .titBox{display:block;background:url(../../images/common/line_g.svg) center bottom no-repeat}.popup .popupWrap .en,.popup .popupWrap .cv{padding:0}.popup .popupWrap .charaTxt{text-align:left}@media screen and (max-width: 1023px){.popup .popupWrap .titBox{padding:1em 0 2em}.popup .popupWrap .img{width:80%;text-align:center;margin:0 auto}}@media screen and (min-width: 1024px){.popup .popupWrap{display:-webkit-flex;display:flex;-webkit-justify-content:center;justify-content:center;-webkit-align-items:center;align-items:center}.popup .popupWrap .titBox{padding:0 0 3em}.popup .popupWrap .img{max-width:420px;width:40%}.popup .popupWrap .txt{padding:0 0 0 50px;width:60%}}.popup .btnClose{display:block;padding:1em;text-decoration:none;background:#342200;color:#fff;border:1px solid #ad864f;text-align:center;margin-top:10px}.popup .btnClose:hover{text-decoration:none}

/*# sourceMappingURL=../maps/pages/titles.css.map */