﻿@keyframes round{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.main{overflow:visible}.container{width:auto;max-width:none;background:#fbfaf5}.pc{display:none}.kv{max-width:100%;margin:0 auto;width:100%;position:relative}.collection-kv{width:24%;position:sticky;top:5.4%;left:4.8%;transition:all 0.6s ease;display:none}.kv-ttl{margin-top:calc(-100vh + 64px);height:calc(100vh - 64px);position:relative;display:flex;align-items:flex-end}.safari .kv-ttl{height:80vh}.kv-ttl .kv-ttl-m{width:80vw;margin:0 auto;position:relative;bottom:5%;filter:blur(10px);opacity:0;transition:all 1s ease}.kv-ttl .kv-ttl-m.active{filter:blur(0px);opacity:1}.kv-ttl .kv-ttl-t{width:66vw;margin:0 auto 8vw;position:relative;bottom:5%;filter:blur(10px);opacity:0;transition:all 1s ease}.kv-ttl .kv-ttl-t.active{filter:blur(0px);opacity:1}.kv-blank{height:calc(120vh - 64px);position:relative}.kv-video{width:100%;position:sticky;height:calc(100vh - 64px);top:64px;margin:0 auto;overflow:hidden;transition:all 1s ease}.kv-video.scrolled{width:78%}.kv-video video{max-width:none;min-width:100%;height:100%;object-fit:cover}.kv-img{width:100%;height:calc(100vh - 64px);margin:0 auto;position:relative;margin-top:calc(-100vh + 64px);overflow:hidden}.kv-img .kv-main{position:relative;top:45%;transform:translate(13%, -50%);max-width:110%}.kv-btn{max-width:1520px;margin:0 auto;width:100%;height:calc(100vh - 64px);position:absolute;top:0;z-index:1}.kv-audio{position:absolute;right:4.3%;top:1.2%;transition:all 0.6s ease;z-index:10}.kv-audio p{color:#546358;text-align:center;font-family:"Libre Baskerville";font-size:10px;font-style:normal;font-weight:400;line-height:normal;margin-bottom:6px}.kv-audio .audio-switter{width:57px;height:24px;transition:all 0.6s ease;cursor:pointer}.kv.active .kv-ttl{left:-50vw}.kv-btn.active .kv-audio{opacity:0;visibility:hidden}.teaser .kv-ttl{flex-direction:column;justify-content:flex-end}.teaser .kv-img{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;gap:6% 0;padding-top:13vw;margin-top:calc(-100vh + 64px)}.teaser .kv-img .kv-main{width:90%;transform:none;top:auto;max-width:100%;display:block;margin:0 auto}.teaser .kv-img .teaser01-ttl{width:62%;margin:0 auto}.teaser .kv-img .teaser02-ttl{width:75%;margin:0 auto}.teaser .kv.active .teaser .kv-ttl{left:-50vw}.teaser .kv.active .teaser .kv-audio{opacity:0;visibility:hidden}.collection{width:auto;max-width:1512px;position:relative;padding-bottom:45vw}.items{margin:40vw auto 0;width:100%;display:flex;flex-direction:column;gap:71vw;position:relative}.item{position:relative}.item-ttl{position:absolute;top:0;left:10vw;color:#958782;font-family:"Libre Baskerville";font-size:9vw;font-style:normal;font-weight:400;line-height:150%;letter-spacing:0.4vw;writing-mode:tb-rl}.item:nth-child(even) .item-ttl{left:auto;right:10vw}.item-img{margin-bottom:0}.item:nth-child(even) .item-img{order:2}#item01.relative{margin-top:164.5%}#item02.relative{margin-top:122.5%}#item03.relative{margin-top:254.5%}#item04.relative{margin-top:240%}.item-img li{margin:0 auto;position:sticky;top:64px}.item-img.relative{position:relative}.item-img.relative li{position:absolute;top:0}.item-txt{text-align:center;position:relative;display:flex;flex-direction:column;justify-content:center;padding:0;margin-top:25vw}.item-txt h3{color:#958782;text-align:center;font-family:"Libre Baskerville";font-size:6vw;font-style:normal;font-weight:400;line-height:150%;letter-spacing:2.8px;position:relative}.item-txt h3 .label{color:#958782;text-align:center;font-family:"游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;font-size:12px;font-style:normal;font-weight:500;line-height:150%;letter-spacing:1.2px;display:block}.limited{width:20vw;height:20vw;position:absolute;right:4%;top:-121%;display:flex;align-items:center;justify-content:center}.limited img{width:100%;animation:round 10s linear infinite}.limited span{display:block;color:#fff;position:absolute;font-size:12px;line-height:14px;letter-spacing:0.6px}.item-txt p{color:#000;text-align:center;font-size:3.5vw;font-style:normal;font-weight:500;line-height:172%;letter-spacing:1.4px;margin-top:7vw}#item01 li:nth-child(1){margin-right:0;margin-top:30%}#item01 li:nth-child(2){margin-left:0;margin-top:20.5vw}#item01 li:nth-child(3){margin-left:0;margin-top:11vw}#item01 li:nth-child(4){margin-right:0;margin-top:12.5vw}#item01 li:nth-child(5){margin-left:0;margin-top:-35vw}#item02 li:nth-child(1){margin-left:0;margin-top:20.7vw}#item02 li:nth-child(2){margin-right:0;margin-top:13vw}#item02 li:nth-child(3){margin-left:0;margin-top:18vw}#item02 li:nth-child(4){margin-right:0;margin-top:-40.5vw}#item02 li:nth-child(5){margin-left:0;margin-top:-9vw}#item03 li:nth-child(1){margin-right:0;margin-top:40vw}#item03 li:nth-child(2){margin-left:0;margin-top:-6.6vw}#item01.relative li:nth-child(1){right:0;margin-top:0}#item01.relative li:nth-child(2){left:0;margin-top:0}#item01.relative li:nth-child(3){margin-top:0}#item01.relative li:nth-child(4){right:0;margin-top:0}#item01.relative li:nth-child(5){left:0;margin-top:0}#item02.relative li:nth-child(1){left:0;margin-top:0}#item02.relative li:nth-child(2){right:0;margin-top:0}#item02.relative li:nth-child(3){left:0;margin-top:0}#item02.relative li:nth-child(4){right:0;margin-top:0}#item02.relative li:nth-child(5){left:0;margin-top:0}#item03.relative li:nth-child(1){right:0;margin-top:0}#item03.relative li:nth-child(2){left:0;margin-top:0}.lineup-btn{position:fixed;transform:translate(-50%);left:50%;bottom:-20vw;border:1px solid #958782;border-radius:100px;width:76vw;text-align:center;color:#fff;font-family:"Libre Baskerville";font-size:3.4vw;font-style:normal;font-weight:400;line-height:100%;letter-spacing:1.2px;padding:5vw 0 4vw;background:url("https://cdn.marlmarl.com/pub/assets/img/feature/2025ss/march/icon-scorp-w.svg") no-repeat right 22px top 50% #958782;transition:all 0.6s ease;cursor:pointer;z-index:29}.lineup-btn.active{bottom:10vw}.lineup-btn.nomove{transition:none}.lineup-btn.fixed{position:absolute;bottom:-28vw}.teaser .lineup-btn{color:#fff;background:#747474;pointer-events:none;border-color:#747474}.teaser .lineup-btn:hover{color:#fff;background:#747474}.teaser .lineup-btn span{display:block;margin-top:4px}.modaal{position:fixed;bottom:-5vh;left:0;width:100%;height:0;transition:all 0.6s ease;z-index:40}.modaalbg{position:fixed;width:100%;height:100vh;background:rgba(0,0,0,0.2);top:0;z-index:0;cursor:pointer;visibility:hidden;opacity:0}.modaalopen .modaal{height:40vh;bottom:0}.modaalopen .modaalbg{visibility:visible;opacity:1}.modaalinner{width:100vw;height:100%;position:relative;top:50%;left:50%;transform:translate(-50%, -50%);z-index:1;background:#fff;padding-top:10vw}.modaalclose{position:absolute;top:20px;right:20px}.modaaltop{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;width:90vw;height:100%;margin:0 auto;transition:all 0.6s ease}.arrow-right,.arrow-left{display:none;cursor:pointer}.modaallabel{width:80%;height:100%;margin:0 auto;color:#958782;font-family:"Libre Baskerville";font-size:4.6vw;font-style:normal;font-weight:400;line-height:150%;letter-spacing:2px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10vw 10vw;position:relative;transition:all 0.6s ease}.modaallabel li{cursor:pointer;position:absolute;transition:all 0.6s ease}.modaallabel li:nth-child(1){top:8%}.modaallabel li:nth-child(2){top:29%}.modaallabel li:nth-child(3){top:51%}.modaallabel li:nth-child(4){top:75%}.modaallabel li:after{content:"";background:url("https://cdn.marlmarl.com/pub/assets/img/feature/2025ss/march/icon-arrow-right02.svg") no-repeat;background-size:100%;width:5px;height:10px;position:absolute;right:-15px;top:55%;transform:translate(0, -50%);transition:all 0.6s ease}.modaallabel li:hover:after{right:-20px}.modaalwrap{width:100vw;height:calc(100% - 0px);margin:5vw auto 0;position:relative}.modaalwrap ul{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:2vw;width:100%;max-height:100%;position:absolute;top:50px;transition:all 0.6s ease;opacity:0;visibility:hidden;overflow:auto;padding:0 5vw 0;padding-bottom:80px}.modaalwrap ul::-webkit-scrollbar{display:none}.modaalwrap li{background:#f5f5f5;width:44vw}.modaalwrap li a{display:block;padding-bottom:10px}.modaalwrap li img{margin:0 auto;display:block}.modaalwrap li dl{color:#958782;text-align:center;font-family:"Libre Baskerville";font-style:normal;font-weight:400;line-height:130%;margin-top:-3vw}.modaalwrap li dt{font-size:3vw;letter-spacing:0.55px}.modaalwrap li dd{font-size:2.8vw;letter-spacing:0.5px}.modaal.modaalactive{height:calc(100vh - 64px)}.modaal.modaalactive .modaaltop{height:20px}.modaal.modaalactive .arrow-right,.modaal.modaalactive .arrow-left{display:block;width:11px}.modaal.modaalactive .modaalinner{padding-top:25vw}.modaal.modaalactive .modaallabel{width:80%;height:20px;text-align:center;line-height:1;justify-content:center;gap:0}.modaal.modaalactive .modaallabel li{position:absolute;opacity:0;visibility:hidden}.modaal.modaalactive .modaallabel li.focus{opacity:1;visibility:visible;top:0}.modaal.modaalactive .modaallabel li:after{display:none}.modaal.modaalactive .modaalwrap ul.focus{opacity:1;visibility:visible;left:0;top:0}.modaal.modaalactive .modaalwrap ul.before{left:-150%;top:0}.modaal.modaalactive .modaalwrap ul.hide{left:150%;top:0}.footer-tops{margin-top:1.5rem}@media screen and (min-width: 768px){.container{width:auto}.sp{display:none}.pc{display:block}.collection-kv{width:7.8%;max-width:118px;top:10.4%;left:2.8%;display:block}.kv-ttl .kv-ttl-t{width:450px;max-width:560px;margin:0 auto 150px;bottom:0}.kv-ttl .kv-ttl-m{width:540px;bottom:90px}.kv-img{width:41%;max-width:620px;margin:0 auto;margin-top:calc(-100vh + 64px)}.kv-img .kv-main{top:50%;transform:translate(0, -50%);max-width:100%}.kv-btn{margin-top:calc(-100vh + 64px);position:sticky;top:64px}.kv-audio{right:2.3%;top:2.5vh}.kv-audio .audio-switter.active{background:#536358}.kv-audio .audio-switter.active::before{width:32px;height:32px;background:#fff;left:51%;border:none}.kv-audio .audio-switter.active::after{content:"";width:2px;height:19px;left:27%}.teaser .kv-img{display:flex;flex-direction:column;flex-wrap:wrap;justify-content:center;gap:4% 0;padding-top:0}.teaser .kv-img .kv-main{width:75%;margin:0 auto;display:block;transform:none;top:auto}.teaser .kv-img .teaser01-ttl{width:auto}.teaser .kv-img .teaser02-ttl{width:auto}.collection{margin:0 auto;padding-bottom:200px;padding-top:10%}.items{margin:-25% auto 0;width:68.8%;gap:545px;padding-bottom:200px}.item{display:flex;flex-wrap:wrap;justify-content:space-between}.item-ttl{display:none}.item-img{width:50%;max-width:514px;margin-bottom:10%}#item03{margin-bottom:18%}#item01.relative{margin-top:141%}#item02.relative{margin-top:171%}#item03.relative{margin-top:125%}#item04.relative{margin-top:136%}.limited{width:75px;height:72px;position:absolute;right:1%;top:-121%;display:flex;align-items:center;justify-content:center}.limited img{width:75px;animation:round 10s linear infinite}.item-txt{width:46%;height:calc(100vh - 64px);position:sticky;top:64px;padding:0 3.5%;margin-top:0}.item-txt h3{font-size:min(2.7vw, 28px)}.item-txt h3 span{font-size:min(0.9vw, 13px)}.item-txt p{font-size:min(1vw, 14px);margin-top:20px}#item01 li:nth-child(1){margin-top:0}#item01 li:nth-child(2){margin-top:56px}#item01 li:nth-child(3){margin-top:364px}#item01 li:nth-child(4){margin-top:2px}#item01 li:nth-child(5){margin-top:225px}#item02 li:nth-child(1){margin-top:0}#item02 li:nth-child(2){margin-top:120px}#item02 li:nth-child(3){margin-top:339px}#item02 li:nth-child(4){margin-top:209px}#item02 li:nth-child(5){margin-top:223px}#item03 li:nth-child(1){margin-top:0}#item03 li:nth-child(2){margin-top:121px}.lineup-btn{position:sticky;transform:none;top:calc(98vh - 64px);margin-bottom:2vw;left:80vw;width:17.3%;max-width:260px;padding:0;font-size:14px;transition:all 0.3s ease;overflow:hidden;background:#fbfaf5}.lineup-btn p{color:#958782;font-size:min(0.8vw, 12px);padding:19px 0 18px;background:url("https://cdn.marlmarl.com/pub/assets/img/feature/2025ss/march/icon-scorp-b.svg") no-repeat right 22px top 50%;position:relative;z-index:1}.lineup-btn:before{content:"";width:100%;height:100%;background:#958782;position:absolute;left:-100%;top:0;z-index:-1;transition:all 0.3s ease}.lineup-btn:hover p{background-image:url("https://cdn.marlmarl.com/pub/assets/img/feature/2025ss/march/icon-scorp-w.svg");color:#fff}.lineup-btn:hover:before{left:0}.lineup-btn.active{bottom:47px;transition:none}.teaser .lineup-btn p{background:none;color:#fff;padding:11px 0 10px}.teaser .lineup-btn span{margin-top:4px}.modaal{top:64px;height:calc(100vh - 64px);opacity:0;visibility:hidden}.modaalopen .modaal{opacity:1;visibility:visible;height:calc(100vh - 64px)}.modaalbg{position:absolute;height:100%}.modaalinner{width:800px;height:640px;padding-top:78px}.modaaltop{width:530px}.modaallabel{font-size:20px;gap:50px}.modaallabel li:nth-child(1){top:19.5%}.modaallabel li:nth-child(2){top:33%}.modaallabel li:nth-child(3){top:46%}.modaallabel li:nth-child(4){top:59%}.modaallabel li:hover:after{right:-20px}.modaalwrap{width:530px;height:calc(100% - 50px);margin:30px auto 0}.modaalwrap ul{gap:11px 10px;padding:0}.modaalwrap ul::-webkit-scrollbar{display:none}.modaalwrap li{width:170px}.modaalwrap li dl{margin-top:-12px}.modaalwrap li dt{font-size:11px}.modaalwrap li dd{font-size:10px}.modaal.modaalactive .modaalinner{padding-top:78px}.modaal.modaalactive .modaaltop{height:20px}.modaal.modaalactive .arrow-right,.modaal.modaalactive .arrow-left{display:block}.modaal.modaalactive .modaallabel{width:80%;height:20px;text-align:center;line-height:1;justify-content:center;gap:0}.modaal.modaalactive .modaallabel li{position:absolute;opacity:0;visibility:hidden}.modaal.modaalactive .modaallabel li.focus{opacity:1;visibility:visible;top:0}.modaal.modaalactive .modaallabel li:after{display:none}.modaal.modaalactive .modaalwrap ul.focus{opacity:1;visibility:visible;left:0;top:0}.modaal.modaalactive .modaalwrap ul.before{left:-150%;top:0}.modaal.modaalactive .modaalwrap ul.hide{left:150%;top:0}.footer-tops{margin-top:3.5rem}}@media screen and (min-width: 1420px){#item01.relative{margin-top:128%}#item02.relative{margin-top:144.5%}#item03.relative{margin-top:0%}#item04.relative{margin-top:133%}}

/*# sourceMappingURL=style.css.map */