@property --vw-1{syntax:"<length>";inherits:true;initial-value:0px}:root{--vw-1: 1vw;--vw-to-px: calc(tan(atan2(var(--vw-1), 1px)));--ratio-em: (1em / 16)}#system .hl2_stm{font-family:var(--font-tit);font-size:clamp(45*var(--ratio-em),var(--vw-to-px)*1rem/16*45/var(--device)*100,45*var(--ratio-em))}@media screen and (min-width: 1281px){#system .hl2_stm{font-size:clamp(90*var(--ratio-em),var(--vw-to-px)*1rem/16*90/var(--device)*100,90*var(--ratio-em))}}#system .hl2_stm span:not(.ls){width:90%;max-width:1400px;margin-inline:auto;display:block;padding-block:.2em .38em}@media screen and (min-width: 901px){#system .hl2_stm span:not(.ls){padding-block:0 .18em}}#system .hl2_stm .ls{letter-spacing:-0.1em}#system .hl2_stm#customize{background:url(../images/system/bg_customize_sp.webp) no-repeat center/cover}@media screen and (min-width: 901px){#system .hl2_stm#customize{background:url(../images/system/bg_customize.webp) no-repeat center/cover}}@media screen and (max-width: 1600px){#system .hl2_stm#customize{z-index:99;position:relative}}#system .hl2_stm#field{background:url(../images/system/bg_field_sp.webp) no-repeat center/cover}@media screen and (min-width: 901px){#system .hl2_stm#field{background:url(../images/system/bg_field.webp) no-repeat center/cover}}#system .hl2_stm#weapon{background:url(../images/system/bg_weapon_sp.webp) no-repeat center/cover}@media screen and (min-width: 901px){#system .hl2_stm#weapon{background:url(../images/system/bg_weapon.webp) no-repeat center/cover}}#system .hl2_stm#partner{background:url(../images/system/bg_partner_sp.webp) no-repeat center/cover}@media screen and (min-width: 901px){#system .hl2_stm#partner{background:url(../images/system/bg_partner.webp) no-repeat center/cover}}#system .hl2_stm#town{background:url(../images/system/bg_town_sp.webp) no-repeat center/cover}@media screen and (min-width: 901px){#system .hl2_stm#town{background:url(../images/system/bg_town.webp) no-repeat center/cover}}#system .linkList+.hl2_stm{margin-top:min(75px,75vw/var(--device)*100)}#system .hl3::before{top:.3em;width:1em}#system .hl3_stm{position:relative;margin-top:min(20px,20vw/var(--device)*100);margin-inline:auto;width:-moz-max-content;width:max-content;text-align:center;font-family:var(--font-tit);font-size:clamp(33*var(--ratio-em),var(--vw-to-px)*1rem/16*27/var(--device)*100,27*var(--ratio-em));padding-top:1em;line-height:1.3;margin-block:min(100px,100vw/var(--device)*100) .5em}@media screen and (min-width: 901px){#system .hl3_stm{line-height:1;font-size:clamp(45*var(--ratio-em),var(--vw-to-px)*1rem/16*45/var(--device)*100,45*var(--ratio-em))}}@media screen and (min-width: 1281px){#system .hl3_stm{font-size:clamp(50*var(--ratio-em),var(--vw-to-px)*1rem/16*50/var(--device)*100,50*var(--ratio-em))}}#system .hl3_stm::before{content:"";display:block;position:absolute;top:50%;transform:translateY(-30%);left:-15vw;background:url("../images/system/shape_hl3_l.png") no-repeat top left/contain;width:min(141px,141vw/var(--device)*100);height:min(154px,154vw/var(--device)*100)}@media screen and (min-width: 901px){#system .hl3_stm::before{left:min(-120px,-120vw/var(--device)*100)}}#system .hl3_stm::after{content:"";display:block;position:absolute;top:50%;right:-12vw;background:url("../images/system/shape_hl3_r.png") no-repeat top left/contain;width:min(104px,104vw/var(--device)*100);height:min(92px,92vw/var(--device)*100)}@media screen and (min-width: 901px){#system .hl3_stm::after{top:1em;transform:translateY(0);right:min(-100px,-100vw/var(--device)*100)}}#system .systemBg{background:url("../images/system/bg_sp.webp") repeat-y top left/100%}@media screen and (min-width: 901px){#system .systemBg{background:url("../images/system/bg.webp") repeat-y top left/100%}}#system .systemBg2{background:url("../images/system/bg_sp.webp") repeat-y top left/100%}@media screen and (min-width: 901px){#system .systemBg2{background:url("../images/system/bg_weapon2.webp") no-repeat center bottom/100%}}#system .systemInner>.hl3_stm:first-child{margin-top:1em}#system .systemInner{position:relative;padding-bottom:min(150px,150vw/var(--device)*100);width:90%;max-width:1400px;margin-inline:auto}#system .systemInner.town{padding-bottom:0}#system .systemInner .imgBox.col1{max-width:1100px;margin-inline:auto}#system .systemInner .imgBox.col3{position:relative;display:flex;justify-content:center;flex-wrap:wrap;margin-top:min(30px,30vw/var(--device)*100);width:100%}@media screen and (min-width: 901px){#system .systemInner .imgBox.col3 li{width:calc(50% - min(25px,25vw/var(--device)*100))}#system .systemInner .imgBox.col3 li:nth-child(even){margin-left:min(50px,50vw/var(--device)*100)}#system .systemInner .imgBox.col3 li:nth-child(n+3){margin-top:min(40px,40vw/var(--device)*100)}#system .systemInner .imgBox.col3 li:has(.hl3):nth-child(n+3){margin-top:0}}#system .systemInner .box{box-shadow:0 0 6px rgba(206,158,45,.5);padding:min(30px,30vw/var(--device)*100);margin-top:min(45px,45vw/var(--device)*100)}@media screen and (min-width: 901px){#system .systemInner .box{padding:min(20px,20vw/var(--device)*100) min(30px,30vw/var(--device)*100) min(30px,30vw/var(--device)*100)}}#system .systemInner .box .hl3{margin-top:0}#system .systemInner .txt22{margin-top:.5em}#system p.ft_t{font-weight:500;line-height:1.8;font-size:clamp(16*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em))}@media screen and (min-width: 901px){#system p.ft_t{font-size:clamp(21*var(--ratio-em),var(--vw-to-px)*1rem/16*21/var(--device)*100,21*var(--ratio-em))}}@media screen and (min-width: 1281px){#system p.ft_t{font-size:min(25*var(--ratio-em),var(--vw-to-px)*1rem/16*25/var(--device)*100)}}#system .noticeBox{background-color:hsla(0,0%,100%,.05);padding:min(20px,20vw/var(--device)*100);margin-top:min(30px,30vw/var(--device)*100)}#system .noticeBox h5{font-weight:500;font-size:clamp(18*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em))}@media screen and (min-width: 901px){#system .noticeBox h5{font-size:clamp(18*var(--ratio-em),var(--vw-to-px)*1rem/16*18/var(--device)*100,18*var(--ratio-em))}}@media screen and (min-width: 1281px){#system .noticeBox h5{font-size:min(20*var(--ratio-em),var(--vw-to-px)*1rem/16*20/var(--device)*100)}}#system .noticeBox p{margin-top:1em;font-size:clamp(14*var(--ratio-em),var(--vw-to-px)*1rem/16*14/var(--device)*100,14*var(--ratio-em))}@media screen and (min-width: 901px){#system .noticeBox p{font-size:clamp(16*var(--ratio-em),var(--vw-to-px)*1rem/16*16/var(--device)*100,16*var(--ratio-em))}}@media screen and (min-width: 1281px){#system .noticeBox p{font-size:min(16*var(--ratio-em),var(--vw-to-px)*1rem/16*16/var(--device)*100)}}#system iframe{border:none;width:100%;aspect-ratio:16/9;margin-inline:auto}#system .movie_thumb{position:relative;width:100%}#system .movie_thumb::before{content:"";position:absolute;background:url(../images/movie/shape_tl.webp) no-repeat left top/contain;background-size:contain;top:calc(-15vw/var(--deviceWide)*100);left:calc(-15vw/var(--deviceWide)*100);width:calc(100vw/var(--deviceWide)*100);height:calc(100vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){#system .movie_thumb::before{top:-0.4rem;left:-0.6rem;width:4rem;height:4rem}}@media screen and (min-width: 1281px){#system .movie_thumb::before{top:-0.8rem;left:-1rem;width:6rem;height:6rem}}#system .movie_thumb::after{content:"";position:absolute;background:url(../images/movie/shape_tr.webp) no-repeat right top/contain;background-size:contain;top:calc(-15vw/var(--deviceWide)*100);right:calc(-15vw/var(--deviceWide)*100);width:calc(100vw/var(--deviceWide)*100);height:calc(100vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){#system .movie_thumb::after{top:-0.4rem;right:-0.6rem;width:4rem;height:4rem}}@media screen and (min-width: 1281px){#system .movie_thumb::after{top:-0.8rem;right:-1em;width:6rem;height:6rem}}#system .movie_thumb div::before{content:"";position:absolute;bottom:calc(-15vw/var(--deviceWide)*100);left:calc(-15vw/var(--deviceWide)*100);width:calc(100vw/var(--deviceWide)*100);height:calc(100vw/var(--deviceWide)*100);background:url(../images/movie/shape_bl.webp) no-repeat left bottom/contain;background-size:contain}@media screen and (min-width: 901px){#system .movie_thumb div::before{bottom:-0.4rem;left:-0.6rem;width:4rem;height:4rem}}@media screen and (min-width: 1281px){#system .movie_thumb div::before{bottom:-0.5rem;left:-1rem;width:6rem;height:6rem}}#system .movie_thumb div::after{content:"";position:absolute;background:url(../images/movie/shape_br.webp) no-repeat right bottom/contain;background-size:contain;bottom:calc(-15vw/var(--deviceWide)*100);right:calc(-15vw/var(--deviceWide)*100);width:calc(100vw/var(--deviceWide)*100);height:calc(100vw/var(--deviceWide)*100)}@media screen and (min-width: 901px){#system .movie_thumb div::after{bottom:-0.4rem;right:-0.6rem;width:4rem;height:4rem}}@media screen and (min-width: 1281px){#system .movie_thumb div::after{bottom:-0.5rem;right:-1em;width:6rem;height:6rem}}@media(any-hover: hover),(-ms-high-contrast: none){#system .movie_thumb:before,#system .movie_thumb::after,#system .movie_thumb div::before,#system .movie_thumb div::after{transition:.2s}#system .movie_thumb:hover:before{transform:translate(-5px, -5px)}#system .movie_thumb:hover::after{transform:translate(5px, -5px)}#system .movie_thumb:hover div:before{transform:translate(-5px, 5px)}#system .movie_thumb:hover div::after{transform:translate(5px, 5px)}}#system .movie_thumb.col1{max-width:1100px;margin-inline:auto}@media(any-hover: hover),(-ms-high-contrast: none){#system .js-tab .js-tab__btn:hover{transform:translateY(5px)}}#system .js-tab .js-tab__panel .panelInner{position:relative;gap:min(30px,30vw/var(--device)*100);display:flex;justify-content:center;align-items:flex-start;flex-wrap:wrap;margin-top:min(50px,50vw/var(--device)*100)}@media screen and (min-width: 901px){#system .js-tab .js-tab__panel .panelInner{justify-content:space-between;flex-wrap:nowrap}}#system .js-tab .js-tab__panel .panelInner .hl3:first-child{margin-top:0}#system .js-tab .js-tab__panel p{font-size:clamp(15*var(--ratio-em),var(--vw-to-px)*1rem/16*21/var(--device)*100,21*var(--ratio-em))}@media screen and (min-width: 901px){#system .js-tab .js-tab__panel p{font-size:clamp(17*var(--ratio-em),var(--vw-to-px)*1rem/16*17/var(--device)*100,17*var(--ratio-em))}}@media screen and (min-width: 1281px){#system .js-tab .js-tab__panel p{font-size:min(21*var(--ratio-em),var(--vw-to-px)*1rem/16*21/var(--device)*100)}}#system .js-tab .js-tab__panel img{width:90%;max-width:500px}@media screen and (min-width: 901px){#system .js-tab .js-tab__panel img{width:45%;max-width:800px}}#system .js-tab .js-tab__panel .panelBox{width:100%}@media screen and (min-width: 1281px){#system .js-tab .js-tab__panel iframe{width:min(750px,750vw/var(--device)*100)}}#system .js-tab .js-tab__panel .movie_thumb{position:relative;margin-top:min(45px,45vw/var(--device)*100)}@media screen and (min-width: 901px){#system .js-tab .js-tab__panel .movie_thumb{margin:min(45px,45vw/var(--device)*100) 0 0 min(15px,15vw/var(--device)*100)}}@media screen and (min-width: 901px){#system .imgBox.col3:has(.splide) li{padding-inline:5%}}@media screen and (max-width: 900px){#system .imgBox.col3:has(.splide) .splide__slide{padding-inline:10%}}#system .imgBox.col3:has(.splide) .splide__arrows .splide__arrow--prev{position:absolute;top:50%;transform:translateY(-50%);left:-4vw}#system .imgBox.col3:has(.splide) .splide__arrows .splide__arrow--next{position:absolute;top:50%;transform:translateY(-50%);right:-4vw}@media screen and (min-width: 1281px){#system .imgBox.col3:has(.splide) .splide__arrows .splide__arrow--prev{left:min(-55px,-55vw/var(--device)*100)}#system .imgBox.col3:has(.splide) .splide__arrows .splide__arrow--next{right:min(-55px,-55vw/var(--device)*100)}}#system .customize .col1{max-width:1100px;margin-inline:auto}#system .customize .col1 .splide__track{position:relative}@media screen and (max-width: 900px){#system .customize .col1 .splide__slide{padding-inline:5%}}#system .customize .col1 .splide__arrows .splide__arrow--prev{position:absolute;top:50%;transform:translateY(-30%);left:-4vw}#system .customize .col1 .splide__arrows .splide__arrow--next{position:absolute;top:50%;transform:translateY(-30%);right:-4vw}@media screen and (min-width: 1281px){#system .customize .col1 .splide__arrows .splide__arrow--prev{left:min(-50px,-50vw/var(--device)*100)}#system .customize .col1 .splide__arrows .splide__arrow--next{right:min(-50px,-50vw/var(--device)*100)}}@media screen and (min-width: 1281px){#system .weapon .movie_thumb::after{right:0}}@media screen and (min-width: 1281px){#system .weapon .movie_thumb div::after{right:0}}@media screen and (min-width: 901px){#system .partner .mode{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:min(50px,50vw/var(--device)*100)}}@media screen and (min-width: 901px){#system .partner .skill{display:grid;grid-template-columns:repeat(2, 1fr);grid-column-gap:min(50px,50vw/var(--device)*100)}#system .partner .skill .box:nth-child(1) .movie_thumb{margin-top:min(120px,120vw/var(--device)*100)}}#system .partner .movie_thumb{width:94%;margin-inline:auto;margin-top:min(50px,50vw/var(--device)*100)}#system .town .blacksmith{display:grid;grid-template-columns:repeat(1, 1fr);margin-top:calc(50vw/var(--deviceWide)*100);gap:min(100px,100vw/var(--device)*100)}@media screen and (min-width: 901px){#system .town .blacksmith{grid-template-columns:repeat(3, 1fr);gap:min(40px,40vw/var(--device)*100)}}#system .town .blacksmith p{text-align:center;margin-top:.5em}#system .town .hl4.ft_t{font-weight:900;font-size:clamp(19*var(--ratio-em),var(--vw-to-px)*1rem/16*20/var(--device)*100,20*var(--ratio-em))}@media screen and (min-width: 901px){#system .town .hl4.ft_t{font-size:clamp(18*var(--ratio-em),var(--vw-to-px)*1rem/16*24/var(--device)*100,24*var(--ratio-em))}}@media screen and (min-width: 1281px){#system .town .hl4.ft_t{font-size:min(27*var(--ratio-em),var(--vw-to-px)*1rem/16*27/var(--device)*100)}}
/*# sourceMappingURL=maps/system.css.map */