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

/* slick */
.slick-slider {position: relative; display: block; box-sizing: border-box;  -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none;
-ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
.slick-list {position: relative; display: block; overflow: hidden; margin: 0; padding: 0;}
.slick-list:focus {outline: none;}
.slick-list.dragging{cursor: pointer; cursor: hand;}
.slick-slider .slick-track,
.slick-slider .slick-list {-webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0); transition-delay: 10ms;}
.slick-track {position: relative; top: 0; left: 0; display: block;}
.slick-track:before, .slick-track:after {display: table; content: '';}
.slick-track:after {clear: both;}
.slick-loading .slick-track {visibility: hidden;}
.slick-slide {display: none; float: left; height: 100%; min-height: 1px;}
[dir='rtl'] .slick-slide {float: right;}
.slick-slide img {display: block;}
.slick-slide.slick-loading img {display: none;}
.slick-slide.dragging img {pointer-events: none;}
.slick-initialized .slick-slide {display: block;}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block; height: auto; border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}				

/* root */ 
:root {
--osw : 'oswald', sans-serif;
--apt : 'apotek-extended', sans-serif;
--gre : 'greycliff-thai-cf', 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:1740px; 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; /* opacity:0; */ } 
.obj {position:absolute;}

.fadeInLeft, .fadeInRight {animation-duration:0.5s !important;}
  
.obj_sc02_01 {z-index:-1; max-width:9.8rem; top:3.4rem; left:20.56%; animation:float03 3.7s ease-in-out infinite 0.3s, glow  2.3s ease-in-out infinite 1.1s;}
.obj_sc02_02 {z-index:-1; max-width:18.8rem; top:39.8rem; left:5.68%; animation: float03 3.7s ease-in-out infinite 0.8s, glow  2.3s ease-in-out infinite 0.4s;} 
.obj_sc02_03 {z-index:-1; max-width:44.9rem; bottom:5.9rem; right:8.52%; animation:float03 3.7s ease-in-out infinite 1.4s, glow  2.3s ease-in-out infinite 1.9s;}  

.cha01_wrap {position:absolute; left:-4%; bottom:0; z-index:1; /* height:95%; */ width:60.28%; max-width:1394px;}
.cha01_wrap:before {content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url('/images/common/event/2026/shaman/cha01_eft.png') 0 0 no-repeat; background-size:100% auto;    animation: smoke02 5s linear infinite;}
.cha01_wrap:after {content:''; display:block; position:absolute; width: 8%; height: 22%; top:6%; right:22%; background:url('/images/common/event/2026/shaman/eft_tal01.png') 0 0 no-repeat; background-size:100% auto;  animation: float03 3.5s ease-in-out infinite, glow 2.2s ease-in-out infinite;}

.cha02_wrap {position:absolute; right:7.5%; bottom:0; z-index:1; /* height:109%; */ width:33%; max-width:742px;}
.cha02_wrap:before {content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background:url('/images/common/event/2026/shaman/cha02_eft.png') 0 0 no-repeat; background-size:100% auto;     mix-blend-mode: screen;  animation: flicker-in-1 2s linear infinite;}
.cha02_wrap:after {content:''; display:block; position:absolute;  width: 16%; height: 30%; top: 58%; right: 3.5%; background:url('/images/common/event/2026/shaman/eft_tal02.png') 0 0 no-repeat; background-size:100% auto; animation: float03 3.7s ease-in-out infinite 0.6s,  glow  2.3s ease-in-out infinite 1.4s;;}

.cha03_wrap {animation-duration:0.5s; position:absolute; top:7.2rem; left:50%; margin-left:-474px; z-index:-1;}
.cha03_wrap:before {content:''; display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:url('/images/common/event/2026/shaman/cha03_light.png') 0 0 no-repeat; background-size:100% auto; animation: smoke02 5s linear infinite;}
.cha06 {left:2.25%; top:10.5rem;}
.cha07 {right:5.21%; top:5.8rem;}

.buj01 {max-width:22.4rem; width:8.72%; left:-2%; top:1.2%;  animation: floatSway 4.5s linear infinite;}
.buj02 {max-width:24.6rem; width:9.57%; left:8%; top:6.8%; animation: floatSway 5s linear infinite;}
.buj03 {max-width:30.6rem; width:11.9%; left:1%; top:44%; animation: floatSway 5.5s linear infinite;}
.buj04 {max-width:28.2rem; width:10.98%; left:20.2%; bottom:5.5%; animation: floatSway 6s linear infinite;}
.buj05 {max-width:28.4rem; width:11.05%; left:41.9%; top:-12.5%;  animation: floatSway 6.5s linear infinite;}
.buj06 {max-width:19rem; width:7.39%; right:15.88%; top:5%; animation: floatSway 4.8s linear infinite;}
.buj07 {max-width:33.6rem; width:13.08%; right:2.18%; top:26.48%; animation: floatSway 5.3s linear infinite;}
.buj08 {max-width:32.1rem; width:12.5%; right:12.8%; bottom:-10%; animation:floatSway 5.8s linear infinite;}
  
