@charset "utf-8";
@import url("https://use.typekit.net/wxm4qzr.css");
*, *::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: var(--osw), 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: var(--chd);}
a {color: #fff; font-weight: 400; text-decoration: none; font-family: var(--chd); display: inline-block; outline: none; cursor: pointer; transition:all ease-in-out 0.2s;}
a:focus {outline: none;}

/* root */
:root {
--osw : 'oswald', sans-serif;
--chd : 'cheddar-gothic-rough', sans-serif;
--rbt : 'roboto', 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:1596px; 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;}
.obj {position:absolute;}

.obj01 {bottom:-1rem; left:0; animation: sway 7s 1s infinite linear; transform-origin: bottom; width:46%; max-width:1092px;}
.obj02 {bottom:-1rem; left:0; animation: sway 5s infinite linear; transform-origin: bottom; z-index:1; width:36%; max-width:908px;}
.obj_flw01 {top: 3%; left: 15%; animation: sway 3.5s infinite linear; transform-origin: bottom;}
.obj_flw02 {top: 24%; left: 8%; animation: sway 4.5s 0.8s infinite linear; transform-origin: bottom;}
.obj_rb {top: 22%; right: 12%; width:16.3%; max-width:144px; animation: float 3s 0.4s ease-in-out infinite;}

.tank {top:0; right:0; max-width:none;}
.tank_light {top:0; right:0; mix-blend-mode:screen; max-width:none; animation: float 7s ease-in-out infinite , glow 2s ease-in-out infinite;}

.animated .cha01 {animation: bounce-in-left 0.8s 0.1s both;}
.animated .cha02 {animation: bounce-in-right 0.8s 0.3s both;}
.cha03 {left:-4%; bottom:0; z-index:1;}
.cha04 {right:-5%; bottom:0; z-index:3;}
.cha07 {left:-18rem; bottom:-10rem;}
.cha08 {right:-23rem; bottom:-6rem;}
.cha09 {left:-5rem; top:-9rem; clip-path:inset(9rem 0 0 0);}
.cha10 {right:0; bottom:-23rem; pointer-events:none;}

.container {overflow:hidden; position:relative; background:#ffeedd;}
.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;}

/* swiper 공통 */
.swiper-button-next, .swiper-button-prev {z-index:11; margin-top:0;}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {display:none;}

.section {background-position:center center; background-size:cover; background-repeat: no-repeat;}

.section01 {height: 100vh; position:relative; text-align:center; max-height: 1080px; z-index:1; background-image:url('/images/common/event/2026/harvest/bg01.jpg'); overflow: hidden;}
.section01 .cha_wrap {left:50%; bottom:0; transform:translate(-50% , 0); width: max-content; position:absolute; height:100%;}
.section01 .cha_wrap .cha {position:relative;}
.section01 .cha_wrap .cha02 {position:absolute; top:0; left:0;}
.section01 .title_wrap {width: max-content; margin: 0 auto; z-index:2; height:100%; display:flex; align-items:center; justify-content:space-between; position:relative; flex-direction: column; padding-top:4rem;}
.section01 .title_wrap .date {z-index:1; font-size:30px; font-family:var(--chd); text-transform:uppercase; letter-spacing:0.01em; font-style:italic; color:#552200; animation: fade-in-up 0.8s both;}
.section01 .title_wrap .date span {color:#000;}
.section01 .title_wrap .title {position:relative; z-index:1;}
.section01 .title_wrap .title span {display:block; position:relative;}
.section01.animated .title_wrap .title span {animation: bounce-in-top 0.8s both;}

.section02 {padding:12rem 3rem 14.4rem; position:relative; background-image:url('/images/common/event/2026/harvest/bg02.jpg');}
.section02 .inner {max-width:1872px; padding-left:0; padding-right:0; position:relative;}
.section02 .info_area {margin:0 auto; display:inline-block; position:relative;}
.section02 .info_area .tit_wrap {position: absolute; top: 10%; left: 20%; right: 20%; height: 56%; display:flex; align-items:center; justify-content: center; flex-direction: column;}
.section02 .info_area .tit {font-family:var(--chd); text-transform: uppercase;}
.section02 .info_area .tit01 {font-size:112px; color:#000000;}
.section02 .info_area .tit02 {margin-top:4px; font-size:42px; color:#ddbb88; padding:3px 4.8rem; letter-spacing: 0.04em; background:rgba(51, 17, 0, 0.9); border-radius: 6px; display: flex; align-items: center; justify-content: center;}
.section02 .info_area .txt {font-style: oblique; letter-spacing:-0.02em; font-weight: 600;}
.section02 .info_area .txt01 {font-size:36px; color:#000000; margin-top:1.8rem;}
.section02 .info_area .txt02 {font-size:24px; color:#442211; line-height:1.3; margin-top:1.2rem;}

.section02 .vod_area {border-radius:4.8rem; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.5); width:36rem; height:9.6rem; position:absolute; bottom:6rem; left:50%; margin-left:-18rem; z-index:2;}
.section02 .vod_area .vod_link {animation: btn-blink 1.4s steps(1) infinite; transition:none; width:100%; height:100%; display: flex; align-items:center; justify-content: center; gap:0.5rem; padding-right:6rem; font-size:30px; color:#fff; text-transform:uppercase; background-repeat: no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/harvest/btn_vod.png'); background-size:100% auto;}
.section02 .vod_area .vod_link span {color:#ffaaaa;}
.section02 .vod_area .vod_link:hover {background-position:0 100%;     animation: none;}
.section02 .vod_area .vod_link:hover span {color:#bbffaa;}

.section02 .pass_wrap {right:-3rem; width:492px; top:1rem; position:absolute; z-index:1;}
.section02 .pass {width:100%; position:relative;}
.section02 .pass:after {content:''; display:block; padding-bottom: 100%;}
.section02 .pass .con {text-align:center; position:absolute; width:100%; height:100%; top:0; left:0; background-position: center center; background-repeat: no-repeat; background-size:100% auto;}
.section02 .pass .detail {height:100%; padding:3% 21% 16%; word-break: break-word; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.section02 .pass .for {font-size:24px; color:#aacc88; font-weight:600; font-style: oblique; margin-top:2px;}
.section02 .pass .tit {font-size:46px; font-family:var(--chd); color:#fff;}
.section02 .pass .txt {font-size:22px; line-height:1.36; font-style: oblique; margin-top:2rem; color:#eeeeee; padding:0 9%;}
.section02 .pass .txt span {color:#ffee88;}

.section02 .free .con {background-image:url('/images/common/event/2026/harvest/bg_free.png'); animation: float 3s ease-in-out infinite;}
.section02 .prem {margin-top:-108px; margin-left: -116px;}
.section02 .prem .con {background-image:url('/images/common/event/2026/harvest/bg_prem.png'); animation: float 3s 0.7s ease-in-out infinite;}
.section02 .prem .for {color:#ddaa88;}

.section02.animated .cha03 {animation: fade-in-left 0.6s both;}
.section02.animated .info_area .tit01 {animation: fade-in-up 0.8s both;}
.section02.animated .info_area .tit02 {animation: fade-in-up 0.8s 0.1s both;}
.section02.animated .info_area .txt01 {animation: fade-in-up 0.8s 0.2s both;}
.section02.animated .info_area .txt02 {animation: fade-in-up 0.8s 0.3s both;}
.section02.animated .vod_area {animation: fade-in-up 0.8s 0.4s both;}
.section02.animated .pass.free {animation: fade-in-up 0.8s 0.2s both;}
.section02.animated .pass.prem {animation: fade-in-up 0.8s 0.4s both;}

.section03 {padding:14rem 0 14.8rem; background-image:url('/images/common/event/2026/harvest/bg03.jpg'); position:relative; z-index:3;}
.section03:before {content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:0.4rem; box-shadow:inset 0 0 0 1px #ffc7b9, 0 0 3rem #ffc7b9; background:#fff; z-index:4;}
.section03 .inner {max-width:1676px;}
.section03 .tit_wrap {position:relative; z-index:1;}
.section03 .tit_wrap .wrap {margin:0 auto; position:relative;}
.section03 .tit_wrap .tit01 {font-size:52px; font-family: var(--chd); color:#000000; text-transform: uppercase; text-shadow: -2px 0px #eebb77, 0px 2px #eebb77, 2px 0px #eebb77, 0px -2px #eebb77;}
.section03 .tit_wrap .tit01 span {color:#660000;}
.section03 .tit_wrap .tit02 {margin-top:6px; font-size:24px; color:#ffffff; font-family:var(--osw); font-style:oblique; letter-spacing:-0.01em; text-shadow: -1px 0px #660000, 0px 1px #660000, 1px 0px #660000, 0px -1px #660000;}
.section03 .tit_wrap .tit02 span {color:#ffeebb;}
.section03 .tit_wrap .slot {position:relative; padding-top:1.5%; font-size:36px; margin:1rem auto 0; width:26.8rem; height:6.6rem; display:flex; align-items:center; justify-content:center;}

.section03 .slot_wrap {position:relative; margin-top:5rem;}
.section03 .slot_wrap:before {content:''; display:block; position:absolute; width:19.2rem; height:19.2rem; background:url('/images/common/event/2026/harvest/img_plus.png') 0 0 no-repeat; background-size:100% auto; top:50%; left:50%; transform:translate(-50% , -90%);}
.section03 .slot_wrap .wrap {display:flex; align-items:flex-end; justify-content:center; flex-wrap:wrap; gap:1.6rem; position: relative; z-index: 2;}
.section03 .slot_wrap .wrap > div {width:calc((100% - 1.6rem) / 2); position:relative;}
.section03 .slot_wrap .wrap > div:after {content:''; display:block; padding-bottom:68%;}
.section03 .slot_wrap .wrap .box {background-repeat: no-repeat; background-position:0 0; background-size:100% auto; position:absolute; top:0; left:0; width:100%; height:100%; padding: 0 10% 10%;}
.section03 .slot_wrap .tit {font-size:42px; font-family:var(--chd); text-transform:uppercase; color:#fff; display: flex; align-items: flex-end; justify-content: center; height:19.4%; gap:0.7rem;}
.section03 .slot_wrap .tit span {color:#ffcc77;}
.section03 .slot_wrap .txt {font-size:22px; color:#ccbbaa; font-style: oblique; margin-top:2px; text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000;}
.section03 .slot_wrap .list {font-size:0; margin-top:3.5%;}
.section03 .slot_wrap .list ul {display: flex; align-items: center; justify-content: space-around; gap:2rem;}
.section03 .slot_wrap .list li {display:inline-block; vertical-align:top; width:calc((100% - 2rem) / 2); position:relative;}
.section03 .slot_wrap .list li:after {content:''; display:block; padding-bottom:116.72%;}
.section03 .slot_wrap .list .con {position:absolute; top:0; left:0; width:100%; height:100%; padding: 0 18% 7% 3%;}
.section03 .slot_wrap .detail {width: 100%; height: 30%; display:flex; align-items: center; justify-content: center; flex-direction: column; position:relative;}
.section03 .slot_wrap .img {height:55%; position:relative;}
.section03 .slot_wrap .img img {position:absolute; top:50%; left:50%;}
.section03 .slot_wrap .name {font-size:30px; color:#000000; font-family:var(--chd); text-transform:uppercase; margin-top:1rem;}
.section03 .slot_wrap .name span {color:#550000}
.section03 .slot_wrap .info {gap:0.5rem; width:228px; max-width:100%; height:36px; flex-shrink:0; border-radius:0.6rem; position:relative; display:flex; align-items:center; justify-content:center; font-size:23px; color:#000000; font-family:var(--chd); background:url('/images/common/event/2026/harvest/bg_slot_pass.jpg') center center no-repeat;}
.section03 .slot_wrap .info:before {content:''; display: block; position:absolute; top:0.4rem; right:0.4rem; left:0.4rem; bottom:0.4rem; background:url('/images/common/event/2026/harvest/dot_b.png') 0 0 no-repeat, url('/images/common/event/2026/harvest/dot_b.png') 0 bottom no-repeat, url('/images/common/event/2026/harvest/dot_b.png') right 0 no-repeat, url('/images/common/event/2026/harvest/dot_b.png') right bottom no-repeat;}
.section03 .slot_wrap .info span {color:#550000;}
.section03 .slot_wrap .more_info {font-size:0; display:block; position:absolute; width:32px; height:32px; right:0.8rem; top:50%; margin-top:-16px;}
.section03 .slot_wrap .list li:first-child .con {padding: 0 3% 7% 17%;}
.section03 .slot_wrap .slot {gap:0.5rem; padding:0 1rem; height:30px; display:flex; align-items:center; justify-content:center; font-size:23px; font-family:var(--chd); letter-spacing:0.02em; background:#442211; border-radius:0.6rem; box-shadow:0 1px 0 rgba(255, 255, 255, 0.4); color:#dddddd;}
.section03 .slot_wrap .slot span {color:#ffcc77;}

.section03 .slot01 .box {background-image:url('/images/common/event/2026/harvest/bg_slot01.png');}
.section03 .slot02 .box {background-image:url('/images/common/event/2026/harvest/bg_slot02.png');}
.section03 .slot02 .list {margin-top:1rem;}
.section03 .list01 .img img {transform:translate(-68% , -60%);}
.section03 .list02 .img img {transform:translate(-40% , -60%);}
.section03 .list03 .img img {transform:translate(-50% , -60%);}
.section03 .list04 .img img {transform:translate(-34% , -60%);}

.section03 .tip {display:none; font-style:oblique; border-radius:1.2rem; padding:1rem 2.4rem 1.4rem; top:0; left:50%; transform:translate(-50% , -100%); width:max-content; max-width:120%; z-index:2; position:absolute; font-size:18px; color:#fff; line-height:1.2; text-shadow:0 0 1px #000; background:url('/images/common/event/2026/harvest/bg_tip.png') center center no-repeat; background-size:cover; border:1px solid #ffffff; box-shadow:inset 0 0 0 0.4rem #ddccbb , 0 1rem 2rem rgba(0, 0, 0, 0.8);}
.section03 .tip span {color:#ffcc77;}
.section03 .tip:before {content:''; display: block; position:absolute; top:1rem; right:1rem; left:1rem; bottom:1rem; background:url('/images/common/event/2026/harvest/dot_b02.png') 0 0 no-repeat, url('/images/common/event/2026/harvest/dot_b02.png') 0 bottom no-repeat, url('/images/common/event/2026/harvest/dot_b02.png') right 0 no-repeat, url('/images/common/event/2026/harvest/dot_b02.png') right bottom no-repeat; background-size:0.6rem auto;}
.section03 .list03 .btn_tip {transition:none; top:1.8rem; right:-1.8rem; box-shadow:0 2px 1rem rgba(51, 34, 0, 0.5); font-size:0; color:transparent; position:absolute; border-radius: 50%; width:3.6rem; height:3.6rem; background-position: 0 0; background-size:100% auto; background-repeat: no-repeat; background-image: url('/images/common/event/2026/harvest/icon_more.png'); cursor: pointer;}
.section03 .list03 .btn_tip:before {z-index:3; content:''; display:none; position:absolute; left:50%; margin-left:-0.2rem; height:1.8rem; width:0.4rem; background:#ddccbb; margin-top:-1.8rem;}
.section03 .list03 .btn_tip:hover {background-position:0 100%;}
.section03 .list03 .btn_tip:hover + .tip {display:block;}
.section03 .list03 .btn_tip:hover:before {display:block;}

.section03 .info_wrap {z-index:4; padding:4rem 11rem; text-align:center; max-width:1536px; margin:-4rem auto 0; position:relative; font-size:20px; background:url('/images/common/event/2026/harvest/ptn.png') 0 0 repeat, rgba(34, 17, 0, 0.8); border-radius:3.6rem;}
.section03 .info_wrap:before {content: ""; position: absolute; inset: 0; padding: 0.2rem; border-radius:3.6rem; background: linear-gradient(to bottom, #ffaa77, #807066); -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.section03 .info_wrap span {font-size:26px; display:block; margin-bottom:1.5rem;}
.section03 .info_wrap .box {display: inline-block; text-align:left; position:relative;}
.section03 .info_wrap .box .tit {font-size:23px; line-height:1.4; color:#ffffff; font-family:var(--chd); letter-spacing:0.02em; text-transform: uppercase; text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000, 0 1px 6px #000;}
.section03 .info_wrap .box .tit:before, .section03 .info_wrap .box .tit:after {top:2px; content:''; display: block; position:absolute; width:6.4rem; height:2.4rem; background:url('/images/common/event/2026/harvest/obj_leaf.png') 0 0 no-repeat; background-size:100% auto;}
.section03 .info_wrap .box .tit:before {left:-7.5rem;}
.section03 .info_wrap .box .tit:after {right:-7.5rem; transform:scaleX(-1);}
.section03 .info_wrap .box .txt {margin-top:1rem; font-size:22px; color:#ccbbaa; font-style: oblique; line-height:1.36; text-shadow: -1px 0px #000, 0px 1px #000, 1px 0px #000, 0px -1px #000, 0 1px 6px #000;}

.section03.animated .cha04 {animation: fade-in-right 0.6s 0.3s both;}
.section03.animated .tit_wrap {animation: fade-in-up 0.8s both;}
.animated .slot01 .box {animation: bounce-in-top 1.1s both;}
.animated .slot02 .box {animation: bounce-in-top 1.1s 0.2s both;}
.section03.animated .info_wrap {animation: fade-in-up 0.8s both;}

.section04 {padding:0; position:relative; background-image:url('/images/common/event/2026/harvest/bg04.jpg'); z-index:2;}
.section04:before, .section04:after {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background-position:center center; background-repeat: no-repeat; z-index:-1;}
.section04:before {background-image:url('/images/common/event/2026/harvest/bg04_eft.png'); animation: smoke 100s linear infinite; will-change: transform, opacity;}
.section04:after {background-image:url('/images/common/event/2026/harvest/bg04_lig.png'); mix-blend-mode: soft-light; animation: glow 3.5s ease-in-out infinite;}
.section04 .character {width: 100%; max-width: 2032px; position:relative; left: 50%; transform: translate(-50%, 0);}
.section04 .character .info {position: absolute; width: max-content; padding:3rem;}
.section04 .character .name {font-family: var(--chd); font-size:111px; text-transform: uppercase;}
.section04 .character .name span {display:block; width: fit-content; padding:0 2rem; border-radius: 1.2rem; position: relative; overflow: hidden; z-index:1; margin-top:5px;}
.section04 .character .name span font {visibility:hidden;}
.section04 .character .name span svg {position:absolute; top:0; left:0; width:100%; height:100%;}
.section04 .character .desc {font-size:26px; color:#000000; letter-spacing:-0.01em; font-style: oblique; line-height:1.38; font-weight:500; margin-top:1.5rem;}
.section04 .character .desc font {color:#ffee77;}

.section04 .character .cha_info01 {position:relative; z-index:1; text-align:right;}
.section04 .character .cha_info01 .info {left: 9.6%; bottom: 13%;}
.section04 .character .cha_info01 .desc span {color:#550000;}
.section04 .character .cha_info01 .name span {margin-right:0; margin-left:auto;}
.section04 .character .cha_info02 {position:absolute; top:-2.6rem; left:0; text-align:left;}
.section04 .character .cha_info02 .name {color:#fff;}
.section04 .character .cha_info02 .name span {margin-left:0; margin-right:auto;}
.section04 .character .cha_info02 .info {right: 13.5%; top: 17.5%;}
.section04 .character .cha_info02 .desc {color:#fff;}
.section04 .character .cha_info02 .desc span {color:#aaccff;}

.section04.animated .cha_info01 {animation: fade-in-left 0.6s both , cha-float01 4s 0.6s ease-in-out infinite;}
.section04.animated .cha_info01 .info {animation: fade-in-up 0.8s 0.4s both;}
.section04.animated .cha_info02 {animation: fade-in-right 0.6s 0.2s both, cha-float02 5s 0.8s ease-in-out infinite;}
.section04.animated .cha_info02 .info {animation: fade-in-up 0.8s 0.6s both;}

.section05 {position:relative; background-image:url('/images/common/event/2026/harvest/bg05.jpg'); padding:13rem 0; z-index:2;}
.section05:before {content:''; display:block; position:absolute; left:0; right:0; top:0; height:0.4rem; box-shadow:inset 0 0 0 1px #00bbff, 0 0 3rem #00bbff; background:#fff; z-index:4;}
.section05 .motion_wrap {position:relative;}
.section05 .con {position:relative;}
.section05 .desc {position:relative;}
.section05 .motion_wrap .box_3d {max-width:1376px; width:calc(100% - 816px); position: relative; margin:0 auto;}
.section05 .motion_wrap .item {width:100%; position:relative;}
.section05 .motion_wrap .item:after {content:''; display:block; padding-bottom:46.512%;}
.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;}
.section05 .item_info {text-align:center; max-width:1720px; width:calc(100% - 816px); word-break: break-word; margin:0 auto;}
.section05 .item_info .name {font-size:52px; letter-spacing:0.01em; text-transform: uppercase; color:#fff; font-family: var(--chd);}
.section05 .item_info .name span {color:#bbffaa;}
.section05 .item_info .name font {color:#000; text-shadow:0 0 2px #ffeecc; display:inline-flex; align-items:center; justify-content:center; padding:0.4rem 2rem; border-radius: 1.2rem; background:#bbffaa url('/images/common/event/2026/harvest/txture02.png') 0 0 no-repeat;}
.section05 .item_info .info {font-size:24px; color:#ccbbaa; line-height:1.36; margin-top:1rem; font-style: oblique; text-shadow: 0 0 2px #000;}
.section05 .img_3d {text-shadow:0 0 2px #000; padding:0 7.8rem; display:inline-block; font-size:30px; color:#ccbbaa; font-family:var(--chd); letter-spacing:0.01em; text-transform:uppercase; position:relative;}
.section05 .img_3d:before , .section05 .img_3d:after {top:50%; margin-top:-1.2rem; content:''; display:block; position:absolute; width:6.4rem; height:2.4rem; background:url('/images/common/event/2026/harvest/obj_leaf.png') 0 0 no-repeat; background-size:100% auto;}
.section05 .img_3d:before {left:0;}
.section05 .img_3d:after {right:0; transform: scaleX(-1);}
.section05 .img_3d span {color:#bbffaa;}
.section05 .img_3d img {position:static !important; margin-right: 7px; animation: pulse 2s ease-in-out infinite;}

.stat_wrap {position:absolute; top:0; z-index: 1; width: 408px; height:576px; background:url('/images/common/event/2026/harvest/bg_stat.png') 0 0 no-repeat;  padding:4.8rem 6rem;}
.stat_wrap:before {content:''; display:block; position:absolute; left:-15%; top:0; width: 120.59%; height: 115.973%; background:url('/images/common/event/2026/harvest/bg_stat_obj.png') 0 0 no-repeat; background-size:100% auto;}
.stat {position:relative;}
.stat ul {position:relative; width: 420px; max-width: 100%;}
.stat li {position:relative; font-size:0; text-align:left; width:100%; margin-bottom:1.8rem;}
.stat li:last-child {margin-bottom:0;}
.stat .gr_info {font-size:20.5px; text-transform:uppercase; letter-spacing:0.02em; font-family:var(--chd); display:flex; align-items: center; justify-content: space-between; margin-bottom:5px;}
.stat .txt {color:#000000; word-break:break-word;}
.stat .num {color:#990000;}
.stat .num font {color:#999999;}
.stat .graph {width:100%; height:1.6rem; background:url('/images/common/event/2026/harvest/bar_gp.png') 0 0 repeat-x; background-size:auto 100%;}
.stat li .bar {width:100%; height:100%; position:relative;}
.stat li .bar .on {height:100%; display:block; position:relative; font-size:0;}
.stat li .bar .on span {display:inline-block; height:100%; vertical-align:middle; width:100%; background:url('/images/common/event/2026/harvest/bar_gp_on.png') 0 0 repeat-x; background-size:auto 100%;}
.stat li.no_graph {display:flex; align-items:center; justify-content:space-between;}
.stat li.no_graph .num {width:auto;}

.page01 .stat_wrap {right:0;}
.page02 .stat_wrap {left:0;}

.section05 .swiper-button-next, .section05 .swiper-button-prev {transition:all ease-in-out 0.1s; width:39.6rem; height:30rem; right:auto; bottom:auto; left:auto; top:auto; text-align:center; display:inline-flex !important; align-items:center; justify-content:center; position:relative; background:url('/images/common/event/2026/harvest/3d_btn_bg.png') 0 0 no-repeat; background-size:100% auto; position: absolute; bottom:-36%;}
.section05 .swiper-button-next:before, .section05 .swiper-button-prev:before {z-index:1; right:9.4rem; bottom:4rem; box-shadow:0 2px 1rem rgba(51, 34, 0, 0.5); border-radius:50%; content:''; display:block; position:absolute; width:3.6rem; height:3.6rem; background-repeat:no-repeat; background-position: 0 0; background-image:url('/images/common/event/2026/harvest/3d_btn.png'); background-size:100% auto;}
.section05 .swiper-button-prev:before {transform:scaleX(-1) rotate(-30deg);}
.section05 .swiper-button-next img, .section05 .swiper-button-prev img {max-width:none; transition:all ease-in-out 0.1s;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {transform:rotate(15deg); text-align:left; position:absolute; top: 19%; left: 23%; font-family:var(--chd); font-size:30px; letter-spacing:0.02em; text-transform:uppercase; color:#fff; line-height:1.2;}
.section05 .swiper-button-next span font, .section05 .swiper-button-prev span font {color:#ffeecc;}
.section05 .swiper-button-next {left:0; transform: translate(-50% , 0);}
.section05 .swiper-button-next img {transform: translate(-6%, 17%);}
.section05 .swiper-button-prev {right:0; transform: translate(50% , 0);}
.section05 .swiper-button-prev img {transform: translate(7%, 12%);}
.section05 .swiper-button-next.swiper-button-disabled, .section05 .swiper-button-prev.swiper-button-disabled {opacity:0;}
.section05 .swiper-pagination {display:none;}

.section05 .swiper-button-next:hover:before, .section05 .swiper-button-prev:hover:before {background-position:0 100%;}
.section05 .swiper-button-next:hover img {transform: translate(-6%, 17%) rotate(-20deg);}
.section05 .swiper-button-prev:hover img {transform: translate(7%, 12%) rotate(-20deg);}
.section05 .swiper-button-next:hover span font, .section05 .swiper-button-prev:hover span font {color:#bbffaa;}

.section05.animated .item_info .name {animation: fade-in-up 0.8s both;}
.section05.animated .item_info .info {animation: fade-in-up 0.8s 0.1s both;}
.section05.animated .swiper-slide-active .stat li .bar .on {animation: bar-fill 1.2s 0.3s ease-out both;}
.section05.animated .swiper-slide-active .stat li:nth-child(2) .bar .on {animation-delay:0.4s;}
.section05.animated .swiper-slide-active .stat li:nth-child(3) .bar .on {animation-delay:0.5s;}
.section05.animated .swiper-slide-active .stat li:nth-child(4) .bar .on {animation-delay:0.6s;}
.section05.animated .swiper-slide-active .stat li:nth-child(5) .bar .on {animation-delay:0.7s;}
.section05.animated .swiper-slide-active .stat li:nth-child(6) .bar .on {animation-delay:0.8s;}
.section05.animated .swiper-slide-active .stat li:nth-child(7) .bar .on {animation-delay:0.9s;}
.section05.animated .swiper-slide-active .stat li:nth-child(8) .bar .on {animation-delay:1s;}
.section05.animated .swiper-slide-active .cha07 {animation: fade-in-left 0.6s 0.2s both;}
.section05.animated .swiper-slide-active .cha08 {animation: fade-in-right 0.6s 0.2s both;}

.section06 {z-index:2; position:relative; background-image:url('/images/common/event/2026/harvest/bg06.jpg'); padding:13.8rem 0 23rem;}
.section06 .inner {padding-left:13.8rem; padding-right:13.8rem;}
.section06 .sec_tit {position:relative; font-size:52px; margin-bottom:4.5rem; font-family: var(--chd); line-height:1.15;}
.section06 .sec_tit span {color:#fff; background:#000 url('/images/common/event/2026/harvest/bg_txt.jpg') 0 0 no-repeat; border-radius: 1.2rem; padding:0 1.2rem;}
.section06 .sec_tit span font {color:#ffddaa;}

.section06 .item_wrap {position:relative; z-index:4;}
.section06 .item_wrap .swiper_wrap {position:relative;}
.section06 .item_wrap .swiper_wrap .swiper {overflow:hidden;}
.section06 .item_wrap .item_list li {width:20%; position:relative;}
.section06 .item_wrap .item_list li .con {position:relative; padding:0 1.2rem;}
.section06 .item_wrap .item_list li .con .item_box {position:relative; height:auto !important; z-index: 1;}
.section06 .item_wrap .item_list li .con .item_box:after {content:''; display: block; padding-bottom: 120%;}
.section06 .item_wrap .item_list li .con .item_box .inbox {border-radius:2.4rem; box-shadow:0 1rem 2rem rgba(34, 17, 0, 0.4); padding:7% 8%; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url('/images/common/event/2026/harvest/bg_item_free.png');}
.section06 .item_wrap .item_list li .con .lv {gap:0.5rem; position:relative; height:17%; display:flex; align-items:center; justify-content:center; font-size:23px; color:#223300; font-family:var(--chd); text-transform: uppercase; letter-spacing: 0.01em; text-shadow: 0 0 2px #ccee88;}
.section06 .item_wrap .item_list li .con .lv span {color:#000;}
.section06 .item_wrap .item_list li .con .item_box .pic {border-radius:1.6rem; box-shadow:0 0 2px #000, 0 4px 2rem rgba(0, 0, 0, 0.6); overflow:hidden; margin:12% auto 0; width:74.4%; position:relative; background:url('/images/common/event/2026/harvest/bg_item.png') 0 0 no-repeat; background-size:100% auto;}
.section06 .item_wrap .item_list li .con .item_box .pic:after {content:''; display: block; padding-bottom: 66.67%;}
.section06 .item_wrap .item_list li .con .item_box .pic img {width: 92%; height: 88%; position: absolute; left: 4%; top: 6%;}
.section06 .item_wrap .item_list li .con .name {text-shadow:0 1px 3px #000, 0 0 2px #221100; position: relative; word-break: break-word; font-size: 18px; color:#ddddaa; font-style:oblique; line-height:1.3; width: 100%; display: flex; align-items: center; height: 35%; justify-content: center; letter-spacing: 0.02rem;}
.section06 .item_wrap .item_list li .con .name font {position: relative; top: -1px; margin: 0 0px 0 2px; display:inline-block; vertical-align:middle; font-size:0; width:1.6rem; height:1.6rem; background-image: url('/images/common/event/2026/harvest/img_font.png'); background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto;}
.section06 .item_wrap .item_list li .con .item_box.no_item .inbox:before {content:''; display:block; width:14.4rem; height:14.4rem; position:absolute; top:50%; left:50%; transform:translate(-50% , -40%); background:url('/images/common/event/2026/harvest/no_item.png') 0 0 no-repeat; background-size:100% auto;}

.section06 .item_wrap .item_list li .con .item_box.free {margin-bottom:3.6rem;}
.section06 .item_wrap .item_list li .con .item_box.prem .inbox {background-image: url('/images/common/event/2026/harvest/bg_item_prem.png');}
.section06 .item_wrap .item_list li .con .item_box.prem .lv {color:#660000;}
.section06 .item_wrap .item_list li .con .item_box.prem .lv span {text-shadow: 0 0 2px #ffddaa;}
.section06 .item_wrap .item_list li .con .item_box.prem .name {color:#eeccbb;}
.section06 .item_wrap .item_list li .con .item_box.prem .name font {background-image: url('/images/common/event/2026/harvest/img_font02.png'); background-repeat: no-repeat;}

.section06 .swiper-scrollbar-drag {height:2rem; background:#fda; border-radius:10rem;}
.section06 .swiper-scrollbar {display:none; background:#643; border-radius:10rem; margin-top:6.6rem;}

.section06 .item_wrap .swiper-pagination {position:absolute; display:inline-block; bottom:-6.4rem; left:0; right:0;}
.section06 .item_wrap .swiper-pagination-bullet {width:auto; height:auto; z-index:1; position:relative; margin:0 0.6rem !important; opacity:1 !important;}
.section06 .item_wrap .swiper-pagination-bullet span {padding-bottom:5%; border-radius:0.6rem; box-shadow:0 0 1rem rgba(0, 0, 0, 0.4); font-size:17px; color:#bba088; font-style:oblique; width:72px; height:36px; display:inline-flex; align-items:center; justify-content:center; background-repeat: no-repeat; background-position: 0 0; background-size:100% auto; background-image:url('/images/common/event/2026/harvest/nav_item.png');}
.section06 .item_wrap .swiper-pagination-bullet span i {margin-right:2px;}
.section06 .item_wrap .swiper-pagination-bullet:hover span {background-position: 0 50%; color:#ffccaa;}
.section06 .item_wrap .swiper-pagination-bullet-active span {background-position: 0 100%; color:#ffccaa; text-shadow: 0 0 2px #000;}

.section06 .item_wrap .swiper-button-next, .section06 .item_wrap .swiper-button-prev {box-shadow:0 1rem 3rem rgba(0, 0, 0, 0.5); top:50%; margin-top:-4rem; font-size:0; display:block !important; width:7.2rem; height:7.2rem; border-radius: 50%;}
.section06 .item_wrap .swiper-button-next span, .section06 .item_wrap .swiper-button-prev span {z-index: 1; display: block; width:100%; height:100%; position:absolute; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image:url('/images/common/event/2026/harvest/btn_arr.png');}
.section06 .item_wrap .swiper-button-prev {left:-13.8rem;}
.section06 .item_wrap .swiper-button-next {right:-13.8rem; transform:scaleX(-1);}
.section06 .item_wrap .swiper-button-next:hover span, .section06 .item_wrap .swiper-button-prev:hover span {background-position: 0 100%;}
.section06 .item_wrap .swiper-button-next.swiper-button-disabled, .section06 .swiper-button-prev.swiper-button-disabled {display:none !important;}

.section06.animated .cha09 {animation: fade-in-left 0.6s 0.3s both;}
.section06.animated .cha10 {animation: fade-in-right 0.6s 0.3s both;}
.section06.animated .sec_tit {animation: fade-in-up 0.8s both;}
.section06.animated .item_wrap {animation: fade-in-up 0.8s 0.2s both;}

.section07 {z-index:2; position:relative; background-image:url('/images/common/event/2026/harvest/bg07.jpg'); padding:14.4rem 0 7.2rem;}
.section07 .cha11_wrap {top:-2.4rem; left:50%; transform:translate(-50% , 0); position:absolute;}
.section07 .cha11_wrap img {max-width:none;}
.section07 .inner {max-width:1992px; padding-left: 6rem; padding-right: 6rem;}
.section07 .tit_wrap {padding:14.4rem 7rem 7.2rem; width:792px; z-index:2; position:absolute; top:0; left:50%; transform:translate(-50% , 0); bottom:0; display:flex; align-items: center; justify-content: center; flex-direction: column;}

.section07 .sec_tit {position:relative; z-index:1; font-family:var(--chd); color:#fff; font-size:75px; letter-spacing:0.01em; text-transform: uppercase; text-shadow:0 0 2rem #442200 , 0 4px 1rem #000;}
.section07 .sec_tit span {display:block; width:fit-content; padding:1rem 3rem; border-radius:1.2rem; position:relative; overflow:hidden; z-index:1; margin-top:8px; margin-left:auto; margin-right:auto; text-shadow: none; background:rgba(0, 0, 0, 0.5);}
.section07 .sec_tit span font {visibility:hidden;}
.section07 .sec_tit span svg {position:absolute; top:0; left:0; width:100%; height:100%;}
.section07 .sec_tit02 {margin-bottom:3rem; position:relative; z-index:1; font-size:26px; color:#ffffff; font-weight:500; font-style: oblique; letter-spacing:-0.01em; text-shadow: 0 0 2rem #000, 0 4px 1rem rgba(0, 0, 0, 0.5); line-height: 1.38; margin-top:2.4rem;}
.section07 .sec_tit02 span {color:#ffeecc;}
.section07 .go_shop {gap:6px; transition:none; border-radius:4.8rem; text-shadow:0 0 1px #000; position: relative; z-index: 2; font-size:30px; color:#fff; text-transform:uppercase; font-family:var(--chd); align-items:center; justify-content:center; display: inline-flex; width:36rem; height:9.6rem; background-repeat: no-repeat; background-position: 0 0; background-size: 100% auto; background-image: url('/images/common/event/2026/harvest/btn_shop.png');}
.section07 .go_shop span {color:#eeccaa; transition:all ease-in-out 0.2s;}
.section07 .go_shop:hover {background-position:0 100%; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.5);}
.section07 .go_shop:hover span {color:#bbffaa;}

.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:7.2rem; color:#fff; letter-spacing:0.05em;}
.section07 .shop_area .con {max-width:54rem; position:relative;}
.section07 .shop_area .con:after {content:''; display:block; padding-bottom:66.668%;}
.section07 .shop_area .sale {color:#aaffaa; padding-bottom: 1%; padding-left: 1%; text-shadow:0 0 2px rgba(0, 0, 0, 0.4); font-size:17px; font-weight:700; letter-spacing:-0.01em; font-style:oblique; text-transform:uppercase; z-index:1; transform:translate(43%, -19%); position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center; flex-direction: column; width:13rem; height:13rem; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; background-image:url('/images/common/event/2026/harvest/bg_sale01.png');}
.section07 .shop_area .sale font {color:#fff; text-shadow:none; animation: blink-1 2.2s both infinite; font-family:var(--chd); font-size:49px; letter-spacing: 0; font-weight: 400;}
.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% 100%; border-radius: 1.2rem; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.5);}
.section07 .shop_area .desc {z-index:1; position:absolute; bottom:3.6rem; left:0; right:0;}
.section07 .shop_area .name {margin-bottom:7px; text-shadow:0 1rem 1rem #223300, 0 0 4px #000; font-family:var(--chd); font-size:41.5px; text-transform:uppercase;}
.section07 .shop_area .name span {color:#eeffbb;}
.section07 .shop_area .txt {font-size:19px; padding-bottom:3px; margin:0 auto; box-shadow:0 4px 2rem rgba(0, 0, 0, 0.5); font-weight:500; font-style:oblique; letter-spacing:-0.01em; color:#112200; display:flex; align-items:center; justify-content:center; width:444px; height:32px; background-repeat: no-repeat; background-position: 0 0; background-size: 100% 100%; background-image: url('/images/common/event/2026/harvest/bg_sp_txt01.png'); position: relative; z-index: 1;}
.section07 .shop_area .item {position:absolute; top:0; bottom:0; left:0; right:0;}

.section07 .shop_area .bn01 .box {background-image:url('/images/common/event/2026/harvest/bg_sp_item01.png');}

.section07 .shop_area .bn02 .box {background-image:url('/images/common/event/2026/harvest/bg_sp_item02.png');}
.section07 .shop_area .bn02 .sale {background-image:url('/images/common/event/2026/harvest/bg_sale02.png'); color:#ffbbbb;}
.section07 .shop_area .bn02 .txt {background-image: url('/images/common/event/2026/harvest/bg_sp_txt02.png'); color:#300;}
.section07 .shop_area .bn02 .name {text-shadow:0 1rem 1rem #440000, 0 0 4px #000;}
.section07 .shop_area .bn02 .name span {color:#ffccbb;}

.section07 .shop_area .bn03 .box {background-image:url('/images/common/event/2026/harvest/bg_sp_item03.png');}
.section07 .shop_area .bn03 .sale {background-image:url('/images/common/event/2026/harvest/bg_sale03.png'); color:#aaddff;}
.section07 .shop_area .bn03 .txt {background-image: url('/images/common/event/2026/harvest/bg_sp_txt03.png'); color:#013;}
.section07 .shop_area .bn03 .name {text-shadow:0 1rem 1rem #331100, 0 0 4px #000;}
.section07 .shop_area .bn03 .name span {color:#ddeeff;}

.section07 .shop_area .bn04 .box {background-image:url('/images/common/event/2026/harvest/bg_sp_item04.png');}
.section07 .shop_area .bn04 .sale {background-image:url('/images/common/event/2026/harvest/bg_sale04.png'); color:#ffcc99;}
.section07 .shop_area .bn04 .txt {background-image: url('/images/common/event/2026/harvest/bg_sp_txt04.png'); color:#2c1c14;}
.section07 .shop_area .bn04 .name {text-shadow:0 1rem 1rem #331100, 0 0 4px #000;}
.section07 .shop_area .bn04 .name span {color:#ffeeaa;}

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

.section07.animated .cha11_wrap img {animation: fade-in-up 0.6s both;}
.section07.animated .sec_tit {animation: fade-in-up 0.8s both;}
.section07.animated .sec_tit02 {animation: fade-in-up 0.8s 0.1s both;}
.section07.animated .go_shop {animation: fade-in-up 0.8s 0.2s both, btn-blink 1.4s steps(1) infinite;}
.section07.animated .go_shop:hover {animation: fade-in-up 0.8s 0.2s both;}
.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;}

footer {width: 100%; padding:10rem 2.4rem; background:#000000; z-index:2; position:relative; font-size:14px; font-family:var(--rbt); color:#aaaaaa;}
footer > img {margin-bottom: 2rem;}
footer .footer {position: relative; z-index: 2;}
footer a {color:#ffffff; font-family:var(--rbt);}
footer a:hover {text-decoration: underline;}
footer .footer .copy {margin-top: 3px;}
footer .footer .age {margin-bottom:2rem;}
footer .footer .age img {max-width:6rem;}
footer .geo_credit {font-size:11px; letter-spacing:0.01em; font-family: 'Roboto';  text-transform: uppercase; margin-top:2.4rem;}
footer .geo_credit a {color:#fff; text-decoration: underline;}
footer .geo_credit a:hover {text-decoration: none;}

.btn_top {padding-top:0.8%; transition:none; box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.5); border-radius:50%; font-size:0; position:fixed; z-index:11; right:3.6rem; bottom:3.6rem; width:7.2rem; height:7.2rem; display:flex; align-items:center; justify-content:center; background-position: 0 0; background-repeat: no-repeat; background-size: 100% auto; background-image:url('/images/common/event/2026/harvest/btn_top.png');}
.btn_top span {font-size:18px; color:#eeccaa; letter-spacing:0.06em; text-shadow:0 0 2px #000;}
.btn_top:hover {background-position: 0 100%;}
.btn_top:hover span {color:#bbffaa;}

/* 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 {border-radius:0.6rem; left:50%; top:50%; width:100%; transform:translate(-50%, -50%); position: fixed; z-index:100; max-width:1224px; background:url('/images/common/event/2026/harvest/bg_pop.png') 0 0 no-repeat; background-size:100% auto; box-shadow:0 2rem 4rem rgba(0, 0, 0, 0.8);}
.pop-up .pop-layout:before {content:''; display:block; position:absolute; top:-2.4rem; right:-8.8rem; width:8.8rem; height:22rem; background:url('/images/common/event/2026/harvest/img_blood.png') 0 0 no-repeat; background-size:100% auto;}
.pop-up .pop-layout:after {content:''; display:block; padding-bottom:57.108%;}
.pop-up .pop-close {transition:none; border-radius:50%; box-shadow:0 1rem 2rem rgba(0, 0, 0, 0.3); z-index:99; font-size:0; position:fixed; right: 4.8rem; top:4.8rem; width:9.6rem; height:9.6rem; background-position:0 0; background-repeat: no-repeat; background-size:100% auto; background-image: url('/images/common/event/2026/harvest/pop_close.png');}
.pop-up .pop-close:hover {background-position:0 100%;}
.pop-up .video_wrap {position:absolute; top:0; bottom:0; left:0; right:0;}
.pop-up .video_wrap .video {overflow: hidden; position: relative; width: 100%; height:100%; top:0;}
.pop-up .video_wrap .video iframe {position: absolute; top:1.7%; left: 1%; width: 98% !important; height:96.6% !important;}

@media screen and (max-width: 2400px) {
.section03 .slot_wrap {z-index:0;}
.cha04 {z-index:0;}
}

@media screen and (max-width: 2200px) {
.cha03 {left:-15%;}
.cha07 {left:-8%; bottom:-10rem; width:35%;}
.cha08 {right:-13%; bottom:-6rem; width:35%;}
.cha09 {left:-2%; width:28%; clip-path: none; top:-7%;}
.cha10 {bottom: 0; right: -4.8%; width:30%;}

.section05 {padding-bottom:10%;}

.section06 {overflow:hidden;}
}

@media screen and (max-width: 1900px) {
.cha04 {width:42%; right:-12%; max-width:680px;}

.section05 {padding-left:3rem; padding-right:3rem;}
.section05 .item_info {width: calc(100% - 640px);}
.section05 .motion_wrap .box_3d {width: calc(100% - 640px);}
.stat_wrap {width:320px; height:452px; background-size:100% auto; padding:3.6rem 3rem; margin-right: -36px;}
.stat .gr_info {font-size:16px;}
.stat li {margin-bottom:1rem;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {font-size:24px;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {width:31rem; height:23.5rem;}
.section05 .swiper-button-next img, .section05 .swiper-button-prev img {width:100%;}
.section05 .swiper-button-next:before, .section05 .swiper-button-prev:before {bottom:11%; right:22%;}

.section07 .inner {padding-left:6rem; padding-right:6rem;}
.section07 .shop_area .con {max-width:48rem;}
.section07 .shop_area > ul > li {margin-bottom:6rem;}
}

@media screen and (max-width: 1720px) {
.cha03 {width:100%; left: -20%;}

.section01 .cha_wrap {width:152%; height:auto;}
.section01 .title_wrap {width:70%;}
.section01 .title_wrap .title {height:auto;}

.section02 {padding-bottom: 12rem;}
.section02 .inner {max-width:1480px; padding-left:13%; text-align:left;}
.section02 .info_area {text-align:center;}
.section02 .prem {margin-left: -90px;}

.section02 .inner.vod {padding-right:388px; top: -9.6rem;}
.section02 .inner.vod .vod_area {position: relative; bottom: 0; margin-top: -6rem;}

.section06 .sec_tit span {display:block; width:max-content; margin-left:auto; margin-right: auto;}
.section06 .item_wrap .swiper-button-prev {left:-7.2rem;}
.section06 .item_wrap .swiper-button-next {right:-7.2rem;}

.section07 .tit_wrap {width:526px;}
.section07 .sec_tit {font-size:64px;}
.section07 .sec_tit span {height:80px; padding:1rem;}
.section07 .sec_tit02 {font-size:24px; line-height:1.2;}
.section07 .shop_area .con {max-width:45rem;}
.section07 .shop_area .desc {bottom:8.4%;}
.section07 .shop_area .name {font-size:32px;}
.section07 .shop_area .txt {width:90%; max-width:444px; font-size:17px;}
}

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

.cha04 {width:45%;}

.section02 {padding-bottom: 7.2rem;}
.section02 .pass_wrap {width:410px;}
.section02 .pass .tit {font-size:36px;}
.section02 .pass .for {font-size:20px;}
.section02 .pass .txt {font-size:18px; margin-top:1.2rem;}

.section02 .inner.vod {padding-right:0; padding-left: 446px;}
.section02 .inner.vod .vod_area {margin-left:0; left:0;}

.section03 .slot_wrap .wrap {gap:0;}
.section03 .slot_wrap .wrap > div {width:50%;}
.section03 .slot_wrap .name {font-size:24px;}
.section03 .slot_wrap .info {height:10.5%; font-size:20px;}
.section03 .slot_wrap .tit {font-size:30px; height:15%;}
.section03 .slot02 .list {margin-top:2.5%;}
.section03 .slot_wrap .txt {font-size:20px;}
.section03 .slot_wrap .img {margin-bottom:8%;}
.section03 .slot_wrap .slot {font-size:20px;}
.section03 .tip {font-size:15px;}

.section04 .character .name {font-size:80px;}
.section04 .character .name span {padding:0 1.2rem;}
.section04 .character .desc {font-size:22px;}
.section04 .character .cha_info01 .info {left:3%; bottom:7%;}
.section04 .character .cha_info02 .info {right:8.4%;}

.stat_wrap {width:250px; height:353px; padding:2rem 2.4rem;}
.section05 .item_info {width: calc(100% - 500px);}
.section05 .motion_wrap .box_3d {width: calc(100% - 500px);}
.stat .gr_info {font-size:14px;}
.stat .graph {height:1.2rem;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {width:24.2rem; height:18.3rem;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {font-size:20px;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {bottom:-42%;}
.section05 .item_info .name {font-size:44px;}
.section05 .item_info .info {font-size:22px;}

.section06 .inner {padding-left:9rem; padding-right:9rem;}
.section06 .item_wrap .item_list li .con .name {font-size:14px;}
.section06 .item_wrap .item_list li .con .lv {font-size:20px;}
.section06 .item_wrap .swiper-pagination-bullet span {width:66px; height:33px;}

.section07 {padding:9.6rem 0 4.8rem;}
.section07 .shop_area .con {max-width:40rem;}
.section07 .shop_area > ul > li {margin-bottom:4rem;}
.section07 .cha11_wrap {width:107%;}
.section07 .cha11_wrap img {max-width:100%;}
.section07 .shop_area .sale {width:10rem; height:10rem; font-size:14px;}
.section07 .shop_area .sale font {font-size:36px;}
.section07 .sec_tit {font-size:56px;}
.section07 .sec_tit span {height:64px;}
.section07 .tit_wrap {width:426px; padding-left:5rem; padding-right:5rem;}
.section07 .go_shop {width:31.9rem; height:8.5rem; font-size:26.5px;}
.section07 .sec_tit02 {font-size:22px;}
.section07 .shop_area .txt {font-size:15px;}

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

@media screen and (max-width: 1360px) {
.section01 {height:auto; max-height:none;}
.section01 .cha_wrap {width:200%; transform: translate(-48%, 0);}
.section01 .cha_wrap .cha {margin:0 -5%;}
.section01 .title_wrap {width:90%;}
.section01 .title_wrap .date {margin-bottom:36%;}

.section02 .inner {max-width:1260px;}
.section02 .info_area > .sign {width:760px;}
.section02 .info_area .tit01 {font-size:80px;}
.section02 .info_area .tit02 {font-size:32px;}
.section02 .info_area .txt01 {font-size:28px;}
.section02 .info_area .txt02 {font-size:19px; margin-top:1rem;}

.section02 .inner.vod {padding-left: 368px;}

.section07 .inner {padding-left:3rem; padding-right:3rem;}
.section07 .shop_area .sale {transform: translate(32%, -19%);}
}

@media screen and (max-width: 1280px) {
.cha03 {width:98%; max-width: unset; left: -24%;}
.cha04 {width:35%; right:-9%; display: none;}
.cha09 , .cha10 {display:none;}

.section01 .cha_wrap {width:210%; transform: translate(-44%, 0);}
.section01 .cha_wrap .cha {margin:0 -8%;}

.section02 .inner {max-width: 1080px; padding-left:7%;}
.section02 .info_area > .sign {width:660px;}
.section02 .pass_wrap {width:348px;}
.section02 .pass .tit {font-size:30px;}
.section02 .pass .for {font-size:18px;}
.section02 .pass .txt {font-size:17px;}

.section02 .inner.vod {padding-left: 254px;}
.section02 .inner.vod .vod_area {margin-top: -2.4rem;}
.section02 .vod_area {width:30rem; height:8rem; margin-left:-15rem;}
.section02 .vod_area .vod_link {font-size:25px;}

.section03 .slot_wrap {padding-top:3.6rem;}
.section03 .slot_wrap .more_info {width:24px; height:24px; margin-top:-12px; right:3px;}
.section03 .slot_wrap .wrap {display:block; max-width:800px; margin:0 auto;}
.section03 .slot_wrap .wrap > div {width:100%;}
.section03 .slot_wrap:before {transform: translate(-50%, -62%);}
.section03 .slot_wrap .slot01 {margin-bottom:4.8rem;}
.section03 .info_wrap {margin:-4rem 6rem 0;}

.section04 .character .name {font-size:56px;}
.section04 .character .desc {font-size:18px; margin-top:1rem;}
.section04 .character .cha_info01 .info {left:0; bottom:0;}
.section04 .character .cha_info02 .info {right:3%; top:0;}

.stat_wrap {position:relative; top:auto; margin:4.8rem auto 0;}
.page01 .stat_wrap {right:auto;}
.page02 .stat_wrap {left:auto;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {bottom:auto; top:50%;}
.section05 .item_info {width:auto;}
.section05 .motion_wrap .box_3d {width:auto;}
.stat_wrap {width:408px; height:auto; background-size:100% 100%; max-width:calc(100% - 12rem); padding:4.8rem 6rem; min-height: 57.6rem;}
.stat .gr_info {font-size:20px;}
.stat .graph {height:1.6rem;}
.section05 .swiper-button-next {left:auto; right:0; transform:translate(75% , 70%);}
.section05 .swiper-button-prev {right:auto; left:0; transform:translate(-75% , 35%);}
.section05 .item_info .name font {margin:5px 0;}
.stat li {margin-bottom:1.8rem;}

.section06 {padding-bottom:14.4rem;}
.section06 .inner {padding-left:6rem; padding-right:6rem;}
.section06 .swiper-scrollbar {display:block;}
.section06 .item_wrap .swiper-button-next, .section06 .item_wrap .swiper-button-prev {display:none !important;}
.section06 .item_wrap .swiper-pagination {display:none;}
.section06 .item_wrap .item_list li .con .name br {display:none;}

.section07 {padding:14.4rem 0 54%;}
.section07 .inner {padding-left:6rem; padding-right:6rem;}
.section07 .cha11_wrap {top:auto; bottom:-4%; width:100%;}
.section07 .shop_area {margin-top:4.8rem;}
.section07 .shop_area > ul {margin:0 auto; display: flex; gap: 4.8rem;}
.section07 .shop_area > ul > li {margin-bottom:0; width:calc((100% - 4.8rem) / 2);}
.section07 .tit_wrap {position:relative; top:auto; left:auto; transform:none; width:auto; padding:0;}
.section07 .sec_tit {font-size:52px; text-shadow: none; color: #600;}
.section07 .sec_tit span {height:auto; padding:1rem 3rem; background:rgba(0, 0, 0, 1);}
.section07 .sec_tit02 {font-size:26px; text-shadow: none; color: #000;}
.section07 .sec_tit02 span {color: #600;}
.section07 .go_shop {width:36rem; height:9.6rem; font-size:30px;}
.section07 .shop_area .con {max-width:none;}
.section07 .shop_area .sale {width:13rem; height:13rem; font-size:17px;}
.section07 .shop_area .sale font {font-size:49px;}
}

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

header {text-align:center;}

.cha03 {width:185%; left: -56%;}

.section01 .title_wrap {padding-top:12rem;}

.section02 {padding-bottom:9.6rem;}
.section02 .inner {text-align:center; padding-left:0;}
.section02 .pass_wrap {position:relative; top:auto; right:auto; font-size:0; width:100%; text-align:center; margin-top:-1rem;}
.section02 .pass {display:inline-block; vertical-align: middle; width:50%; max-width:420px; margin: 0 -8%;}
.section02 .prem {margin-top:0; margin-left: 0;}

.section02 .inner.vod {padding-left: 0; position: absolute; top: 50%; left: 50%; margin-top: 2rem; margin-left:-15rem;}
.section02 .vod_area {width:30rem; height:8rem;}

.section04 .character {width:140%;}
.section04 .character .desc {color: #fff;}
.section04 .character .cha_info01 .desc span {color: #fdb;}
.section04 .character .cha_info01 .info {text-align:left; left:14%; bottom: 8%;}
.section04 .character .cha_info01 .name span {margin-left:0; margin-right:auto;}
.section04 .character .cha_info02 .info {text-align:right; right:15.5%; top:15%;}
.section04 .character .cha_info02 .name span {margin-left:auto; margin-right:0;}

.section06 .sec_tit {font-size:40px;}

.section07 .shop_area > ul {gap: 3rem;}
.section07 .shop_area > ul > li {width:calc((100% - 3rem) / 2);}
.section07 .inner {padding-left:3rem; padding-right:3rem;}
.section07 .shop_area .name {font-size:26px;} 
.section07 .shop_area .txt {font-size:13px; height:26px;}
.section07 .shop_area .sale {width:10rem; height:10rem; font-size:14px;}
.section07 .shop_area .sale font {font-size:36px;}

.pop-up .pop-close {top:3rem; right:3rem;}
}

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

.cha07 {left:-7%; bottom:-138px; width:45%;}
.cha08 {right:-7%; bottom:-168px; width:45%;}

header .bi img {max-width:24rem;}

.section01 .title_wrap .date {font-size:3.9rem;}

.section02 {padding-left:1rem; padding-right:1rem;}
.section02 .inner.vod {margin-left:-18rem;}
.section02 .vod_area {width:36rem; height:9.6rem;}
.section02 .vod_area .vod_link {font-size:3.4rem;}
.section02 .info_area .tit_wrap {left:10%; right:10%;}
.section02 .info_area .tit01 {font-size:8.9rem;}
.section02 .info_area .tit02 {font-size:4.1rem;}
.section02 .info_area .txt01 {font-size:3.8rem;}
.section02 .info_area .txt02 {font-size:2.8rem;}
.section02 .info_area > .sign {width:500px;}
.section02 .pass {width:57%; max-width:300px;}
.section02 .pass .tit {font-size:3.9rem;}
.section02 .pass .for {font-size:2.7rem;}
.section02 .pass .txt {font-size:2.5rem; line-height:1.2;}
.section02 .pass .detail {padding-left:15%; padding-right:15%;}

.section03 .tip {font-size:2.7rem;}
.section03 .tit_wrap .tit01 {font-size:6.1rem;}
.section03 .tit_wrap .tit02 {font-size:3.3rem;}
.section03 .tit_wrap .slot {font-size:4.5rem;}
.section03 .slot_wrap .tit {font-size:4rem;}
.section03 .slot_wrap .txt {font-size:2.9rem;}
.section03 .slot_wrap .info {font-size:2.7rem; padding-top: 1px;}
.section03 .slot_wrap .slot {font-size:2.5rem; height:18px; padding-top: 1px;}
.section03 .slot_wrap .name {font-size:3rem;}
.section03 .slot_wrap .slot01 .img {margin-bottom:3%;}
.section03 .info_wrap span {font-size:2.7rem;}
.section03 .info_wrap {font-size:2.4rem; padding: 3.6rem 7.2rem 4rem;}
.section03 .info_wrap .box .tit {font-size:2.85rem;}
.section03 .info_wrap .box .tit:before, .section03 .info_wrap .box .tit:after {width: 3.8rem; height: 1.4rem; top: 4px;}
.section03 .info_wrap .box .tit:before {left: -4rem;}
.section03 .info_wrap .box .tit:after {right: -4rem;}
.section03 .info_wrap .box .txt {font-size:2.5rem;}
.section03 .slot_wrap:before {transform: translate(-50%, -77%);}
.section03 .inner {padding-left:0; padding-right:0;}

.section04 .character .name {font-size:6.5rem;}
.section04 .character .name span {margin-top: 2px; padding-bottom: 0.6rem;}
.section04 .character .desc {font-size:2.7rem; line-height: 1.2;}

.section05 {padding-bottom:20rem;}
.section05 .item_info .name {font-size:6.1rem;}
.section05 .item_info .info {font-size:3.1rem;}
.section05 .img_3d {font-size:3.9rem;}
.section05 .img_3d img {width:3rem;}
.stat .gr_info {font-size:2.9rem;}
.section05 .swiper-button-next span, .section05 .swiper-button-prev span {font-size:2.9rem;}
.section05 .swiper-button-next {left:auto; right:0; transform:translate(35% , 145%);}
.section05 .swiper-button-prev {right:auto; left:0; transform:translate(-35% , 65%);}

.section06 .sec_tit {font-size:5.6rem;}
.section06 .item_wrap .item_list li .con .lv {font-size:3.2rem;}
.section06 .item_wrap .item_list li .con .name {font-size:2.3rem; line-height: 1.2;}

.section07 {padding-bottom:48%;}
.section07 .inner {padding-left:6rem; padding-right:6rem;}
.section07 .shop_area > ul {margin-left:0; display:block;}
.section07 .shop_area > ul > li {padding-left:0; display:block; max-width:540px; margin-left:auto; margin-right:auto; width:100%; margin-bottom:7.2rem;}
.section07 .shop_area > ul > li:last-child {margin-bottom:0;}
.section07 .shop_area .con {max-width:100%;}
.section07 .sec_tit {font-size:6.1rem; text-shadow: none; color: #600;}
.section07 .sec_tit span {margin-top: 4px; padding-top: 0.6rem; padding-bottom: 0.6rem;}
.section07 .sec_tit02 {font-size:3.1rem;}
.section07 .shop_area .sale {width:13rem; height:13rem; font-size:2.6rem;}
.section07 .shop_area .sale font {font-size:4.4rem;}
.section07 .shop_area .txt {font-size:2.8rem;}
.section07 .go_shop {font-size:3.3rem;}
.section07 .shop_area .name {font-size:3.6rem;}

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


.btn_top {padding-top:2rem; bottom:2.4rem; right:2.4rem;}
.btn_top span {font-size:2.1rem;}

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

@media screen and (max-width: 560px) {
.section06 .sec_tit span {padding: 3px 1.2rem; width:100%;}
.section06 .sec_tit span font {display:block;}
.section07 .sec_tit02 br {display:none;}
}

@media screen and (max-width: 500px) {
.section02 .pass .txt br {display:none;}
.section03 .slot_wrap:before {transform: translate(-50%, -57%);}
.section04 .character .cha_info01 .info {bottom: 2%;}
.section06 .sec_tit br {display:none;}
}

@media screen and (max-width: 370px) {
.section07 .tit_wrap {left:6rem; right:6rem;}
}

@media screen and (max-width:2000px) and (min-width:1560px) and (max-height:950px) {
}

@media screen and (min-width:1023px) and (max-height:950px) {
.section01 {height: 100vh; max-height: 1080px;}
.section01 .cha_wrap {height:100%; width:auto; transform: translate(-50%, 0);}
.section01 .cha_wrap .cha {max-width:none; height:100%; margin:0;}
.section01 .title_wrap {width: max-content;}
.section01 .title_wrap .date {margin-bottom:0;}
.section01 .title_wrap .title {height:62%;}
.section01 .title_wrap .title span {height:100%;}
.section01 .title_wrap .title img {max-width:none; height:100%;}
}

@keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    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 sway {
  0% {
    transform: rotate(0deg);
  }
  25% {
    transform: rotate(0.5deg);
  }
  50% {
    transform: rotate(0deg);
  }
  75% {
    transform: rotate(-0.5deg);
  }
  100% {
    transform: rotate(0deg);
  }
}

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

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

    100% {
        opacity: 1;
    }
}

@keyframes glow {
  0%,
  100% {
    opacity: 1;
  }
  50% {
    opacity: 0.3;
  }
}

@keyframes fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fade-in-left {
  0% {
    opacity: 0;
    transform: translateX(-60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fade-in-right {
  0% {
    opacity: 0;
    transform: translateX(60px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes bar-fill {
  0% {
    max-width: 0;
  }
  100% {
    max-width: 100%;
  }
}

@keyframes pulse {
  0%,
  100% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.2);
  }
}

@keyframes cha-float01 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 10px; }
}

@keyframes cha-float02 {
  0%, 100% { translate: 0 0; }
  50% { translate: 0 8px; }
}

@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 bounce-in-left {
  0% {
    transform: translateX(-600px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateX(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateX(-68px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateX(-28px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateX(-8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}

@keyframes bounce-in-right {
  0% {
    transform: translateX(600px);
    animation-timing-function: ease-in;
    opacity: 0;
  }
  38% {
    transform: translateX(0);
    animation-timing-function: ease-out;
    opacity: 1;
  }
  55% {
    transform: translateX(68px);
    animation-timing-function: ease-in;
  }
  72% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  81% {
    transform: translateX(32px);
    animation-timing-function: ease-in;
  }
  90% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
  95% {
    transform: translateX(8px);
    animation-timing-function: ease-in;
  }
  100% {
    transform: translateX(0);
    animation-timing-function: ease-out;
  }
}

@keyframes btn-blink {
  0%, 50% { background-position: 0 0; }
  50.01%, 100% { background-position: 0 100%; }
}