﻿@import"https://fonts.googleapis.com/css2?family=MonteCarlo&family=Shippori+Mincho&display=swap";*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%}body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Ubuntu,"Helvetica Neue",Helvetica,Arial,"蘋方-繁","PingFang TC","黑體-繁","Heiti TC","微軟正黑體","Microsoft JhengHei","Noto Sans TC",sans-serif;font-optical-sizing:auto;line-height:1.5}h1,h2,h3,h4,h5,h6{font-weight:normal}ul,ol{list-style:none}img{display:block;width:100%}a{display:block;color:plum;text-decoration:none}@keyframes rotate{0%{transform:rotate(0deg) translate3d(0, 0, 0)}25%{transform:rotate(3deg) translate3d(0, 0, 0)}50%{transform:rotate(-3deg) translate3d(0, 0, 0)}75%{transform:rotate(1deg) translate3d(0, 0, 0)}100%{transform:rotate(0deg) translate3d(0, 0, 0)}}@keyframes storm{0%{transform:translate3d(0, 0, 0) translateZ(0)}25%{transform:translate3d(4px, 0, 0) translateZ(0)}50%{transform:translate3d(-3px, 0, 0) translateZ(0)}75%{transform:translate3d(2px, 0, 0) translateZ(0)}100%{transform:translate3d(0, 0, 0) translateZ(0)}}@keyframes show{from{opacity:0}to{opacity:1}}@keyframes hide{from{opacity:1;display:flex}to{opacity:0;display:none}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}100%{transform:translateY(0)}}@keyframes drop{0%{transform:translateY(0px) rotate(15deg)}8%{transform:translateY(680px) rotate(-1deg)}15%{transform:translateY(660px) rotate(0deg)}25%{transform:translateY(675px) rotate(-1deg)}40%{transform:translateY(675px)}100%{transform:translateY(500px) rotate(-2deg)}}@keyframes swing{0%{transform:translateY(500px) rotate(-2deg)}50%{transform:translateY(500px) rotate(2deg)}100%{transform:translateY(500px) rotate(-2deg)}}@keyframes goback{0%{transform:translateY(500px)}100%{transform:translateY(0px)}}@keyframes rotation{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}@keyframes moveR{0%{transform:translateX(0px)}50%{transform:translateX(20%) rotate(2deg)}100%{transform:translateX(100%)}}@keyframes moveL{0%{transform:translateX(0px)}50%{transform:translateX(-20%) rotate(-2deg)}100%{transform:translateX(-100%) rotate(0deg) scaleX(0.9)}}@keyframes blink{0%{opacity:0}50%{opacity:1}100%{opacity:0}}@keyframes peekaboo{0%{transform:translateX(-15px)}10%{transform:translateX(0px)}17%{transform:translateX(0px)}25%{transform:translateX(-30px)}42%{transform:translateX(-30px)}50%{transform:translateX(0px)}58%{transform:translateX(0px)}90%{transform:translateX(-15px)}100%{transform:translateX(-15px)}}@keyframes shine{from{left:-75%}to{left:125%}}@keyframes shine-border{from{filter:brightness(1)}40%{filter:brightness(1.8)}to{filter:brightness(1)}}@keyframes moveBG{to{background-position:var(--bgSize) 0}}@keyframes swingCurtain{0%{transform:translateY(0px) rotate(-1deg)}50%{transform:translateY(5px) rotate(1deg)}100%{transform:translateY(0px) rotate(-1deg)}}@keyframes bg-slide{0%{background-position:left center}5%{background-position:left center}50%{background-position:right center}70%{background-position:center center}80%{background-position:center center}100%{background-position:left center}}html{scroll-behavior:smooth}body{background-color:#23203d;background-image:url(../images/BG_pattern.jpg);background-size:cover;color:#fff;font-family:"Shippori Mincho",serif}body main{position:relative}section{width:100%;display:flex;flex-direction:column;align-items:center;justify-items:center;padding:0% 10%}section .preview{font-size:1.4rem;margin-top:50px}section .title{font-size:2.5rem;font-family:"MonteCarlo",cursive;position:relative}section .title::before{content:"";background-image:url(../images/h3-arrow_L.svg);background-repeat:no-repeat;background-position:center;width:50px;height:100%;position:absolute;top:5%;right:140%}section .title::after{content:"";background-image:url(../images/h3-arrow_R.svg);background-repeat:no-repeat;background-position:center;width:50px;height:100%;position:absolute;top:5%;left:140%}.background-layer{position:absolute;top:0;left:0;width:100%;z-index:-1}.background-layer .background-first{position:absolute;top:0;left:0;width:100%;height:calc(100% of intro + 100% of section2 + 100% of section3);background-image:url(../images/BG_pattern.jpg);background-repeat:repeat;background-size:150px auto;z-index:-2}.background-layer .background-last{position:absolute;top:calc(100% of section1 + 100% of section2 + 100% of section3 + 100% of section4);left:0;width:100%;height:calc(100% of section5 + 100% of section6 + 100% of section7);background-image:url(../images/BG_pattern.jpg);background-repeat:repeat;background-size:150px auto;z-index:-2}@media(max-width:640px){section{padding-bottom:100px}}#loading{position:fixed;width:100%;height:100%;background:#1a1a38;display:flex;align-items:center;justify-content:center;z-index:9999}#loading.fade-out{opacity:0;transition:opacity .5s ease-out}#loading .loading-text{font-size:24px;font-weight:bold;color:#fff;letter-spacing:4px}#loading .loading-text span{animation:blink 1.5s infinite;margin:0 4px}#loading .loading-text span:nth-child(2){animation-delay:.3s}#loading .loading-text span:nth-child(3){animation-delay:.6s}#header{position:relative;overflow:hidden;padding:0}#header .curtain{overflow:hidden}#header .curtain #curtain_R{height:100vh;width:auto;position:absolute;z-index:999;left:48%;top:0;animation:moveR 2.5s ease-in-out forwards .5s;animation-play-state:paused}#header .curtain #curtain_R.start-animation{animation-play-state:running}#header .curtain #curtain_L{height:100vh;width:auto;position:absolute;z-index:999;right:48%;top:0;animation:moveL 2.5s ease-in-out forwards .5s;animation-play-state:paused}#header .curtain #curtain_L.start-animation{animation-play-state:running}#header .border_image{width:100%;height:100vh;box-sizing:border-box;border:90px solid #571213;border-image-source:url(../images/border-image.png);border-image-slice:100;border-image-repeat:stretch;position:absolute;z-index:1;clip-path:polygon(0% 0%, 0% 100%, 8% 100%, 8% 8%, 92% 8%, 92% 92%, 8% 92%, 8% 100%, 100% 100%, 100% 0%);-webkit-border-image:url(../images/border-image.png) 100 stretch;-moz-border-image:url(../images/border-image.png) 100 stretch;-o-border-image:url(../images/border-image.png) 100 stretch;border-image:url(../images/border-image.png) 100 stretch}@media(max-width:640px){#header .border_image{border-image-width:90px}}#header .banner_border{height:100vh;width:100%;clip-path:polygon(0% 0%, 0% 100%, 8% 100%, 8% 8%, 92% 8%, 92% 92%, 8% 92%, 8% 100%, 100% 100%, 100% 0%);position:absolute;z-index:1}#header .banner_border .decor-1::before{content:"";width:100%;height:30px;background-image:url(../images/2bn-border_H.svg);background-repeat:repeat;background-size:auto 100%;position:absolute;top:0}#header .banner_border .decor-1::after{content:"";width:100%;height:30px;background-image:url(../images/2bn-border_H.svg);background-repeat:repeat;background-size:contain;position:absolute;bottom:0}#header .banner_border .decor-2::before{content:"";width:30px;height:100%;background-image:url(../images/2bn-border_V.svg);background-repeat:repeat;background-size:100% auto;position:absolute;right:0}#header .banner_border .decor-2::after{content:"";width:30px;height:100%;background-image:url(../images/2bn-border_V.svg);background-repeat:repeat;background-size:contain;position:absolute;left:0}#header .banner_border .decor-3::before{content:"";width:140px;height:140px;background-image:url(../images/bn-border_LT_n.svg);background-repeat:no-repeat;position:absolute;top:0;left:0}#header .banner_border .decor-3::after{content:"";width:140px;height:140px;background-image:url(../images/bn-border_RT_n.svg);background-repeat:no-repeat;position:absolute;top:0;right:0}#header .banner_border .decor-4::before{content:"";width:140px;height:140px;background-image:url(../images/bn-border_LB_n.svg);background-repeat:no-repeat;position:absolute;bottom:0;left:0}#header .banner_border .decor-4::after{content:"";width:140px;height:140px;background-image:url(../images/bn-border_RB_n.svg);background-repeat:no-repeat;position:absolute;bottom:0;right:0}@media(max-width:640px){#header .banner_border .decor-1::before{width:100%;height:20px}#header .banner_border .decor-1::after{width:100%;height:20px}#header .banner_border .decor-2::before{width:20px;height:100%}#header .banner_border .decor-2::after{width:20px;height:100%}#header .banner_border .decor-3::before{width:93px;height:93px}#header .banner_border .decor-3::after{width:93px;height:93px}#header .banner_border .decor-4::before{width:93px;height:93px}#header .banner_border .decor-4::after{width:93px;height:93px}}#header #banner{height:100vh;width:100%;background-image:url(../images/main_dance.jpg);background-repeat:no-repeat;background-size:auto 100%;background-position:center center;background-attachment:fixed;display:flex;justify-content:space-between;align-items:end;padding:20px 5%;position:relative}@media(max-width:1023px){#header #banner{background-size:cover;background-attachment:scroll}}@media(max-width:640px){#header #banner{background-image:url(../images/main_danceSm.jpg);background-size:auto 100%;animation:bg-slide 20s ease-in-out infinite;animation-delay:1s}}#header #banner #curtain_replaceR{height:100vh;width:10vw;position:absolute;right:0;background-image:url(../images/curtain_R.png);background-size:cover;background-position:left;animation:swingCurtain 10s infinite}@media(max-width: 1660px){#header #banner #curtain_replaceR{display:none}}#header #banner #curtain_replaceL{height:100vh;width:10vw;position:absolute;left:0;background-image:url(../images/curtain_L.png);background-size:cover;background-position:right;animation:swingCurtain 10s infinite}@media(max-width: 1660px){#header #banner #curtain_replaceL{display:none}}#header #banner .event_title{display:block;justify-self:end;text-align:center;margin-right:8%;margin-bottom:30px;max-width:400px}#header #banner .event_title h1{font-size:2rem}#header #banner .event_title h2{font-size:1.4rem}#header #banner .event_title h3{font-size:1.2rem}#header #banner .news_carousel{width:250px;height:150px;align-items:end;margin-left:-40%;margin-bottom:30px;cursor:pointer}#header #banner .news_carousel .news_block{background-repeat:no-repeat;background-position:center center;background-size:contain;width:250px;height:150px;margin:0 20px;text-align:center;line-height:150px}#header #banner .news_carousel .news_block a{color:#fff;font-size:large;letter-spacing:1px;width:250px;height:150px}#header #banner .news_carousel .bg1{background-image:url(../images/news_register.png)}#header #banner .news_carousel .bg2{background-image:url(../images/news_movie.png)}#header #banner .news_carousel .bg3{background-image:url(../images/news_plurk.png)}#header #banner .news_carousel_M{display:none}#header #banner .chandelier{height:700px;width:auto;position:absolute;top:-750px;right:8%;animation:drop 5s ease-out forwards 3s,swing 5s infinite ease-out 8s;animation-play-state:paused;cursor:pointer}#header #banner .chandelier.start-animation{animation-play-state:running}@media(max-width:820px){#header #banner .news_carousel{margin-left:-10%}}@media(max-width:640px){#header .curtain #curtain_R{animation:moveR 3.5s ease-in-out forwards 1s;left:45%}#header .curtain #curtain_L{animation:moveL 3.5s ease-in-out forwards 1s;right:44%}#header #banner{flex-direction:column-reverse;justify-content:end;align-items:center;transform:translateZ(0)}#header #banner .news_carousel{display:none}#header #banner .event_title{margin:0;margin-bottom:40px}#header #banner .event_title h1{font-size:1.4rem}#header #banner .event_title h2{font-size:1rem}#header #banner .event_title h3{font-size:1rem}#header #banner .chandelier{scale:.8;animation:drop 5s ease-out forwards 10s,swing 5s infinite ease-out 15s}}#navigation{display:flex;flex-direction:column;position:sticky;z-index:99;top:0;left:0;z-index:100}#navigation .nav-bar{background-color:rgba(35,32,61,.7)}#navigation .nav-bar ul{padding:10px 0;display:flex;justify-content:center}#navigation .nav-bar ul li{margin:5px 15px}#navigation .nav-bar ul li a{font-family:"MonteCarlo";font-size:1.8rem;color:#f5f5f5;position:relative}#navigation .nav-bar ul li a:hover{color:#daa857}#navigation .nav-bar ul li a:hover::before{content:"";position:absolute;width:80px;height:30px;bottom:50%;left:50%;transform:translateX(-50%);background-image:url(../images/nav_top.svg);background-size:contain;background-repeat:no-repeat}#navigation .nav-bar ul li a:hover::after{content:"";position:absolute;width:80px;height:30px;top:80%;left:50%;transform:translateX(-50%);background-image:url(../images/nav_btm.svg);background-size:contain;background-repeat:no-repeat}#navigation .hamburger{display:none;align-self:flex-end;position:relative;cursor:pointer;font-size:1.4rem;padding:10px 40px 10px 10px;color:#c9a063;border:none;background-color:rgba(0,0,0,0);font-family:"Shippori Mincho"}#navigation .hamburger:before{position:absolute;content:"";background-image:url(../images/hamburger_deco.svg);height:80px;width:80px;top:-30%;right:0}@media(max-width:640px){#navigation{flex-direction:column-reverse;top:15px;position:fixed;right:0;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transform:translateY(-100%);opacity:0}#navigation.show{transform:translateY(0);opacity:1}#navigation #hamburger{display:flex}#navigation .nav-bar{display:none;width:150px;align-self:end;background-color:rgba(35,32,61,.9);position:absolute;top:-40px;justify-content:center;animation:hide .35s both}#navigation .nav-bar ul{display:flex;flex-direction:column;align-items:center;padding-top:100px;padding-bottom:50px}#navigation .nav-bar ul li a{font-size:2rem}#navigation .nav-bar:after{position:absolute;content:"";background-image:url(../images/hamburger_deco_btm.svg);height:80px;width:80px;bottom:0;left:0}#navigation .nav-bar.show{display:flex;animation:show .4s both}}#intro{padding-bottom:150px}#intro .wrap{max-width:1200px;display:flex;flex-direction:column;align-items:center}#intro .wrap .float_title{text-align:center;padding:150px 100px 150px;font-size:1.8rem;line-height:3rem;background-image:radial-gradient(ellipse, rgba(3, 1, 10, 0.7960784314) 3px, rgba(14, 11, 34, 0.5215686275) 20%, transparent 55%);border-radius:50%}#intro .wrap .float_title h4{line-height:4.5rem;font-weight:medium;animation:float 4s ease-in-out infinite}#intro .wrap .float_title h4:nth-child(3){font-size:2rem;color:#862121;padding-top:25px;font-weight:bolder;animation-delay:.2s}#intro .wrap .title{margin-bottom:80px}#intro .wrap .story{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:2rem}#intro .wrap .story .text span{color:#daa857;font-size:1.4rem;font-weight:bold;letter-spacing:.3rem}#intro .wrap .story .text_m{display:none}#intro .wrap .story #trailer_wrap{width:640px;height:360px;position:relative;display:flex;margin:120px 0}#intro .wrap .story #trailer_wrap lite-youtube{width:100%;height:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;cursor:pointer}#intro .wrap .story #trailer_wrap lite-youtube:hover{filter:brightness(0.9)}#intro .wrap .story #trailer_wrap lite-youtube button{position:absolute;top:50%;width:80px;transform:translateX(-50%) translateY(-50%);background-color:#e40404;border-radius:12px;border:none;color:#fff;font-size:30px;font-family:"MonteCarlo",cursive;cursor:pointer}#intro .wrap .story #trailer_wrap lite-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0)}#intro .wrap .story .photoSlick{width:100%;height:100%;max-width:600px;height:auto;margin:80px 0}#intro .wrap .story .photoSlick .slick-slide{padding:0 30px}#intro .wrap .story small{color:#daa857}#intro .wrap .story #cloth-sample{display:inline-block;padding:5px 16px;border:1px solid rgba(0,0,0,0);border-radius:3px;background:linear-gradient(to bottom, #d4af37, #a37a2e);color:#3a2e1c;font-family:"Shippori Mincho";font-size:14px;font-weight:bold;text-align:center;box-shadow:inset 0 0 2px hsla(0,0%,100%,.3),0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease}#intro .wrap .story #cloth-sample:hover{background:linear-gradient(to bottom, #ddcb85, #a37a2e);box-shadow:inset 0 0 3px hsla(0,0%,100%,.4),0 2px 6px rgba(0,0,0,.4);transform:translateY(-1px)}#intro .wrap .story .cloth{display:none;transition:linear .4}#intro .wrap .story .cloth img{max-height:400px}#intro .news_carousel_M{display:none}@media(max-width:640px){#intro{padding-top:140px;padding-bottom:150px;overflow:hidden}#intro .wrap{width:100%}#intro .wrap .float_title{padding:180px 0}#intro .wrap .news_carousel_M{position:absolute;top:0px;width:130%;height:250px;display:block}#intro .wrap .news_carousel_M .slick-track{display:flex}#intro .wrap .news_carousel_M .news_block1{background-repeat:no-repeat;background-position:center center;background-size:contain;width:200px;height:120px;margin:5px 5px;display:flex;justify-content:center;align-items:center}#intro .wrap .news_carousel_M .news_block1 a{color:#fff;width:200px;height:120px}#intro .wrap .news_carousel_M .bg1{background-image:url(../images/news_register.png)}#intro .wrap .news_carousel_M .bg2{background-image:url(../images/news_movie.png)}#intro .wrap .news_carousel_M .bg3{background-image:url(../images/news_plurk.png)}#intro .wrap .story{width:100%}#intro .wrap .story .text{display:none}#intro .wrap .story .text_m{display:flex;flex-direction:column}#intro .wrap .story .text_m span{color:#daa857;font-size:1.2rem;font-weight:bold;letter-spacing:.3rem}#intro .wrap .story #trailer_wrap{width:100%;height:300px}}#date{padding-bottom:150px}#date .date_wrap{max-width:500px;text-align:center}#date .date_wrap p{margin:10px 0}#date .date_wrap .p_wrap{margin:20px 0}#date .date_wrap .p_date{font-size:2rem;font-family:"MonteCarlo",cursive;letter-spacing:3px}#date .date_wrap .p_time{font-size:1.8rem;font-family:"MonteCarlo",cursive;letter-spacing:3px}#date .date_wrap .p_venue{font-size:1.4rem;display:flex;justify-content:center;letter-spacing:.1rem}#date .date_wrap .p_venue a{display:flex;align-self:center;margin-left:10px;transition:transform .1s ease-in-out;color:#d3d3d3}#date .date_wrap .p_venue a .fa-map-location-dot{transform:translateY(3px);padding-left:5px}#date .date_wrap .p_venue a:hover{transform:scale(1.05);filter:brightness(0.8)}#date .date_wrap .small{color:#ccc;font-size:1rem;letter-spacing:0}@media(max-width:640px){#date .date_wrap p{margin:0}#date .p_wrap{margin:30px 0}#date .p_wrap .p_venue{flex-direction:column;gap:10px;margin-top:5px}#date .p_wrap .p_venue .fa-map-location-dot{font-size:1.4rem}}#event{overflow:hidden;padding-bottom:150px}#event .title{margin-bottom:80px}#event .event_wrap{display:flex;flex-direction:column;max-width:1200px;gap:120px}#event .event_wrap .event_cnt{display:flex;align-items:center;gap:80px}#event .event_wrap .event_cnt figure{max-width:500px;display:flex;aspect-ratio:4/2.6;flex:1}#event .event_wrap .event_cnt figure img{object-fit:cover}#event .event_wrap .event_cnt .txt_content{flex:1;display:flex;flex-direction:column;line-height:1.8rem;align-items:center}#event .event_wrap .event_cnt .txt_content h4{margin-bottom:30px;font-size:1.4rem;position:relative;letter-spacing:2px}#event .event_wrap .event_cnt .txt_content h4::before{content:"";background-image:url(../images/h4-frame_L.svg);background-repeat:no-repeat;background-position:center center;width:20px;height:60px;position:absolute;top:-50%;left:-50%}#event .event_wrap .event_cnt .txt_content h4::after{content:"";background-image:url(../images/h4-frame_R.svg);background-repeat:no-repeat;background-position:center center;width:20px;height:60px;position:absolute;top:-50%;right:-50%}#event .event_wrap .event_cnt .txt_content #openModal,#event .event_wrap .event_cnt .txt_content #openModal2{margin-top:24px;display:inline-block;padding:5px 12px;border:1px solid rgba(0,0,0,0);border-radius:3px;background:linear-gradient(to bottom, #d4af37, #a37a2e);color:#3a2e1c;font-family:"Shippori Mincho";font-size:14px;font-weight:bold;text-align:center;box-shadow:inset 0 0 2px hsla(0,0%,100%,.3),0 1px 3px rgba(0,0,0,.3);cursor:pointer;transition:all .3s ease}#event .event_wrap .event_cnt .txt_content #openModal:hover,#event .event_wrap .event_cnt .txt_content #openModal2:hover{background:linear-gradient(to bottom, #ddcb85, #a37a2e);box-shadow:inset 0 0 3px hsla(0,0%,100%,.4),0 2px 6px rgba(0,0,0,.4);transform:translateY(-1px)}#event .phone{display:none}@media(max-width:820px){#event .event_wrap{display:flex;flex-direction:column}#event .event_wrap .event_cnt{margin:50px 0;display:flex;gap:24px}#event .event_wrap .event_cnt img{max-width:300px;height:auto;aspect-ratio:4/3}#event .event_wrap .event_cnt .txt_content{padding:0}#event .event_wrap .event_cnt .txt_content h4{margin-top:20px}#event .phone{display:none}}@media(max-width:640px){#event{padding-bottom:20px}#event .title{margin-bottom:40px}#event .event_wrap{display:none;margin:0;gap:0}#event .phone{display:flex;flex-direction:column}#event .phone .event_cnt{flex-direction:column;margin:40px 0;gap:0}#event .phone .event_cnt .txt_content{padding:0;margin-bottom:40px}#event .phone .event_cnt .txt_content h4{margin:24px}}.modal-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(34,34,34,.5);justify-content:center;align-items:center;z-index:1000;flex-direction:column}.modal-overlay .modal{display:flex;background:#000;margin-bottom:20px;width:100%;aspect-ratio:16/9;max-width:60%;overflow:hidden;border-radius:8px;box-shadow:0 5px 15px rgba(0,0,0,.8);text-align:center;position:relative;animation:show .5s both}.modal-overlay .modal lite-youtube{width:100%;background-repeat:no-repeat;background-size:cover;background-position:center center;cursor:pointer}.modal-overlay .modal lite-youtube:hover{filter:brightness(0.9)}.modal-overlay .modal lite-youtube button{position:absolute;top:50%;transform:translateX(-50%) translateY(-50%);background:none;border:none;color:#fff;font-size:60px;font-family:"MonteCarlo",cursive;cursor:pointer}.modal-overlay .modal lite-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:100;background:rgba(0,0,0,0)}.modal-overlay .modal-close{background:none;border:none;font-size:24px;cursor:pointer;color:#f5f5f5;font-family:"MonteCarlo",cursive;font-size:2rem;letter-spacing:.4rem}.modal-overlay .modal-close:hover{filter:brightness(0.8)}@media(max-width:640px){.modal-overlay .modal{max-width:90%}}.modal-overlay.active{display:flex}#cast{width:100%;height:auto;overflow:hidden;padding:0;padding-bottom:200px}#cast .carousel-container{width:100%;height:100%;margin-top:50px;overflow:visible}#cast .carousel{display:flex;overflow:visible}#cast .carousel .carousel-item{cursor:grab}#cast .carousel .carousel-item img{filter:drop-shadow(0 0 0.6rem rgb(19, 19, 19));margin-bottom:20px}#cast .carousel .carousel-item p{text-align:center;align-content:center;margin:auto;position:relative;z-index:10;aspect-ratio:16/9;width:50%;height:50%}#cast .carousel .carousel-item p::after{content:"";position:absolute;top:0;left:0;background-image:url(../images/lable.png);background-position:center;background-size:cover;width:100%;height:100%;z-index:-1}@media(max-width:640px){#cast .carousel .carousel-item p{font-size:.8rem}}#cast .carousel .carousel-item .more-hint{position:absolute;bottom:0%;right:0%;background:rgba(0,0,0,0);color:#fff;padding:8px;font-size:.8rem;border:#fff solid 1px;border-radius:50%;aspect-ratio:1/1;display:flex;justify-content:center;align-items:center;opacity:0;pointer-events:none;transition:opacity .3s}#cast .carousel .slick-track{padding:40px 0}#cast .carousel .slick-slide{margin:20px;transition:transform .3s ease;filter:brightness(0.7);transform:scale(0.9)}#cast .carousel .slick-center{filter:brightness(1) drop-shadow(0 0 0.15rem rgb(222, 223, 157)) !important;transform:scale(1.1);cursor:pointer}#cast .carousel .slick-center:hover{transform:scale(1.12)}#cast .carousel .slick-center .more-hint{opacity:1;pointer-events:auto;cursor:pointer;z-index:20}#cast .slick-dots{display:flex !important;justify-content:center;bottom:-60px;position:absolute;width:100%}#cast .slick-dots li{scale:3;margin:0 15px}#cast .slick-dots li button{all:unset;font-size:0}#cast .slick-dots li button:before{opacity:1;filter:brightness(0.7);content:"❖";font-size:10px;cursor:pointer}#cast .slick-dots li:nth-child(1) button:before{color:#a0ccda}#cast .slick-dots li:nth-child(2) button:before{color:#d68acc}#cast .slick-dots li:nth-child(3) button:before{color:#2d41b1}#cast .slick-dots li:nth-child(4) button:before{color:#dace8b}#cast .slick-dots li:nth-child(5) button:before{color:#ce8532}#cast .slick-dots li:nth-child(6) button:before{color:#8c50af}#cast .slick-dots li:nth-child(7) button:before{color:#488648}#cast .slick-dots li:nth-child(8) button:before{color:#d8d8d8}#cast .slick-dots li.slick-active button:before{opacity:1;scale:1.2;filter:brightness(1.1)}#cast .slick-prev-custom,#cast .slick-next-custom{position:absolute;bottom:-65px;color:#7fffd4;background:rgba(0,0,0,0);border:none;font-size:24px;cursor:pointer;z-index:10;transform-origin:center center;min-width:120px}#cast .slick-prev-custom{width:10%;height:auto;left:20%}#cast .slick-prev-custom:hover{filter:brightness(0.8)}#cast .slick-next-custom{width:10%;height:auto;right:20%}#cast .slick-next-custom:hover{filter:brightness(0.8)}@media(max-width:820px){#cast .carousel .slick-prev-custom{width:15%;left:10%;bottom:-105px}#cast .carousel .slick-next-custom{width:15%;right:10%;bottom:-105px}}@media(max-width:640px){#cast{padding-bottom:180px}#cast .carousel .carousel-item img{filter:none}#cast .carousel .slick-track{padding:72px 0}#cast .carousel .slick-slide{margin:20px;transition:transform .3s ease;filter:brightness(0.7);padding:10px}#cast .carousel .slick-center{filter:brightness(1) drop-shadow(0 0 6px rgb(222, 223, 157)) !important;transform:scale(1.5)}#cast .carousel .slick-center:hover{transform:scale(1.52)}#cast .carousel .slick-dots{bottom:-40px}#cast .carousel .slick-prev-custom,#cast .carousel .slick-next-custom{bottom:-110px;width:30%}#cast .carousel .slick-prev-custom{left:10%}#cast .carousel .slick-next-custom{right:10%}}.cast-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(34,34,34,.5);justify-content:center;align-items:center;z-index:1000;flex-direction:column}.cast-modal .cast-modal-cnt{display:flex;background:#000;margin-bottom:20px;max-height:80vh;aspect-ratio:47/60;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.8);text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}.cast-modal .cast-close{background:none;border:none;font-size:24px;cursor:pointer;color:#f5f5f5;font-family:"MonteCarlo",cursive;font-size:2rem;letter-spacing:.4rem;position:absolute;bottom:0;left:50%;transform:translate(-50%, -50%)}.cast-modal .cast-close:hover{filter:brightness(0.8)}@media(max-width:640px){.cast-modal .cast-modal-cnt{width:95%}.cast-modal .cast-close{bottom:8%}}#goods{display:flex;flex-direction:column;height:100%;padding-bottom:150px}#goods .title{margin-bottom:80px}#goods h4,#goods p{text-align:center}#goods h4{font-size:1.2rem;padding-bottom:35px;text-underline-offset:5px;color:#daa857}#goods img{max-height:300px}#goods .novelty{display:flex;margin-bottom:150px;gap:40px}#goods .novelty div{display:flex;flex-direction:column;flex:1;gap:20px}#goods .novelty p{font-size:1.2rem}#goods .special_wrap{max-width:1200px;display:flex;flex-direction:column;gap:80px}#goods .special_wrap .goods-item{display:flex;gap:80px;width:100%}#goods .special_wrap .goods-item figure{min-width:250px}#goods .special_wrap .goods-item figure img{object-fit:contain}#goods .special_wrap .goods-item .goods_content{width:50%}#goods .special_wrap .goods-item .goods_content p:nth-child(1){font-size:1.2rem;padding-bottom:20px}@media(max-width:640px){#goods .novelty{flex-direction:column}#goods .special_wrap .goods-item{flex-direction:column;gap:20px}#goods .special_wrap .goods-item .goods_content{width:100%}#goods .special_wrap .goods-item .goods_content p:nth-child(1){padding:0 0 10px}}#secret{height:50vh;overflow:hidden;position:relative;padding:0;background-image:none}#secret .content{padding:5%;width:100%;position:absolute;z-index:10;display:flex;flex-direction:column;align-items:center}#secret .content p{text-align:center}#secret #video-bg{position:fixed;top:50%;left:50%;transform:translate(-50%, -50%);z-index:-10;height:100%;width:100%;object-fit:cover;filter:brightness(70%)}#join{padding-top:80px;padding-bottom:150px}#join .title{margin-bottom:40px}#join div{display:flex;flex-direction:column;align-items:center;margin-top:80px;position:relative}#join div .sign-up{position:relative;display:inline-block;cursor:pointer}#join div .sign-up::after{content:"";position:absolute;top:50%;left:50%;width:200%;height:200%;transform:translate(-50%, -50%);background-image:url(../images/sign-up_frame.svg);background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0;pointer-events:none;animation:shine-border 2s ease-in-out infinite}#join div .sign-up .text{position:relative;display:inline-block;font-size:1.8rem;font-weight:bold;letter-spacing:.3rem;--bgSize: 300%;background:linear-gradient(90deg, #666 0%, #fff 50%, #666 100%) 0 0/var(--bgSize) 100%;background-clip:text;-webkit-background-clip:text;color:rgba(0,0,0,0);z-index:1;overflow:hidden;animation:moveBG 2s ease-in-out infinite}#links{padding-bottom:150px}#links .title{margin-bottom:80px}#links .content{display:flex;flex-direction:column;justify-content:center;align-items:center}#links .content p{text-align:center;margin:15px 0}#links .content .app{width:200px;height:200px}#links .content .app img{border-radius:40px}#links .content .brand{display:flex;justify-content:center;gap:80px;align-items:center}#links .content .brand .fa-apple{color:#fff;font-size:90px;transition:transform .1s ease-in-out}#links .content .brand .fa-apple:hover{transform:scale(0.92)}#links .content .brand .fa-google-play{color:#fff;font-size:75px;transition:transform .1s ease-in-out}#links .content .brand .fa-google-play:hover{transform:scale(0.92)}#contact .title{margin-bottom:40px}#contact .staff{width:100%;max-width:400px;text-align:center;padding-bottom:120px}#contact .staff p{color:#daa857}#contact .staff ul{display:flex;margin:20px 0;justify-content:space-around}#contact .staff ul li{width:80px;height:80px;background-color:#f0f8ff;border-radius:50%;color:navy;text-align:center;line-height:80px;position:relative}#contact .staff ul li a{display:block;padding:40px}#contact .staff ul li.plurk{background-image:url(../images/plurk.png);background-size:cover}#contact .staff ul li.plurk:hover{filter:brightness(0.7)}#contact .staff ul li.email{background-image:url(../images/DCTonly.jpg);background-size:cover;background-position:center}#contact .staff ul li.email:hover{filter:brightness(0.7)}#contact .staff ul li.youtube{background-image:url(../images/youtube.jpg);background-size:cover}#contact .staff ul li.youtube:hover{filter:brightness(0.7)}#alert{padding:0;width:100%;position:fixed;bottom:0px;display:none}#alert .hole{width:100%;height:80px;position:relative}#alert .hole .alert_wrap{position:absolute;justify-content:end;align-items:center;display:flex;flex-direction:row;width:400px;height:70px;bottom:30px;left:-350px;transition:left .3s ease-in-out;animation:peekaboo 5s infinite ease-in-out}#alert .hole .alert_wrap .alert-content{width:100%;text-align:center;cursor:pointer}#alert .hole .alert_wrap .alert-content .countdown-alert{background-color:darkred;font-size:.8rem;font-family:sans-serif;color:#fff;opacity:0;transition:opacity .3s linear}#alert .hole .alert_wrap .alert-content .countdown-alert:hover{filter:brightness(1.2)}#alert .hole .alert_wrap .hamu{width:120px;height:auto;cursor:pointer}#alert .hole .alert_wrap .hamu .hamu-png:hover{content:url("../images/hamu_bonk.png")}@media(max-width:640px){#alert .hole .alert_wrap{right:70px;bottom:0px}#alert .hole .alert_wrap .alert-content{width:50%}#alert .hole .alert_wrap .hamu{width:100px}}footer{text-align:center;background-color:#333;padding:20px 0 40px}footer #gotop{display:none;justify-content:center;align-items:center;font-size:22px;font-family:"MonteCarlo",cursive;line-height:20px;letter-spacing:2px;width:60px;height:60px;border-radius:50%;cursor:pointer;position:fixed;right:20px;bottom:30px;z-index:666}footer #gotop::before{content:"";background-image:url(../images/back-to-top.svg);background-repeat:no-repeat;background-position:center center;position:absolute;top:0;left:0;width:60px;height:60px;animation:rotation 35s infinite;opacity:.6;transition:none}footer #gotop:hover{font-size:26px;line-height:24px}footer #gotop:hover::before{animation-play-state:paused}@media(max-width:640px){footer #gotop{bottom:20px}footer #gotop::before:hover{animation:none}}/*# sourceMappingURL=style.min.css.map */