.container {overflow:hidden; position:relative; background:#000;}
.all_wrap {overflow:hidden;}

.bg_vod {width: 100%; position: absolute; top: 0; left: 0; bottom:0; right:0; overflow:hidden;}
.bg_vod:after {content:''; display:block; position:absolute; top: 0; left: 0; bottom:0; right:0; background-position:center center; background-repeat: no-repeat; background-size:100% auto;}
.bg_vod video {min-width: 103%; min-height: 103%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

header { text-align:left; position:absolute; top:0; left:0; right:0; z-index: 20; padding:4.2rem 3.6rem 0;}
header .btn_today {padding:1.4rem 3rem 1rem 2.5rem; display:inline-block; position:absolute; top:3.6rem; right:3.6rem; color:#fff; font-size:17px; font-family:var(--osw); font-weight:500; text-transform:uppercase; backdrop-filter: blur(1rem);}
header .btn_today:before {content: ""; position: absolute; inset: 0; padding: 0.2rem; background: linear-gradient(to right, #ffcccc, #cceeff);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
header .btn_today:after {content:''; position:absolute; top:-0.4rem; bottom:-0.4rem; left:-0.4rem; right:-0.4rem; background:url('/images/common/event/2026/shaman/obj_td_lt.png') 0 0 no-repeat, url('/images/common/event/2026/shaman/obj_td_lb.png') 0 bottom no-repeat, url('/images/common/event/2026/shaman/obj_td_rt.png') right 0 no-repeat, url('/images/common/event/2026/shaman/obj_td_rb.png') right bottom no-repeat;}
header .btn_today span:before {content: ""; position: absolute; inset: 0.4rem; padding: 0.2rem; background: linear-gradient(to right, #ffcccc, #cceeff);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
header .btn_today span:after {transition:all ease-in-out 0.2s; opacity:0; content:''; display:block; position:absolute; top:0.4rem; left:0.4rem; right:0.4rem; bottom:0.4rem; background: linear-gradient(to right, #ffcccc, #cceeff); }

header .btn_today font {transition:all ease-in-out 0.2s; position:relative; z-index:1; background: linear-gradient(to right, #ffcccc, #cceeff); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
header .btn_today font:before {margin-right:1.1rem; position: relative; top: -2px; content:''; display:inline-block; vertical-align:middle; width:2.4rem; height:2.4rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/shaman/icon_today_close.png'); background-size:100% auto;}
header .btn_today:hover font {background:#000;}
header .btn_today:hover font:before {background-position:0 100%;}
header .btn_today:hover span:after {opacity:1;}

.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 2.5rem !important; background:none; opacity:1 !important; }
.item_wrap .swiper-pagination-bullet:before { content:''; display:block; position:absolute; top:50%; right:-3.6rem; width:10px; height:10px; background:url('/images/common/event/2026/shaman/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:15px; position:relative; font-family:var(--apt); font-weight:300; letter-spacing:0.08em; background: linear-gradient(to right, #ffcccc, #cceeff); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.item_wrap .swiper-pagination-bullet-active span {background:#ffee00; }
.item_wrap .swiper-pagination-bullet:hover span {background:#ff7777; text-decoration:underline; }
.item_wrap .swiper-pagination-bullet-active:hover span {background:#ffee00; text-decoration:none;}

.item_wrap .swiper-button-next, .item_wrap .swiper-button-prev {z-index: 11; background-image:url('/images/common/event/2026/shaman/btn_arr.png'); background-size:100% auto !important; margin-top:0;  top:50%; margin-top: -4.1rem; font-size:0; display:block !important; background-color:rgba(255, 255, 255, 0); width:8.4rem; height:8.6rem; background-repeat:no-repeat; background-position:0 0; position:absolute; cursor:pointer;}
.item_wrap .swiper-button-prev {left:-13.2rem; }
.item_wrap .swiper-button-next {right:-13.2rem; transform:scaleX(-1);}
.item_wrap .swiper-button-next:hover, .swiper-button-prev:hover  {background-position:0 100%;}
.item_wrap .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {background-position:0 0; opacity:1;}

.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.2rem; }
.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/shaman/bg_item_free.png'); backdrop-filter: blur(0.1rem);}
.item_wrap .item_list li .con .item_box:after {content:''; display: block; padding-bottom: 110%;}
.item_wrap .item_list li .con .item_box .item {position:absolute; top:0; left:0; width:100%; height:100%; display: flex; align-items: center; justify-content: center; flex-direction: column;}
.item_wrap .item_list li .con .item_box .pic {margin:0 auto; width:62.5%; position:relative;  background-repeat:no-repeat; background-position:0 0; background-size:100% auto; }
.item_wrap .item_list li .con .item_box .pic:before {border-radius:12px; content: ''; position: absolute; inset: 0; padding: 1px; background: linear-gradient(to bottom, #e3d7ff, #4d226f);  -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 {margin-top: 7.2%; padding:0 12%; position:relative; word-break: break-word; font-size:14px; line-height:1.4; font-weight:500; letter-spacing:0.02em; width:100%;}
.item_wrap .item_list li .con .name span {display:block; background:#aaffaa; -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.3));}
.item_wrap .item_list li .con .name font {display:inline-block; vertical-align:middle; font-size:0; color:transparent; width:12px; height:12px; background:url('/images/common/event/2026/shaman/font_img.png') 0 0 no-repeat; background-size:100% auto;}
.item_wrap .item_list li .con .level {padding: 8% 0; position:relative; background:url('/images/common/event/2026/shaman/bg_lv.png') center center no-repeat; display:flex; align-items:center; justify-content:center;}
.item_wrap .item_list li .con .level span {font-family:var(--apt); font-weight:300; z-index:1; position:relative; font-size:21px; color:#ff6666; letter-spacing:0.02em;}
.item_wrap .item_list li .con .level span font {position:relative; top:-1px; margin-left:5px; color:#ffee66;}
.item_wrap .item_list li .con .level:before {z-index: -1; left:75%; content:''; display:block; position:absolute; top:50%; width:60%; margin-top:-0.5rem; height:1rem; background:url('/images/common/event/2026/shaman/bg_lv_obj.png') center center no-repeat; background-size:100% auto; }
.item_wrap .item_list li:nth-child(5n) .con .level:before {display:none;}

.item_wrap .item_list li .con .item_box.prem {background-image:url('/images/common/event/2026/shaman/bg_item_prem.png');}
.item_wrap .item_list li .con .item_box.prem .pic:before {background: linear-gradient(to bottom, #ffbb00, #fe0305);}
.item_wrap .item_list li .con .item_box.prem .name span { background: linear-gradient(to right, #ffcccc, #cceeff);}

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


.item_wrap .it_tit {position:absolute; height:45%;  display:inline-block; left:-2.4rem; font-size:16px; letter-spacing:0.12em; font-family:var(--apt); text-transform:uppercase;  transform-origin: top; width:1.2rem; background:#111133;}
.item_wrap .it_tit span {color:#bbbbbb; display:inline-block; top:50%; transform-origin: center; position:relative; text-transform:uppercase; vertical-align: middle; }
.item_wrap .it_tit.free {top:0; background: url('/images/common/event/2026/shaman/tit_bar01.jpg') center 0 no-repeat , url('/images/common/event/2026/shaman/tit_bar02.jpg') center bottom no-repeat; background-color:#111133;}
.item_wrap .it_tit.free span {transform:translate(-36% , -50%) rotate(-90deg); }
.item_wrap .it_tit.pre {bottom:0; background:url('/images/common/event/2026/shaman/tit_bar03.jpg') center 0 no-repeat , url('/images/common/event/2026/shaman/tit_bar04.jpg') center bottom no-repeat; background-color:#111133;}
.item_wrap .it_tit.pre span {transform:translate(-43% , -50%) rotate(-90deg); color:#ffeeaa;}
.item_wrap .it_tit.no_txt { left:auto; right:-2.4rem;}
.item_wrap .it_tit.no_txt span {display:none;}
.item_wrap .it_tit.no_txt.free {background: url('/images/common/event/2026/shaman/bg_no_txt01.jpg') center 0 no-repeat;}
.item_wrap .it_tit.no_txt.pre {background: url('/images/common/event/2026/shaman/bg_no_txt02.jpg') center 0 no-repeat;}

footer {width: 100%; padding:10.8rem 0; background:#000000; z-index: 3;}
footer > img {margin-bottom: 2rem;}
footer .footer {font-size: 14px; font-family:'Roboto'; color:#aaaaaa;  font-weight:400; position: relative; z-index: 2; letter-spacing:0.02em;}
footer .footer .cs > a {color:#ffee00; text-transform: uppercase; font-family:'Roboto'; }
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 {transition:none; position:fixed; z-index:11; right:3.6rem; bottom:3rem; display:block; width:7.2rem; height:7.2rem; display:flex; align-items:center; justify-content:center; background-image:url('/images/common/event/2026/shaman/btn_top.png'); background-repeat:no-repeat; background-position:0 0; background-size:100% auto; padding-bottom: 0.4rem;}
.btn_top span {filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 0.1)); font-weight:500; font-family:var(--osw); color:#fff; font-size:16px; letter-spacing:0.06em; text-transform:uppercase; background: linear-gradient(to bottom, #ffcccc , #cceeff); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.btn_top span:before {content:''; display:block; width:20px; height:10px; margin:0 auto 2px; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/shaman/icon_top.png');}
.btn_top:hover {background-position:0 100%;}
.btn_top:hover span {background:#000; filter:noe;}
.btn_top:hover span:before {background-position:0 100%;}

.fix_sns {position:fixed; z-index:11; left:3.6rem; bottom:3.6rem;} 
.fix_sns ul {width: max-content; margin: 0 auto; } 
.fix_sns li {margin-top:1.2rem;}
.fix_sns li a {display:block; border-radius:50%; position:relative; width:6rem; height:6rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; font-size:0; color:transparent; transition:none;}
.fix_sns li a:before {content:''; display:block; position:absolute; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/shaman/bg_sns.png'); z-index:-1;}
.fix_sns li.sns_pb a {background-image:url('/images/common/event/2026/shaman/icon_pb.png');}
.fix_sns li.sns_fb a {background-image:url('/images/common/event/2026/shaman/icon_fb.png');}
.fix_sns li.sns_yb a {background-image:url('/images/common/event/2026/shaman/icon_yb.png');}
.fix_sns li.sns_dc a {background-image:url('/images/common/event/2026/shaman/icon_dc.png');}
.fix_sns li.sns_tt a {background-image:url('/images/common/event/2026/shaman/icon_tt.png');}
.fix_sns li.sns_it a {background-image:url('/images/common/event/2026/shaman/icon_it.png');}
.fix_sns li a:hover {background-position:0 100%;}
.fix_sns li a:hover:before {background-position:0 100%;}

.fix_sns .btn_sns {display:none; width:8.4rem; height:8.4rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; font-size:0; color:transparent; transition:none; background-image:url('/images/common/event/2026/shaman/sns_mobile.png');}


/* 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:1260px;  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.8rem; top:4.8rem; width:9.6rem; height:9.6rem; background-repeat:no-repeat; background-position:0 0; background-image:url('/images/common/event/2026/shaman/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/shaman/pop_vod.png') 0 0 no-repeat; background-size:100% auto;}
.pop-up .video_wrap .video {overflow: hidden; position: relative; width: 95.239%; height: 90.252%; top: 4.1%; left: 2.4%;}
.pop-up .video_wrap .video iframe {position: absolute; top:0; left: 0; width: 100%; height:100%;}

.pop_char {z-index:100; position:fixed; top:0; bottom:0; left:0; right:0; background:url('/images/common/event/2026/shaman/bg_char.jpg') center center no-repeat; background-size:cover;}
.pop_char:before {width:9.6rem; height:43.2rem; content:''; display:block; position:absolute;  /* bottom:13.33%; left:5.6%; */ bottom:14.4rem; left:14.4rem; background:url('/images/common/event/2026/shaman/pop_obj.png') center center no-repeat; background-size:100% auto; }
.pop_char .wrap {height:100%;}
.pop_char .img_wrap {height:100%; display: inline-flex; position: relative; align-items: flex-end; justify-content: center;}
.pop_char .img_wrap > img {max-height:125.5%; margin-bottom:-25.5%;}
.pop_char h3 {text-transform:uppercase; position:absolute; /* top:13.33%; left:5.6%; */ top:14.4rem; left:14.4rem; font-size:73px; color:#ffffff; font-family:var(--apt); letter-spacing:0.08em; line-height:0.9; text-align:left;}
.pop_char h3 font {text-shadow:-1px 0 0 #ff8888, 1px 0 0 #0099ff;}
.pop_char h3 span {background: linear-gradient(to bottom, #ffaaaa, #bbeeff); -webkit-background-clip: text; -webkit-text-fill-color: transparent; filter:drop-shadow(-1px 0 0 #ff8888) drop-shadow(1px 0 0 #0099ff);}
.pop_char .item_info {z-index:1; background: linear-gradient(to bottom, rgba(102, 51, 0, 0.6), rgba(102, 0, 0, 0.6)); position:absolute; border-radius:2.4rem; border:0.6rem solid #fff; box-shadow:0 0 6rem rgba(255, 68, 0, 0.4) , inset 0 0 4px rgba(255, 221, 0, 0.7);}
.pop_char .item_info:after {z-index:-1; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.pop_char .item_info:before {content:''; display:block; top:0; bottom:0; left:0; right:0; position:absolute; border-radius:1.8rem; box-shadow: 0 0 2px 4px rgba(255, 221, 0, 0.5) , inset 0 0 20px rgba(255, 221, 0, 0.05), inset 0 0 40px rgba(255, 221, 0, 0.1), inset 0 0 60px rgba(255, 221, 0, 0.05);}
.pop_char .item_info .desc {padding:1rem; position:relative;}
.pop_char .item_info .desc:before {content:''; display:block; position:absolute; top:1rem; bottom:1rem; right:1rem; left:1rem; background:url('/images/common/event/2026/shaman/pop_obj01.png') 0 0 no-repeat ,url('/images/common/event/2026/shaman/pop_obj02.png') right 0 no-repeat ,url('/images/common/event/2026/shaman/pop_obj03.png') 0 bottom no-repeat, url('/images/common/event/2026/shaman/pop_obj04.png') right bottom no-repeat;}
.pop_char .item_info .txt {font-weight:500; padding:1.2rem; box-shadow:0 4px 6px rgba(255, 221, 0, 0.2), inset 0 0 20px rgba(255, 221, 0, 0.12), inset 0 0 40px rgba(255, 221, 0, 0.1), inset 0 0 60px rgba(255, 221, 0, 0.05); font-size:14px; color:#000000; text-transform:uppercase; letter-spacing:0.03rem; line-height:1.28; border-radius:0 0 1.8rem 1.8rem; background:#ffeeaa; border: 2px solid #600; border-top: none;}
.pop_char .item_info .txt span {color:#aa0000;}

.pop_char .item_info02 {background: linear-gradient(to bottom, #660000, #002266); box-shadow:0 0 6rem rgba(0, 102, 255, 0.4) , inset 0 0 4px rgba(0, 153, 255, 0.7);}
.pop_char .item_info02:before {box-shadow: 0 0 6px #0099ff , inset 0 0 20px rgba(0, 153, 255, 0.12), inset 0 0 40px rgba(0, 153, 255, 0.1), inset 0 0 60px rgba(0, 153, 255, 0.05);}
.pop_char .item_info02 .txt {border-radius:1.8rem 1.8rem 0 0; background:#bbddff; box-shadow:0 0 6rem rgba(0, 102, 255, 0.4) , inset 0 0 4px rgba(0, 153, 255, 0.7); border: 2px solid #423; border-bottom: none;}
.pop_char .item_info02 .txt span {color:#003399;}
.pop_char .item_info02 .txt font {color:#aa0000;}
.pop_char .item_info02 .desc {padding:3.4rem 4.8rem 3rem;}
.pop_char .item_info02 .desc:before {background:url('/images/common/event/2026/shaman/pop_obj05.png') 0 0 no-repeat ,url('/images/common/event/2026/shaman/pop_obj06.png') right 0 no-repeat ,url('/images/common/event/2026/shaman/pop_obj07.png') 0 bottom no-repeat, url('/images/common/event/2026/shaman/pop_obj08.png') right bottom no-repeat;}
.pop_char .item_info02 .name {margin:1rem -1rem 0; text-transform:uppercase; color:#fff; font-size:14px; letter-spacing:0.02em; line-height:1.28;}
.pop_char .item_info02 .name span {font-weight:500; displ.pop_char .item_info02 .txt font {color:#aa0000;}ay:block;  background: linear-gradient(to right, #bbeeff, #ffaaaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.pop_char .item_info02 .img {margin-top:1.5rem;}
.pop_char .item_info02 .img:first-child {margin-top:0;}

.pop_char .item01 {bottom:25%; left:0; transform:translate(-75% , 0);}
.pop_char .item01:after { top:0; transform:translate(0 , -100%);  width:27.4rem; height:11.8rem; background-image:url('/images/common/event/2026/shaman/pop_line01.png'); left:50%;}

.pop_char .item02 {bottom:38%; right:0; transform:translate(86% , 0);}
.pop_char .item02:after { top:0; transform:translate(-100% , -18%); left:0;  width:25.2rem; height:12.8rem; background-image:url('/images/common/event/2026/shaman/pop_line02.png');}

.pop_char .item03 {bottom:24%; left:0; transform:translate(-100% , 0);}
.pop_char .item03:after { top:0; transform:translate(0 , -18%);  width:33.2rem; height:12.8rem; background-image:url('/images/common/event/2026/shaman/pop_line03.png'); left:50%;}

.pop_char .item04 {bottom:45%; right:0; transform:translate(120% , 0);}
.pop_char .item04:after { top:0; transform:translate(-100% , -18%); left:0;  width:33.1rem; height:12.8rem; background-image:url('/images/common/event/2026/shaman/pop_line04.png');}

.pop_char01 .img_wrap:before {content:''; display:block; position:absolute; width:100%;  bottom:0; left:0; height: 100%; background:url('/images/common/event/2026/shaman/pop_eft01.png') 0 bottom no-repeat; background-size:100% auto; mix-blend-mode: screen;}

.pop_char02 .wrap:before {content:''; display:block; position:absolute; left:0; width:400em; top:0; bottom:0; background:url('/images/common/event/2026/shaman/pop_eft04.png') 0 bottom no-repeat; background-size:auto 100%; animation: cloudLoop 200s linear infinite alternate;}
.pop_char02 .img_wrap:before, .pop_char02 .img_wrap:after {content:''; display:block; position:absolute; width:142.47%;  bottom:0; left:50%; margin-left:-75%; height: 76.169%; mix-blend-mode: screen;}
.pop_char02 .img_wrap:before {background:url('/images/common/event/2026/shaman/pop_eft03.png') 0 bottom no-repeat; background-size:100% auto; }
.pop_char02 .img_wrap:after {background:url('/images/common/event/2026/shaman/pop_eft02.png') 0 bottom no-repeat; background-size:100% auto;}

.section {background-position:center center; background-size:cover;}
.section:before {content:''; display:block; position:absolute; left:0; right:0; bottom:0; height:0.4rem; background:#fff; box-shadow:inset 0 0 0 1px rgba(0, 170, 255, 0.7) , 0 0 3rem rgba(0, 153, 255, 0.3); z-index:1;}

.section01 { height: 100vh;  position:relative; text-align:center; background:url('/images/common/event/2026/shaman/bg01.jpg') center center no-repeat; background-size:cover; max-height: 1080px;}
.section01 .title_wrap {z-index:2; height:100%; display:flex; align-items:center; justify-content:center; padding-top:10rem;  position:relative;}
.section01 .title_wrap .date {width: max-content; position:absolute; top:5rem; left:50%; transform:translate(-50% , 0); font-family:var(--apt); font-weight:300; color:#cceeff; text-transform:uppercase; font-size:27px; letter-spacing:0.06em; text-shadow:-1px 0 0 #ff8888, 1px 0 0 #0099ff;}
.section01 .title_wrap .date:before, .section01 .title_wrap .date:after {margin:0 1.1rem; content:''; display:inline-block; vertical-align:middle; position:relative; top:-2px; width:3.6rem; height:3.6rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; background-image:url('/images/common/event/2026/shaman/obj_date.png');}
.section01 .title_wrap .date font {color:#ffcccc;}
.section01:after {mix-blend-mode: screen; content:''; display:block; position:absolute; left:0; width:400em; top:0; bottom:0; background:url('/images/common/event/2026/shaman/bg01_fog.png') 0 bottom no-repeat; background-size:auto 100%;}
.section01:before {z-index:2;}
.section01 .title_wrap .title {position:relative; z-index:1; }
.section01 .title_wrap .title:before, .section01 .title_wrap .title:after {width: 98.361%; margin-left:-49%; height: 270.271%; margin-top:-43%; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; top:50%; left:50%;}
.section01 .title_wrap .title:before {z-index:-1; background-image:url('/images/common/event/2026/shaman/frame_tit.png'); mix-blend-mode:screen;}
.section01 .title_wrap .title:after { background-image:url('/images/common/event/2026/shaman/tg_eft.png');  mix-blend-mode:screen; animation: smoke02 3s ease-out infinite; transform-origin: center;}

.section02 {padding:33.6rem 0 12rem; overflow:hidden; position:relative; z-index:1; background-image:url('/images/common/event/2026/shaman/bg02.jpg');}
.section02:before {box-shadow: inset 0 0 0 1px rgba(255, 85, 85, 0.7), 0 0 3rem rgba(255, 85, 85, 0.5);}
.section02:after {z-index:-1; mix-blend-mode:screen; content:''; display:block; position:absolute; bottom:0; right:0; width:82.55%; height:100%; background:url('/images/common/event/2026/shaman/sc02_obj05.png') 0 bottom no-repeat; background-size:100% auto;}
.section02 .inner {display:flex; align-items:flex-start; justify-content:space-between;}
.section02 .pass li {position:relative; margin-top:-2.4rem; width:504px;}
.section02 .pass li:after {content:''; display:block; padding-bottom:100%;}
.section02 .pass li .con {animation: float 3s ease-in-out infinite; padding:4.8%; position:absolute; top:0; left:0; width:100%; height:100%; background-repeat:no-repeat; background-position:0 0; background-size:100% auto; border-radius:50%; display:flex; align-items:center; justify-content:center; flex-direction:column;}
.section02 .pass li .tit {font-size:43px; color:#fff2b7; line-height:0.83; font-weight:900; text-transform:uppercase; letter-spacing:0.04em; font-family:var(--apt); text-shadow: 0 0 10px rgba(255, 153, 0, 0.25), 0 0 20px rgba(255, 153, 0, 0.2),  0 0 40px rgba(255, 153, 0, 0.1);}
.section02 .pass li .for {margin-top:7px; font-family:var(--osw); font-size:18px; color:#ffaa00; text-transform:uppercase; font-weight: 500;}
.section02 .pass li .for font {background: linear-gradient(to right, #ffcc00, #ffaa66); -webkit-background-clip: text !important;; -webkit-text-fill-color: transparent !important;}
.section02 .pass li .txt {width:59%; margin:4% auto 0; font-size:17px; color:#fff; letter-spacing:0.01em; line-height:1.76;}
.section02 .pass li .txt font {color:#ffee00;}
.section02 .pass li.free .con {background-image:url('/images/common/event/2026/shaman/bg_free.png'); animation-delay:0.7s;}
.section02 .pass li.prem {transform: translate(-36%, 0);}
.section02 .pass li.prem .tit {text-shadow:none;}
.section02 .pass li.prem .tit span {display:block; background: linear-gradient(to bottom, #ff9999, #ff88bb, #cc88dd, #7799ee, #88ccee);-webkit-background-clip: text !important;; -webkit-text-fill-color: transparent !important;}
.section02 .pass li.prem .con {background-image:url('/images/common/event/2026/shaman/bg_prem.png');}
.section02 .pass li.prem .for font {background: linear-gradient(to right, #88ccee, #7799ee, #cc88dd, #ff88bb, #ff9999);}

.section02 .info {text-align:left;}
.section02 .info .tit {margin-left:-4.8rem;}
.section02 .info .desc {margin-top:1.2rem; padding-left:5.4rem; position:relative;}
.section02 .info .desc:before {content:''; top:1rem; bottom:0; left:0; width:1.6rem; position:absolute; display:block; background: linear-gradient(to bottom, rgba(255, 170, 170, 0.5) , rgba(187, 238, 255, 0.5));}
.section02 .info .desc:after {content:''; display:block; position:absolute; top:0.6rem; left:-0.4rem; bottom:-0.4rem; width:2.4rem; background:url('/images/common/event/2026/shaman/obj_top_r.png') center 0 no-repeat , url('/images/common/event/2026/shaman/obj_bottom_b.png') center bottom no-repeat; background-size:100% auto;}
.section02 .info .desc .txt01 {text-underline-offset: 0.7rem; line-height:1.3; font-size:37px; color:#ffffff; font-weight:500; font-family:var(--osw); text-transform:uppercase; letter-spacing:0.02em; text-decoration:underline; text-shadow:-1px 0 0 #ee8888, 1px 0 0 #4488aa,0 1rem 2rem #884400;}
.section02 .info .desc .txt01 span {color:#ffee00;    text-decoration: underline;}
.section02 .info .desc .txt02 {margin-top:2.6rem; font-weight:500; font-size:17px; color:#ffffff; letter-spacing:0.01em; line-height:2.1;}
.section02 .info .desc .txt02 span {display:block; background: linear-gradient(to right, #bbeeff, #ffaaaa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
.section02 .info .desc .vod_area {margin-top:4.3rem; overflow:hidden; position:relative; padding: 0.4rem; width:368px; height:104px; background:url('/images/common/event/2026/shaman/line_vod.png') 0 0 no-repeat; background-size:100% auto;}
.section02 .info .desc .vod_area .txt {position:relative; z-index:-1; }
.section02 .info .desc .vod_area .txt:before {transition:width 0.2s; content:''; display:block; position:absolute; top:0; left:0; width:0; height:100%; background:url('/images/common/event/2026/shaman/vod_txt_on.jpg') 0 0 no-repeat; background-size:auto 100%;}
.section02 .info .desc .vod_area a {display:block; position:absolute; top:0; bottom:0; left:0; right:0;}
.section02 .info .desc .vod_area:hover .txt:before {width:100%;}
.section02 .info .desc .vod_area:hover {background-position:0 100%;}

.section03 {position:relative;}
.section03:before {box-shadow: inset 0 0 0 1px rgba(255, 170, 0, 0.7), 0 0 3rem rgba(255, 170, 0, 0.5);}
.section03:after {box-shadow: inset 0 0 0 1px rgba(255, 170, 0, 0.7), 0 0 3rem rgba(255, 170, 0, 0.5); top:0; bottom:0; width:0.4rem; left:50%; margin-left:-0.2rem; content:''; display:block; position:absolute; background:#fff;}
.section03 .character {height:108rem; display:flex; font-size:0; align-items:stretch; justify-content:center;}
.section03 .character:before {content:''; display:block; position:absolute; left:50%; margin-left:-2%; z-index:1; top:0; height:100%; width:4.8%; background:url('/images/common/event/2026/shaman/sc03_light.png') 0 0 no-repeat; background-size:auto 100%;}
.section03 .character > div {overflow:hidden; width:50%; display:inline-block; background-position:center center; background-repeat:no-repeat; background-size:cover; position:relative;}
.section03 .character .name {text-align:left; position:absolute; top:7.2rem; left:11.2rem;}
.section03 .character .name span {margin-top:-3.4rem; transform-origin: left; transform: rotate(90deg); display:block; font-family:var(--apt); letter-spacing:0.06em; font-size:111px; color:#fff; font-weight:900; text-transform:uppercase; letter-spacing:0.06em; text-shadow:-1px 0 0 #ff3333, 1px 0 0 #0099ff, 0 0 5rem rgba(255, 68, 0, 0.5);}
.section03 .character .name font {margin-left:-3.6rem; text-transform:uppercase; position:relative; font-family:var(--osw); font-size:22px; font-weight:500; background: linear-gradient(to right, #ff6666, #66ccff); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.section03 .character .name font:before, .section03 .character .name font:after {content:''; display:block; position:absolute; left:0; right:0; height:0.2rem; background: linear-gradient(to right, #ff6666, #66ccff);}
.section03 .character .name font:before {top:0.6rem}
.section03 .character .name font:after {bottom:0.2rem;}
.section03 .character .desc { animation: float 3s ease-in-out infinite; position:absolute;  padding-bottom:5%; right:2.4rem; bottom:2.4rem; width:51.6rem; height:51.6rem; border-radius:1.8rem; display:flex; align-items:center; justify-content:center; font-size:19px; color:#ffffff; letter-spacing:0.02em; line-height:1.57; background-position:0 0; background-size:100% auto;}
.section03 .character .desc:before {opacity:0; transition:all ease-in-out 0.2s; content:''; display:block; position:absolute; width:100%; height:100%; top:0; left:0; background-position:0 100%; background-repeat:no-repeat; background-size:100% auto;}
.section03 .character .desc:after {content:''; bottom:10.2rem; left:50%; margin-left:-3rem; display:block; position:absolute; width:6rem; height:6rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .character .desc span {color:#ffee00;}
.section03 .character .desc font {color:#bbddff;}
.section03 .character .desc a {position:absolute; font-size:0; color:transparent; width:84%; height:84%; top:8%; left:8%; clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);}
.section03 .character .desc .txt {position:relative;}
.section03 .character .char01 {background-image:url('/images/common/event/2026/shaman/bg03_01.jpg');}
.section03 .character .char01 .desc {background-image:url('/images/common/event/2026/shaman/btn_cha01.png'); }
.section03 .character .char01 .desc:before {background-image:url('/images/common/event/2026/shaman/btn_cha01.png');}
.section03 .character .char01 .desc:after {background-image:url('/images/common/event/2026/shaman/btn_more01.png');}
.section03 .character .char02 {background-image:url('/images/common/event/2026/shaman/bg03_02.jpg');}
.section03 .character .char02 .name span { text-shadow:-1px 0 0 #ff3333, 1px 0 0 #0099ff, 0 0 3rem rgba(0, 170, 238, 0.3);}
.section03 .character .char02 .desc {background-image:url('/images/common/event/2026/shaman/btn_cha02.png');}
.section03 .character .char02 .desc:before {background-image:url('/images/common/event/2026/shaman/btn_cha02.png');}
.section03 .character .char02 .desc:after {background-image:url('/images/common/event/2026/shaman/btn_more02.png');}
.section03 .character .desc.on:before {opacity:1;}
.section03 .character .desc.on:after {background-position:0 100%;}
.section03 .character .img {position:absolute; bottom:0; left:0; right:0; text-align:center; }
.section03 .character .img img {max-width:none; position:relative;}
.section03 .character .char02 .img {padding-left:12rem;}

.section03 .character .char01 .img:before, .section03 .character .char01 .img:after { mix-blend-mode: screen; content:''; display:block; position:absolute; top:50%; margin-left: -44.8rem; margin-top: -55.4rem; left:50%; width:107.6rem; height:106.8rem; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .character .char01 .img:before {background-image:url('/images/common/event/2026/shaman/sc03_obj01.png');}
.section03 .character .char01 .img:after {background-image:url('/images/common/event/2026/shaman/sc03_obj02.png');}
.section03 .character .char01:hover .img:before, .section03 .character .char01:hover .img:after {animation: spin 100s infinite linear;}

.section03 .character .char02 .desc {animation-delay:0.7s;}
.section03 .character .char02 .img:before, .section03 .character .char02 .img:after {mix-blend-mode: screen; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section03 .character .char02 .img:before {background-image:url('/images/common/event/2026/shaman/sc03_obj03.png'); width:128rem; height:108rem; bottom:0; left:50%; margin-left:-64rem;}
.section03 .character .char02 .img:after {background-image:url('/images/common/event/2026/shaman/sc03_obj04.png'); width:131.8rem; height:68rem; right:0; bottom:0;}
.section03 .character .char02:hover .img:before {    animation: cloudLoop02 20s linear infinite alternate;}

.section04 {position:relative; padding:14rem 0 14.4rem; z-index: 2; overflow:hidden; background-image:url('/images/common/event/2026/shaman/bg04.jpg');}
.section04:before {box-shadow: inset 0 0 0 1px rgba(255, 85, 85, 0.7), 0 0 3rem rgba(255, 85, 85, 0.5);}
.section04 .inner { position:relative; max-width:1356px; z-index: 4;}
.section04 .motion_wrap {position:relative;}
.section04 .motion_wrap .desc {margin:0 auto; position:relative;}
.section04 .motion_wrap .desc .box_3d {position:relative;}
.section04 .motion_wrap .item {box-shadow: 0 3rem 6rem rgba(0, 0, 0, 0.4); width:100%; height:0; position:relative; padding-top:41.667%; z-index: 1; background:url('/images/common/event/2026/shaman/bg_3d.jpg') center center no-repeat; background-size:cover; }
.section04 .motion_wrap .item > div {width:100% !important; height:100% !important; position:absolute; top:0; left:0; display:none !important;}
.section04 .motion_wrap .item img, .section04 .motion_wrap .item canvas { width:100% !important; height:100% !important; position:absolute; top:0; bottom:0; left:0; right:0;  display:none !important;}
.section04 .motion_wrap .swiper-slide {opacity:0 !important;  }
.section04 .motion_wrap .swiper-slide.swiper-slide-active {opacity:1 !important;  }
.section04 .motion_wrap .swiper-slide.swiper-slide-active .item img, .section04 .motion_wrap .swiper-slide.swiper-slide-active .item canvas {display:block !important;}
.section04 .motion_wrap .swiper-slide.swiper-slide-active .item > div {display:block !important;}
.section04 .motion_wrap .img_3d {right:2.6rem; top:3.2rem; position:absolute; z-index:2; max-width:14.4rem;}
.section04 .motion_wrap .item_name {font-size:55px; color:#cceeff; text-transform:uppercase; color:#cceeff; font-weight:900; letter-spacing:0.04em; font-weight:900; font-family:var(--apt); text-shadow:-1px 0 0 #ff8888, 1px 0 0 #0099ff;}
.section04 .motion_wrap .item_name font {color:#ffcccc;}
.section04 .motion_wrap .info {font-size:17px; color:#dddddd; letter-spacing:0.01em; line-height:1.76; margin:1.2rem auto 4rem;}
.section04 .motion_wrap .info span {color:#ffee00;}
.section04 .motion_wrap .info a {margin:0 5px; position:relative; background:#000; font-size:17px; font-weight:500; font-family:var(--osw); text-transform:uppercase; padding:0 1.2rem 2px 1.4rem; display:inline-block; }
.section04 .motion_wrap .info a:before {content: ""; position: absolute; inset: 0; padding: 0.2rem; background: linear-gradient(to right, #cceeff, #ffcccc);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.section04 .motion_wrap .info a:after {content: ""; position: absolute; inset:0 0.4rem; padding:0 0.2rem; background: linear-gradient(to right, #cceeff, #ffcccc);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.section04 .motion_wrap .info a font {background: linear-gradient(to right, #ffcccc, #cceeff); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section04 .motion_wrap .info a font:after {content:''; display:inline-block; vertical-align:middle; margin-left:5px; position:relative; top:-2px;  width:16px; height:16px; background-position:0 0; background-size:100% auto; background-repeat:no-repeat; background-image:url('/images/common/event/2026/shaman/icon_go_shop.png');}
.section04 .motion_wrap .info a:hover {background:#ffee00;}
.section04 .motion_wrap .info a:hover:before {background:#ffee00;}
.section04 .motion_wrap .info a:hover:after {background:#000; inset:0.2rem; padding:0.2rem;}
.section04 .motion_wrap .info a:hover font {background:#000;}
.section04 .motion_wrap .info a:hover font:after {background-position:0 100%;}

.stat {position:absolute; bottom:-2.4rem; left:-2.4rem; z-index: 1; background:url('/images/common/event/2026/shaman/bg_stat.jpg') center center no-repeat; background-size:cover; min-width:324px; padding:3.2rem 3rem 2.8rem; border:0.4rem solid #eedd55;}
.stat:before, .stat:after {content:''; display:block; position:absolute; top:0.2rem; bottom:0.2rem; left:0.2rem; right:0.2rem;}
.stat:before {box-shadow:inset 0 0 0 0.4rem #eedd55;}
.stat:after {background:url('/images/common/event/2026/shaman/arr_stat_lt.jpg') 0 0 no-repeat , url('/images/common/event/2026/shaman/arr_stat_lb.jpg') 0 bottom no-repeat, url('/images/common/event/2026/shaman/arr_stat_rt.jpg') right 0 no-repeat, url('/images/common/event/2026/shaman/arr_stat_rb.jpg') right bottom no-repeat;}
.stat ul {position:relative;}
.stat li { position:relative;  font-size:0; text-align:left; margin-bottom:1rem;}
.stat li:last-child {margin-bottom:0;}
.stat li > div {display:inline-block; vertical-align:middle; text-transform:uppercase; text-align:left; color:#021d93;}
.stat .txt {width:96px; font-size:14px; font-weight:500; color:#ffaaaa; letter-spacing:0.04em;}
.stat .txt span {background: linear-gradient(to right, #ff6666, #44aaff);  -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
.stat .num {width:calc(100% - 192px); text-align:right; font-size:14px; color:#eedd55; letter-spacing: 0.04em;}
.stat .graph { height:1.2rem; position:relative;  width:96px; background:rgba(0, 0, 0, 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: linear-gradient(to right, #ff6666, #44aaff);}
.stat li.no_graph {display:flex; align-items:center; justify-content:space-between;}
.stat li.no_graph .num {width:auto;}

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

.section04 .swiper-button-next, .section04 .swiper-button-prev {padding-bottom:2px; margin:4.8rem 1.2rem 0; right:auto; left:auto; top:auto; width:29.4rem; height:4.8rem; transition:none; text-align:center;  z-index: 11; bottom:auto; font-size:0; display:inline-flex !important; align-items:center; justify-content:center; background-size:100% !important;  background-color:rgba(255, 255, 255, 0); background-image:url('/images/common/event/2026/shaman/nav_3d.png'); background-size:100% auto; background-repeat:no-repeat; background-position:0 0; position:relative; cursor:pointer;}
.section04 .swiper-button-next span, .section04 .swiper-button-prev span {font-family:var(--osw); font-weight:500; font-size:17px; text-transform:uppercase; background: linear-gradient(to right, #ffcccc, #cceeff);  -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section04 .swiper-button-next:hover, .section04 .swiper-button-prev:hover, .section04 .swiper-button-disabled {background-image:url('/images/common/event/2026/shaman/nav_3d_on.png'); }
.section04 .swiper-button-next:hover span, .section04 .swiper-button-prev:hover span, .section04 .swiper-button-disabled span {background:#000;}
.section04 .swiper-button-next:hover fo nt, .section04 .swiper-button-prev:hover font, .section04 .swiper-button-disabled font {font-weight:400; background:#aa0000;  -webkit-background-clip: text; -webkit-text-fill-color: transparent; letter-spacing: 0.02rem;}
.section04 .swiper-button-next.swiper-button-disabled, .section04 .swiper-button-prev.swiper-button-disabled {opacity:1; display:block; pointer-events: auto;}
.section04 .swiper-pagination {display:none;}

.section05 {background-image:url('/images/common/event/2026/shaman/bg05.jpg'); background-size:cover; position:relative; padding:14rem 0 21.6rem;}
.section05 .inner {max-width:1380px; position:relative;}
.section05 .sec_tit {margin-bottom:5.2rem; font-family:var(--apt); font-size:43px; font-weight:700; color:#ffcccc; text-transform:uppercase; letter-spacing:0.04em; line-height:1.02; text-shadow:-1px 0 0 #ffaaaa, 1px 0 0 #0099ff;}
.section05 .sec_tit font {color:#cceeff;}
.section05 .swiper-scrollbar-drag {background: linear-gradient(to right, #ff6666, #44aaff); border-radius:0; border-radius:0.8rem;}
.section05 .swiper-scrollbar {display:none;}
.section05 .item_wrap .swiper-button-next.swiper-button-disabled, .section05 .swiper-button-prev.swiper-button-disabled {display:none !important;}

.section06 {background:#111111; position:relative; padding:14.4rem 0 7.2rem; z-index:1;}
.section06:after {content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:url('/images/common/event/2026/shaman/bg06_cloud.png') 0 bottom no-repeat; background-size:100% auto;}
.section06:before {display:none;}
.section06 .tit_wrap {padding:13rem 3rem 0; z-index:1; position:absolute; top:0; left:50%; margin-left:-30rem; bottom:0; width:60rem; background: linear-gradient(to bottom, #740711, #013169); }
.section06 .tit_wrap:before {content: ""; position: absolute; inset: 0; padding:0 0.4rem; background: linear-gradient(to bottom, #fb6a6b, #50a9fb);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.section06 .tit_wrap:after {content: ""; position: absolute; inset:0 1rem; padding:0 1.2rem; background: linear-gradient(to bottom, #fb6a6b, #50a9fb);  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); -webkit-mask-composite: xor; mask-composite: exclude;}
.section06 .tit_wrap .cha08_wrap {bottom:0; left:50%; margin-left:-411px; position:absolute; z-index:1;}
.section06 .tit_wrap .cha08_wrap:before, .section06 .tit_wrap .cha08_wrap:after {z-index:-1; content:''; display:block; position:absolute; background-repeat:no-repeat; background-position:0 0; background-size:100% auto;}
.section06 .tit_wrap .cha08_wrap:before {width: 84.672%; height: 86.544%; background-image:url('/images/common/event/2026/shaman/cha08_obj01.png'); bottom:-7%; left:7.5%;}
.section06 .tit_wrap .cha08_wrap:after {width: 22.142%; height: 18.998%; background-image:url('/images/common/event/2026/shaman/cha08_obj02.png'); right: 7%; top: 14%; animation: float 3s ease-in-out infinite;}
.section06 .tit_wrap .cha08_wrap img {max-width:none;}

.section06 .sec_tit { font-family:var(--apt); font-size:55px; font-weight:700; color:#ffcccc; text-transform:uppercase; letter-spacing:0.04em; line-height:1.02; text-shadow:-1px 0 0 #ffaaaa, 1px 0 0 #0099ff;}
.section06 .sec_tit font {color:#cceeff;}
.section06 .sec_tit02 {font-size:17px; color:#dddddd; letter-spacing:0.01em; line-height:1.76; margin-top:1.2rem;} 

.section06 .shop_area {position:relative; z-index:1;}
.section06 .shop_area > ul {font-size:0; display:flex; align-items: stretch; justify-content: flex-start; flex-wrap: wrap;}
.section06 .shop_area > ul > li {width:50%; display:inline-block; vertical-align:top; position:relative; margin-bottom:7.2rem; color:#fff; letter-spacing:0.05em;}
.section06 .shop_area .con {max-width:46.8rem; background-repeat:no-repeat; background-position:0 0; background-size:100% 100%; position:relative;}
.section06 .shop_area .con:after {content:''; display:block; padding-bottom:76.925%;}
.section06 .shop_area .con .box {position:absolute; top:0; bottom:0; left:0; right:0;}
.section06 .shop_area .desc {z-index:1; position:absolute; bottom:3.6rem; left:0; right:0;}
.section06 .shop_area .name {font-family:var(--apt); font-size:37px; font-weight:700; text-transform:uppercase; letter-spacing:0.02em; line-height:0.97;}
.section06 .shop_area .name span {background: linear-gradient(to bottom, #ffffff, #ffffcc, #eebb77); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important; filter:drop-shadow(0 4px 10px rgba(0, 0, 0, 0.5));}
.section06 .shop_area .txt {font-size:16px; max-width:276px; margin:3px auto 0; padding-bottom:2px; background:#eebb77; font-family:var(--osw); font-weight:400; letter-spacing:0.02em; text-transform:uppercase; display:flex; height:24px; justify-content:center; align-items:center;}
.section06 .shop_area .txt span {background: linear-gradient(to bottom, #552200, #000000); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section06 .shop_area .item {position:absolute; top:0; bottom:0; left:0; right:0;}
.section06 .shop_area .sale {font-family:var(--osw); font-size:14px; font-weight:400; color:#000000; line-height:1.7; text-transform:uppercase; z-index:1; transform:translate(25%, -25%); position:absolute; top:0; right:0; display:flex; align-items:center; justify-content:center;  flex-direction: column; width:144px; height:144px; background-repeat:no-repeat; background-size:100% auto; background-position:0 0; background-image:url('/images/common/event/2026/shaman/bg_sale01.png'); letter-spacing: 0.02rem;}
.section06 .shop_area .sale font {animation: blink-1 2.2s both infinite; font-family:var(--gre); font-size:36px; font-weight:900; letter-spacing:0.01em; background: linear-gradient(to bottom, #ffffff, #ffffcc, #eebb77); -webkit-background-clip: text !important; -webkit-text-fill-color: transparent !important;}
.section06 .shop_area .sale span {background:#000000; border-radius:4px; padding:5px 4px 0; line-height:0.8; margin-top: 0.2rem;}

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

.section06 .shop_area li.bn02 .name span {background: linear-gradient(to bottom, #ffffff, #ffbbbb, #55ccff);} 
.section06 .shop_area li.bn02 .txt {background: linear-gradient(to right, #ff7788, #77ccff);}
.section06 .shop_area li.bn02 .txt span {background: linear-gradient(to right, #cc3344, #0044aa);}
.section06 .shop_area li.bn02 .sale {background-image:url('/images/common/event/2026/shaman/bg_sale02.png');}
.section06 .shop_area li.bn02 .sale font {background: linear-gradient(to bottom, #ffffff, #ffbbbb, #55ccff);}

.section06 .shop_area li.bn03 .name span {background: linear-gradient(to bottom, #ffffff, #99ccff, #ff99bb);} 
.section06 .shop_area li.bn03 .sale {background-image:url('/images/common/event/2026/shaman/bg_sale03.png');}
.section06 .shop_area li.bn03 .sale font {background: linear-gradient(to bottom, #ffffff, #99ccff, #ff99bb);}

.section06 .shop_area li.bn04 .name span {background: linear-gradient(to bottom, #ffffff, #ff99bb, #ccff88);} 
.section06 .shop_area li.bn04 .txt {color: #000; -webkit-background-clip: unset; -webkit-text-fill-color: unset; background:#ff99ee;}
.section06 .shop_area li.bn04 .txt span {background: none; -webkit-background-clip: unset !important; -webkit-text-fill-color: unset !important;}
.section06 .shop_area li.bn04 .txt span font {color: #620000; background: none; -webkit-background-clip: unset; -webkit-text-fill-color: unset; font-weight:400;}
.section06 .shop_area li.bn04 .sale {background-image:url('/images/common/event/2026/shaman/bg_sale04.png');}
.section06 .shop_area li.bn04 .sale font {background: linear-gradient(to bottom, #ffffff, #ff99bb, #ccff88);}

/**** ie *****/
.ie .item_wrap .swiper-pagination {left:0; right:0;}

@media screen and (max-width: 2400px) {	
.cha01_wrap {left:-10%;}
.cha02_wrap {right:0;}
}

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

.cha06 {left:0;}
.cha07 {right:0;} 

.pop_char h3 {top:7.2rem; left:7.2rem;}
.pop_char:before {bottom:7.2rem; left:7.2rem;}

.inner {max-width: 1700px;}
}

@media screen and (max-width: 1860px) {	
.fix_sns {bottom:2rem; left:2rem;}

.inner {padding-left:9rem; padding-right:9rem;}
	
.cha06 {left:-6%; top:auto; bottom:-24%; width:29.1%;}
.cha07 {right:-6%; top:auto; bottom:-24%; width:29.89%;}

.section03 .character .img {top:0; display: flex; align-items: flex-end; justify-content: center;}	
.section03 .character .char01 .img img {max-height:90%;}
.section03 .character .char02 .img {padding-left:76%;}
.section03 .character .char02 .img img {max-height:112%;}
.section03 .character .name {top:3.6rem; left:7.2rem;}
.section03 .character .desc {width:44rem; height:44rem;}
.section03 .character .desc:after {bottom:8.2rem;}
.section03 .character .name span {font-size:90px;}

.section03 .character .char01 .img:before, .section03 .character .char01 .img:after {width:100%; height:77%; margin-left:-41%; margin-top:-50%;}
.section03 .character .char02 .img:before {width:100%; height:100%; left:0; margin-left:0;}
.section03 .character .char02 .img:after {width:100%; height:100%; background-position:right bottom;}

.section06 .tit_wrap {width:50rem; margin-left:-25rem;}
.section06 .sec_tit {font-size:48px;}
.section06 .shop_area > ul > li {margin-bottom:4.8rem;}
.section06 .tit_wrap .cha08_wrap {width: 130%; left: 50%; margin-left: -65%;}
.section06 .tit_wrap .cha08_wrap img {max-width:100%;}
}

@media screen and (max-width: 1720px) {	
.section06 .shop_area .con {max-width:40rem;}
}

@media screen and (max-width: 1560px) {	
.pop_video .pop-layout {width: 60%;}

.section05 .inner {padding-left:12rem; padding-right:12rem;}
.item_wrap .swiper-button-next {right:-10.2rem;}
.item_wrap .swiper-button-prev {left:-10.2rem;}

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

.section06 .tit_wrap {width:40rem; margin-left:-20rem;}
.section06 .shop_area .con {max-width:36rem;}
.section06 .shop_area .name {font-size:30px;}
.section06 .shop_area .txt {font-size:14px;}
.section06 .sec_tit {font-size:37px; word-break: break-word;}
.section06 .sec_tit02 {font-size:15px; word-break: break-word;}
.section06 .sec_tit02 br {display:none;}

.cha06 {left:-4%; width:20.1%;}
.cha07 {right:-2%; width:20.89%;}

.section01 .title_wrap .title {max-width:37%;}

.pop_char h3 {top:3.6rem; left:3.6rem;}
.pop_char:before {bottom:2.4rem; left:2.4rem;}
.pop_char h3 {font-size:48px;}
.pop-up .pop-close {top:2.4rem; right:2.4rem; width:7.2rem; height:7.2rem;}
.pop_char:before {width:4.6rem; height:20.7rem;}
.pop_char .img_wrap {width:770px;}
.pop_char02 .img_wrap {width:686px;}
.pop_char .item_info .txt {font-size:12px; padding:1rem;}
.pop_char .item_info .name {font-size:12px;}
.pop_char .item_info02 .desc {padding:2.4rem;}
.pop_char .item_info01 .img img {width:100px;} 
.pop_char .item_info02 .img img {width:100px;}
.pop_char .item_info .desc:before {background-size:24px auto;}
.pop_char .item01 {bottom:0; transform:translate(-60%, -132%);}
.pop_char .item01:after {width:18.4rem; height:7.9rem;}
.pop_char .item02 {bottom:0;    transform:translate(75%, -147%);}
.pop_char .item02:after {width:16.2rem; height:8.2rem;}

.pop_char .item03 {bottom:0; transform: translate(-95%, -48%);}
.pop_char .item04 {bottom:0;     transform: translate(103%, -175%);}
.pop_char .item03:after , .pop_char .item04:after {width:22.1rem; height:8.5rem;}


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

	
.section02 .pass li {width:400px;}
.section02 .pass li .tit {font-size:30px;}
.section02 .pass li .for {font-size:18px;}
.section02 .pass li .txt {font-size:15px; width:64%;}


}

@media screen and (min-width: 1361px) {
.fix_sns ul {display:inline-block !important;}	
}	

@media screen and (max-width: 1360px) {	
.fix_sns {bottom:1rem; left:1rem;}
.fix_sns .btn_sns {display:block;}
.fix_sns .btn_sns.open {background-position:0 100%;}
.fix_sns ul {display:none; margin-bottom:2px;}

.section02 .info {max-width:520px;}
.section02 .info .desc {padding-left:4rem;}
.section02 .info .desc .txt01 {font-size:27px;}
.section02 .info .desc .txt02 {font-size:15px;}
.section02 .info .desc .txt02 br {display:none;}
.section02 .pass li.prem {transform: translate(-25%, 0);}

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



}

@media screen and (max-width: 1280px) {
.cha06 {left:0; width:20.1%; bottom:-18%;}
.cha07 {right:0; width:20.89%; bottom:-18%;}
	
.inner {padding-left:3rem; padding-right:3rem;}

.section05 {padding-bottom:30%;}
.section05 .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;}

.section01 .title_wrap .date {top:12rem;}

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


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

.stat {padding:2rem; position: relative; bottom: auto; left: auto; right: auto; text-align: left; min-height: auto; margin:3rem auto 0; width:auto; height:auto;}
.section04 .page03 .stat {background: rgba(59, 203, 252, 0.25); height:auto; min-height: 164px;  display: flex; align-items: center; justify-content: center;}
.section04 .stat ul {max-width: 560px; margin: 0 auto;}
.section04 .stat li {margin: 5px 1rem; width: calc((100% - 8rem) / 2); display: inline-block; vertical-align: top;}

.section03 .character:before {margin-left:-3rem;}
.section03 .character {height:86rem;}
.section03 .character .name font {font-size:14px;}
.section03 .character .name font:before {top:0;}
.section03 .character .name font:after {bottom:0;}
.section03 .character .name span {font-size:72px; margin-top:-2.4rem; margin-left:-1.2rem;}
.section03 .character .desc {font-size:16px; width:36rem; height:36rem;}
.section03 .character .desc:after {bottom:6.2rem;}

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

.section06 {padding: 25rem 0 70rem;}
.section06 .tit_wrap {width:60rem; margin-left:-30rem; padding-top:6rem;}
.section06 .sec_tit02 br {display:block;}
.section06 .shop_area > ul {max-width:780px; margin:0 auto;}

.pop_char .img_wrap {width:580px;}
.pop_char02 .img_wrap {width:517px;}
.pop_char .item01 {transform: translate(-48%, -94%);}
.pop_char .item01:after {width:11.4rem; height:4.9rem;}
.pop_char .item02 { transform: translate(48%, -107%);}
.pop_char .item02:after {width:10.2rem; height:5.2rem;}
.pop_char .item_info02 .img img {width:72px;}
.pop_char .item_info01 .img img {width:72px;}
.pop_char .item_info {max-width:164px;}
.pop_char .item03 {transform: translate(-70%, -20%);}
.pop_char .item04 {        transform: translate(69%, -100%);}
.pop_char .item03:after, .pop_char .item04:after {width:10.1rem; height:3.9rem;}
.pop_char .item03:after {left:auto; right:0;    transform: translate(100%, -20%);}
.pop_char .item04:after {    transform: translate(-100%, -20%);}
}  



@media screen and (max-width: 1023px) {
header {padding:3rem 3rem 0;}	
header .btn_today {top:2.4rem; right:2.4rem;}
	
.section01 {height:auto; padding: 36% 9rem 48%;}
.section01 .title_wrap {flex-direction: column; padding-top:0;}
.section01 .title_wrap .date {left:auto; transform:none; width:auto; position:relative; top:auto; margin-bottom: 18rem; margin-left:-6rem; margin-right:-6rem;}
.section01 .title_wrap .title {max-width:none;}
	
.section02 {padding:12rem 0;}	
.section02 .inner {display:block;}
.section02 .info {max-width:none;}
.section02 .info .desc .txt02 br {display:block;}
.section02 .pass {margin-top:6rem;}
.section02 .pass li {margin-top:0; display:inline-block; vertical-align:top; width:50%; max-width:400px;}
.section02 .pass li.prem {transform:none;}
.cha03_wrap {top: auto; bottom: 0; left: 50%;  transform: translate(-25%, 0);  margin-left: 0; width: 704px;}
.section06 .shop_area .con {max-width:32rem;}


}



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

.cha06 {bottom:-12%;}
.cha07 { bottom:-12%;}


.fix_sns .btn_sns, .btn_top {width:36px; height:36px;}
.fix_sns li a {width:36px; height:36px;}
.btn_top span {font-size:2.1rem;}

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

header .bi img {width:24rem;}
header .btn_today {font-size:2.3rem;}
header .btn_today:after {background-size:1rem auto;}

.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:3.6rem;}

.section02 {padding-bottom:85%; padding-top:9rem;}
.section02 .pass {margin-left:-6rem; margin-right:-6rem;}
.section02 .pass li {margin:0 -2rem;}
.section02 .pass li .tit {font-size:5.2rem;}
.section02 .pass li .for {font-size:3rem;}
.section02 .pass li .txt {font-size:2.6rem; width:68%; line-height:1.7;}
.section02 .info .desc .txt01 {font-size:4.6rem;}
.section02 .info .desc .txt02 {font-size:2.6rem; line-height:1.8;}
.section02 .info .desc {max-width:560px; word-break: break-word;}
.cha03_wrap {width:100%; transform:translate(-50% , 0); bottom:-25%;}

.section03 .character .desc {width:44rem; height:44rem; font-size:2rem; line-height:1.2; bottom:0;}
.section03 .character .desc:after {bottom:7.2rem;}
.section03 .character .name font {font-size:1.5rem;}
.section03 .character .name span {font-size:7rem;}

.section04 .motion_wrap .item_name {font-size:6rem;}
.section04 .motion_wrap .item_name font {display:block;}
.section04 .motion_wrap .info {font-size:2.6rem;}
.section04 .motion_wrap .info a {font-size:2.6rem;}
.section04 .stat ul {max-width:230px; margin:0 auto;}
.section04 .stat li {display:block; width:100%; margin:5px 0;}
.stat:after {background-size:2.8rem auto;}
.stat .txt {font-size:2.1rem;}
.stat .num {font-size:2.1rem;}
.section04 .swiper-button-next, .section04 .swiper-button-prev {margin-top:2.4rem; width:31.3rem; height:5rem;}
.section04 .swiper-button-next span, .section04 .swiper-button-prev span {font-size:2.3rem; font-weight:400;}
.section04 .swiper-button-next:hover font, .section04 .swiper-button-prev:hover font, .section04 .swiper-button-disabled font {font-weight:300;}

.section05 .sec_tit {font-size:5.2rem;}

.section06 {padding:36rem 0 80%;}
.section06 .shop_area > ul {margin-left:0; display:block;}
.section06 .shop_area > ul > li {padding-left:0; display:block; max-width:325px; margin-left:auto; margin-right:auto; width:100%;}
.section06 .shop_area .con {max-width:100%;}
.section06 .shop_area .name {font-size:3.9rem;}
.section06 .shop_area .txt {font-size:2.3rem; max-width:80%; height: 3.2rem; padding-top: 0.4rem;}
.section06 .shop_area .sale {font-size:2.3rem; width:100px; height:100px;}
.section06 .shop_area .sale font {font-size:3.9rem;}

.section06 .sec_tit {font-size:6.4rem;}
.section06 .sec_tit02 {font-size:2.6rem;}
.section06 .tit_wrap {width:auto; left:9rem; margin-left:0; right:9rem;}
.section06 .tit_wrap .cha08_wrap {width:100%; margin-left:-50%;}

.pop_char h3 {font-size:5.9rem;}
.pop_char .img_wrap {width:350px;     align-items: center;}
.pop_char02 .img_wrap {width:312px;}
.pop_char .img_wrap > img {margin-bottom:0;}
.pop_char .item_info .txt {font-size:1.9rem;}
.pop_char .item_info02 .desc {padding:1.2rem;}
.pop_char .item_info .name {font-size:1.9rem; margin-left:0; margin-right:0; word-break: break-word;}
.pop_char .item_info .name br {display:none;}
.pop_char .item_info {max-width:120px;}
.pop_char .item_info .desc:before {background-size:2.4rem auto;}
.pop_char .item_info02 .img img {width: 56px;}
.pop_char .item_info01 .img img {width:56px;}
.pop_char .item02 {transform: translate(48%, -100%); top:50%; bottom:auto;}
.pop_char .item01 {transform: translate(-40%, -50%); top:50%; bottom:auto;}

.pop_char .item03 {transform: translate(-56%, -56%); top:50%; bottom:auto;}
.pop_char .item04 {transform: translate(60%, -95%); top:50%; bottom:auto;}

.pop_char01 .img_wrap:before {    background: url(/images/common/event/2026/shaman/pop_eft01.png) 0 center no-repeat; background-size:100% auto;}
.pop_char02 .img_wrap:before {background:url('/images/common/event/2026/shaman/pop_eft03.png') 0 center no-repeat; background-size:100% auto; }
.pop_char02 .img_wrap:after {background:url('/images/common/event/2026/shaman/pop_eft02.png') 0 center no-repeat; background-size:100% auto;}
.pop_char .item03:after, .pop_char .item04:after {width:7.1rem; height:2.7rem;}

}

@media screen and (max-width: 560px) {
.section02 .pass {margin-left: -4rem; margin-right: -4rem;}	
.section02 .pass li {margin:0 -1rem;}	
.section02 .pass li .tit {font-size:3rem;}	
.section02 .pass li .for {font-size:2.4rem;}	
.section02 .pass li .txt {font-size:2.1rem; line-height:1.2;}
.section02 .info .tit {margin-left:0;}
.section02 .info .desc .txt02 br {display:none;}
.section02 .info .desc .vod_area {width:272px; height:77px;}

.section03 .character .desc {right:auto; left:50%; margin-left:-20rem; width:40rem; height:40rem;}

.section06 {padding:36rem 0 70%;}
.section06 .sec_tit {font-size:5.4rem;}
.section06 .sec_tit02 {font-size:2.5rem; line-height:1.4;}
.section06 .sec_tit02 br {display:none;}

.pop_char .img_wrap {width:240px;}
.pop_char .item_info .txt {font-size:1.7rem;}
.pop_char .item_info .name {font-size:1.7rem;}
.pop_char .item_info {max-width:110px;}
.pop_char .item02 {transform: translate(48%, -80%);}
.pop_char .item04 {transform: translate(60%, -80%);}

}


@media screen and (max-width: 370px) {
.section02 .info .desc .txt01 br {display:none;}	
.section02 .pass li .txt {font-size:1.9rem;}
.section06 .tit_wrap {left:6rem; right:6rem;}
}

@media screen and (min-width:769px) and (max-height: 940px) {
/* .pop-up {width: 18.386%;} */
} 

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

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

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

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

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

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


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

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

    100% {
        opacity: 1;
    }
}

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

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

    100% {
        opacity: 1;
    }
}

@keyframes float03 {
  0%   { transform: translateY(0) scale(1); }
  50%  { transform: translateY(-6px) scale(1.03); }
  100% { transform: translateY(0) scale(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 rotate3d {
    0%   { transform: rotateX(60deg) rotateZ(0deg); }
    100% { transform: rotateX(60deg) rotateZ(360deg); }
  }
 
 @keyframes blink-1 {
  0%,
  50%,
  100% {
    opacity: 1;
  }
  25%,
  75% {
    opacity: 0;
  }
}
 
@keyframes swing { 
	0%,100% { 
	transform: rotate(-1deg); 
	} 
	50% { transform: rotate(1deg); 
	} 
}



 @keyframes waveMotion {
      0%   { transform:translate(-50%, 0) scale(1.02); }
      25%  { transform:translate(-50%, -5px) scale(1.03); }
      50%  { transform:translate(-50%, 0) scale(1.02); }
      75%  { transform:translate(-50%, -6px) scale(1); }
      100% { transform:translate(-50%, 0) scale(1.02); }
}

 @keyframes waveMotion02 {
      0%   { transform:translate(0, 0) scale(1.02); }
      25%  { transform:translate(0, -5px) scale(1.03); }
      50%  { transform:translate(0, 0) scale(1.02); }
      75%  { transform:translate(0, -6px) scale(1); }
      100% { transform:translate(0, 0) scale(1.02); }
}


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

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

    15%{
        opacity: 1;
    }

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

    95%{
        opacity: 0;
    }

    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 bounce-in-bottom {
  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(65px);
            animation-timing-function: ease-in;
  }
  72% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  81% {
            transform: translateY(28px);
            animation-timing-function: ease-in;
  }
  90% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
  95% {
            transform: translateY(8px);
            animation-timing-function: ease-in;
  }
  100% {
            transform: translateY(0);
            animation-timing-function: ease-out;
  }
}


@keyframes vibrate-1 {
  0% {
            transform: translate(0);
            opacity:1;
  }
  20% {
            transform: translate(-2px, 2px);
  }
  40% {
            transform: translate(-2px, -2px);
  }
  60% {
            transform: translate(2px, 2px);
  }
  80% {
            transform: translate(2px, -2px);
  }
  100% {
            transform: translate(0);
            opacity:1;
  }
}


@keyframes slide-in-bottom {
  0% {
   transform: translateY(1000px);
   opacity:1;
  }
  100% {
      transform: translateY(0);
      opacity:1;
  }
}


@keyframes slide-in-elliptic-top-fwd {
  0% {
            transform: translateY(-600px) rotateX(-30deg) scale(0);
            transform-origin: 50% 100%;
    opacity: 0;
  }
  100% {
            transform: translateY(0) rotateX(0) scale(1);
            transform-origin: 50% 1400px;
    opacity: 1;
  }
}

@keyframes slide-in-bl {
    0% {         transform: translateY(2600px) translateX(-2600px);
    opacity: 0;
  }
  100% {
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}




@keyframes slide-in-br {
  0% {
            transform: translateY(2600px) translateX(2600px);
    opacity: 0;
  }
  100% {
            transform: translateY(0) translateX(0);
    opacity: 1;
  }
}

 

@keyframes flicker-in-1 {
    0% {
        opacity: 1;
    }

    4% {
        opacity: 0;
    }

    8% {
        opacity: 1;
    }

    12% {
        opacity: 0;
    }

    14% {
        opacity: 1;
    }

    16% {
        opacity: 1;
    }

    20% {
        opacity: 0.5;
    }

    22% {
        opacity: 1;
    }

    24% {
        opacity: 0;
    }

    28% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

@keyframes scale-in-center {
  50% {
    transform: scale(1.1);
    opacity: 1;
  }
}

@keyframes opc {
  100% {
    opacity: 1;
  }
}

@keyframes up {
    70% {
        transform: translateY(0%);
    }

    80% {
        transform: translateY(-2%);
    }

    100% {
        transform: translateY(0);
    }
}


@keyframes floatSway {
  0%   { transform: translateY(0) rotate(-2deg); }
  25%  { transform: translateY(-10px) rotate(0deg); }
  75%  { transform: translateY(-10px) rotate(0deg); }
  100% { transform: translateY(0) rotate(-2deg); }
}