@charset "utf-8";
@import url("https://use.typekit.net/rfi7taw.css");

/* reset */
*, *::before, *::after {box-sizing: border-box; -webkit-box-sizing: border-box; -moz-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, small, strike, strong, sub, sup, tt, var, 
b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, input, select, textarea, button, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, header, footer, hgroup, menu, nav, output, 
ruby, section, summary, time, mark, audio, video {margin: 0; padding: 0; vertical-align: baseline; border: 0;}
article, aside, hgroup, header, footer, figure, figcaption, nav, section,time, mark, canvas, video, audio, details, summary {display: block;}

html {
/* Prevent font scaling in landscape */
-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
-moz-text-size-adjust: none; /*Firefox*/
-ms-text-size-adjust: none; /*Ie*/
-o-text-size-adjust: none; /*old versions of Opera*/
}

html {width: 100%; height: 100%; font-size: 62.5%; scroll-behavior: smooth; background: #000000; font-family: 'futura-100';}
body {width: 100%; font-size: 1.4rem; color: #fff; font-weight: 400; line-height: 1;}
menu, ol, ul, li {list-style: none; list-style-image: none; vertical-align: top;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: none;}
table {table-layout: fixed; word-break: break-all; white-space: pre-wrap; border-collapse: collapse; border-spacing: 0;}
table caption {display: none;}
ul {font-size: 0; letter-spacing:0;}
li {font-size: 1.4rem; letter-spacing: 0;}
img {max-width: 100%; line-height: inherit; vertical-align: top; -ms-interpolation-mode: bicubic !important;}
h1, h2, h3, h4, h5, h6 {font-weight: 400; font-family: 'futura-100'; text-transform: uppercase;}

/**/
form, fieldset {width:100%; display: block;}
label {font-family: 'futura-100'; text-transform: uppercase;}
textarea, select, input {font-size: 1.2rem; color: #fff; font-family: 'futura-100';}
textarea {resize: none;}
select {padding: 0 24px; border: none; -webkit-appearance: none; -moz-appearance: none; appearance: none;}
select::-ms-expand {display: none;}
select:focus {outline: none;}
input {padding: 0 24px; border: none; background: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none;}
input::-ms-clear {display: none;}
input:focus {outline: none;}
button {font-family: 'futura-100'; font-weight: 400; text-decoration: none; display: inline-block; outline: none; cursor: pointer;}
button:focus {outline: none;}
a {color: #fff; text-decoration: none; display: inline-block; outline: none;}
a:focus {outline: none;}

/* root */ 
:root {
--hel : 'helvetica-neue-lt-pro', sans-serif;
--fut : 'futura-100', sans-serif;
--rbt : 'roboto', sans-serif;
}

.s_link {position:absolute; left:0; bottom:0; right:0; top:0; text-indent:-99999px; z-index:10; background:#ffffff; opacity: 0; filter: alpha(opacity=0); font-size:0;}
.dimmed {display:none; width: 100%; height: 100%; background:rgba(0, 0, 0, 0.6); position: fixed; left: 0; top: 0; z-index: 10;}
.inner {max-width:1674px; margin:0 auto; padding-left:2.4rem; padding-right:2.4rem;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}
.obj {position:absolute;}
.fadeInUp {animation-duration:0.5s;}

.cha {position:absolute; animation-fill-mode: forwards !important;}

.obj_wrap {position:absolute; top:0; bottom:0; width:50%;}
.obj_wrap > img {position:absolute; animation: float 3.5s ease-in-out infinite;}
.obj_wrap_l {left:0;}
.obj_wrap_r {right:0;}

.obj_l01 {width:6.15%; left:64.4%; top:9.5%;}
.obj_l02 {width:15.03%; left:17.05%; top:22.21%; animation-delay:0.2s !important;}
.obj_l03 {width:9.42%; left:9.19%; top:40.92%; animation-delay:1s !important;}
.obj_l04 {width:5.91%; left:26.4%; top:36.71%; animation-delay:0.4s !important;}
.obj_l05 {width:14.09%; left:42.26%; top:32.35%; animation-delay:0.8s !important;}
.obj_l06 {width:11.29%; left:24.45%; top:57%; animation-delay:0.6s !important;}
.obj_l07 {width:13.55%; left:44%; top:58.57%; animation-delay:0.4s !important;}
.obj_l08 {width:23.98%; left:16.12% ; top:72.42%; animation-delay:0.2s !important;}

.obj_r01 {width:13.62%; right:39.25%; top:14.14%;}
.obj_r02 {width:12.3%; right:0.85%; top:12.71%; animation-delay:0.2s !important;}
.obj_r03 {width:14.09%; right:14.71%; top:22.85%; animation-delay:1s !important;}
.obj_r04 {width:8.72%; right:9.96%; top:42.64%; animation-delay:0.4s !important;}
.obj_r05 {width:6.85%; right:52.49%; top:50.71%; animation-delay:0.8s !important;}
.obj_r06 {width:19.15%; right:27.41%; top:53.21%; animation-delay:0.6s !important;}
.obj_r07 {width:16.35%; right:1.71%; top:68.85%; animation-delay:0.4s !important;}
.obj_r08 {width:7.63%; right:56.23%; top:66.5%; animation-delay:0.2s !important;}
.obj_r09 {width:8.87%; right:35.12%; top:88.57%;}

.obj_l09 {width:8.33%; left:69.7% ; top:9.55%;}
.obj_l10 {width:15.03%; left:9.5% ; top:24.31%; animation-delay:0.2s !important;}
.obj_l11 {width:5.84%; left:0.7% ; top:41.33%; animation-delay:1s !important;}
.obj_l12 {width:11.21%; left:19.93% ; top:47.03%; animation-delay:0.4s !important;}
.obj_l13 {width:39.25%; left:54.2% ; top:57.86%; animation-delay:0.8s !important;}
.obj_l14 {width:6.46%; left:6.54% ; top:85.55%; animation-delay:0.6s !important;}

.obj_r10 {width:15.34%; right:4.2% ; top:19.1%;}
.obj_r11 {width:8.48%; right:18.14% ; top:20.78%; animation-delay:0.2s !important;}
.obj_r12 {width:7.24%; right:25.15% ; top:42.37%; animation-delay:1s !important;}
.obj_r13 {width:13.55%; right:18% ; top:62.76%; animation-delay:0.6s !important;}




header {position:absolute; top:0; right:0; left:0; z-index: 12; background:url('/images/event/2026/landing/line_color.jpg') -3.6rem 0 repeat-x; background-size: auto 0.4rem; padding-top:0.4rem;}
header h1 {display:inline-block; position:absolute; top:50%; left:2rem; margin-top:-15px;}
header .date {font-size:34px; font-weight:700; letter-spacing:0.05em; height:9.6rem; display:flex; align-items:center; justify-content:center; background:url('/images/event/2026/landing/ptn.png') 0 0 repeat-x;}
header .date span {background: linear-gradient(to bottom, #dbffff, #9bfae0, #06845c); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.75));}
header .btn_close {box-shadow:0 4px 3px rgba(0, 0, 0, 0.5); border-radius:2rem; font-size:0; position:absolute; top:2.2rem; right:3rem; width:6rem; height:6rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/event/2026/landing/btn_close.png'); font-size:0; color:transparent; background-size:100% auto;}
header .btn_close:hover {background-position:0 100%;}

.all_wrap {text-align:center; background:url('/images/event/2026/landing/bg.jpg') center 0 repeat-y; background-size:contain; overflow:hidden;}

.section01 {background:url('/images/event/2026/landing/bg_shd.png') center 0 no-repeat , url('/images/event/2026/landing/bg.jpg') center 0 repeat-y; position:relative; background-size:cover; z-index:1; padding-bottom:9.6rem;}
.section01 .title_wrap { margin:0 auto; padding:17.6rem 9.6rem; display:flex; align-items:center; justify-content:center;}
.section01 .title {margin:2.4rem auto 11.6rem; position:relative; }
.section01 .desc .tit01 {font-size:58px; font-weight:700; text-transform:uppercase; }
.section01 .desc .tit01 br {display:none;}
.section01 .desc .tit01 span {background: linear-gradient(to bottom, #ffffff, #a8a8a8, #ffffff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.5));}
.section01 .desc .tit02 {margin-top:2rem;}
.section01 .desc .tit03 {margin-top:2px; font-size:38px; font-weight:700; text-transform:uppercase; }
.section01 .desc .tit03 span {background: linear-gradient(to bottom, #f2ff92, #e29208); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 5px 10px rgba(0, 0, 0, 0.75));}
.section01 .logo {display:inline-block; position:relative;}
.section01 .logo:before, .section01 .logo:after {content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section01 .logo:before {width: 128.15%; height: 129.105%; background-image:url('/images/event/2026/landing/tg_frame.png'); top: -10%; left: -14%;}
.section01 .logo:after {width: 185.186%; height: 186.196%; background-image:url('/images/event/2026/landing/tg_fire.png'); top: -40%; left: -42%; mix-blend-mode:screen; animation: smoke 3s ease-out infinite; transform-origin: center;}
.section01 .logo .logo_img {position:relative; z-index:1; }
.section01 .logo .fire {position:absolute; z-index:0; max-width:none;     mix-blend-mode: screen; }
.section01 .logo .fire01 {top: -45%; left: -144%; animation: galaxySpread 15s ease-out infinite; transform-origin: right center;}
.section01 .logo .fire02 {top: -9%; right: -144%; animation: galaxySpread02 15s ease-out infinite; transform-origin: left center;}


.section02 {padding-bottom:20rem; position:relative;}
.section02 .location_area {height:120px; margin-bottom:10rem; background:url('/images/event/2026/landing/ptn02.png') 0 0 repeat; position:relative;}
.section02 .location_area .inner {display:flex; align-items:center; align-items:center; justify-content:center;  height:100%;}
.section02 .location_area .txt {font-size:24px; font-weight:500; text-transform:uppercase; letter-spacing:0.02em; background: linear-gradient(to bottom, #b3f9e3, #40ebb5); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(0 2px 2px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 1rem rgba(0, 0, 0, 0.5));}
.section02 .btn_location {padding-bottom:2px; text-transform:uppercase; display:inline-flex; align-items:center; justify-content:center; font-size:20px; font-weight:600; letter-spacing:0.02em; margin-left:5rem; box-shadow:0 4px 3px rgba(0, 0, 0, 0.5); border-radius:30px; width:200px; height:60px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/event/2026/landing/btn_location.png');}
.section02 .btn_location span {background: linear-gradient(to bottom, #000, rgba(255, 255, 255, 0)) , #113f30; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 0 5px rgba(255, 255, 255, 0.3));}
.section02 .btn_location span:before {vertical-align: middle; position: relative; top: -1px; margin-right:1rem; content:''; display:inline-block; width:19px; height:25px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/event/2026/landing/icon_map.png');}
.section02 .btn_location:hover {background-position:0 100%;}
.section02 .btn_location:hover span {background:#fff; filter:none;}
.section02 .btn_location:hover span:before {background-position:0 100%;}

.section02 .intro {position:relative; padding:0 3.6rem; font-size:0; background:url('/images/event/2026/landing/frame_rt.png') right 0 top 0 no-repeat , url('/images/event/2026/landing/frame_lb.png') left 0 bottom 0 no-repeat; }
.section02 .intro:before {content:''; display:block; position:absolute; bottom: 7%; left: 11.5%; width: 30.997%; height: 33.334%; background:url('/images/event/2026/landing/obj_l13.png') 0 0 no-repeat; background-size:100% auto;}
.section02 .intro .vod {display:inline-block; vertical-align:top; position:relative; width:52.51%; background:url('/images/event/2026/landing/bg_vod.png') 0 0 no-repeat; background-size:100% auto;}
.section02 .intro .vod:after {content:''; display:block; padding-bottom:59.315%;}
.section02 .intro .vod > img , .section02 .intro .vod iframe {position:absolute; top: 5.372%; left: 3.187%;  width:93.626%; height:89.256%;}
.section02 .intro .vod .play-btn {width:10rem; height:10rem; position:absolute; top:50%; left:50%; margin-top:-5rem; margin-left:-5rem; background-color:rgba(255, 255, 255, 0); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/event/2026/landing/btn_play.png'); border-radius:50%; box-shadow:0 0 1.5rem rgba(0, 0, 0, 0.5);}
.section02 .intro .vod .play-btn:hover {background-position:0 100%; box-shadow:none;}
.section02 .intro .desc {position:relative; word-break: break-word; padding-top:6rem; display:inline-block; vertical-align:top; padding-left:5%; width:47.49%; font-size:22px; font-weight:400; color:#d1d1d1; font-family:var(--hel); letter-spacing:0.02em; line-height:1.5; text-align:left;}
.section02 .intro .desc span {color:#8ff4d1;}

.section03 {position:relative;}
.section03 .tit {z-index: 2; padding-bottom:2px; margin:-48rem auto 4rem; background:url('/images/event/2026/landing/bg_prize_txt.png') 0 0 no-repeat; text-transform:uppercase; background-size:100% auto; border-radius:3rem; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.75); width:50.8rem; height:6rem; display:flex; align-items:center; justify-content:center; font-size:26px; font-weight:700; letter-spacing:0.04em; position:relative;} 
.section03 .tit span {background: linear-gradient(to bottom, #f5ff8a, #ff970d , #f9ef90); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.75));}
.section03 .list {position:relative; z-index: 2; max-width:1080px; margin:0 auto;}
.section03 .list li {margin:0 2rem; width:calc((100% - 12rem) / 3); margin-bottom:4rem; position:relative; display:inline-block; vertical-align:top;}
.section03 .list li:after {content:''; display:block; padding-bottom:56.25%;}
.section03 .list .con {display:flex; align-items:center; justify-content:center; position:absolute; top:0; left:0; width:100%; height:100%; background: rgba(0, 0, 0, 0.8) url(/images/event/2026/landing/bg_prize.png) 0 0 no-repeat; background-size:100% auto !important;}
.section03 .list .rank {padding-top:1rem; font-size:20px; font-weight:700; width:9.6rem; height:9.2rem; position:absolute; top:-0.4rem; left:1.2rem; display:flex; align-items:flex-start; justify-content:center; text-transform:uppercase; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; background-image:url('/images/event/2026/landing/bg_rank.png');}
.section03 .list .rank span { background: linear-gradient(to right, #7d0303 45%, #000000); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section03 .list .rank span font {display: inline-block; vertical-align: middle; font-size:36px; background: linear-gradient(to bottom, #7d0303 45%, #000000); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section03 .prize {font-size:40px; font-weight:700; letter-spacing:0.04em; text-transform:uppercase;}
.section03 .prize span { filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 2rem rgba(0, 0, 0, 0.5)); background: linear-gradient(to bottom, #e9ffa6, #ff9c13); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section03 .list li:nth-child(n+4):nth-child(-n+6) .prize span {background: linear-gradient(to bottom, #fff, #c4c4c4); }
.section03 .list li:nth-child(n+4):nth-child(-n+6) .rank {background-image:url('/images/event/2026/landing/bg_rank_b.png');}
.section03 .list li:nth-child(n+4):nth-child(-n+6) .rank span {background: linear-gradient(to bottom, #ffffff, #a8a8a8); filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.75));}
.section03 .list li:nth-child(n+4):nth-child(-n+6) .rank span font {background: linear-gradient(to bottom, #ffffff, #a8a8a8);}

.section03 .mvp {position:relative; display:flex; align-items:center; justify-content:center; height:17.9rem; background:url('/images/event/2026/landing/bg_mvp.png') center center no-repeat; z-index:1; background-size: auto 100%;}
.section03 .mvp .prize span {background: linear-gradient(to bottom, #a9e7ff, #3e83aa);}
.section03 .mvp .txt {font-weight:700; letter-spacing:0.02em; text-transform:uppercase; font-size:24px; padding-bottom:2rem; color:#00202c; position:absolute; top:-0.6rem; left:50%; margin-left:-6.35rem; display:flex; align-items:center; justify-content:center; width:12.7rem; height:6.5rem; background:url('/images/event/2026/landing/bg_rank_mvp.png') 0 0 no-repeat; background-size:100% auto;}

.section03 .trophy {display:inline-block; position:relative; z-index:1;}
.section03 .trophy:before, .section03 .trophy:after { content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .trophy:before {z-index:-1; width: 517.742%; height: 134.803%; background-image:url('/images/event/2026/landing/bg03.png'); top:-13%; left:47%; transform:translate(-50% , 0); /* animation: blink-2 5s infinite; */}
.section03 .trophy:after {mix-blend-mode: screen; top: -30%; left: -82%; width: 286.09%; height: 76.768%; background-image:url('/images/event/2026/landing/fire_effect.png'); pointer-events: none; opacity:0; }
.section03 .trophy > img {mix-blend-mode: screen;}
.animated .trophy:after {animation: burst 0.3s 0.2s cubic-bezier(.2,.8,.2,1);     animation-fill-mode: forwards !important;} 
.animated .trophy .light {position:absolute; width:100%; height: 47.843%; animation: tp 3s infinite;}

.section03 .ribbon_wrap {top:0; bottom:0; position:absolute; width:calc((100% - 940px) / 2); z-index:2; padding-top:5.6rem; min-width: max-content; overflow:hidden;}
.section03 .ribbon_wrap:before {z-index:1; content:''; display:block; position:sticky; top:-2px; width:100%; height:1.5rem; background-repeat:no-repeat; background-position:right 0; background-size:auto 100%; background-image:url('/images/event/2026/landing/bar_flag.png');}
.section03 .ribbon_l {left:0; text-align:right;}
.section03 .ribbon_l:before {right:0;}
.section03 .ribbon_r {right:0; text-align:left;}
.section03 .ribbon_r:before {left:0; transform:scaleX(-1);}
.section03 .ribbon_wrap img {position:sticky; top:0; margin-top:-0.7rem; max-width:15rem; transform-origin:top;   transform: translateY(-160%); opacity: 0;}
.section03 .ribbon_l img {margin-right:1.7rem;}
.section03 .ribbon_r img {margin-left:1.7rem; }
.section03 .ribbon_wrap.fixed {position:fixed; padding-top:0;}
.section03.animated .ribbon_wrap .ribbon01 {animation:dropFast 1s ease-in forwards ,sway 4s 1.2s infinite; }
.section03.animated .ribbon_wrap .ribbon02 {animation:dropFast 1s 0.1s ease-in forwards ,sway 4s 1.2s infinite; }

.section04 {padding:20rem 0 10rem; position:relative;}
.section04:before {content:''; display:block; position:absolute; top:0; left:0; right:0; bottom: -28%; background:url('/images/event/2026/landing/bg04.png') center center no-repeat; background-size:auto 100%; }
.section04:after {content:''; display:block; position:absolute; left:0; bottom:0; height:0.4rem; right:0;background:url('/images/event/2026/landing/line_color.jpg') -3.6rem 0 repeat-x; background-size: auto 100%;}
.section04 .inner {max-width:1520px;}
.section04 .flag .list {font-size:0; margin-left:-10rem; z-index:3; position:relative;}
.section04 .flag .list li {display:inline-block; vertical-align:top; width:calc(100% / 3); padding-left:10rem; margin-bottom:10rem;}
.section04 .flag .list .con {position:relative; clip-path: polygon(0 0, 100% 18%, 100% 100%, 0% 100%);     background-repeat:no-repeat; background-position:86% 16%;}
.section04 .flag .list .con .s_link {right:auto; bottom:auto; width:98%; height:95%;}
.section04 .flag .list .con .name {padding-right:5rem; position:absolute; right:2%; bottom:4%; font-size:20px; text-transform:uppercase; font-weight:700; letter-spacing:0.05em; text-align:right; }
.section04 .flag .list .con .name font {line-height:1.3; filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.75)); background: linear-gradient(to bottom, #fff, #a8a8a8); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section04 .flag .list .con .name:before {position:absolute; right:0; top: 50%; margin-top: -2rem; box-shadow:0 0.4rem 0.3rem rgba(0, 0, 0, 0.5); width:4rem; height:4rem; content:''; display:inline-block; vertical-align:middle; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/event/2026/landing/btn_more.png'); border-radius:1.4rem; background-size:100% auto;}
.section04 .flag .list .con:hover .name:before {background-position:0 100%;}

.section04 .flag .list .traz .con {background-image:url('/images/event/2026/landing/flag_traz_ani.png');}
.section04 .flag .list .th .con {background-image:url('/images/event/2026/landing/flag_th_ani.png');}
.section04 .flag .list .id .con {background-image:url('/images/event/2026/landing/flag_id_ani.png');}
.section04 .flag .list .ru .con {background-image:url('/images/event/2026/landing/flag_ru_ani.png');}
.section04 .flag .list .br .con {background-image:url('/images/event/2026/landing/flag_br_ani.png');}
.section04 .flag .list .ph .con {background-image:url('/images/event/2026/landing/flag_ph_ani.png');}

.section05 {padding:10rem 0; position:relative;}
.section05 ul {max-width:830px; display:flex; margin:0 auto; align-items:center; justify-content:space-between;}
.section05 li {display:inline-block; vertical-align:top; animation: float 3.5s ease-in-out infinite;}
.section05 li a {display:block; position:relative; z-index:1; }
.section05 li a:before {content:''; z-index:-1; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section05 li a:after {transition:all ease-in-out 0.2s; opacity:0; content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/event/2026/landing/bg_on.png');}
.section05 li.pb a:before {background-image:url('/images/event/2026/landing/icon_pb.png');}
.section05 li.yb {animation-delay:0.3s;}
.section05 li.yb a:before {background-image:url('/images/event/2026/landing/icon_yb.png');}
.section05 li.fb {animation-delay:0.6s;}
.section05 li.fb a:before {background-image:url('/images/event/2026/landing/icon_fb.png');}
.section05 li a:hover:before {background-position:0 100%;}
.section05 li a:hover:after {opacity:1;} 


footer {padding:0 2.4rem 9.6rem; text-align:center; font-size:16px; color:#a7a7a7; font-family:'Roboto';}
footer a {margin-bottom:1.2rem;}
footer a:before, footer a:after {position:relative; top:5px; margin:0 3.2rem; content:''; display:inline-block; vertical-align:middle; width:4.5rem; height:1.4rem; background:url('/images/event/2026/landing/obj_footer.png') 0 0 no-repeat; background-size:100% auto;}
footer a:after {transform:scaleX(-1);}

.btn_top {z-index:10; font-size:16px; padding-top:2.8rem; color:#022318; font-weight:700; text-transform:uppercase; position:fixed; bottom:3rem; right:3rem; box-shadow:0 4px 3px rgba(0, 0, 0, 0.5); border-radius:2rem; width:6rem; height:6rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/event/2026/landing/btn_top.png'); background-size:100% auto;}
.btn_top:hover {background-position:0 100%; color:#fff;}

 

@media screen and  (max-width: 2200px){
}	

@media screen and  (max-width: 1920px){
}
	
@media screen and  (max-width: 1500px){
.section01 .logo .fire01 {width: 191.112%;}
.section01 .logo .fire02 {width: 191.112%;}
.section01 .logo {height:68%; max-height:536px;}
.section01 .logo .logo_img {height:100%;}
.section04 .flag .list .con {    background-size: 91% auto;}
}	

@media screen and  (max-width: 1320px){
.section04 {padding:10rem 0;}	
.section04 .flag .list {margin-left:-5rem;}
.section04 .flag .list li {padding-left:5rem; margin-bottom:5rem;}
}

@media screen and  (max-width: 1280px){

.section01 .desc .tit02 img {height:13rem; max-width:none;}

.section02 .intro {padding:0; background:none;}	
.section02 .intro .vod {display:block; width:100%; max-width:816px; margin:0 auto;}
.section02 .intro .desc {display:block; width:100%; padding:5rem 3.2rem 0;}

.section03 .ribbon_wrap { padding-top:0;}
.section03 .ribbon_l {left:-6rem;}
.section03 .ribbon_r {right:-7rem;}
.section03 .inner {padding-top:19rem;}


	
}
	
@media screen and  (max-width: 1023px){
header h1 {position:static; margin:2.6rem auto 0; display:block; text-align:center;}
header .date {padding:0 3.6rem; justify-content:flex-start;}

.section01 {padding-top:24rem;}	
.section01 .title_wrap {height:auto; display:block; padding:0;}
.section01 .desc {margin-top: 9rem;}
.section01 .desc .tit01 {line-height:1.1;}
.section01 .desc .tit01 br {display:block;}
.section01 .desc .tit03 {margin-top:3rem;}
.section01 .logo {height:auto;}
.section01 .logo .logo_img {height:auto;}
	

.section02 .location_area {height:16.8rem;}
.section02 .location_area .inner {flex-direction:column;}
.section02 .btn_location {margin-left:0; margin-top:2rem;}

.section03 .list {padding:0 3.2rem;}
.section03 .list li {display:block; width:auto; margin-left:auto; margin-right:auto; margin-bottom:2rem; max-width:558px;}
.section03 .list li:after {padding-bottom: 21.506%;}
.section03 .list .con {background:rgba(0, 0, 0, 0.8) url(/images/event/2026/landing/bg_prize_m.png) 0 0 no-repeat;}
.section03 .ribbon_wrap.fixed {position:absolute;}

.section04 {padding-top:8.6rem;}
.section04 .flag {padding:0 3.2rem;}
.section04 .flag .list li {width:50%;}

.section05 ul {padding:0 1.7rem;}
.section05 li {margin:0 1.5rem;}




}

	
@media screen and  (max-width: 960px){
.section01 .howto .desc01 .txt br {display:none;}
}	
	

@media screen and  (max-width: 768px){
html {font-size:32%;}
header .date {font-size:4rem; background-size:4rem auto;}
footer {font-size:2.3rem;}
footer img {width:100px;}
.btn_top {font-size:2.3rem;}

.section01 .title_wrap .logo .logo_img {max-width:54rem;}
.section01 .desc .tit01 {font-size:6.7rem;}
.section01 .desc .tit03 {font-size:4.7rem;}

.section02 .location_area {background-size:4rem auto; height:auto; padding:3.5rem 0;}
.section02 .location_area .txt {font-size:3.3rem;}
.section02 .btn_location {width:133px; height:40px; background-size:100% auto; font-size:2.9rem;}
.section02 .btn_location span:before {width:13px; height:17px; background-size:100% auto;}
.section02 .intro .desc {font-size:3.1rem;}

.section03 .trophy > img {max-width:80%;}
.section03 .tit {margin-top:-72rem; font-size:2.7rem; padding-bottom:0;}
.section03 .list .rank {font-size:2.3rem;}
.section03 .list .rank span font {font-size:3.5rem;}
.section03 .prize {font-size:4.9rem;}
.section03 .mvp .txt {font-size:3.3rem;}

.section04 {padding-bottom:6.8rem;}
.section04 .flag .list {margin-left:-1.8rem;}
.section04 .flag .list li {padding-left:1.8rem; margin-bottom:1.8rem;}
.section04 .flag .list .con .name {font-size:2.5rem;}
.section04 .flag .list .con .name:before {border-radius:0;}
.section04 .flag .list .con .name font {line-height:1;}
}

@media screen and  (max-width: 500px){

}

@media screen and  (max-width: 370px){
header .date {font-size:3.3rem;}	
.sub_tit h3 {font-size:4.6rem;}	
.nation input[type=radio] + label span font {font-size:2.4rem;}
.section01 .desc .tit02 img {height:10rem;}
}

@keyframes fil {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
     filter: blur(40px);
    opacity: 0;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
     filter: blur(0);
    opacity: 1;
  }
}

@keyframes fir {
  from {
    opacity: 0;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
     filter: blur(40px);
    opacity: 0;
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
     filter: blur(0);
    opacity: 1;
  }
}

@keyframes rotate01 {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

@keyframes rotate02 {
    from {
        transform:rotate(360deg);
    }
    to {
        transform:rotate(0deg);
    }
}

@keyframes smoke {
   0% {
        transform: scale(1);
        opacity: 0;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: scale(1.1);
        opacity: 0;
    }
}

@keyframes galaxySpread {
    0% {
        transform: translateX(0) scaleX(0.9) scaleY(1);
        opacity: 0.5;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: translateX(4rem) scaleX(1.2) scaleY(1);
        opacity: 0.5;
    }
}

@keyframes galaxySpread02 {
    0% {
        transform: translateX(0) scaleX(0.9) scaleY(1);
        opacity: 0.5;
    }

    30% {
        opacity: 1;
    }

    100% {
        transform: translateX(-4rem) scaleX(1.2) scaleY(1);
        opacity: 0.5;
    }
}

@keyframes float {
	0% {opacity:1;}
  50% {
     transform: translate(0, 1.5rem);
     opacity:1;
  }
  100% {opacity:1;}
}

@keyframes blink-2 {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
  100% {
    opacity: 1;
  }
}

@keyframes flame {
  0% {
    transform: scale(0) rotate(-1deg);
    opacity: 0.8;
  }
  50% {
    transform: scale(1) rotate(2deg);
    opacity: 1;
  }
  100% {
    transform: scale(0.95) rotate(-1deg);
    opacity: 0.9;
  }
}


@keyframes burst {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  100% {
    transform: scale(1);
    opacity: 1;
  }
}

@keyframes sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(2deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-2deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

@keyframes tp {
50% {transform: scale(1.05);}
}


@keyframes dropDown {
  0% {
    transform: translateY(-160%);
    opacity: 0;
  }
  70% {
    transform: translateY(0);
    opacity:1;
  }
  100% {
    transform: translateY(0);
     opacity: 1;
  }
}
@keyframes dropFast {
  0% {
    transform: translateY(-200%);
    opacity: 0;
  }
  60% {
    transform: translateY(0);
    opacity: 1;
  }
  80% {
    transform: translateY(-6px);
  }
  100% {
    transform: translateY(0);
     opacity: 1;
  }
}