@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Anybody:ital,wght@0,100..900;1,100..900&family=Faustina:ital,wght@0,300..800;1,300..800&family=Sancreek&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; text-align: center; font-family: 'Anybody', 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-wrap ; 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: 'Anybody';}
a {color: #fff; font-weight: 400; text-decoration: none; font-family: 'Anybody'; display: inline-block; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
a:focus {outline: none;}

/* root */
:root {
--san : 'Sancreek', sans-serif;
--fau : 'Faustina', sans-serif;
--any : 'Anybody', sans-serif;
}

.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;}

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

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

.curve {position:absolute; bottom:0; left:0;}
.cha03 {bottom:-27rem; left:28rem;}
.cha06 {bottom:0; left:9rem;}
.cha07 {bottom:9rem; left:10.8rem; z-index:-1;}
.cha08 {bottom:1.2rem; right:-8rem; z-index:-1;}


.fadeInLeft, .fadeInRight {animation-duration:0.5s !important;}


  
.container {overflow:hidden; position:relative; background:#000;}
.all_wrap {overflow:hidden;}

header { text-align:left; position:absolute; top:0; left:0; right:0; z-index: 20; padding:3.6rem 58px 0;}
header .bi img {max-width:160px;}

.item_wrap {position:relative;  z-index:4;}
.item_wrap .swiper-pagination {position:absolute;  display:inline-block; bottom:-7.2rem; left:0; right:0;}
.item_wrap .swiper-pagination-bullet {width:auto; height:auto; border-radius:0; z-index:1; position:relative; margin:0 1rem !important; background:none; opacity:1 !important; }
.item_wrap .swiper-pagination-bullet:before { content:''; display:block; position:absolute; top:50%; right:-1.9rem; width:10px; height:10px; background:url('/images/common/event/2026/wild/page_obj.png') 0 0 no-repeat; background-size:100% auto; transform:translate(-50% , -50%);}
.item_wrap .swiper-pagination-bullet:last-child:before {display:none;}
.item_wrap .swiper-pagination-bullet span {font-size:16px; color:#d0ff51; font-weight:500; text-transform:uppercase; font-family:var(--any); width:60px; height:32px; display:inline-flex; align-items:center; justify-content:center;}
.item_wrap .swiper-pagination-bullet-active span {color:#fff; background:url('/images/common/event/2026/wild/bg_page.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .swiper-pagination-bullet:hover span {color:#fff;}
.item_wrap .swiper-pagination-bullet-active:hover span {color:#fff;}

.item_wrap .swiper-button-next, .item_wrap .swiper-button-prev {z-index: 11; margin-top:0;  top:50%; margin-top: -4.1rem; font-size:0; display:block !important; background-color:rgba(255, 255, 255, 0); width:6rem; height:8.6rem; background:none;}
.item_wrap .swiper-button-next span, .item_wrap .swiper-button-prev span {background-image:url('/images/common/event/2026/wild/item_arr.png'); background-size:100% auto !important; position: relative; z-index: 1; display: block; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer;} 
.item_wrap .swiper-button-next:before, .item_wrap .swiper-button-prev:before {transition:all ease-in-out 0.2s; opacity:0; position:absolute; z-index:-1; content:''; display:block; width:12.4rem; height:12.4rem; top:50%; left:50%; margin-left: -5.4rem; margin-top: -6.7rem; background:url('/images/common/event/2026/wild/bg_tem_arr.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .swiper-button-prev {left:-11.5rem;}
.item_wrap .swiper-button-next {right:-11.5rem; transform:scaleX(-1);}
.item_wrap .swiper-button-next:hover:before, .swiper-button-prev:hover:before  {opacity:1;}
.item_wrap .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;}

.item_wrap .swiper_wrap {position:relative;} 
.item_wrap .swiper_wrap .swiper {overflow:hidden;}
.item_wrap .item_list li {width:20%;  position:relative;}
.item_wrap .item_list li .con {position:relative; padding:0 1.1rem; }
.item_wrap .item_list li .con .item_box {position:relative; height:auto !important; z-index: 1; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/wild/bg_item_free.png'); backdrop-filter: blur(0.1rem);}
.item_wrap .item_list li .con .item_box:after {content:''; display: block; padding-bottom: 108.404%;}
.item_wrap .item_list li .con .item_box .item {position:absolute; top:0; left:0; width:100%; height:100%; padding-top:19%;}
.item_wrap .item_list li .con .item_box .pic {overflow:hidden; margin:0 auto; width:63.03%; position:relative;  background-repeat:no-repeat; background-position:0 0; background-size:100% auto; }
.item_wrap .item_list li .con .item_box .pic:before {z-index:1; border-radius:12px; content: ''; position: absolute; inset: 0; padding: 1px; background: linear-gradient(to bottom, #ffdd9b, #f3ff00);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.item_wrap .item_list li .con .item_box .pic:after {content:''; display: block; padding-bottom: 66.67%;}
.item_wrap .item_list li .con .item_box .pic img {width: 100%; height: 100%; position: absolute; left: 0; top: 0;}

.item_wrap .item_list li .con .name {text-shadow:0 1px 1px rgba(0, 0, 0, 0.7); padding: 0 9%; position: relative; word-break: break-word; font-size: 14px; line-height: 1.4; font-weight: 600; letter-spacing: 0.05em; color: #fff; width: 100%; display: flex; align-items: center; height: 47%; justify-content: center;}
.item_wrap .item_list li .con .name font {display:inline-block; vertical-align:middle; font-size:0; color:transparent; width:1.9rem; height:1.8rem; background:url('/images/common/event/2026/wild/img_font.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .item_list li .con .level {margin:1.2rem auto 1rem; position:relative; background:url('/images/common/event/2026/wild/bg_lv.png') center center no-repeat; display:flex; align-items:center; justify-content:center;}
.item_wrap .item_list li .con .level span {position:relative; display:flex; align-items:center; justify-content:center; font-size:18px; font-family:var(--san); color:#c3ef71; letter-spacing:0.05em; width:9rem; height:3.2rem; background:url('/images/common/event/2026/wild/bg_lv.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .item_list li .con .level span:before, .item_wrap .item_list li .con .level span:after {content:''; display:block; top:50%; margin-top:-0.35rem; position:absolute; width:5.6rem; height:0.7rem; background:url('/images/common/event/2026/wild/bg_lv_obj.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .item_list li .con .level span:before {left:-5.6rem;}
.item_wrap .item_list li .con .level span:after {right:-5.6rem; transform:scaleX(-1);}
.item_wrap .item_list li .con .level span font {color:#ffcd43; margin-left:0.5rem;}

.item_wrap .item_list li .con .item_box.prem {background-image:url('/images/common/event/2026/wild/bg_item_prem.png');}
.item_wrap .item_list li .con .item_box.prem .pic:before {background: linear-gradient(to bottom, #ffd889, #ffa82b);}

.item_wrap .item_list li .con .item_box.no_item .item {background:url('/images/common/event/2026/wild/no_item.png') center center no-repeat; background-size: 85.714% auto;}

.item_wrap .it_tit {position:absolute; height:45%;  display:inline-block; left:-2.4rem; font-size:14px; font-family:var(--any); font-weight:700; letter-spacing:0.05em; text-transform:uppercase;  transform-origin: top; width:5.4rem;}
.item_wrap .it_tit:before, .item_wrap .it_tit:after {content:''; display:block; position:absolute; width:100%; left:50%; margin-left:-5.5rem; background-repeat:no-repeat; background-size:100% auto; height:9.1rem;}
.item_wrap .it_tit:before {top:0; background-position:center 0;}
.item_wrap .it_tit:after {bottom:0;background-position:center bottom;}
.item_wrap .it_tit span {color:#bbbbbb; display:inline-block; top:50%; transform:translate(-36% , -50%) rotate(-90deg); transform-origin: center; position:relative; text-transform:uppercase; vertical-align: middle; }
.item_wrap .it_tit.free {top:1%;}
.item_wrap .it_tit.free:before {background-image:url('/images/common/event/2026/wild/tit_obj01.png');}
.item_wrap .it_tit.free:after {background-image:url('/images/common/event/2026/wild/tit_obj02.png');}
.item_wrap .it_tit.free span {transform:translate(-36% , -50%) rotate(-90deg); color:#a4e768;}
.item_wrap .it_tit.pre {bottom:1%;}
.item_wrap .it_tit.pre:before {background-image:url('/images/common/event/2026/wild/tit_obj03.png');}
.item_wrap .it_tit.pre:after {background-image:url('/images/common/event/2026/wild/tit_obj04.png');}
.item_wrap .it_tit.pre span {transform:translate(-31%, -75%) rotate(-90deg); color:#ffd75b;}

.item_wrap .it_tit.no_txt {left:auto; right:-2.4rem; height:43%;}
.item_wrap .it_tit.no_txt span {opacity:0;}
.item_wrap .it_tit.no_txt:before, .item_wrap .it_tit.no_txt:after {margin-left:-1.2rem;}
.item_wrap .it_tit.no_txt.free:before, .item_wrap .it_tit.no_txt.free:after  {background-image:url('/images/common/event/2026/wild/tit_obj_no01.png');}
.item_wrap .it_tit.no_txt.free:after {transform:scaleY(-1);}
.item_wrap .it_tit.no_txt.pre:before, .item_wrap .it_tit.no_txt.pre:after {background-image:url('/images/common/event/2026/wild/tit_obj_no02.png');}
.item_wrap .it_tit.no_txt.pre:after {transform:scaleY(-1);}

footer {width: 100%; padding:10.8rem 0; background:#000000; z-index: 3;}
footer > img {margin-bottom: 2rem;}
footer .footer {font-size: 14px; color:#aaaaaa;  font-weight:400; position: relative; z-index: 2; letter-spacing:0.02em;}
footer .footer .cs > a {color:#ffee00; text-transform: uppercase;}
footer .footer .cs > a:hover {text-decoration: underline;}
footer .footer .copy {margin-top: 0.8rem;}
footer .footer .age {margin-bottom:2rem;}
footer .footer .age img {max-width:6rem;}

.btn_top {border-radius:50%; transition:none; position:fixed; padding-top:2rem; z-index:11; right:3.6rem; bottom:3rem; width:6.3rem; height:6.3rem; display:flex; align-items:center; justify-content:center; background-image:url('/images/common/event/2026/wild/btn_top.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; box-shadow:5px 5px 5px rgba(0, 0, 0, 0.4);}
.btn_top span {text-transform:uppercase; color:#ffe9d0; font-weight:600; letter-spacing:0.05em; text-shadow:3px 3px 3px rgba(0, 0, 0, 0.5);}
.btn_top:hover {background-position:0 100%;}
.btn_top:hover span {color:#fff;}

/* pop-up */
.dimmed {display:none; width: 100%; height: 100%;  background:#000; opacity: 0.7; filter: alpha(opacity=70); position: fixed; left: 0;  top: 0;     z-index: 99;}
.pop-up {display:none; }
.pop-up .pop-layout {left:50%; top:50%; width:100%; transform:translate(-50%, -50%); position: fixed;  z-index:100;  max-width:1376px;  background-size:100% auto;}
.pop-up .pop-layout:after {content:''; display:block; padding-bottom:59.358%;}
.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 {z-index:99; font-size:0; color:transparent; position:fixed; right: -4.6rem; top: -5.4rem; width:6.3rem; height:6.3rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/wild/pop_close.png'); background-size:100% auto;}
.pop-up .pop-close:hover {background-position:0 100%;}
.pop-up .video_wrap {position:absolute; top:0; bottom:0; left:0; right:0; background:url('/images/common/event/2026/wild/bg_pop.png') 0 0 no-repeat; background-size:100% auto;}
.pop-up .video_wrap:before, .pop-up .video_wrap:after {z-index:1; content:''; display:block; position:absolute; background-repeat:no-repeat; background-size:100% auto; background-position:0 0;}
.pop-up .video_wrap:before {background-image:url('/images/common/event/2026/wild/pop_obj01.png'); width: 15.553%; height: 24.61%;  top: -5.4%; left: -5%;}
.pop-up .video_wrap:after {background-image:url('/images/common/event/2026/wild/pop_obj02.png'); width: 21.948%; height: 37.465%; bottom: -1%; right: -12.5%;}
.pop-up .video_wrap .video {overflow: hidden; position: relative; width: 91.4%; height: 86.4%; top: 6.9%; left: 4.3%;}
.pop-up .video_wrap .video iframe {position: absolute; top:0; left: 0; width: 100%; height:100%;}

.section {background-position:center center; background-size:cover;} 
 
.section01 {    animation: bg-move 40s linear infinite; height: 100vh;  position:relative; text-align:center; background:url('/images/common/event/2026/wild/bg01.jpg') center center no-repeat; background-size:cover; max-height: 1080px;}
.section01:before {z-index:3; height:41%; max-height:43.3rem; content:''; display:block; position:absolute; left:0; right:0; bottom:0; background:url('/images/common/event/2026/wild/effect_fog.png') center bottom repeat-x; background-size:auto 100%; animation: smoke 40s linear infinite; will-change: transform, opacity;}
.section01 .title_wrap {width: max-content; margin: 0 auto; z-index:2; height:100%; display:flex; align-items:flex-end; justify-content:center; padding-bottom:2.4%;  position:relative;}
.section01 .title_wrap .date {font-family:var(--san); width: max-content; position:absolute; top:3.6rem; left:50%; transform:translate(-50% , 0); font-size:28px; color:#ffffff; letter-spacing:0.2em; text-transform:uppercase; text-shadow: -1px 0px #5c3b2a, 0px 1px #5c3b2a, 1px 0px #5c3b2a, 0px -1px #5c3b2a, 0 0.3rem 0 #85462a;}
.section01 .title_wrap .title {position:relative; z-index:1; }
.section01 .title_wrap .cha_wrap {position:absolute; opacity:0;  transform-origin: 30% 60%;}
.section01 .title_wrap .cha_wrap:before {content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section01 .title_wrap .cha { max-width:none; position:static;}
.section01 .title_wrap .cha01_wrap {left: -113%; top:0;}
.section01 .title_wrap .cha01_wrap:before {background-image:url('/images/common/event/2026/wild/effect_fire.png'); top: 6%; left: 0; width: 14.709%; height: 9.952%;}
.section01 .title_wrap .cha01_wrap:after {background-image:url('/images/common/event/2026/wild/effect_smoke02.png'); top: 6%; left: 1%; width: 14.709%; height: 9.952%; animation: smoke 5s 0.5s linear infinite; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section01 .title_wrap .cha02_wrap {right: -97%; top: 3%;}
.section01 .title_wrap .cha02_wrap:before {background-image:url('/images/common/event/2026/wild/effect_smoke.png'); top: 7.6%; right: 0%; width: 6.51%; height: 20%; animation: smoke02 5s 0.5s linear infinite;}

.animated .cha_wrap {opacity:0;}
.animated .cha01_wrap { animation:fil 0.5s forwards , shake-explosion 0.8s 0.5s ease-out;}
.animated .title_wrap .cha01_wrap:before {animation: muzzleFlash 0.15s 0.5s ease-out 7;}
.animated .cha02_wrap { animation:fir 0.5s 0.2s forwards , recoil-body 0.25s 0.7s ease-out;}

.section02 {padding:7rem 0 10rem; position:relative; z-index:2; background-image:url('/images/common/event/2026/wild/bg02.jpg'); background-position:center 0;}
.section02:before {z-index:3; content:''; display:block; position:absolute; left:0; right:0; top:0; margin-top:-2.9rem; height:5.8rem; background:url('/images/common/event/2026/wild/line_lope.png') 0 center repeat-x; background-size:auto 100%;}
.section02 .inner {max-width:1750px;}
.section02 .tit_wrap {position:relative; padding:4.5rem 2rem 4rem; max-width:1186px; margin:0 auto;}
.section02 .tit_wrap:before, .section02 .tit_wrap:after {z-index:-1; content:''; display:block; position:absolute; left:0; right:0; height:2.1rem; border:1px solid #836a4b; border-left:0; border-right:0; background:url('/images/common/event/2026/wild/ptn_star02.png') 0.6rem center repeat-x;}
.section02 .tit_wrap:before {top:0;}
.section02 .tit_wrap:after {bottom:0;}
.section02 .tit_wrap .tit01 {font-size:60px; font-family: var(--san); letter-spacing:0.05em; text-transform:uppercase; color:#ffffff;}
.section02 .tit_wrap .tit01 span {text-shadow:0 0.6rem 0 rgba(64, 27, 2, 0.8)  , -1px 0px #401800 , 0px 1px #401800 , 1px 0px #401800 , 0px -1px #401800;}
.section02 .tit_wrap .tit02 {margin-top:0.8rem; font-family:var(--fau); font-weight:700; color:#fff6db; letter-spacing:0.04em; font-size:20px; line-height:1.2;}

.section02 .box_wrap {margin-left:auto; margin-right:0; width:1041px; margin-top:4rem; height:648px; position:relative; max-width:100%;}
.section02 .box_wrap:before {content:''; display:block; position:absolute; background:url('/images/common/event/2026/wild/box_shd.png') 0 0 no-repeat; background-size:100% auto; width: 101.057%; height: 43.056%; left:15%; bottom:-10%;}
.section02 .box_wrap .box {position:absolute;}
.section02 .box_wrap .c5 {position:absolute;}
.section02 .vod_area {width:262px; position:relative; top:14.35%; left:55.81%; z-index:2;}
.section02 .vod_area:after {content:''; display:block; padding-bottom:102.672%;}
.section02 .vod_area .vod {padding: 14% 13% 13% 10%; position:absolute; width:100%; height:100%; top:0; left:0; background:url('/images/common/event/2026/wild/box_vod.png') 0 0 no-repeat; background-size:100% auto; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.section02 .vod_area .vod:before {transition:all ease-in-out 0.2s; opacity:0; content:''; display:block; position:absolute; top:14%; right:13%; bottom:13%; left:10%; background:rgba(40, 40, 40, 0.2); box-shadow:inset 0 3px 5px #000 , inset 0 0 2.1rem rgba(0, 0, 0, 0.35);}
.section02 .vod_area .vod .tit {transition:all ease-in-out 0.2s; font-family:var(--san); color:#ffe199; font-size:26px; letter-spacing:0.05em; text-transform:uppercase;}
.section02 .vod_area .vod .tit:after { animation: speaker-pulse 3s cubic-bezier(0.22, 0.68, 0.36, 1) infinite; content:''; display:block; margin:0 auto; background-image:url('/images/common/event/2026/wild/vod_play.png'); width:12.6rem; height:12.5rem; background-position: 0 0; background-repeat:no-repeat; background-size:100% auto;}
.section02 .vod_area .vod .tit span {background:#ffe199 url(/images/common/event/2026/wild/ptn.png) 0 0 repeat; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 3px 3px rgba(0, 0, 0, 0.5));}
.section02 .vod_area .vod .txt {font-family:var(--any); font-weight:500; font-size:14px; color:#fff; text-transform:uppercase; width:164px; height:24px; display:flex; align-items:center; justify-content:center; background:url('/images/common/event/2026/wild/bg_vod_txt.png') 0 0 no-repeat; background-size:100% auto;}
.section02 .vod_area .vod .txt font {font-weight:700; color:#ff0000; margin-left:0.4rem;}
.section02 .vod_area .vod a {display:block; position:absolute; top: 10%; bottom: 11%; left: 5%; right: 8%;}
.section02 .vod_area .vod:hover:before {opacity:1;}
.section02 .vod_area .vod:hover .tit span {background:#fff url(/images/common/event/2026/wild/ptn.png) 0 0 repeat;}
.section02 .vod_area .vod:hover .tit:after {background-position:0 100%;}
.section02 .vod_area .vod:hover .txt {background-position:0 100%; text-shadow:0 3px 3px rgba(0, 0, 0, 0.5);} 
.section02 .vod_area .vod:hover .txt font {color:#fff;}
.section02 .vod_area .vod:hover:before {animation:none;}

.section02 .pass {position:absolute;}
.section02 .pass:after {content:''; display:block;}
.section02 .pass .con {text-align:left; position:absolute; width:100%; height:100%; top:0; left:0; background-position:0 0; background-repeat:no-repeat; background-size:100% auto;}
.section02 .pass .detail {padding:7%;}
.section02 .pass .tit {font-family:var(--san); color:#fff; font-size:46px; text-transform:uppercase; text-shadow:0 0.3rem 0 #931b0c, -1px 0px #5c3b2a, 0px 1px #5c3b2a, 1px 0px #5c3b2a, 0px -1px #5c3b2a;}
.section02 .pass .for {line-height:1.1; margin:1rem 0 0.8rem; font-size:18px; color:#ec3e28; font-family:var(--any); font-weight:700;}
.section02 .pass .txt {font-family:var(--any); font-size:16px; color:#cacaca; line-height:1.375;}

.section02 .free {width:436px; top:0; left:15.08%; z-index:1;}
.section02 .free:after {padding-bottom:82.8%;}
.section02 .free .con {background-image:url('/images/common/event/2026/wild/box_free.png'); padding: 12% 12% 20% 7%;}
.section02 .free .for {text-transform:uppercase;}

.section02 .prem {width:417px; bottom:0; left:39.3%;}
.section02 .prem:after {padding-bottom:79.62%;}
.section02 .prem .con {background-image:url('/images/common/event/2026/wild/box_prem.png');     padding: 12% 8% 14% 7%;}
.section02 .prem .for {color:#ffdc4f;}
.section02 .prem .txt font {color:#ffdc4f;}

.section02 .box_wrap .box01 {left:0; bottom:6.17%;}
.section02 .box_wrap .box02 {right:0; bottom:2.46%;}
.section02 .box_wrap .c5_01 {left: 20%; bottom: -8%;}
.section02 .box_wrap .c5_02 {right: 7%; bottom: -8%; z-index:1;}
.section02 .box_wrap .c5_03 {left: 3%; bottom: -10%;}

.animated.box_wrap .box01 {left:0; bottom:6.17%;     animation: bounce-in-top 1.1s both;}
.animated.box_wrap .box02 {right:0; bottom:2.46%;    animation: bounce-in-top 1.1s 0.2s both;}
.animated.box_wrap .c5_01 {left: 20%; bottom: -8%;    animation: bounce-in-top 1.1s 0.2s both;}
.animated.box_wrap .c5_02 {right: 7%; bottom: -8%; z-index:1;    animation: bounce-in-top 1.1s 0.2s both;}
.animated.box_wrap .c5_03 {left: 3%; bottom: -10%;    animation: bounce-in-top 1.1s 0.2s both;}
.animated .free {animation: bounce-in-top 1.1s 0.3s both;}
.animated .prem {animation: bounce-in-top 1.1s 0.1s both;}
.animated .vod_area {animation: bounce-in-top 1.1s 0.4s both}


.section03 {padding:7rem 0 8.6rem; overflow:hidden; position:relative; z-index:3; background-image:url('/images/common/event/2026/wild/bg03.jpg');}
.section03 .inner {max-width:1501px;}
.section03 .tit_wrap {max-width:1108px; position:relative; margin:0 auto; z-index:1;}
.section03 .tit_wrap:after {content:''; display:block; padding-bottom:19.766%;}
.section03 .tit_wrap .wrap {padding: 5% 30% 3% 9%; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/event/2026/wild/bg_tit_wrap.png') 0 0 no-repeat; background-size:100% auto; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.section03 .tit_wrap > .new {animation:  glow 2s ease-in-out infinite 0.4s , swing 2s infinite ease-in-out; transform-origin:top; padding-bottom:1%; font-weight:700; text-transform:uppercase; font-size:28px; color:#ffe063; font-family:var(--fau); display:flex; align-items:center; justify-content:center; position:absolute; left:-19.2rem;; top:1.2rem; width:20.3rem; height:19.8rem; background:url('/images/common/event/2026/wild/badge_star.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .tit_wrap > .new font {filter:drop-shadow(5px 0 10px rgba(0, 0, 0, 0.6));  background: linear-gradient(to bottom, #ffffff, #ffe063); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section03 .tit_wrap .tit01 {font-family:var(--san); font-size:60px; color:#ffe063; text-transform:uppercase; letter-spacing:0.05em; text-shadow: -1px 0px #4d3204, 0px 1px #4d3204, 1px 0px #4d3204, 0px -1px #4d3204, 0 0.6rem 0 #000000;}
.section03 .tit_wrap .tit02 {font-family:var(--fau); font-weight:700; color:#d7cb99; font-size:22px; text-shadow:0 2px 5px rgba(0, 0, 0, 0.7);}
.section03 .tit_wrap .slot {position:absolute; top:50%; right:6rem; margin-top:-7rem; text-shadow: -1px 0px #860000, 0px 1px #860000, 1px 0px #860000, 0px -1px #860000, 0 0.4rem 0 #413200; font-family:var(--san); font-size:60px; color:#fff; display:flex; align-items:center; justify-content:center; width:29.5rem; height:15.9rem; background:url('/images/common/event/2026/wild/bg_slot.png') 0 0 no-repeat; background-size:100% auto;}

.section03 .slot_wrap {position:relative; margin-top:1.2rem; width:100%; max-width:1441px; z-index:1;}
.section03 .slot_wrap:after {content:''; display:block; padding-bottom:34.837%;}
.section03 .slot_wrap .wrap {position:absolute; width:100%; height:100%; top:0; left:0; padding:0 4.8rem 1.5%; display:flex; align-items:flex-end; justify-content:center; flex-wrap:wrap; background:url('/images/common/event/2026/wild/bg_slot_wrap.png') 0 0 no-repeat; background-size:100% 100%;}
.section03 .slot_wrap:before {margin-left: -17rem;  top: -4.3rem; z-index: 1; content:''; display:block; position:absolute; width:32.1rem; height:27.3rem; background:url('/images/common/event/2026/wild/obj_longhorn.png') 0 0 no-repeat; background-size:100% auto; left:50%;}
.section03 .slot_wrap .wrap > div {width:50%;}
.section03 .slot_wrap .slot01 .tit {margin-bottom:2.4rem; font-family:var(--san); text-transform:uppercase; font-size:28px; color:#fff; letter-spacing:0.03em; line-height:1.07; text-shadow: -0.2rem 0px #5d3b0d, 0px 0.2rem #5d3b0d, 0.2rem 0px #5d3b0d, 0px -0.2rem #5d3b0d, 0 0.3rem 0 #000000;}
.section03 .slot_wrap .slot01 .tit span {color:#fde501;}
.section03 .slot_wrap .list {font-size:0;}
.section03 .slot_wrap .list ul {display: flex; align-items: center; justify-content: space-around;}
.section03 .slot_wrap .list li {display:inline-block; vertical-align:top; width:50%; position:relative; opacity:0;}
.section03 .slot_wrap .list li:after {content:''; display:block;}
.section03 .slot_wrap .list .con {position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .slot_wrap .slot01 li {max-width:306px; padding-bottom: 2rem;}
.section03 .slot_wrap .slot01 li:after {padding-bottom: 105.56%;}
.section03 .slot_wrap .slot01 .con {padding: 8% 10%; background-image:url('/images/common/event/2026/wild/bg_slot01.png'); }
.section03 .slot_wrap .slot01 .desc {height:85%;}
.section03 .slot_wrap .slot01 .name {height: 18%; padding-top: 2%; display:flex; align-items:center; justify-content:center; text-transform:uppercase; font-size:16px; color:#22180b; font-weight:700; letter-spacing:0.03em; line-height:1.37; text-shadow:0 2px 0 rgba(255, 255, 255, 0.6);}
.section03 .slot_wrap .slot01 .num {text-shadow: -1px 0px #ae6418, 0px 1px #ae6418, 1px 0px #ae6418, 0px -1px #ae6418; text-transform: capitalize; height: 17%; display:flex; align-items:center; justify-content:center; font-family:var(--san); font-size:24px; color:#fff;}
.section03 .slot_wrap .slot01 .num span {font-family:var(--any); font-size:28px; color:#ffea00; font-weight:700; margin-left:1rem;}
.section03 .slot_wrap .tip {transition:all ease-in-out 0.2s; opacity:0; min-width: max-content; padding:2rem 4rem; border-radius:1rem; font-size:14px; color:#ffc37b; line-height:1.42; position:absolute; right: -2px; bottom: 2.8rem; transform:translate(0 , 100%); background:#000000; box-shadow:0 0.5rem 1rem rgba(0, 0, 0, 0.8);}
.section03 .slot_wrap .tip:before {border-radius:1rem; content: ""; position: absolute; inset: 0; padding: 0.3rem; background: linear-gradient(to bottom, #e78f30, #6f3710);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.section03 .slot_wrap .tip:after {content:''; display:block; position:absolute; width:1.9rem; height:1.7rem; background:url('/images/common/event/2026/wild/arr_tip.png') 0 0 no-repeat; background-size:100% auto; top:0; margin-top:-1.4rem; right:4.7rem;}

.section03 .slot_wrap .slot02 .tit { font-family:var(--san); text-transform:uppercase; font-size:30px; color:#fff; letter-spacing:0.03em; line-height:1.07; text-shadow: -0.2rem 0px #5d3b0d, 0px 0.2rem #5d3b0d, 0.2rem 0px #5d3b0d, 0px -0.2rem #5d3b0d, 0 0.3rem 0 #000000; margin-bottom: -2rem;}
.section03 .slot_wrap .slot02 .tit span {color:#fde501;}
.section03 .slot_wrap .slot02 li {max-width:313px;}
.section03 .slot_wrap .slot02 li:after {padding-bottom: 138.02%;}
.section03 .slot_wrap .slot02 .con {padding: 27% 11% 35%;}
.section03 .slot_wrap .slot02 .txt {margin-bottom:70%; text-shadow: -0.2rem 0px #5d3b0d, 0px 0.2rem #5d3b0d, 0.2rem 0px #5d3b0d, 0px -0.2rem #5d3b0d; text-transform: uppercase; height: 22%; display:flex; align-items:center; justify-content:center; font-family:var(--san); font-size:28px; color:#ffefb0; line-height:1.07;}
.section03 .slot_wrap .slot02 .desc {position:relative; padding-bottom:2%; height:33%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.section03 .slot_wrap .slot02 .desc .label {color:#fff; font-size:16px; top:-4rem; padding-top:2px; font-weight:700; text-transform:uppercase; position:absolute; left:50%; transform:translate(-50%, 0); display:flex; align-items:center; justify-content:center; width:21.6rem; height:3.4rem; background:url('/images/common/event/2026/wild/bg_label.png') 0 0 no-repeat; background-size: 100% auto;}
.section03 .slot_wrap .slot02 .info {height:calc(100% - 1rem); font-family:var(--fau); font-size:24px; color:#f1fa00; font-weight:700; line-height:1;     padding-top: 3%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.section03 .slot_wrap .slot02 .info span {font-weight:400; font-size:18px; color:#ffefb0;}
.section03 .slot_wrap .slot02 .info font {font-size:20px; color:#a3a3a3; font-weight:400; padding:0 1.1rem 0 0.7rem; background:url('/images/common/event/2026/wild/img_dash.png') right 0 top 76% no-repeat; background-size:100% auto; margin-right:0.7rem; display:inline-block;}
.section03 .slot_wrap .slot02 .slot {margin:0.7rem 0 2px; font-family:var(--san); font-size:24px; color:#b00000; text-shadow:0 2px 0 #fff; width:132px; height:43px; display:flex; align-items:center; justify-content:center; background:url('/images/common/event/2026/wild/bg_slot02.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .slot_wrap .slot02 .slot span {padding-bottom:0.7rem; margin-right:0.6rem; font-size:34px; font-family:var(--fau); font-weight:700;}
.section03 .slot_wrap .slot02 .more_info {position:absolute; bottom:3rem; right:3rem; transition:none; font-size:0; color:transparent; width:49px; height:44px; background:url('/images/common/event/2026/wild/btn_more.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .slot_wrap .slot02 .more_info:hover {background-position:0 100%;}
.section03 .slot_wrap .slot02 .more_info:hover + .tip {opacity:1;}
.section03 .slot_wrap .list03 .con {background-image:url('/images/common/event/2026/wild/bg_slot03.png');}
.section03 .slot_wrap .list03 .slot02 .slot {margin-top:1.5rem;}
.section03 .slot_wrap .list04 .con {background-image:url('/images/common/event/2026/wild/bg_slot04.png');}
.section03 .slot_wrap .list04 .txt {color:#d1ff90;}
.section03 .info_wrap {font-family:var(--any); flex-direction: column; font-size:16px; color:#ccc2af; position:relative;  margin-top:3rem; width:1406px; max-width:100%;}
.section03 .info_wrap:after {content:''; display:block; padding-bottom:10.171%;}
.section03 .info_wrap div {flex-direction: column; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; align-items:center; justify-content:center; background:url('/images/common/event/2026/wild/bg_slot_wrap02.png') 0 0 no-repeat; background-size:100% 100%;}
.section03 .info_wrap span {font-weight:700; font-size:18px; color:#fff2d9; margin-bottom:1.5rem;}
.section03 .info_wrap span font {color:#fde501;}

.animated .slot_wrap .list01 {animation: scale-bounce 0.5s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.animated .slot_wrap .list02 {animation: scale-bounce 0.5s 0.7s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.animated .slot_wrap .list03 {animation: scale-bounce 0.5s 0.9s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.animated .slot_wrap .list04 {animation: scale-bounce 0.5s 1.1s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}

.section04 {position:relative;}
.section04 .character {height:108rem; display:flex; font-size:0; align-items:stretch; justify-content:center;}
.section04 .character > div {overflow:hidden; width:50%; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.section04 .cha_info {position:absolute; top:0; left:0; right:0; text-align:left; padding:7rem 5rem 0; z-index:2;}
.section04 .cha_info .want {font-family:var(--san); font-size:150px; color:#ff4343; letter-spacing:0.02em; text-transform:uppercase;}
.section04 .cha_info .want span {background:linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), linear-gradient(rgba(255, 67, 67, 0.7), rgba(255, 67, 67, 0.7)), url('/images/common/event/2026/wild/ptn.png') 0 0 repeat , rgba(255, 67, 67, 1); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent; filter:drop-shadow(0 1rem 0 #000000);}
.section04 .cha_info .name {margin-top:2px; position:relative; min-width:31.1rem; max-width:100%; text-transform:uppercase; padding:2rem 0 1.5rem; font-family:var(--san); font-size:60px; letter-spacing:0.02em; color:#fff; text-shadow:0 0.4rem 0 #4e1717; border-bottom:1px solid rgba(255, 72, 72, 0.5); display: inline-block;}
.section04 .cha_info .name:before {max-width:100%; min-width:39.1rem; content:''; display:block; position:absolute; top:0; left:0; height:1px; width:100%; background:rgba(255, 72, 72, 0.5);}
.section04 .cha_info .name span {text-shadow:none; margin-bottom:0.7rem; display:block; font-weight:300; font-family:var(--any); font-size:24px; color:#fff;}
.section04 .character .desc {z-index:2; padding: 6.4% 5.4% 7% 8%; line-height:1.2; font-size:16px; font-weight:500; text-transform:uppercase; color:#f7ffa2; letter-spacing:0.02em; position:absolute; flex-direction:column; bottom:1rem; display:flex; align-items:center; justify-content:center; width:443px; height:451px; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section04 .character .desc span {margin-bottom:1.5rem; line-height:1; font-family:var(--san); font-size:32px; color:#ffffff; letter-spacing:0.02em; text-shadow:0 0.2rem 0 #c71616;}
.section04 .character .img {position:absolute; top:0;}
.section04 .character .img:before, .section04 .character .img:after {content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section04 .character .img > img {position:relative; z-index:1; max-width:none;}

.section04 .char01 {background-image:url('/images/common/event/2026/wild/bg_cha01.jpg');}
.section04 .char01 .desc {background-image:url('/images/common/event/2026/wild/bg_desc01.png'); left:-5px; animation: float02 3s ease-in-out infinite;}
.section04 .char01 .img:before {background-image:url('/images/common/event/2026/wild/eft_fire01.png'); width: 81.091%; height: 93.704%; bottom: -10%; right: -6%; animation: smoke02 10s linear infinite; will-change: transform, opacity;}
.section04 .char01 .img:after {background-image:url('/images/common/event/2026/wild/eft_spark01.png'); width: 127.513%; height: 135.649%;  top: 8%; left: -6%;  animation: cloudLoop02 300s linear infinite alternate; will-change: transform;}

.section04 .char02 {background-image:url('/images/common/event/2026/wild/bg_cha02.jpg');}
.section04 .char02 .cha_info {text-align:right;}
.section04 .char02 .cha_info .want span {background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0)), linear-gradient(rgba(98, 150, 255, 0.5), rgba(98, 150, 255, 0.5)), url('/images/common/event/2026/wild/ptn.png') 0 0 repeat, rgba(98, 150, 255, 1);}
.section04 .char02 .cha_info .name {border-color:rgba(98, 150, 255, 0.5) ; text-shadow:0 0.4rem 0 #284a8f;}
.section04 .char02 .cha_info .name:before {background:rgba(98, 150, 255, 0.5); left:auto; right:0;}
.section04 .char02 .desc {background-image:url('/images/common/event/2026/wild/bg_desc02.png'); right:-5px; color:#74b2ff; animation: float02 3s 0.7s ease-in-out infinite;}
.section04 .char02 .desc span { text-shadow:0 0.2rem 0 #367bff;}
.section04 .char02 .img > img {margin-left:-13%;}
.section04 .char02 .img:before {background-image:url('/images/common/event/2026/wild/eft_fire02.png'); width: 93.04%; height: 135.649%; top: -5%; left: -11%; animation: smoke02 10s linear infinite; will-change: transform, opacity;}
.section04 .char02 .img:after {background-image:url('/images/common/event/2026/wild/eft_spark02.png'); width: 93.04%; height: 135.649%; top: -5%; left: -11%; animation: cloudLoop02 300s linear infinite alternate; will-change: transform;}

.animated .char01 .img > img {animation: scale-bounce02 3s linear infinite forwards;}
.animated .char02 .img > img {animation: scale-bounce02 3s 0.7s linear infinite forwards;}

.section05 {position:relative; padding:7rem 0; z-index: 2; overflow:hidden; background-image:url('/images/common/event/2026/wild/bg05.jpg');}
.section05 .inner { position:relative; z-index: 4; max-width:1393px;}
.section05 .motion_wrap {position:relative;}
.section05 .con {position:relative;}
.section05 .con:after {content:''; display:block; padding-bottom:71.193%;}
.section05 .motion_wrap .desc {position:absolute; padding:5%; top:0; left:0; width:100%; height:100%; background:url('/images/common/event/2026/wild/bg_paper.png') 0 0 no-repeat; background-size:100% auto;}
.section05 .motion_wrap .desc .box_3d {position:relative; width:100%; height:67%;}
.section05 .item_info {position:relative; padding:3.3rem 2rem;}
.section05 .item_info:before, .section05 .item_info:after {content:''; display:block; position:absolute; left:0; right:0; height:2.1rem; border:1px solid #6c5942; border-left:0; border-right:0; background:url('/images/common/event/2026/wild/ptn_star.png') 0 center repeat-x;}
.section05 .item_info:before {top:0;}
.section05 .item_info:after {bottom:0;}
.section05 .item_info .name {font-size:60px; font-family: var(--san); letter-spacing:0.05em; text-transform:uppercase;}
.section05 .item_info .name span {filter: drop-shadow(0 0.5rem 0 #fff) drop-shadow(-1px 0px #b8a082) drop-shadow(0px 1px #b8a082) drop-shadow(1px 0px #b8a082); background: linear-gradient(to bottom, #0c0a07, #794a12); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section05 .item_info .info {margin-top:0.8rem; font-family:var(--fau); font-weight:700; color:#6c5942; font-size:20px;}
.section05 .img_3d {transform-origin:top; display:inline-block; width: 15.754%; position: absolute; top: 4.9%; right: -3.5%; z-index: 1; height: 13.5%; overflow: hidden; animation:swing 2s infinite ease-in-out; }
.section05 .img_3d span {display:block;}
.section05 .page02 .img_3d {right:0; left:-3.5%;}
.animated .img_3d {height:40%;}
.animated .img_3d.reset {height:13.5%; transition:none;}

.section05 .motion_wrap .item {width:100%; height:100%;}
.section05 .motion_wrap .item > div {width:100% !important; height:100% !important; position:absolute; top:0; left:0; display:none !important;}
.section05 .motion_wrap .item img, .section05 .motion_wrap .item canvas { width:100% !important; height:100% !important; position:absolute; top:0; bottom:0; left:0; right:0;  display:none !important;}
.section05 .motion_wrap .swiper-slide {opacity:0 !important;  }
.section05 .motion_wrap .swiper-slide.swiper-slide-active {opacity:1 !important;  }
.section05 .motion_wrap .swiper-slide.swiper-slide-active .item img, .section05 .motion_wrap .swiper-slide.swiper-slide-active .item canvas {display:block !important;}
.section05 .motion_wrap .swiper-slide.swiper-slide-active .item > div {display:block !important;}


.stat {position:absolute; bottom: 6%; left: 3.6%; z-index: 1; padding:2.4%; background:url('/images/common/event/2026/wild/bg_stat01.png') center center no-repeat; background-size:cover !important; width:332px; height:268px;}
.stat:before {content:''; display:block; position:absolute; width:19.7rem; height:11.8rem; background:url('/images/common/event/2026/wild/img_hat.png') center center no-repeat; background-size:100% auto; top:0; left:0; top: -4.6rem; left: -6.4rem;}
.stat ul {position:relative; padding:15px 24px; display: flex; flex-direction: column; justify-content: center; height:100%;}
.stat li { position:relative;  font-size:0; text-align:left; margin-bottom:0.8rem;}
.stat li:last-child {margin-bottom:0;}
.stat li > div {display:inline-block; font-family:var(--fau); vertical-align:middle; text-align:left; color:#ffee9e; letter-spacing:0.02em; font-size:15px;}
.stat .txt {width:74px;}
.stat .num {width:56px; padding-left:1.2rem; color:#fff; text-align:right;}
.stat .graph { height:5px; position:relative;  width:calc(100% - 130px); background:rgba(152, 106, 33, 0.5);}
.stat li .bar {width:100%; height:100%;  position:relative;}
.stat li .bar .on {height:100%;  display:block; position:relative; font-size:0; opacity:0;}
.stat li .bar .on span {display:inline-block; height:100%; vertical-align:middle; width:100%;  background:#ffee9e;}
.stat li.no_graph {display:flex; align-items:center; justify-content:space-between;}
.stat li.no_graph .num {width:auto;}

.stat li .bar .on {animation: animate-width cubic-bezier(0.35, 0.95, 0.67, 0.99) 0.4s forwards;}
.stat li:nth-child(2) .bar .on {animation-delay:0.1s;}
.stat li:nth-child(3) .bar .on {animation-delay:0.2s;}
.stat li:nth-child(4) .bar .on {animation-delay:0.3s;}
.stat li:nth-child(5) .bar .on {animation-delay:0.4s;}
.stat li:nth-child(6) .bar .on {animation-delay:0.5s;}
.stat li:nth-child(7) .bar .on {animation-delay:0.6s;}
.stat li:nth-child(8) .bar .on {animation-delay:0.7s;}

.section05 .swiper-button-next, .section05 .swiper-button-prev {width:auto; height:auto; margin-top:0; right:auto; bottom:6.5%; left:auto; top:auto; text-align:center;  z-index: 11; display:inline-flex !important; align-items:center; justify-content:center; background-size:100% !important; background:none; position:absolute; cursor:pointer;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {transition:all ease-in-out 0.2s; font-family:var(--san); font-size:26px; color:#120e0a; text-transform:uppercase; text-shadow: -1px 0px #ffebd2, 0px 1px #ffebd2, 1px 0px #ffebd2, 0px -1px #ffebd2;}
.section05 .swiper-button-next span:after, .section05 .swiper-button-prev span:after {content:''; display:block; width:10.7rem; height:6.7rem; background:url('/images/common/event/2026/wild/btn_arr.png') 0 0 no-repeat; background-size:100% auto;}
.section05 .swiper-button-next {right:5%;}
.section05 .swiper-button-next span:after {margin-right:0; margin-left:auto;  animation: double-right 1.8s ease-in-out infinite;}
.section05 .swiper-button-prev {left:5%;}
.swiper-button-prev span:after {transform:scaleX(-1);  animation: double-left 1.8s ease-in-out infinite;}
.section05 .swiper-button-next img, .section05 .swiper-button-prev img {z-index:-1; position:absolute; top:50%; left:50%; max-width:none;}
.section05 .swiper-button-next img {transform: translate(-77%, -57%);}
.section05 .swiper-button-prev img {transform: translate(-31%, -57%);}
.section05 .swiper-button-next:hover span, .section05 .swiper-button-prev:hover span {font-size:34px; color:#da7c00;}
.section05 .swiper-button-next:hover span:after, .section05 .swiper-button-prev:hover span:after {animation:none;}
.section05 .swiper-button-next.swiper-button-disabled, .section05 .swiper-button-prev.swiper-button-disabled {opacity:0; display:none;}
.section05 .swiper-pagination {display:none;}
.page02 .stat {padding:2.4% 2% 2% 2.4%; left:auto; right:3.6%; width:332px; height:187px; background:url('/images/common/event/2026/wild/bg_stat02.png') center center no-repeat;}
.page02 .stat:before {transform:scaleX(-1); left:auto; right:-6.4rem;}

.section06 {background-image:url('/images/common/event/2026/wild/bg06.jpg'); background-size:cover; z-index:1; position:relative; padding:13rem 0 23rem;}
.section06:before, .section06:after {content:''; display:block; position:absolute; z-index:-1;}
.section06:before {top:2.7rem; bottom:2.7rem; left:2.8rem; right:2.8rem; background:url('/images/common/event/2026/wild/sc06_obj01.png') 0 0 no-repeat , url('/images/common/event/2026/wild/sc06_obj02.png') right 0 no-repeat, url('/images/common/event/2026/wild/sc06_obj03.png') 0 bottom no-repeat, url('/images/common/event/2026/wild/sc06_obj04.png') right bottom no-repeat;}
.section06:after {top:3rem; bottom:3rem; left:3rem; right:3rem; border:1px solid rgba(255, 215, 91, 0.5); clip-path: polygon(12rem 0, calc(100% - 12rem) 0, 100% 12rem, 100% calc(100% - 12rem), calc(100% - 12rem) 100%, 12rem 100%, 0 calc(100% - 12rem), 0 12rem);}
.section06 .inner {max-width:1360px; position:relative;}
.section06 .sec_tit {font-family:var(--san); letter-spacing:0.05em; text-transform:uppercase; font-size:40px; line-height:1; margin-bottom:5rem;}
.section06 .sec_tit span {filter: drop-shadow(0 0.5rem 0 #1a1c0c) drop-shadow(-1px 0px #222403) drop-shadow(0px 1px #222403) drop-shadow(1px 0px #222403) drop-shadow(0px -1px #222403); background: linear-gradient(to bottom, #cfda70, #ffcd43); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section06 .swiper-scrollbar-drag {background: linear-gradient(to right, #cfda70, #ffcd43); border-radius:0; border-radius:0.8rem;}
.section06 .swiper-scrollbar {display:none;}
.section06 .item_wrap .swiper-button-next.swiper-button-disabled, .section06 .swiper-button-prev.swiper-button-disabled {display:none !important;}

.section07 {background-image:url('/images/common/event/2026/wild/bg07.jpg'); background-size:cover; z-index:1; position:relative; padding:10rem 0 7rem;}
.section07:before, .section07:after {content:''; display:block; position:absolute; left:0; right:0; height:2.1rem; border:1px solid rgba(255, 255, 255, 0.5); border-left:0; border-right:0; background:url('/images/common/event/2026/wild/ptn_star03.png') 0 center repeat-x; z-index:2;}
.section07:before {top:0;}
.section07:after {bottom:0;}
.section07 .inner {max-width:1630px;}
.section07 .inner:before {content:''; display:block; position:absolute; top:0; bottom:0; left:0; right:0; background:url('/images/common/event/2026/wild/bg07_eft.png') center bottom no-repeat; background-size:cover; opacity:0;}
.section07 .tit_wrap {padding:10rem 2rem 7rem; z-index:2; position:absolute; top:0; left:50%; margin-left:-25.8rem; bottom:0; width:51.6rem;}
.section07 .tit_wrap .cha09_wrap {bottom:0; left:50%; margin-left:-380px; position:absolute; z-index:1;}
.section07 .tit_wrap .cha09_wrap img {max-width:none; opacity:0;}

.section07 .sec_tit {font-size:60px; font-family: var(--san); letter-spacing:0.1em; text-transform:uppercase; color:#ffffff;}
.section07 .sec_tit span {text-shadow:-1px 0px #4d402f , 0px 1px #4d402f , 1px 0px #4d402f , 0px -1px #4d402f , 0 0.6rem 0 #8f7b4b;}
.section07 .sec_tit02 {margin-top:1rem; font-family:var(--fau); font-weight:700; color:#fff6db; font-size:20px; line-height:1.2; text-shadow:0 2px 3px rgba(0, 0, 0, 0.5);}

.section07 .shop_area {position:relative; z-index:1;}
.section07 .shop_area > ul {font-size:0; display:flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.section07 .shop_area > ul > li {width:50%; display:inline-block; vertical-align:top; position:relative; margin-bottom:3rem;}
.section07 .shop_area .con {max-width:53.2rem; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative;}
.section07 .shop_area .con:after {content:''; display:block; padding-bottom:79.89%;}
.section07 .shop_area .con .box {position:absolute; top:0; bottom:0; left:0; right:0; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section07 .shop_area .desc {z-index:1; position:absolute; bottom:3.6rem; left:0; right:0;}
.section07 .shop_area .name {font-family:var(--san); font-size:42px; text-transform:uppercase; letter-spacing:0.05em;}
.section07 .shop_area .name span {background: linear-gradient(to bottom, #ffd076, #dfca40); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter:drop-shadow(0 5px 5px rgba(0, 0, 0, 0.5)) drop-shadow(-1px 0px #2a2a2a) drop-shadow(0px 1px #2a2a2a) drop-shadow(1px 0px #2a2a2a) drop-shadow(0px -1px #2a2a2a);}
.section07 .shop_area .txt {    position: relative; font-family:var(--fau); font-size:18px; color:#dfca40; margin:3px auto 0; padding:0 1rem 2px; background:rgba(0, 0, 0, 0.5);  font-weight:700; letter-spacing: 0.05em; text-transform:uppercase; display:inline-flex; height:22px; justify-content:center; align-items:center;}
.section07 .shop_area .txt span {background: linear-gradient(to bottom, #ffd076, #dfca40);  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section07 .shop_area .item {position:absolute; top:0; bottom:0; left:0; right:0;}
.section07 .shop_area .sale {padding-bottom:2%; border-radius:50%; font-family:var(--fau); font-size:16px; font-weight:700; color:#ffffff; text-transform:uppercase; z-index:1; transform:translate(40%, 0); position:absolute; top:1.6rem; right:0; display:flex; align-items:center; justify-content:center;  flex-direction: column; width:127px; height:127px; letter-spacing: 0.02rem;}
.section07 .shop_area .sale:before {border-radius:50%; box-shadow:0 5px 10px rgba(0, 0, 0, 0.7); animation: spin1 10s infinite linear; z-index:-1; content:''; display:block; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; background-image:url('/images/common/event/2026/wild/bg_sale01.png'); will-change: transform;}
.section07 .shop_area .sale font {animation: blink-1 2.2s both infinite; font-family:var(--san); font-size:32px; letter-spacing:0.05em; color:#ffee7b;}
.section07 .shop_area .sale span {background:#000000; border-radius:5px; padding:0 0.7rem; margin: 0.3rem auto 0.1rem; height:33px; display:inline-flex; align-items:center; justify-content: center; padding-top: 2px;}

.section07 .shop_area li:nth-child(2n) .con {margin-left:auto; margin-right:0;}

.animated .shop_area > ul > li .con {animation:bounce-in-top 1.1s both;}
.animated .shop_area > ul > li.bn03 .con {animation-delay:0.2s;}
.animated .shop_area > ul > li.bn02 .con {animation-delay:0.4s;}
.animated .shop_area > ul > li.bn01 .con {animation-delay:0.6s;}

.section07 .shop_area li.bn01 .con .box {background-image:url('/images/common/event/2026/wild/bg_sp01.png');}
.section07 .shop_area li.bn01 .sale {right:auto; left:0; transform:translate(-40%, 0); }

.section07 .shop_area li.bn02 .con .box {background-image:url('/images/common/event/2026/wild/bg_sp02.png');}
.section07 .shop_area li.bn02 .name span {background: linear-gradient(to bottom, #ffd076, #86bb51);} 
.section07 .shop_area li.bn02 .txt span {background: linear-gradient(to bottom, #ffd076, #86bb51);}
.section07 .shop_area li.bn02 .sale:before {animation: spin 10s infinite linear; background-image:url('/images/common/event/2026/wild/bg_sale02.png');}
.section07 .shop_area li.bn02 .sale font {color:#d2ff7b;}

.section07 .shop_area li.bn03 .sale {right:auto; left:0; transform:translate(-40%, 0); }
.section07 .shop_area li.bn03 .con .box {background-image:url('/images/common/event/2026/wild/bg_sp03.png');}
.section07 .shop_area li.bn03 .name span {background: linear-gradient(to bottom, #ffd076, #0b65a4);} 
.section07 .shop_area li.bn03 .txt span {background: linear-gradient(to bottom, #ffd076, #0b65a4);}
.section07 .shop_area li.bn03 .sale:before {background-image:url('/images/common/event/2026/wild/bg_sale03.png');}
.section07 .shop_area li.bn03 .sale font {color:#bae9ff;}

.section07 .shop_area li.bn04 .con .box {background-image:url('/images/common/event/2026/wild/bg_sp04.png');}
.section07 .shop_area li.bn04 .name span {background: linear-gradient(to bottom, #ffd076, #d7a4b6);} 
.section07 .shop_area li.bn04 .txt span {background: linear-gradient(to bottom, #ffd076, #d7a4b6);}
.section07 .shop_area li.bn04 .sale:before {animation: spin 10s infinite linear; background-image:url('/images/common/event/2026/wild/bg_sale04.png');}
.section07 .shop_area li.bn04 .sale font {color:#ffaae1;}

.animated .tit_wrap .cha09_wrap img { animation: scale-bounce 0.4s 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}
.animated .shop_area > ul > li .con {animation:bounce-in-top 1.1s both;}
.animated .shop_area > ul > li.bn03 .con {animation-delay:0.2s;}
.animated .shop_area > ul > li.bn02 .con {animation-delay:0.4s;}
.animated .shop_area > ul > li.bn01 .con {animation-delay:0.6s;}
.animated.section07 .inner:before {animation: scale-bounce 0.4s 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards;}

@media screen and (max-width: 2400px) {
.cha03 {left:0; bottom:-9%;}
.cha06 {left: -3%;  width: 30%;}
.cha07 { left:-1%; width:25%; bottom:0;}
.cha08 {right:-10%; width:34%; bottom:0;}


.section01 .title_wrap .cha01_wrap {left: -74%; top: 10%; width: 200%;}	
.section01 .title_wrap .cha02_wrap {right: -70%; top: 11%; width: 164%;}	
.section01 .title_wrap .cha {width:100%;}

.section04 .cha_info .want {font-size:100px;}

.section04 .character .img {position: absolute; left: 50%;}
.section04 .character .char01 .img {transform: translate(-60%, 0); width: 110%;}
.section04 .character .char02 .img {transform: translate(-40%, 0); width: 145%;}
.section04 .cha_info .name {min-width:25rem;     border-top: 1px solid rgba(255, 72, 72, 0.5);}
.section04 .cha_info .name:before {display:none;}

}

@media screen and (max-width: 2000px) {
.section04 .character .img > img {max-width:100%;}	
}

@media screen and (max-width: 1860px) {
.cha03 {max-width:40%;}	
.curve {max-width:35%;}
	
.section01 .title_wrap .cha01_wrap {left: -45%; width: 150%;}
.section01 .title_wrap .cha02_wrap {right: -40%; width: 123%; top:10%;}







}

@media screen and (max-width: 1720px) {
.section04 .character .img {top: 10%;}	
.section07 .inner {padding-left:9rem; padding-right:9rem; max-width: 1490px;}
.section07 .shop_area .con {max-width:40rem;}
.section07 .tit_wrap .cha09_wrap {width:100%; margin-left:-50%;}
.section07 .tit_wrap .cha09_wrap img {max-width:100%;}

.section07 .shop_area .sale {font-size:12px; width: 100px; height: 100px;}
.section07 .shop_area .sale font {font-size:25px;}
.section07 .shop_area li.bn01 .sale {transform:translate(-50%, 0); }
.section07 .shop_area li.bn02 .sale {transform:translate(50%, 0); }
.section07 .shop_area li.bn03 .sale {transform:translate(-50%, 0); }
.section07 .shop_area li.bn04 .sale {transform:translate(50%, 0); }
.section07 .shop_area .name {font-size:30px;}
.section07 .shop_area .txt {font-size:14px; margin-top:0;}
}


@media screen and (max-width: 1560px) {
.pop_video .pop-layout {width: 60%;}
.cha07 {left: -2%;  width: 17%;}
.cha08 {right: -8%;  width: 24%;}

.item_wrap .swiper-button-next {right:-8.2rem;}
.item_wrap .swiper-button-prev {left:-8.2rem;}
.section03 .tit_wrap > .new {z-index:1; left:-11.2rem;}

.section04 .cha_info .want {font-size:70px; margin-bottom:1rem;}
.section04 .cha_info {padding:4rem 4rem 0;}
.section04 .cha_info .name {font-size:45px; min-width:0;}
.section04 .character .desc {bottom:-3rem;}
.section04 .char01 .desc {left:-4rem;}
.section04 .char02 .desc {right:-4rem;}
.section04 .character {height:86rem;}
.section04 .character .img {top:12%;}

.section05 .img_3d {width: 9%; top: 5.2%; right: -0.2%;     height: 8%;}
.section05 .page02 .img_3d {left:-0.2%;}
.section05 .item_info {padding: 3.3rem 5%;}
.animated .img_3d {height:23%;}
.animated .img_3d.reset {height:8%; transition:none;}

.section05 .inner {max-width:1100px;}
.stat { width:260px; height:210px; background-size:100% auto;}
.page02 .stat {width:260px; height:146px;}
.stat:before {width:11.7rem; height:7rem; top: -1.6rem; left: -3.4rem;}
.page02 .stat:before {right:-3.4rem;}
.stat li {margin-bottom:5px;}
.stat li > div {font-size:13px;}
.stat .txt {width:64px;}
.stat .num {width:48px;}
.stat .graph {    width: calc(100% - 112px);}

.section06 .inner {padding-left:12rem; padding-right:12rem;}
.section06:before {top:1.35rem; bottom:1.35rem; left:1.4rem; right:1.4rem;}
.section06:after {top:1.5rem; bottom:1.5rem; left:1.5rem; right:1.5rem;}
.item_wrap .item_list li .con .name {font-size:12px;}

.section07 {padding-bottom:10rem;}
.section07 .tit_wrap {padding-left:7rem; padding-right:7rem;}
.section07 .sec_tit {font-size:45px;}
.section07 .sec_tit02 {font-size:17px;}
.section07 .shop_area .con {max-width:36rem;}
.section07 .shop_area .desc {font-size:2.2rem; bottom:2rem;}


.section03 .slot_wrap .wrap {padding:1.5% 4.8rem;}
.section03 .slot_wrap:after {padding-bottom:37%;}

}


@media screen and (max-width: 1360px) {
.section02 .box_wrap .c5_02 {right:3%;}

.cha03 {display:none;}
}

@media screen and (max-width: 1280px) {
.inner {padding-left:3rem; padding-right:3rem;}
.section01 {height:auto;}
.section01 .title_wrap {padding: 22% 0 2.4%; width:50%; max-width:775px;}
.section01 .title_wrap .cha01_wrap {top:12%;}
.section01 .title_wrap .cha02_wrap {top:12%;}
.section01 .title_wrap .date {top:13%; font-size:22px;}

.section06 {padding-bottom:30%;}
.section06 .swiper-scrollbar {display:block; height:2rem; bottom:-4rem;  background:#000; border:0.2rem solid #fff; position:relative; border-radius:1.5rem;    overflow:hidden;    z-index: 1; padding:0.3rem;}

.item_wrap .swiper-pagination {display:none;}
.item_wrap .item_list li:nth-child(5n) .con .level:before {display:block;}

.pop_video .pop-layout {width: 60%;}

.item_wrap .item_list li .con .item .name br {display:none;}
.section06 .swiper-button-next, .section06 .swiper-button-prev {display:none !important;}

.section03 .tit_wrap .tit01 {font-size:40px;}
.section03 .tit_wrap .tit02 {font-size:18px;}
.section03 .tit_wrap .slot {font-size:40px; width:22.5rem; height:12.1rem; margin-top:-5rem; right:4rem;}
.section03 .tit_wrap .wrap {padding-left:15%;}
.section03 .tit_wrap > .new { left:-4rem;}
.section03 .slot_wrap .slot01 .tit {font-size:20px;}
.section03 .slot_wrap .slot02 .txt {font-size:20px;}
.section03 .slot_wrap:before {width:20rem; height:17rem; margin-left:-10.5rem;}
.section03 .slot_wrap .slot01 .num {font-size:20px;}
.section03 .slot_wrap .slot01 .num span {font-size:22px;}
.section03 .slot_wrap .slot01 .name {font-size:14px;}
.section03 .slot_wrap .slot02 .info {font-size:16px;}
.section03 .slot_wrap .slot02 .info span {font-size:14px;}
.section03 .slot_wrap .slot02 .info font {font-size:16px;}
.section03 .slot_wrap .slot02 .slot {font-size:18px; width:96px; height:31px;}
.section03 .slot_wrap .slot02 .slot span {font-size:24px;}
.section03 .slot_wrap .slot02 .more_info {bottom:1rem; right:1rem;}
.section03 .slot_wrap .slot02 .desc .label {font-size:12px; width:186px; height:29px; top:-3.2rem;}
.section03 .info_wrap {font-size:12px;}
.section03 .info_wrap span {font-size:14px;}
.section03 .slot_wrap .tip:after {right:2.7rem;}
.section03 .slot_wrap .tip {bottom:0.8rem;}
.section03 .slot_wrap .slot02 .tit {font-size:20px;}


.section04 .character .desc {margin-left:-221px;}
.section04 .char01 .desc {left:50%;}
.section04 .char02 .desc {right:auto; left:50%;}
.section04 .character .img {top:25%;}

.section05 {padding-bottom:33rem; background-position:right bottom; background-size:auto;}
.stat {bottom:-10%; left:-2.4%;}
.page02 .stat {right:-2.4%;}
.section05 .swiper-button-next img, .section05 .swiper-button-prev img {max-width:24rem;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {font-size:20px;}
.section05 .swiper-button-next:hover span, .section05 .swiper-button-prev:hover span {font-size:22px;}
.section05 .swiper-button-next span:after, .section05 .swiper-button-prev span:after {width:7.7rem; height:4.8rem;}
.section05 .item_info {padding:2.3rem 5%;}
.section05 .item_info:before, .section05 .item_info:after {font-size:1.6rem; height:1.2rem; background-size: 2.2rem auto;}
.section05 .item_info .name {font-size:40px;}
.section05 .item_info .info {font-size:16px;}

.stat {position:relative; top:auto; bottom:auto; left:auto; right:auto; transform:none;  margin:17% auto 0;}
.stat {width: 332px; height: 268px;}
.page02 .stat {right:auto; width: 332px; height: 187px;}

.section06 .inner {padding-left:6rem; padding-right:6rem;}

.section07 {padding: 25rem 0 56rem;}
.section07 .inner {padding-left:6rem; padding-right:6rem;}
.animated.section07 .inner:before {background-size:200% auto;}
.section07 .tit_wrap {width:auto; left:0; right:0; margin-left:0;}
.section07 .tit_wrap br {display:none;}
.section07 .sec_tit {margin:0 -3rem;}
.section07 .sec_tit02 {margin-left:-3rem; margin-right:-3rem;}
.section07 .sec_tit02 br {display:block;}
.section07 .shop_area {max-width:780px; margin:0 auto; z-index:2;}
.section07 .shop_area > ul { margin-left:-3rem;}
.section07 .shop_area > ul > li {padding-left:3rem;}
.section07 .shop_area .con {max-width:none; width:100%;}
.section07 .tit_wrap .cha09_wrap img {max-width:515px; width:100%;}

}

@media screen and (max-width: 1023px) {
header {text-align:center;}

.section01 .title_wrap {flex-direction:column; padding: 43% 0 2.4%; align-items:center; width:auto; max-width:none;}
.section01 .title_wrap .title {width:80%;}
.section01 .title_wrap .cha01_wrap {left:-42%; top:18%; width:140%;}
.section01 .title_wrap .cha02_wrap {top:18%; right:-45%; width:125%;}
.section01 .title_wrap .title {width:68%;}


.section02 .free {left:9%;}
.section02 .box_wrap .c5_02 {right:-5%; display:none;}
.section02 .box_wrap .c5_03 {left:-7%;}
.section02 .box_wrap .c5_01 {left:10%;}

.section03 {padding-top:11rem;}
.section03 .slot_wrap {margin-top:3rem;}
.section03 .slot_wrap:after {display:none;}
.section03 .slot_wrap .wrap {position:static; display:block; padding: 4.8rem 3rem;}
.section03 .slot_wrap .wrap > div {width:auto; max-width: 500px; margin: 0 auto;}
.section03 .slot_wrap:before {display:none;}
.section03 .info_wrap:after {display:none;}
.section03 .info_wrap div {display:block; padding:3rem; position:static; line-height:1.5;}
.section03 .info_wrap span {display:block;}
.section03 .tit_wrap > .new {left: 41%; top: -51%; width: 15.3rem; height: 13.8rem; padding-bottom:0;}
.section03 .tit_wrap .wrap {padding:6rem 5rem ; background-size:100% 100%; position:static;}
.section03 .tit_wrap:after {display:none;}
.section03 .tit_wrap .tit01 {font-size:30px;}
.section03 .tit_wrap .tit02 {font-size:16px;}
.section03 .tit_wrap .slot {width:18.5rem; height:10rem; font-size:30px; top: auto; bottom: -3rem; left: 50%; transform: translate(-50%, 0);}
.section03 .slot_wrap .slot02 .tit { margin:5rem auto -2rem auto;}
}

@media screen and (max-width: 900px) {
.section07 .shop_area {max-width:640px;}
.section07 .shop_area .name {font-size:24px;}
.section07 .shop_area .txt {font-size:12px;}


}	

/*** max-width 768 ***/
@media screen and (max-width: 768px) {
html {font-size:32%;}	
.mobile {display:block;}
.cha06 {width:40%;}

.btn_top {width:45px; height:45px; bottom:2rem; right:2.4rem; padding-top:4rem;}
.btn_top span {font-size:2.1rem;}

.pop_video .pop-layout {width:75%;}

.item_wrap .item_list li .con .name {font-size:1.9rem;}
.item_wrap .item_list li .con .name br {display:none;}
.item_wrap .item_list li .con .level span {font-size:2.5rem;}
.item_wrap .it_tit {font-size:2rem;     background-size: 1.2rem auto !important;}
.item_wrap .it_tit.free span {transform: translate(-34%, -50%) rotate(-90deg);}
.item_wrap .it_tit.pre span {transform: translate(-41%, -50%) rotate(-90deg);}
.item_wrap .item_list li .con .level {background-size:9.6rem auto; padding:5.6% 0;}

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

.section01 .title_wrap .date {font-size:3rem; top:15%;}
.section02 .tit_wrap .tit01 {font-size:6.9rem;}
.section02 .tit_wrap .tit02 {font-size:2.9rem;}
.section02 .tit_wrap:before, .section02 .tit_wrap:after {background-size:3rem auto;}

.section02 .box_wrap {width:500px; margin:0 auto; height:450px;}
.section02 .box_wrap .c5_01 {width:21.3rem;}
.section02 .box_wrap .c5_02 {width:21.3rem; display:inline;}
.section02 .box_wrap .c5_03 {width:29.3rem;}
.section02 .free {width:240px; top:70px;}
.section02 .prem {width:260px;}
.section02 .vod_area {width:180px; top:90px;}
.section02 .box_wrap .box01 {width:265px;}
.section02 .box_wrap .box02 {width:110px; right:-14%;}

.section02 .pass .tit {font-size:4.5rem;}
.section02 .pass .for {font-size:2.3rem;}
.section02 .pass .txt {font-size:2rem; word-break: break-word;}
.section02 .pass .txt br {display:none;}
.section02 .prem .con {padding: 7% 4% 4% 3%;}
.section02 .free .con {padding:7% 6% 8% 3%;}

.section02 .vod_area .vod .tit {font-size:3.5rem;}
.section02 .vod_area .vod .txt {font-size:2.3rem;}

.section03 {padding-top:7rem;}
.section03 .slot_wrap .slot01 .tit {font-size:3.3rem;}
.section03 .slot_wrap .slot01 .num {font-size:3.3rem;}
.section03 .slot_wrap .slot01 .num span {font-size:3.7rem;}
.section03 .slot_wrap .slot01 .name {font-size:2.5rem;}
.section03 .slot_wrap .slot02 .txt {font-size:3rem;}
.section03 .slot_wrap .slot02 .info {font-size:2.3rem;}
.section03 .slot_wrap .slot02 .desc .label {font-size:2.3rem; width:170px; top:-6rem;}
.section03 .slot_wrap .slot02 .slot {font-size:2.7rem; width:61px; height:20px;}
.section03 .slot_wrap .slot02 .slot span {font-size:3rem;}
.section03 .slot_wrap .slot02 .info span {font-size:2.3rem;}
.section03 .slot_wrap .slot02 .info font {font-size:2.3rem;}
.section03 .info_wrap {font-size:2.3rem;}
.section03 .info_wrap span {font-size:2.4rem;}

.section03 .slot_wrap .tip {font-size:2.3rem; max-width:100%; right:auto; left:0; min-width:90%;}
.section03 .slot_wrap .list03 .tip:after {        right: 14%;}

.section03 .tit_wrap .wrap {padding:9rem 5rem 7rem;}
.section03 .tit_wrap .tit01 {font-size:4rem;}
.section03 .tit_wrap .tit02 {font-size:2.3rem;}
.section03 .tit_wrap > .new {font-size:3rem;  left: 43%; top: -26%;}
.section03 .tit_wrap .slot {font-size:3.5rem;}
.section03 .slot_wrap .slot02 .tit {font-size:3.3rem;}

.section04 .cha_info {padding:3rem 3rem 0;}
.section04 .cha_info .want {font-size:6rem;}
.section04 .cha_info .name {font-size:4.5rem;}
.section04 .cha_info .name:before {min-width:0; width:100%;}
.section04 .cha_info .name span {font-size:3rem;}
.section04 .character .desc span {font-size:3rem;}
.section04 .character .desc {font-size:2rem; width:200px; margin-left:-100px; height:204px; padding: 6.4% 12.4% 7% 19%;}
.section04 .character .img {top:22%;}

.section05 {padding-bottom:56rem;}
.section05 .item_info {padding: 2.3rem 8%;}
.section05 .item_info .name {font-size:4rem;}
.section05 .item_info .info {font-size:2.3rem;}
.section05 .img_3d {width: 15.754%; top: 4.9%; right: -3.5%; height:13.5%;}
.section05 .page02 .img_3d {left:-3.5%;}
.animated .img_3d {height:40%;}
.animated .img_3d.reset {height:13.5%; transition:none;}

.section05 .swiper-button-next span, .section05 .swiper-button-prev span {font-size:2.3rem;}
.section05 .swiper-button-next:hover span, .section05 .swiper-button-prev:hover span {font-size:2.5rem;}
.section05 .swiper-button-next img, .section05 .swiper-button-prev img {max-width:18rem;}
.stat { width:260px; height:210px;}
.stat:before {top:-0.6rem;}
.stat li > div {font-size:2.3rem;}
.page02 .stat {width:260px; height:146px;}

.section06:before {background-size:9.5rem auto;}
.section06 .sec_tit {font-size:4.9rem;}
.section06 .sec_tit br {display:none;}

.section07 {padding: 36rem 0 70%;}
.section07:before, .section07:after {background-size:3rem auto;}
.animated.section07 .inner:before {background-size:250% auto;}
.section07 .sec_tit {font-size:4.9rem;}
.section07 .sec_tit br {display:block;}
.section07 .sec_tit02 {font-size:2.9rem;}
.section07 .shop_area {max-width:480px;}
.section07 .shop_area > ul {margin-left:0;}
.section07 .shop_area > ul > li {display:block; padding-left:0; width:100%;}

.section07 .shop_area .sale {font-size:2.1rem; width:84px; height:84px;}
.section07 .shop_area .desc {bottom:7%;}
.section07 .shop_area .sale font {font-size:3.4rem;}
.section07 .shop_area .sale span {height:24px;}
.section07 .shop_area .name {font-size:4.3rem;}
.section07 .shop_area .txt {font-size:2.1rem;}
.section07 .tit_wrap .cha09_wrap {width:80%; margin-left:-40%; bottom:-7%;}
}

@media screen and (max-width: 500px) {
.section02 .box_wrap {width:380px; margin-top:-60px;}	
.section02 .free {width:200px; left:0; top:104px;}
.section02 .vod_area {left:185px;}
.section02 .prem {left:50px;}
.section02 .box_wrap .box01 {left:-30px;}
.section02 .box_wrap .box02 {width:150px;}
.section02 .box_wrap .c5 {z-index:1;}
.section02 .box_wrap .c5_01 {width:12rem;}
.section02 .box_wrap .c5_02 {width:12rem;}
.section02 .box_wrap .c5_03 {width:19rem;}
.section03 .tit_wrap > .new {left:38%;}
.section07 .tit_wrap .cha09_wrap {bottom:-5%;}

.section07 .shop_area {max-width:302px;}
}

@media screen and (max-width: 370px) {
.section01 .title_wrap .date {top:18%;}
}

@media screen and (min-width:1280px) and (min-width:910px) and (max-height: 1080px) {
.section01 .title_wrap .title {max-width:90%;}
}

@media screen and (min-width:1280px) and (min-width:769px) and (max-height: 910px) {
.section01 .title_wrap .title {max-width:75%;}
.section01 .title_wrap .cha {width:100%;}
.section01 .title_wrap .cha01_wrap {left: -45%; width: 150%;}
.section01 .title_wrap .cha02_wrap {right: -40%; width: 123%; top:10%;}
}


@keyframes animate-width {
    0% {
        width: 0;
        opacity: 0;
    }

    100% {
        visibility: visible;
        opacity: 1;
    }
}


@keyframes float02 {
    0% {
        opacity: 1;
    }

    50% {
        transform: translate(0, -1rem);
        opacity: 1;
    }

    100% {
        opacity: 1;
    }
}

@keyframes glow {
  0%   { filter: brightness(1); }
  50%  { filter: brightness(1.25); }
  100% { filter: brightness(1); }
}

@keyframes spin {
  100% { transform:rotate(360deg);}
}

@keyframes spin1 {
  100% { transform:rotate(-360deg);}
}

@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}

@keyframes swing {
  0%,100% { transform: rotate(-2deg); }
  50% { transform: rotate(2deg); }
}

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

@keyframes smoke {
    0%{
        transform: translate(0 , 0) scaleX(1);
        opacity: 0.5;
    }

    15%{
        opacity: 1;
    }

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

    95%{
        opacity: 0.5;
    }

    100%{
        transform: translate(0 , 0) scaleX(2);
	}
}

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

    30% {
        opacity: 1;
    }

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

@keyframes bounce-in-top {
  0% {
            transform: translateY(-500px);
            animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
            transform: translateY(0);
            animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
            transform: translateY(-30px);
            animation-timing-function: ease-in;
  }
  72% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  81% {
            transform: translateY(-14px);
            animation-timing-function: ease-in;
  }
  90% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  95% {
            transform: translateY(-4px);
            animation-timing-function: ease-in;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
}

@keyframes scale-bounce {
  0%   { transform: scale(0.1); opacity: 0; }
  100% { transform: scale(1); opacity: 1; }
}

@keyframes scale-bounce02 {
  50% { transform: scale(1.02);}
}

@keyframes double-right {
  0%           { transform: translateX(0); }
  6%           { transform: translateX(0.8rem); }
  12%          { transform: translateX(0); }
  17%          { transform: translateX(0); }
  23%          { transform: translateX(0.8rem); }
  29%          { transform: translateX(0); }
  29.01%, 100% { transform: translateX(0); }
}

@keyframes double-left {
  0%           { transform: translateX(0) scaleX(-1); }
  6%           { transform: translateX(-0.8rem) scaleX(-1); }
  12%          { transform: translateX(0) scaleX(-1); }
  17%          { transform: translateX(0) scaleX(-1); }
  23%          { transform: translateX(-0.8rem) scaleX(-1); }
  29%          { transform: translateX(0) scaleX(-1); }
  29.01%, 100% { transform: translateX(0) scaleX(-1); }
}

@keyframes speaker-pulse { 
  50%  { transform: scale(0.85);  } 
}

@keyframes shake-explosion {
  0%, 100% { transform: translate(0, 0) rotate(0deg) scale(1); }
  3% { transform: translate(-14px, -18px) rotate(-2deg) scale(1.01); }
  6% { transform: translate(16px, 10px) rotate(1.5deg) scale(1.005); }
  10% { transform: translate(-12px, 14px) rotate(-1.2deg) scale(1); }
  14% { transform: translate(13px, -9px) rotate(0.8deg) scale(0.998); }
  20% { transform: translate(-8px, 6px) rotate(-0.5deg) scale(1); }
  28% { transform: translate(5px, -4px) rotate(0.3deg); }
  38% { transform: translate(-3px, 2px) rotate(-0.1deg); }
  50% { transform: translate(1px, -1px) rotate(0deg); }
  65% { transform: translate(0, 0) rotate(0deg) scale(1); }
}

@keyframes fir {
  from {
    opacity: 0;
    -webkit-transform: translate3d(2000px, 0, 0);
    transform: translate3d(2000px, 0, 0);
  }

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

@keyframes fil {
  from {
    opacity: 0;
    -webkit-transform: translate3d(-2000px, 0, 0);
    transform: translate3d(-2000px, 0, 0);
  }

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

@keyframes bg-move {
    0% {
        background-size: auto 150%;
    }

    to {
        background-size: auto 100%;
    }
}

@keyframes muzzleFlash {
  0% {
    opacity: 0;
    transform: translate(-2%, -5%) scale(0.3) rotate(-10deg);
  }

  30% {
    opacity: 1;
    transform: translate(-2%, -5%) scale(1.2) rotate(0deg);
  }

  100% {
    opacity: 0;
    transform: translate(-2%, -5%) scale(0.6) rotate(5deg);
  }
}

@keyframes recoil-body {
  0% {
    transform: translate(0, 0) rotate(0deg);
  }

  20% {
    transform: translate(-12px, -6px) rotate(-3deg);
  }

  40% {
    transform: translate(-6px, -2px) rotate(-1.5deg);
  }

  60% {
    transform: translate(2px, 1px) rotate(1deg);
  }

  80% {
    transform: translate(-1px, 0px) rotate(-0.5deg);
  }

  100% {
    transform: translate(0, 0) rotate(0deg);
  }
}