@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Prompt:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Taviraj:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');
*, *::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;}
body {width: 100%; height: 100%; font-size: 1.4rem; color: #000; font-weight: 400; line-height: 1.1; text-align: center; font-family: 'Taviraj', sans-serif; background:#000;}
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-wr ap; border-collapse: collapse; border-spacing: 0;}
table caption {display: none;}
ul {font-size: 0;}
li {font-size: 1.6rem; letter-spacing: 0;}
img {line-height: inherit; vertical-align: top; -ms-interpolation-mode: bicubic !important; max-width:100%;}
h1, h2, h3, h4, h5, h6 {color: #fff; font-weight: 700;  font-family: 'Taviraj';}
a {color: #fff; font-weight: 400; text-decoration: none; font-family: 'Taviraj'; display: inline-block; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
a:focus {outline: none;}

.mobile {display:none;}
.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;}
.provider {line-height: inherit; vertical-align: top; -ms-interpolation-mode: bicubic !important; max-width:90%;margin: 0 auto;}

.inner {max-width:1226px; margin-left:auto; margin-right:auto;}
.dst {display:table; width:100%; height:100%;}
.dstc {display:table-cell; vertical-align: middle;}

.cha {position:absolute;}
.cha01 {right:4.87%; top:0; z-index: 2; max-width:859px; width:35.8%;}
.cha02 {bottom:0; left:7.5%; max-width:382px; width:15.9%;}
.cha03 {top:-130px ; left:-2.75%; max-width:584px; width:24.3%;}
.cha04 {bottom:-40px; right:3.9%; max-width:618px; width:25.75%;}
.ninja {z-index:2; top:-30rem; left:50%; transform: translate(-62%, 0); max-width:none; animation: ninja 1s cubic-bezier(0.230, 1.000, 0.320, 1.000) both;}

.animated.cha01 {animation: fir 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation-delay:0.2s;}
.animated.cha02 {animation: fil 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation-delay:0.2s;}
.animated.cha03 {animation: fil 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation-delay:0.2s;}
.animated.cha04 {animation: fir 0.6s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation-delay:0.4s;}

.smoke {position:absolute; animation: smoke 5s linear infinite; z-index:11; opacity: 0; animation-delay:0.5s; width:100%;}
.fadeInUp {animation-duration:0.5s;}


.container {overflow:hidden; background:; position:relative;}
.all_wrap {overflow:hidden;}
.all_wrap > div {position:relative;  background-size:cover; }

.sec_tit {display:inline-block;}
.sec_tit .tit {font-size:40px; color:#fff; font-weight:900; text-transform:uppercase; position:relative; word-break: break-word; text-shadow:0 0 2rem rgba(0 255 21 / 80%);}
.sec_tit .tit:before {z-index:-1; content:''; display:block; position:absolute; top:-9.6rem; left:50%; transform:translate(-50% , 0); width:45rem; height:19.4rem; background:url('https://i.gyazo.com/a9661fc1ed87039a3630c1d6de78f64d.png') 0 0 no-repeat; background-size:100% auto;}
.sec_tit .tit span {color:#ffefb8}
.sec_tit .txt {font-size:21px; color:#ffffff; line-height:1.4; margin-top:2.5rem;}

header { text-align:left; position:absolute; top:0; left:0; right:0;  z-index: 20; padding:3rem 3rem 0;}
header .btn_today {font-weight: 500; font-size:13px; color:#fff; font-family:'Prompt'; text-transform:uppercase; transition:none; text-align:center; line-height:5.4rem; position:absolute; top:3rem; right:3rem;}
header .btn_today:before {content:''; display:inline-block; vertical-align:top; top:0.5rem; position:relative; width:6.4rem; height:7.6rem; background:url('https://i.gyazo.com/6490caa3ba4728485fa6193cc7d2c053.png') 0 0 no-repeat; margin-right:-0.4rem;} 
header .btn_today:hover {text-shadow:0 0 1.6rem #ffcc50;}
header .btn_today:hover:before {background-position:0 -7.6rem;}
 
.section01 {text-align:center; background:#005903 url('https://i.gyazo.com/e8d0c392000238afcfda15e02c8faf36.jpg') 0 0 repeat;padding-bottom:5.6rem; overflow:hidden; height:1334px; padding-top: 64.2rem;}
.section01:before {content:''; display:block; z-index: 1; position: absolute; height:1334px; top:0;  width: 400em; background: url('https://i.gyazo.com/5983d49008fb90baa55c211d82258130.png') 0 0 repeat; animation: cloudLoop 200s linear infinite;}
.section01:after {content:''; display:block; position:absolute; top:2.32%; bottom:0; left:0; right:0; background:url('https://i.gyazo.com/0f0cacb5086f496dbc9bad431bc26d3c.png') center 0 no-repeat; position:absolute; z-index:1; /* background-size: 54% auto; */}
.section01 .tree {max-width:none; left:50%; transform:translate(-50% , 0); position:absolute; z-index:2; bottom:0; opacity:0; animation:fiu 0.5s;  animation-fill-mode: forwards; }
.section01 .tree01 {animation-delay:0.2s;}
.section01 .tree02 {z-index:3;}
.section01 .sec_tit {position:relative; z-index:3; margin-top:-2rem;}
.section01 .sec_tit .tit:before {left:-13.4rem; transform:none;}
.section01 .sword_wrap {position:absolute; bottom: -30%; right: -52%;}
.section01 .sword_wrap .smoke_wrap {opacity:0; animation: sword 0.2s; animation-fill-mode: forwards;  transition-timing-function: cubic-bezier(1, 0, 0.9, 0.3); animation-delay:0.5s;}

.section01 .sword_wrap .sword { display:inline-block;}
.section01 .sword_wrap .sword img {opacity:0; animation: sword 0.2s; animation-fill-mode: forwards;  transition-timing-function: cubic-bezier(1, 0, 0.9, 0.3); animation-delay:0.5s;}
.section01 .sword_wrap .sword:after {opacity:0; content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:url('https://i.gyazo.com/fd91a09df7eb8fc87c9f7060146801ba.png') 0 0 no-repeat;  z-index:2; animation: sword 0.2s; animation-fill-mode: forwards;  transition-timing-function: cubic-bezier(1, 0, 0.9, 0.3); animation-delay:0.5s;}
.section01 .sword_wrap .sword:before {animation: slide-in-blurred-bl 0.3s cubic-bezier(0.230, 1.000, 0.320, 1.000) both; animation-delay:0.55s; content:''; display:block; position:absolute; left:9%; bottom:14%; width:13.1rem; height:11.8rem; background:url('https://i.gyazo.com/24aa20c32830962895b4a40d244d1163.png') 0 0 no-repeat; background-size:100% auto; z-index:1;}
.section01 .title_wrap {display: inline-block; position:relative; z-index:3; max-width:100%;}
.section01 .title_wrap img {max-width:100%;}
.section01 .title_wrap .title {position:relative;}
.section01 .title_wrap .date {position:absolute; left:50%; transform:translate(-50% , 0); bottom:41%; font-size:19px; color:#ffefb8; font-weight:600;}


.section02 {}
.section02 .explan > ul {align-items: stretch; display:flex; font-size:0;}
.section02 .explan li {position:relative; display:inline-block; vertical-align:top; width:calc(100% / 3); padding-left:4.8rem; padding-right:4.8rem; flex-grow:1; background-repeat:no-repeat; background-position:center center; background-size:cover;} 
.section02 .explan .no {position:absolute; bottom:-9.2rem; left:0; font-size:400px; color:rgb(189 255 185 / 15%); font-weight:500; font-style:italic;}
.section02 .img {display:inline-block; max-width:100%;}
.section02 .explan .no01 {background-image:url('https://i.gyazo.com/9c8d768bed28592e3b36aaf825421c1a.jpg'); padding-bottom:5.6rem;}
.section02 .explan .no01:before {position:absolute; content:''; display:block; top:0; left:50%; transform:translate(-50% , 0); width:50.9rem; height:9.1rem; background:url('https://i.gyazo.com/1ac8ee4c334b534c3e6326726a1ce0ef.png') 0 0 no-repeat; background-size:100% auto;}
.section02 .explan .no02 {padding-top: 2.2%; /* padding-top:5.6rem; */ background-image:url('https://i.gyazo.com/1d5b9b8dc62998ad9a29ed60ca75bdb7.jpg');}
.section02 .explan .no03 {padding-top: 2.2%; /* padding-top:5.6rem; */ background-image:url('https://i.gyazo.com/59223cf3da77d4bf8caa5577c9dc4120.jpg');}
.section02 .explan .no03:before {position:absolute; content:''; display:block; top:0; bottom:0; right:0;  width:8.3rem; background:url('https://i.gyazo.com/a1a81a898068b778167cc9253987e0f0.png') center center no-repeat; background-size:100% auto;}
.section02 .desc .tit {line-height:1.1; text-transform:uppercase; color:#fff; font-size:40px; font-weight:900; font-style:italic; text-shadow:0 0 2.5rem rgba(0 255 21 / 80%);}
.section02 .desc .txt {font-size:22px; color:#ffb9b9; font-weight:600; text-transform:uppercase; font-style:italic; margin-top:1rem;}
.section02 .no01 .desc {margin-top:-20%;}
.section02 .no02 .img {max-width:50rem; display:block; position:relative; /* margin:9.4rem auto 0; */ margin:12.5% auto 0;}
.section02 .no02 .no {left:3rem;}
.section02 .no02 .img:before, .section02 .no02 .img:after {content:''; display:block; position:absolute; left:53%; transform:translate(-50% , 0);}
.section02 .no02 .img:before { background:url('https://i.gyazo.com/371263f77030863d6ed75a6badeecc0d.png') center 0 no-repeat; /* top:-8.7rem; width:57rem; height:49.6rem; */  width: 114%; height: 176.52%; top: -30.9%;  background-size:100% auto;}
.section02 .no02 .img:after {background:url('https://i.gyazo.com/62f22cbf731756e9ca5ad9985e4172e3.png') center 0 no-repeat; /* top:-5.4rem; width:63.8rem; height:39.9rem; */  width: 127.6%; height: 142%; top:-19.2%; background-size:100% auto;}
.section02 .no02 .img video {width:100%; position: relative;}
.section02 .no03 .desc .tit span {display:block; color:#ffb9b9; font-size:30px; text-transform:none;}
.section02 .no03 .no {left:3rem;}
.section02 .no03 .img {/* margin-top:3.2rem; */  margin-top: 4.25%; position:relative;}
.section02 .no03 .img .name {font-size:16px; color:#ffb9b9; font-weight:500; font-family:'Prompt'; position:absolute; right:0; bottom:16%; text-transform:uppercase;}

.section03 {background:url('https://i.gyazo.com/45edaf095e525eec92f86d8e8a3a29fb.png') center 0 no-repeat; height:903px; position:relative; padding:16rem 0; z-index:1;}
.section03:before, .section03:after {position:absolute; left:0; right:0; content:''; display:block; }
.section03:before {height:11.9rem; background:url('https://i.gyazo.com/8eb1e4cfa514f8fd155ab2ce012736bc.png') center bottom no-repeat; top:-11.9rem; }
.section03:after {height:12.3rem; background:url('https://i.gyazo.com/7e7b1f452e53290eee178017bae51d44.png') center 0 no-repeat; bottom:-12.3rem;}
.section03 .pass {position:relative; max-width:900px; margin:1rem auto 0;     z-index: 2;}
.section03 .pass ul {font-size:0;}
.section03 .pass li {display:inline-block; z-index:1; width:50%; vertical-align:top; text-align:center; position:relative;}
.section03 .pass li:before {z-index:-1; content:''; display:block; width:35.8rem; height:25.3rem; background:url('https://i.gyazo.com/2ac5a2701b000317304c0c25a88ea3cc.png') center 0 no-repeat; position:absolute; top:-35%; left:50%; transform:translate(-50% , 0); background-size:100% auto;}
.section03 .pass li.free:after {z-index:-2; content:''; display:block; width:34.7rem; height:33.6rem; background:url('https://i.gyazo.com/c8f04177d85aea8e054bdc95920c7adc.png') center 0 no-repeat; position:absolute; top:-58%; left:43%; transform:translate(-50% , 0); background-size:100% auto;}
.section03 .pass .tit {text-transform:uppercase; font-size:28px; color:#ffffff; font-weight:700;}
.section03 .pass .for {color:#35ff34; font-size:20px; font-weight:600; font-style:italic; text-transform:uppercase; margin:1.4rem auto; }
.section03 .pass .txt {font-size:18px; color:#e0e0e0; line-height:1.4;}
.section03 .pass .txt span {color:#fff;}
.section03 .vod {position:relative; max-width:64rem; margin:0 auto 10.5rem;}
.section03 .vod:before {content:''; display:block; position:absolute; top:50%; left:50%; transform:translate(-50% , -50%); background:url('https://i.gyazo.com/444cf584d21c510e733d7b6090ff48b8.png') 0 0 no-repeat; width:70.1rem; height:43.1rem;}
.section03 .vod:after {content:''; display:block; position:absolute; top:-8.8rem; left:-25rem; width:47.3rem; height:32.7rem; background:url('https://i.gyazo.com/1ccee1dd31e6e60125e06757e9344880.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .vod .thum {width:100%; position:relative; height:0; padding-bottom:56.25%; background:#000000; z-index: 1;}
.section03 .vod .thum img {position:absolute; top:0; left:0; width:100%; height:100%; opacity:0.5;}
.section03 .vod .s_link { z-index: 1; opacity:1; background:none;}
.section03 .vod .s_link:before {top:50%; left:50%; position:absolute; transform:translate(-50% , -50%); content:''; display:block; width:13.6rem; height:14.1rem; background-repeat:no-repeat; background-position:0 0; background-image:url('https://i.gyazo.com/f78f3098cf7400e2cc791abe74ab2159.png'); background-size:100% auto;}
.section03 .vod .s_link:hover:before {background-position:0 -14.1rem;}


.section04 {background:url('https://i.gyazo.com/6a22cfa6d04fa0c6e3038a9e7b329136.jpg') center center no-repeat; position:relative; padding:12rem 0 18rem; text-align:center;}
.section04 .mySwiper {overflow:hidden;  }
.section04 .motion_wrap {position:relative; margin-top:4.8rem;}
.section04 .motion_wrap .con {max-width:1024px; position:relative; height:0; padding-top:48%;     margin: 0 auto;}
.section04 .motion_wrap .con video {position:absolute; top:0; left:0; width:100.5%; height:100%;}
.section04 .sec_tit {position: relative; z-index: 1; margin-bottom:5.4rem;}
.section04 .sec_tit .tit {font-size:28px;}
.section04 .sec_tit .tit span {display:block; font-size:45px; margin-top:1rem;}
.section04 .sec_tit .tit:before {top:-7rem;}
.section04 .stat {position:absolute; bottom:3rem; right:1.4rem; z-index:12;}
.section04 .inner {max-width:1200px; position: relative;}
.section04 .motion_wrap:before {z-index: 11; content:''; display:block; position:absolute; width:118.25%; height:142.19%; top:50%; left:50%; transform:translate(-50% , -50%); background:url('https://i.gyazo.com/c46f902d49c49b74acbe2b2589f060f1.png') center center no-repeat;}

.section05 {background:url('https://i.gyazo.com/6295cce7e547ae45374f06c6cbb542a1.jpg') center center no-repeat; padding:12rem 0; /*  animation: bg-move 10s linear infinite; */}
.section05 .sec_tit {margin-bottom:3.6rem;}
.section05 .sec_tit .tit {font-size:34px; line-height:1.4; z-index:1;}
.section05 .sec_tit .tit:before {top:-6.5rem;}
.section05 .swiper-scrollbar-drag {background: rgba(236, 155, 155, 0.8); border-radius:0; border:1px solid #10ff00; border-radius:0.8rem;}
.section05 .swiper {overflow:hidden;  padding-top: 3.6rem;}
.section05 .swiper-scrollbar {display:none;}

.item_wrap {position:relative;  z-index:4; }
.item_wrap .swiper-pagination {position:relative; margin-top:3rem;}
.item_wrap .swiper-pagination-bullet {font-family:'Prompt'; position:relative; width:60px; height:40px; line-height:40px; font-size:13px; color:#77ff41; margin:0 1rem !important; font-weight:500; background:none; opacity:1 !important; box-shadow:inset 0 0 0 0.1rem #10ff00; border-radius:1rem;}
.item_wrap .swiper-pagination-bullet i {margin:0;}
.item_wrap .swiper-pagination-bullet-active {background:url('https://i.gyazo.com/f01b5739bdd9add9be9303961c91d4bc.png') 0 0 no-repeat; color:#fff; box-shadow:inset 0 0 0 0.3rem #fff;}
.item_wrap .swiper-pagination-bullet:hover {color:#fff; box-shadow:inset 0 0 0 0.1rem #fff; background:none;}
.swiper-button-next, .swiper-button-prev {z-index: 11; background-size:100% auto !important; margin-top:0;  top:50%; transform:translate(0 , -50%); font-size:0; display:block !important; height:9.5rem;  background-color:rgba(255, 255, 255, 0); width:9.1rem; background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer;}
.swiper-button-prev {left:-10.8rem; background-image:url('https://i.gyazo.com/7a9ca60bcdf48960d7db298b252c6b51.png');}
.swiper-button-next {right:-10.8rem; background-image:url('https://i.gyazo.com/f86acef5456efefd9de7241a51345e7c.png');}
.swiper-button-next:hover, .swiper-button-prev:hover  {background-position:0 -9.5rem;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {opacity:1; background-position:0 -19rem;}
.item_wrap .swiper-container-horizontal>.swiper-scrollbar {display:none; overflow: visible; border-radius:0; background:rgba(0, 0, 0, 0.5); bottom:0; height:3rem; border-top:1px solid rgba(246, 199, 214, 0.5); border-bottom:1px solid rgba(246, 199, 214, 0.5); padding:.4rem 0.2rem;  margin-right:2px; left:20%; width:59%;}

.item_wrap .swiper_wrap {position:relative;}
.item_wrap .item_list {}
.item_wrap .item_list li {width:20%;  position:relative; padding:0 1.5rem;}
.item_wrap .item_list li .con {position:relative;}
.item_wrap .item_list li .con:before {z-index:1; content:''; display:block; position:absolute; top:2.5rem; left:-2rem; right:-2rem; bottom:-2rem; background:url('https://i.gyazo.com/c58460256d202c2be54393911adc2fc9.png') center center no-repeat;}
.item_wrap .item_list li .con .item_box > div {z-index:2; position:relative;  padding: 0 15%;}
.item_wrap .item_list li .con .item .pic {max-width:150px; margin:0 auto; overflow:hidden; text-align:center; border-radius:1rem;  padding:0.2rem; box-shadow:0 0.2rem 0.3rem rgba(0, 0, 0, 0.3);     background: linear-gradient(to bottom, #e8bdbd, #ffffff);}
.item_wrap .item_list li .con .item .pic img {max-width:100%; border-radius:1rem;}
.item_wrap .item_list li .con .item .name {line-height:1.2; margin-top:2.5rem; text-transform:uppercase; color:#a33a3a; font-size:14px; font-weight:600; font-family:'Prompt'; margin-left:-15%; margin-right:-15%;}
.item_wrap .item_list li .con .item .name font {    position: relative; top: -1px; color:#fff; font-size:21px; display:inline-block; width:15px; font-weight:300; line-height:15px; border-radius:50%; text-align:center; vertical-align:middle; box-shadow:inset 0 0 0 0.1rem #fff; background:rgba(255, 255, 255, 0.2);}
.item_wrap .item_list li .con .item_box {background:linear-gradient(to bottom, #f0cece, #ffffff); padding-top:15%; padding-bottom:12.5%; border-radius:2rem 2rem 0 0; box-shadow:inset 0 0 0 0.3rem #fff;}
.item_wrap .item_list li .con .item_box.prem {margin-top:1rem; background:linear-gradient(to bottom, #f7e3e3, #941a1a); border-radius:0 0 2rem 2rem;}
.item_wrap .item_list li .con .item_box.prem .item .pic {background: linear-gradient(to bottom, #ffffff, #ffb9b9);}
.item_wrap .item_list li .con .item_box.prem .item .name {color:#fff;}
.item_wrap .item_list li .con .item_box.no_item {position:relative;}
.item_wrap .item_list li .con .item_box.no_item > div {position:absolute; top:1.8rem; bottom:1.8rem; left:1.8rem; right:1.8rem; background:url('https://i.gyazo.com/4cbdc41f1b4a6fee3b3750992957c85d.png') center center no-repeat;}
.item_wrap .item_list li .con .level {text-transform:uppercase; text-align:center; font-size:16px; color:#77ff41; font-weight:900; position:relative; z-index:1; margin-bottom:3.5rem;}
.item_wrap .item_list li .con .level:before {content:''; display:block; position:absolute; top:50%; left:50%; background:url('https://i.gyazo.com/c8d532c4e7d561666994d25085b552ab.png') 0 0 no-repeat; width:9.1rem; height:9.5rem; transform:translate(-50% , -50%); z-index:-1;}
.item_wrap .it_tit {position:absolute; top:13rem; left:-5.6rem; display:inline-block; font-size:16px; color:#f1d3d3; text-transform:uppercase; font-weight:900; padding-right:28px;     transform: rotate(-90deg); transform-origin: top;}
.item_wrap .it_tit:before {content:''; display:block;  position:absolute; top:50%; margin-top:-6px; right:0; background:url('https://i.gyazo.com/01f4caac7cfb1c53210524a28bb6b018.png') 0 0 no-repeat; width:19px; height:12px;}
.item_wrap .it_tit.pre {left: -7.8rem; color:#ffa4a4; top:auto; bottom:4.5rem; padding-right:0; padding-left:31px; }
.item_wrap .it_tit.pre:before {right:auto; left:0; background:url('https://i.gyazo.com/48d161d6597d1616479bb4c505f014c7.png') 0 0 no-repeat; width:21px; height:13px;}

.section06 {background:url('https://i.gyazo.com/423ae775a9025ff54604e93f00b31d32.jpg') center center no-repeat; padding:12rem 0 7rem;}
.section06 .inner {position:relative; z-index:1; max-width:1280px;}
.section06 .sec_tit .tit:before {top:-6.6rem;}
.section06 .item {margin-top:8rem;}
.section06 .list {font-size:0; position: relative;  z-index: 1;}
.section06 .list li {display:inline-block; margin:0 1.6rem 6.2rem;  animation: up 1.5s infinite;}
.section06 .list li .con {padding-top:2.4rem; position:relative; width:28.8rem; height:23.4rem; background:url('https://i.gyazo.com/f2b0f9f5bd13eab62414581a464a15c6.png') 0 0 no-repeat; background-size: 100% auto;}
.section06 .list li .con:before {content:''; display:block; position:absolute; left:50%; top:-2.4rem; transform:translate(-50% , 0); width:12.3rem; height:4.2rem; background:url('https://i.gyazo.com/f694dff910206138025c6c81343b3542.png') 0 0 no-repeat; background-size:100% auto;}
.section06 .list li .name {display:table; width:18.5rem; height:5.9rem; text-align:center; background:url('https://i.gyazo.com/6c5517ee32187a5f401052668650a214.png') 0 0 no-repeat; margin:0 auto; background-size:100% auto;}
.section06 .list li .name span {display:table-cell; vertical-align:middle; font-size:13px; color:#602f01; font-weight:700; font-family:'Prompt'; text-transform:uppercase; line-height:1.3;}
.section06 .list li:nth-child(1) {}
.section06 .list li:nth-child(2) {animation-delay:0.1s;}
.section06 .list li:nth-child(3) {animation-delay:0.2s;}
.section06 .list li:nth-child(4) {animation-delay:0.3s;}
.section06 .list li:nth-child(5) {animation-delay:0.4s;}
.section06 .list li:nth-child(6) {animation-delay:0.5s;}
.section06 .list li:nth-child(7) {animation-delay:0.6s;}
.section06 .list li:nth-child(8) {animation-delay:0.7s;}


.section07 {background:url('https://i.gyazo.com/e8547fdf35c15b1e0fecd8a404b54c4c.jpg') center center no-repeat; padding:12rem 0 26rem;    /*  animation: bg-move02 10s linear; animation-fill-mode: forwards; */}
.section07 .inner {max-width:none;}
.section07 .sec_tit .tit {position:relative; z-index:1;}
.section07 .sec_tit .txt {margin-top:1.8rem; position: relative;  z-index: 1;}
.section07 .btns_sns {margin-top:15rem;}
.section07 .sns_li {    transform-style: preserve-3d; transition: all 0.4s ease-in-out; padding-top:21.4rem; display:inline-block; text-transform:uppercase; color:#fff; vertical-align:top;  position:relative; z-index:1;  margin:0 2.2rem 2.2rem; width:21.5rem;}
.section07 .sns_li:before {content:''; z-index:-1; display:block; position:absolute; top:0; left:0; /* left:50%; transform:translate(-50% , 0); */ background-position:0 0; background-repeat:no-repeat; width:100%;  height:19.7rem; background-size:100% auto;}
.section07 .sns_li.sns_facebook {width:21.6rem;}
.section07 .sns_li.sns_facebook:before {background-image:url('https://i.gyazo.com/fbc43032d4539f8d9368c3449cfa3cb2.png');}
.section07 .sns_li.sns_youtube:before {background-image:url('https://i.gyazo.com/6d6750d1e079cda06ea8b296201305e9.png');}
.section07 .sns_li.sns_tiktok:before {background-image:url('https://i.gyazo.com/27bcd56265f5ba410c16c145390d516d.png');}
.section07 .sns_li.sns_insta:before {background-image:url('https://i.gyazo.com/16ac8caa45db8a059faf504bcba41d00.png');}
.section07 .sns_li.sns_discord:before {background-image:url('https://i.gyazo.com/73bfd1c6102b885737c4c1f8bc4157f1.png');}
.section07 .sns_li .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;}
.section07 .sns_li .name {font-size:20px; color:#ffb9b9; font-weight:700;}
.section07 .sns_li .txt {font-size:16px; color:#cbaaaa; font-family:'Prompt'; margin-top:0.8rem;}
/* .section07 .sns_li:hover:before {background-position:0 -20.1rem;  height:20.1rem; } */


.section07 .sns_li:after {transform: rotate3d(0,1,0,180deg); content:''; opacity:0; z-index:-2; display:block; position:absolute; top:0; left:0; /* left:50%; transform:translate(-50% , 0); */ background-position:0 -20.1rem;  background-repeat:no-repeat; width:100%;  height:19.7rem; background-size:100% auto;}
.section07 .sns_li.sns_facebook:after {background-image:url('https://i.gyazo.com/fbc43032d4539f8d9368c3449cfa3cb2.png');}
.section07 .sns_li.sns_youtube:after {background-image:url('https://i.gyazo.com/6d6750d1e079cda06ea8b296201305e9.png');}
.section07 .sns_li.sns_tiktok:after {background-image:url('https://i.gyazo.com/27bcd56265f5ba410c16c145390d516d.png');}
.section07 .sns_li.sns_insta:after {background-image:url('https://i.gyazo.com/16ac8caa45db8a059faf504bcba41d00.png');}
.section07 .sns_li.sns_discord:after {background-image:url('https://i.gyazo.com/73bfd1c6102b885737c4c1f8bc4157f1.png');}

.section07 .sns_li:hover {transform: rotate3d(0,1,0,-180deg);}
.section07 .sns_li:hover:after {z-index:-1; opacity:1;}
.section07 .sns_li:hover:before {opacity:0;}
.section07 .sns_li:hover .name {color:#fff; text-shadow:0 0 1rem #ffa405; transform: rotate3d(0,1,0,-180deg);}
.section07 .sns_li:hover .txt {color:#fff; transform: rotate3d(0,1,0,-180deg);}

.ie .section07 .sns_li {transform-style:none;}
.ie .section07 .sns_li:hover {transform:none;}
.ie .section07 .sns_li:hover .name {transform:none;}
.ie .section07 .sns_li:hover .txt {transform:none;}
.ie .section07 .sns_li:after {transform:none;}


footer {width: 100%; position: absolute; bottom:0; left:0; right:0; z-index: 3;  text-transform:uppercase; padding-bottom:6rem; font-family:'Roboto';}
footer > img {margin-bottom: 2rem;width: 10%;}
footer .footer {font-size: 12px; color: #ffffff; position: relative; z-index: 2;}
footer .footer .cs > a {color:#64ff63; font-family: 'Roboto';}
footer .footer .cs > a:hover {text-decoration: underline;}
footer .footer .copy {margin-top: 0.8rem; color:#b9b9b9;}


.btn_top {transition:none; padding-top:4.8rem; color:#fff; position:fixed; z-index:11; display:block; width:8.6rem; height:10.2rem; font-size:13px; color:#fff; font-weight:600; font-family:'Prompt'; text-transform:uppercase; right:2.4rem; bottom:2.4rem; background-image:url('https://i.gyazo.com/326f1b1ae8714870d191d402f87ba9a6.png'); background-repeat:no-repeat; background-position:0 0; background-size: 100% auto;}
.btn_top:hover {background-position:0 -10.2rem; text-shadow:0 0 1.6rem #ffcc50;}

/* pop-up */
.dimmed {display:none; width: 100%; height: 100%;  background: #000; opacity: 0.45; filter: alpha(opacity=45); position: fixed; left: 0;  top: 0;     z-index: 99;}
.pop-up {display:none; left:50%; top:50%; width:100%; margin-top:5rem; max-width:1240px; padding:2rem; background:url('https://i.gyazo.com/dc1d3e62a6328fe6f4c99e1e2ac3682b.jpg') center center no-repeat; background-size:cover; transform:translate(-50%, -50%); position: fixed;  z-index:100;}
.pop-up .pop-layout {position:relative; height:100%;}
.pop-up .pop-layout > h2 {letter-spacing:0.01rem; position:relative; color:#fff; font-size:20px; font-weight:700; padding:1.7rem; background:#689aff; top: -1px;}
.pop-up .pop-close {position:absolute; top:-15.6rem; right:-5.4rem; transition:none; width:13.6rem; height:14.1rem; font-size:0; background-repeat:no-repeat; background-position:0 0; background-image:url('https://i.gyazo.com/ff8f05f03cb3004566395449910a9148.png'); background-size:100% auto;}
.pop-up .pop-close:hover {transition:none; background-position:0 -14.1rem;}
.pop-up .video_wrap .video {overflow: hidden; position: relative;  height: 0;  padding-top: 56.25%; width:100%; }
.pop-up .video_wrap .video iframe {position: absolute; top: 0; left: 0; width: 100%; height:calc(100% - 1px);}


/**** ie *****/
.ie .mySwiper3 {overflow:hidden;}
.ie .item_wrap .swiper-pagination {left:0; right:0;}
.ie .sec_tit .tit span {color:rgba(255, 255, 225, 0.5);}

@media screen and (min-width: 2400px) {
.section01 .tree {width:100%;}
.section03:before, .section03:after {background-size:100% auto !important;}
}

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

}	

@media screen and (max-width: 1921px) {
.cha01 {right:0; width:681px;}
.cha02 {left:0; width:303px;}
.cha03 {left:-5%; width:462px;}
.cha04 {right:-3%; width:490px;}
.section02 .desc .tit {font-size:30px;}
.section02 .no03 .desc .tit span {font-size:22px;}
.section02 .desc .txt {font-size:18px;}
}



@media screen and (max-width: 1800px) {
.cha01 {right:-3%;}
.cha02 {left:-4.8rem;}
.cha03 {left:-16rem;}	

/* .pop-up {max-width:50%;}	*/
.section02 .desc .tit {font-size:30px;}
.section02 .desc .txt {font-size:16px;}
.section02 .no03 .img .name {font-size:12px;}
.section02 .explan li {padding-bottom: 2.2%;}
.section02 .explan .no {font-size:300px;}
.section02 .no03 .desc .tit span {font-size:22px;}
.section03:before, .section03:after {background-size:contain !important;}

.section01:after {background-size:auto;}

}

@media screen and (max-width: 1600px) {
.cha01 {right:-8%;}	
.cha02 , .cha03, .cha04 {display:none;}
	
.item_wrap .item_list li {padding:0 1.2rem;}

}

	


@media screen and (max-width: 1480px) {	
.cha01 {display:none;}
	
.item_wrap:before, .item_wrap:after {background-size:100% 100%;}
.item_wrap .item_list li .con .item_box.no_item > div { background-position:center center;}

.swiper-button-next {right:-5.4rem;}
.swiper-button-prev {left:-5.4rem;}

.section04 .motion_wrap:before {background-size:100% 100%;}


}	



@media screen and (max-width: 1440px) {	
header .bi img {width:200px;}
.inner {max-width:100%; padding-left:2.4rem; padding-right:2.4rem;}

.section01 {height:auto; padding-bottom:10rem;}

.section05 .inner {max-width:1200px;}
.section07 .btns_sns { max-width: 84rem;   margin-left: auto;  margin-right: auto;}



}	

@media screen and (max-width: 1280px) {	
header {text-align:center;}
header .btn_today {background:rgba(0, 0, 0, 0.5); position:fixed; bottom:2rem; left:0; top:auto; right:auto; border:1px solid rgba(255, 0, 0, 0.5); border-left:0; border-radius:0 1rem 1rem 0; padding-right:2rem; padding-left:1rem; text-shadow:0 0 1rem #b60e05;}	
header .btn_today:before {width:5rem; height:4.7rem; background:url('https://i.gyazo.com/7fb9b82e5fda6deaac22e27753bae25d.png') 0 0 no-repeat; background-size:100% auto; vertical-align: middle;  position: relative; top: 1px;}
header .btn_today:hover:before {background-position:0 0;}
.btn_top {font-weight:500; right:0; bottom:2rem; border:1px solid rgba(255, 0, 0, 0.5); border-right:0; width:auto; background:rgba(0, 0, 0, 0.5); padding-top:0; border-radius:1rem 0 0 1rem; padding-left:0.3rem; padding-right:1.7rem; text-shadow:0 0 1rem #b60e05; height:5.4rem; line-height:5.4rem;}
.btn_top:before {position: relative; top: -3px; content:''; display:inline-block; vertical-align:middle; width:5.7rem; height:5.9rem; background:url('https://i.gyazo.com/6492fbc7ae7c4cbfbeea537d0bb5acf3.png') 0 0 no-repeat; background-size:100% auto;}

.section01 {padding-top:65%; padding-bottom:0;}
.section01:after {background-size:100% auto; top:0; background-position:center 24%;}
.ninja {width:158%; top:-15%;}
.section01 .tree {width:130%; bottom:23%;}
.section01 .sec_tit {margin-top:0;}
.section01 .inner {   position:relative;     z-index: 3; padding-bottom:10rem; padding-top:5%;}
.section01 .inner:before {content:''; display:block; left:0; right:0; bottom:0; background:#003303; height:110%; position:absolute; }
.section01 .sec_tit .tit:before {left:50%;     transform: translate(-50%, 0);}
.section01 .sec_tit .tit span {display:block;}
.section01 .sword_wrap {bottom:50%; right:-15%;}

.swiper-button-next {right:-2.4rem;}
.swiper-button-prev {left:-2.4rem;}

.section05 .swiper-button-next, .section05 .swiper-button-prev {top:54%;}

.section05 .swiper-scrollbar {display:block; height:3rem; bottom:-4rem;  background:rgba(255, 255, 255, 0); border:1px solid #10ff00; position:relative; border-radius:1.5rem;    overflow:hidden;    z-index: 1; padding:0.5rem;}
.item_wrap .swiper-pagination {display:none;}


.pop-up {max-width:none; left:3.6rem; right:3.6rem; transform:translate(0 , -50%); width:auto;}


}


	
@media screen and (max-width: 1060px) {
.inner {padding-left:3rem; padding-right:3rem;}

.section01 .title_wrap {z-index:4;}
.section01 .sword_wrap {bottom: -19%; width: 20rem; /* right: 18%; */ left:50%; transform:translate(61% , 0);}
.section01 .sword_wrap .sword {width:100%;} 
.section01 .sword_wrap .sword:after {background-size:100% auto;}
.section01 .sword_wrap .sword:before {width:6.3rem; height:5.7rem; background-size:100% auto;}



.section02 .explan > ul {display:block;}
.section02 .explan li {width:100%; padding:5.6rem 4.8rem;}
.section02 .explan .no01 {padding-top:0;}
.section02 .explan .no02 {padding-top:5.6rem; padding-bottom: 14rem;}
.section02 .explan .no03 {padding-top:5.6rem;}
.section02 .no02 .img {margin-top:9.4rem;}
.section02 .no03 .img {margin-top:3.2rem;}
.section02 .explan .no {bottom:-7rem;}
.section02 .no03 .img .name {right:auto; left:50%; transform:translate(-50% , 0);}

.section03 {height:auto;}
.section03 .vod {margin-bottom:12.6rem;}
.section03 .vod:before {background-size: 100% auto;}
.section03 .pass li {display:block; width:100%; margin-top:7.2rem;}
.section03 .pass .tit {font-size:3.7rem;}
.section03 .pass .for {font-size:2.7rem;}
.section03 .pass .txt {font-size:2.5rem;}

.section04 {padding-bottom:4.8rem;}
.section04 .stat {position:static; margin-top:5.6rem;}


.item_wrap .item_list li .con:before {background-size:100% 100%;}
.item_wrap .item_list li .con .item_box.no_item > div {background-size:100% auto;}


}

@media screen and (max-width: 840px) {
.section01 .inner:before {height:102%;}
}	




/*** max-width 768 ***/
@media screen and (max-width: 768px) {
html {font-size:32%;}	
footer {padding-bottom:9rem; padding-left:1.2rem; padding-right:1.2rem;}

header .bi img {width:142px;}
header .btn_today {font-size:2.1rem; }
header .btn_today:before {top:0;}
.btn_top:before {top:-2px;}
.mobile {display:block;}


.sec_tit .tit {font-size:5.4rem;}
.sec_tit .tit span {display:block;}
.sec_tit .txt {font-size:2.7rem;         word-break: break-word;}
.sec_tit .txt br {display:none;}
.sec_tit .tit:before {top:-6.6rem;}

.section01 .title_wrap .date {font-size:2.8rem; left:0; right:0; transform:none; bottom:25%;}
.section01 {padding-top:77%;}
.section01 .sword_wrap {bottom:-42%; transform: translate(66%, 0);}
.ninja {top:-7%; width:165%;}

.section02 .explan .no {font-size:38rem; bottom:-9rem;}
.section02 .desc .tit {font-size:4.9rem;}
.section02 .desc .txt {font-size:3.1rem;}
.section02 .no03 .desc .tit span {font-size:3.9rem;}
.section02 .no03 .img .name {font-size:2.7rem;}

.section03 {padding:8rem 0;}

.section04 .sec_tit .tit {font-size:3.7rem;}
.section04 .sec_tit .tit span {font-size:5.4rem;}

.item_wrap .item_list li .con .level {font-size:2.5rem;}
.item_wrap .item_list li .con .item .name {font-size:2.3rem;}


.section05 .sec_tit .tit {font-size:4.3rem;}
.section05 .sec_tit .tit br {display:none;}
.section05 .swiper-horizontal>.swiper-scrollbar {width:85%;  left:50%; transform:translate(-50% , 0); }
.section05 .swiper-button-next, .section05 .swiper-button-prev {top:55%;}
.item_wrap { border-left:0; border-right:0;}
.item_wrap .it_tit {display:none;}
.item_wrap .item_list li .con .level:before {background-size:100% auto;}






footer > img {width:100px; }
footer .footer {position: relative; z-index: 2; font-size:2rem;}

.btn_top {font-size: 2.2rem; }
.btn_top:hover {background-position:0 0;}


.section06 .item {}
.section06 .list {}
.section06 .list li {width:auto;}
.section06 .list li .name {width:100%; height:6.9rem; background:none; padding: 0 2.4rem;}
.section06 .list li .name span {font-size:2rem; line-height:1;}
.section06 .list li .img {display:inline-block;}
.section06 .list li .img img {max-width:80%;}
.section06 .list li .con {    width: 22rem; height: 17.9rem; padding-top:1rem;}
.section06 .item {margin-left:-3rem; margin-right:-3rem;}
.section06 .list li {margin:0 0.8rem 4.8rem;}

.section07 .btns_sns {margin-top:8rem;}
.section07 .sns_li {background-size:100% auto; margin-bottom:5rem; width:18.5rem; margin-left:1.2rem; margin-right:1.2rem; padding-top:18.5rem;}
.section07 .sns_li.sns_facebook {width:18.5rem;}
.section07 .sns_li:after {background-position:0 -16.5rem; height:17rem;}
.section07 .sns_li:before {height:16.5rem;}
.section07 .sns_li .name {font-size:2.7rem;}
.section07 .sns_li .txt {font-size:2rem;}
.section07 .sns_li.sns_insta .txt {position:absolute; left: -4rem; right: -4rem; transform: none;}

/****** ie ******/
.ie .section06 .list li .img {display:block;}

}

@media screen and (max-width: 570px) {
.section01 .inner:before {height:80%;}	
.ninja {width:170%;}
}

@media screen and (min-width:1023px) and (max-height: 800px) {
.pop-up {max-width:50%; left:50%; right:auto; transform:translate(-50% , -50%); width:100%;}
}






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

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

@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 fiu {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
  }
}



.fdr {opacity:0; animation-name:fir; animation-duration:0.3s; animation-fill-mode: forwards;}
.fdl {opacity:0; animation-name:fil; animation-duration:0.3s; animation-fill-mode: forwards;}




@keyframes cloudLoop {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
} 

@keyframes smoke {
    0%{
        transform: translateY(50px) scaleX(1);
        opacity: 0;
    }

    15%{
        opacity: 1;
    }

    50%{
        transform: translateY(0) scaleX(1.5);
    }

    95%{
        opacity: 0;
    }

    100%{
        transform: translateY(-50px) scaleX(2);
	}
}

@keyframes sword {
  from {
    opacity: 0;
    -webkit-transform: translate3d(50%, -100%, 0);
    transform: translate3d(50%, -100%, 0);
  }

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

@keyframes slide-in-blurred-bl {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-50%, 100%, 0);
    transform: translate3d(-50%, 100%, 0);
  }

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