.t-c{text-align:center}@media screen and (max-width: 767px){h2 span{display:inline-block;margin-top:.2em}}@media screen and (max-width: 767px){hr.m-tb{margin:5rem 0}}@media screen and (min-width: 768px){hr.m-tb{margin:7.5rem 0}}main #storyCol{position:relative;width:100%;overflow:hidden}@media screen and (max-width: 767px){main #storyCol{background:url(../images/howtoplay/bg_sp.webp) center top no-repeat;background-size:cover;aspect-ratio:960/2600}}@media screen and (min-width: 768px){main #storyCol{background:#000 url(../images/howtoplay/bg.webp) center top no-repeat;background-size:cover;height:min(calc(1290 / 1800 * 100vw * 1), calc(1290px * 1))}}@media screen and (min-width: 768px)and (min-width: 2000px){main #storyCol{background-size:auto 100%}}main #storyCol p{position:absolute;inset:50% auto auto 0;width:100%;color:#fff9f2;transform:translateY(-50%)}@media screen and (max-width: 767px){main #storyCol p{line-height:1.75em;text-shadow:0 0 .5rem #000,0 0 .5rem #000,0 0 .5rem #000,0 0 1rem #000,0 0 1rem #000;margin-top:1.275rem}}@media screen and (min-width: 768px){main #storyCol p{line-height:1.9em;margin-top:2rem}}@media screen and (max-width: 767px){main #howtoplayCol{margin-top:5rem}}@media screen and (min-width: 768px){main #howtoplayCol{margin-top:7.5rem}}main #howtoplayCol img{display:block;margin:0 auto}@media screen and (max-width: 767px){main #howtoplayCol img{width:min(calc(860 / 960 * 100vw * 1), calc(860px * 1))}}@media screen and (min-width: 768px){main #howtoplayCol img{width:min(calc(860 / 1800 * 100vw * 1), calc(860px * 1))}}main #playstyleCol ul{display:flex;flex-wrap:wrap;justify-content:center}@media screen and (max-width: 767px){main #playstyleCol ul li{width:min(calc(270 / 960 * 100vw * 1), calc(270px * 1));margin-left:.8333333333rem}}@media screen and (min-width: 768px){main #playstyleCol ul li{width:min(calc(260 / 1800 * 100vw * 1), calc(260px * 1))}}@media screen and (max-width: 767px){main #playstyleCol ul li:nth-child(3n+1){margin-left:0}}@media screen and (max-width: 767px){main #playstyleCol ul li:nth-child(n+4){margin-top:.8333333333rem}}@media screen and (min-width: 768px){main #playstyleCol ul li+li{margin-left:1rem}}@media screen and (min-width: 768px){main #riddlerCol dl{display:flex;justify-content:space-between}main #riddlerCol dl>*{width:calc(50% - 1rem)}}main #riddlerCol dl dt{background:#fff;border:solid 1px #b39500}@media screen and (min-width: 768px){main #riddlerCol dl dt{display:flex;justify-content:center;align-items:center}}main #riddlerCol dl dt img{display:block;margin:0 auto}@media screen and (max-width: 767px){main #riddlerCol dl dt img{width:min(calc(540 / 960 * 100vw * 1), calc(540px * 1));padding:3rem 0}}@media screen and (min-width: 768px){main #riddlerCol dl dt img{width:min(calc(420 / 1800 * 100vw * 1), calc(420px * 1));padding:3.5rem 0}}@media screen and (max-width: 767px){main #riddlerCol dl dd{margin-top:2rem}}main #riddlerCol dl dd .btnList{margin-top:2rem}@media screen and (min-width: 768px){main #riddlerCol dl dd .btnList{display:flex;justify-content:space-between}}@media screen and (max-width: 767px){main #riddlerCol dl dd .btnList li{width:100%}}@media screen and (min-width: 768px){main #riddlerCol dl dd .btnList li{width:calc(50% - .5rem)}}main #riddlerCol dl dd .btnList li .btn{width:100%;padding:0 2.5em}@media screen and (max-width: 767px){main #riddlerCol dl dd .btnList li+li{margin-top:1rem}}
/*# sourceMappingURL=maps/howtoplay.css.map */