@charset "UTF-8";@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);@import url(https://use.typekit.net/syu0jdz.css);abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;outline:0;border:0;background:0 0;font-size:100%}html{font-size:62.5%;scroll-behavior:smooth}body{font-family:"Noto Sans JP",sans-serif;font-size:clamp(16px,1.5vw,18px);font-style:normal;font-weight:400;line-height:1.75;background:#000;color:#fff;text-align:left;-webkit-text-size-adjust:100%}h1,h2,h3,h4,h5,h6{font-weight:700}li{list-style-type:none}a{outline:0;color:#fff;text-decoration:none}:focus{outline:0}strong{font-weight:700}img{width:100%;vertical-align:middle}input,textarea{-webkit-appearance:none;border-radius:0;border:none}.pc-view{display:block}@media (max-width:1024px){.pc-view{display:none}}.sp-view{display:none}@media (max-width:1024px){.sp-view{display:block}}.inner{max-width:1200px;margin:0 auto;box-sizing:content-box}@media (max-width:1024px){.inner{padding:0 3%}}.inner-s{max-width:850px;margin:0 auto}.section{padding:120px 0}@media (max-width:1024px){.section{padding:60px 0}}.sec-ttl{font-size:clamp(45px,7.5vw,90px);text-align:center;line-height:1.2;margin-bottom:60px}.sec-ttl .font-spieder{font-size:clamp(37px,6.2vw,75px)}.sec-lead{text-align:center;font-size:clamp(18px,1.8vw,22px);margin-bottom:60px}.font-spieder{font-family:cc-incy-wincy-spider,sans-serif;color:#b30100}.color-blood{color:#b30100}.cta-button a{display:block;background:#f6f0b2;background:linear-gradient(90deg,#f6f0b2 100%,#f7f4d6 50%,#f6f0b2 100%);filter:drop-shadow(0 0 100px #b30100);border-radius:10px;font-size:clamp(26px,7vw,84px);color:#b30100;font-weight:700;text-align:center;padding:60px 0}@media (max-width:1024px){.cta-button a{padding:15px 0}}.cta-button a:hover{opacity:.7}.text-link{color:#b30100;text-decoration:underline}.slider{position:relative;width:100%;height:62.5vw;margin:auto}@media (max-width:1024px){.slider{height:625px;margin-top:60px}}.slider img{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;animation:fade 21s infinite}@media (max-width:1024px){.slider img{-o-object-fit:cover;object-fit:cover}}.slider img:nth-child(1){animation-delay:0s}.slider img:nth-child(2){animation-delay:3s}.slider img:nth-child(3){animation-delay:6s}.slider img:nth-child(4){animation-delay:9s}.slider img:nth-child(5){animation-delay:12s}.slider img:nth-child(6){animation-delay:15s}.slider img:nth-child(7){animation-delay:18s}@keyframes fade{0%{opacity:0}5%{opacity:1}25%{opacity:1}30%{opacity:0}100%{opacity:0}}.nav{display:flex;justify-content:space-around;align-items:center;padding:15px 20px;background:linear-gradient(178deg,#000 30%,rgba(0,0,0,0) 100%);position:fixed;top:0;width:100%;box-sizing:border-box;z-index:1000}@media (max-width:1024px){.nav{height:60px;background:#000}}.nav nav{width:90%}.nav .logo{width:10%}@media (max-width:1024px){.nav .logo{width:100px;position:absolute}}.nav #nav-menu{display:flex;justify-content:center;gap:5%}.nav #nav-menu li a{font-family:cc-incy-wincy-spider,sans-serif;color:#b30100;font-size:clamp(26px,2.2vw,26px);text-decoration:none;transition:opacity .3s;text-align:center}.nav #nav-menu li a:hover{opacity:.7}.nav #nav-menu li a span{display:block;line-height:1;font-size:clamp(14px,1.3vw,16px)}@media (max-width:1024px){.nav #nav-menu{display:none;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.95);flex-direction:column;align-items:center;gap:30px;padding:60px 0;width:100%;background:rgba(0,0,0,.9);border-radius:12px;box-shadow:0 8px 20px rgba(0,0,0,.3);opacity:0;transition:all .4s ease;z-index:1100;text-align:center}.nav #nav-menu.open{display:flex;opacity:1;transform:translate(-50%,-50%) scale(1)}}.overlay{display:none}@media (max-width:1024px){.overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.8);opacity:0;transition:opacity .4s ease;z-index:9}.overlay.open{display:block;opacity:1}}.burger{display:none;background:0 0;border:none;cursor:pointer;z-index:1200;width:30px;height:25px;position:fixed;top:5vw;left:3%}@media (max-width:1024px){.burger{display:block}}.burger span{display:block;position:absolute;height:3px;width:100%;background:#b30100;border-radius:3px;left:0;transition:all .3s ease}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:11px}.burger span:nth-child(3){top:22px}.burger.open span:nth-child(1){transform:rotate(45deg);top:11px}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg);top:11px}.copyright{display:block;text-align:center;font-size:clamp(14px,1.5vw,18px)}#main{position:relative}#main .btn_language{position:fixed;right:10px;top:10px;z-index:9999;background-color:#000;filter:drop-shadow(0 0 10px #b30100)}@media (max-width:1024px){#main .btn_language{background-color:#fff}}#main .btn_language a{display:block;font-size:clamp(14px,2.2vw,26px);font-weight:700;color:#b30100;padding:0 5px}@media (max-width:1024px){#main .btn_language a{padding:5px}}#main .btn_language:hover{background:#f6f0b2;background:linear-gradient(90deg,#f6f0b2 100%,#f7f4d6 50%,#f6f0b2 100%)}#main .lead_text{font-size:clamp(25px,4.1vw,50px);line-height:1.38;transform:rotate(-7deg);text-align:center;font-weight:700;position:absolute;bottom:0}#main .po-blood{position:absolute;width:25vw}#main .po-01{left:0;bottom:10%}#main .po-02{right:0;bottom:-10%}#main .po-03{left:0;bottom:10%}#main .po-04{right:0;bottom:-10%}#main .po-05{left:0;bottom:10%}#main .po-06{right:0;bottom:-10%}#main #sec-lead{position:relative}#main #sec-lead .bg_vampire{background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/img_halloween01.webp) no-repeat center top;background-size:100%}@media (min-width:1800px){#main #sec-lead .bg_vampire{height:100vh}}@media (max-width:1024px){#main #sec-lead .bg_vampire{height:auto}}#main #sec-lead .event-lead{font-size:clamp(30px,5.4vw,60px);line-height:1.38;transform:rotate(-7deg);margin-bottom:306px;text-align:center}@media (max-width:1024px){#main #sec-lead .event-lead{margin-bottom:0}}#main #sec-lead .event-date{font-size:clamp(70px,19.2vw,230px);text-align:center}#main #sec-lead .event-time{display:flex;justify-content:center}@media (max-width:1024px){#main #sec-lead .event-time{flex-wrap:wrap}}#main #sec-lead .event-time li{font-size:clamp(16px,2.5vw,30px);letter-spacing:.2em}@media (max-width:1024px){#main #sec-lead .event-time li{width:100%;text-align:center}}#main #sec-lead .event-time li:first-child::after{content:"|";padding:0 40px}@media (max-width:1024px){#main #sec-lead .event-time li:first-child::after{display:none}}#main #sec-lead .contest-box{margin:120px 0;padding:60px 0}@media (max-width:1024px){#main #sec-lead .contest-box{margin:60px 0;padding:30px 0}}#main #sec-lead .contest-box::after{content:"";display:block;background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/line.svg) no-repeat center bottom;background-size:contain;height:12px}#main #sec-lead .contest-box .contest-ttl{background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/line.svg) no-repeat center top;background-size:contain;position:relative;height:12px}#main #sec-lead .contest-box .contest-ttl .ttl-text{content:"";display:inline-block;background-color:#000;position:absolute;top:0;top:50%;left:50%;transform:translate(-50%,-50%);font-size:clamp(15px,2.9vw,35px);letter-spacing:.2em}#main #sec-lead .contest-box .contest-prize{text-align:center;padding:60px 0;font-size:clamp(51px,8.5vw,103px);font-weight:700}#main #sec-lead .contest-box .contest-prize span{font-size:clamp(35px,5.9vw,71px)}#main .video-container{position:relative;width:100%;padding-bottom:56.25%;height:0;overflow:hidden;max-width:1200px;margin:0 auto}#main .video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}#main #sec-artist .artist-list{margin-bottom:240px}@media (max-width:1024px){#main #sec-artist .artist-list{margin-bottom:120px}}#main #sec-artist .artist-list .artist-item{display:flex;justify-content:space-between;margin-bottom:60px}@media (max-width:1024px){#main #sec-artist .artist-list .artist-item{flex-wrap:wrap}}#main #sec-artist .artist-list .artist-item img{max-width:500px;width:41%}@media (max-width:1024px){#main #sec-artist .artist-list .artist-item img{width:100%;margin-bottom:15px}}#main #sec-artist .artist-list .artist-item .artist-info{width:53%}@media (max-width:1024px){#main #sec-artist .artist-list .artist-item .artist-info{width:100%}}#main #sec-artist .artist-list .artist-item .artist-info h3{font-size:clamp(30px,5.4vw,60px);line-height:1;margin-bottom:30px}@media (max-width:1024px){#main #sec-artist .artist-list .artist-item .artist-info h3{margin-bottom:15px}}#main #sec-artist .artist-list .artist-item .artist-info h3 small{font-size:clamp(20px,3.3vw,40px)}#main #sec-artist .artist-list .artist-item.reverse{flex-direction:row-reverse}#main #sec-contest{position:relative}#main #sec-contest .bg-contest{background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/img_halloween02.webp) no-repeat center top;background-size:cover;height:67vh;position:relative}#main #sec-contest .contest-detail{margin-top:240px}@media (max-width:1024px){#main #sec-contest .contest-detail{margin-top:120px}}#main #sec-contest .contest-detail h3{font-size:clamp(30px,5.4vw,60px);line-height:1;margin-bottom:30px;text-align:center}#main #sec-contest .contest-detail button{display:block;background-color:red;color:#000;font-size:clamp(16px,2.5vw,30px);font-weight:700;width:80%;margin:20px auto;border-radius:10px;text-align:center;padding:20px;border:none}#main #sec-contest .contest-detail .hidden{display:none}#main #sec-contest .contest-detail #box-more h4{margin:60px 0 30px}#main #sec-contest .contest-detail #box-more dl{margin-bottom:30px}#main #sec-contest .contest-detail #box-more dl dt{margin-top:15px}#main #sec-contest .contest-detail #box-more dl dd{font-size:clamp(14px,1.3vw,16px)}#main #sec-tickets .tkt-ttl{font-size:clamp(20px,3.3vw,40px);line-height:1;text-align:center;margin-bottom:60px}#main #sec-tickets .tkt-ttl .tkt-note{font-size:clamp(16px,2.5vw,30px)}#main #sec-tickets .inner-s{margin-bottom:240px}@media (max-width:1024px){#main #sec-tickets .inner-s{margin-bottom:120px}}#main #sec-tickets .inbox{margin-bottom:60px}#main #sec-tickets dl{background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/line.svg) no-repeat center top;background-size:contain;padding:60px 20px;display:flex;flex-wrap:wrap;font-size:clamp(16px,2.5vw,30px);letter-spacing:.1em;position:relative}@media (max-width:1024px){#main #sec-tickets dl{justify-content:center}}#main #sec-tickets dl small{font-size:clamp(14px,1.6vw,20px)}#main #sec-tickets dl:last-child::after{content:"";display:block;background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/line.svg) no-repeat center bottom;background-size:contain;height:12px;width:100%;position:absolute;bottom:0;left:0}#main #sec-tickets dl dt{width:30%}@media (max-width:1024px){#main #sec-tickets dl dt{width:100%;text-align:center}}#main #sec-tickets dl dd{width:70%}@media (max-width:1024px){#main #sec-tickets dl dd{width:100%;text-align:center}}#main #sec-tickets dl.item-vip dt{width:60%}#main #sec-tickets dl.item-vip dd{width:40%}#main #sec-tickets dl.item-vip dd.note{width:100%;font-size:clamp(14px,1.5vw,18px)}#main #sec-access .map iframe{aspect-ratio:16/9;width:100%}#main #sec-access .inbox{max-width:451px;float:right;margin-bottom:240px}@media (max-width:1024px){#main #sec-access .inbox{margin-bottom:120px}}#main #sec-access dl{margin-top:60px}#main #sec-access dl dt{font-size:clamp(18px,1.8vw,22px);font-weight:700;margin-bottom:15px}#main #sec-access dl dd{font-size:clamp(16px,1.5vw,18px)}#main #sec-access dl dd a{position:relative;text-decoration:underline}#main #sec-access dl dd a[target=_blank]::after{content:"";display:inline-block;background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/icn_new_window.svg) no-repeat right top;background-size:contain;width:12px;height:12px;position:absolute;right:-15px}#main #sec-access dl dd li{display:flex}#main #sec-access dl dd li::before{content:"・"}#main #sec-access .cta-button{clear:both}#main #sec-conclustion{position:relative}#main #sec-conclustion .bg-skull{background:url(https://metropolisjapan.com/wp-content/themes/metropolis/assets/images/halloween/img_halloween03.webp) no-repeat center top;background-size:cover;height:100vh;position:relative;margin-bottom:240px}@media (max-width:1024px){#main #sec-conclustion .bg-skull{height:50vh;margin-bottom:120px}}#main #sec-conclustion .final_text{font-size:clamp(25px,4.1vw,50px);line-height:1.38;text-align:center;font-weight:700;margin-bottom:240px}@media (max-width:1024px){#main #sec-conclustion .final_text{margin-bottom:120px}}#main #sec-sponsors .partners-list{display:flex;flex-wrap:wrap}#main #sec-sponsors .partners-list li{padding:1px;width:20%;box-sizing:border-box}#main #sec-prizes .prize-list{text-align:center}#main #sec-prizes .prize-list li{border-bottom:1px solid #fff;padding:20px}#main #sec-patners .partners-list{display:flex}#main .btn-after-party{width:10%;position:fixed;right:0;bottom:0}#main .btn-after-party a{display:block}@media (max-width:1024px){#main .btn-after-party{width:20%}}#main #sec-form .wpcf7{max-width:700px;margin:0 auto}#main #sec-form .wpcf7 form p{margin-bottom:30px}#main #sec-form .wpcf7 form input{width:100%;height:40px;margin-top:10px;padding:10px;font-size:1.8rem;box-sizing:border-box}#main #sec-form .wpcf7 form textarea{width:100%;margin-top:10px;padding:10px;font-size:1.8rem;box-sizing:border-box}#main #sec-form .wpcf7 form .wpcf7-submit{display:block;background-color:red;color:#000;font-size:clamp(16px,2.5vw,30px);font-weight:700;margin:20px auto;text-align:center;padding:20px;border:none;height:auto}#main #sec-form .wpcf7 .screen-reader-response{text-align:center;margin-bottom:60px}#main .back-btn{font-size:clamp(16px,2.5vw,30px);text-align:center;margin:0 0 120px}#main .back-btn:hover{text-decoration:underline;color:#b30100}