/*!
 * @project: pc
 * @update: 2026-2-24 17:38:29
 */
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheMainPre.vue?vue&type=style&index=0&id=179e0a29&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
.main__dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.1);
}
.main__gradient {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30vh;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.main__logo {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/bi.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__logo {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/bi.webp);
    background-size: auto 100%;
}
}
.main__logo {
  position: absolute;
  top: calc(50% + -5.0469270833vh);
  left: calc(50% + -21.2063541667vh);
  width: 42.4127083333vh;
  height: 10.0938541667vh;
  margin-top: -8.7047916667vh;
}
@media screen and (max-height: 768px) {
.main__logo {
    position: absolute;
    top: calc(50% + -38.7604px);
    left: calc(50% + -162.8648px);
    width: 325.7296px;
    height: 77.5208px;
    margin-top: -66.8528px;
}
}
.main__title {
  position: absolute;
  top: calc(50% + -18.5208333333vh);
  left: calc(50% + -60.1927083333vh);
  width: 120.3854166667vh !important;
  height: 37.0416666667vh !important;
  margin-top: -2.778125vh;
}
@media screen and (max-height: 768px) {
.main__title {
    position: absolute;
    top: calc(50% + -142.24px);
    left: calc(50% + -462.28px);
    width: 924.56px !important;
    height: 284.48px !important;
    margin-top: -21.336px;
}
}
.main__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-title-dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-title-dim.webp);
    background-size: auto 100%;
}
}
.main__title--dim {
  position: absolute;
  top: calc(50% + -23.9381770833vh);
  left: calc(50% + -63.9431770833vh);
  width: 127.8863541667vh;
  height: 47.8763541667vh;
  margin-top: -2.778125vh;
}
@media screen and (max-height: 768px) {
.main__title--dim {
    position: absolute;
    top: calc(50% + -183.8452px);
    left: calc(50% + -491.0836px);
    width: 982.1672px;
    height: 367.6904px;
    margin-top: -21.336px;
}
}
.main__title video {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main__title h1 {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.main__line {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/line.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__line {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/line.webp);
    background-size: auto 100%;
}
}
.main__line {
  position: absolute;
  top: calc(50% + -12.08484375vh);
  left: calc(50% + -23.75296875vh);
  width: 47.5059375vh;
  height: 24.1696875vh;
  margin-top: 9.6308333333vh;
}
@media screen and (max-height: 768px) {
.main__line {
    position: absolute;
    top: calc(50% + -92.8116px);
    left: calc(50% + -182.4228px);
    width: 364.8456px;
    height: 185.6232px;
    margin-top: 73.9648px;
}
}
.main__date {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/date.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__date {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/date.webp);
    background-size: auto 100%;
}
}
.main__date {
  position: absolute;
  top: calc(50% + -2.2225vh);
  left: calc(50% + -20.6507291667vh);
  width: 41.3014583333vh;
  height: 4.445vh;
  margin-top: 15.1870833333vh;
}
@media screen and (max-height: 768px) {
.main__date {
    position: absolute;
    top: calc(50% + -17.0688px);
    left: calc(50% + -158.5976px);
    width: 317.1952px;
    height: 34.1376px;
    margin-top: 116.6368px;
}
}
.main__btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.main__btn {
  position: absolute;
  top: calc(50% + -6.6675vh);
  left: calc(50% + -16.2983333333vh);
  width: 32.5966666667vh;
  height: 13.335vh;
  margin-top: 24.8179166667vh;
}
@media screen and (max-height: 768px) {
.main__btn {
    position: absolute;
    top: calc(50% + -51.2064px);
    left: calc(50% + -125.1712px);
    width: 250.3424px;
    height: 102.4128px;
    margin-top: 190.6016px;
}
}
.main__btn {
  cursor: pointer;
}
.main__btn:before, .main__btn:after {
  content: "";
  display: block;
  transition: 0.5s;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/btn.webp);
  background-size: 100% auto;
}
@media screen and (max-height: 768px) {
.main__btn:before, .main__btn:after {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/btn.webp);
    background-size: 100% auto;
}
}
.main__btn:before, .main__btn:after {
  position: absolute;
  top: calc(50% + -6.6675vh);
  left: calc(50% + -16.2983333333vh);
  width: 32.5966666667vh;
  height: 13.335vh;
}
@media screen and (max-height: 768px) {
.main__btn:before, .main__btn:after {
    position: absolute;
    top: calc(50% + -51.2064px);
    left: calc(50% + -125.1712px);
    width: 250.3424px;
    height: 102.4128px;
}
}
.main__btn:before {
  background-position-y: bottom;
  opacity: 1;
}
.main__btn:after {
  background-position-y: 0;
  opacity: 0;
}
.main__btn:hover:after {
  opacity: 1;
}
.main__scroll {
  animation: scroll 2s infinite;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-scroll.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__scroll {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-scroll.webp);
    background-size: auto 100%;
}
}
.main__scroll {
  width: 8.7973958333vh;
  height: 7.5009375vh;
}
@media screen and (max-height: 768px) {
.main__scroll {
    width: 67.564px;
    height: 57.6072px;
}
}
.main__scroll--wrap {
  position: absolute;
  top: calc(50% + -3.75046875vh);
  left: calc(50% + -4.3986979167vh);
  width: 8.7973958333vh;
  height: 7.5009375vh;
  margin-top: 30.559375vh;
}
@media screen and (max-height: 768px) {
.main__scroll--wrap {
    position: absolute;
    top: calc(50% + -28.8036px);
    left: calc(50% + -33.782px);
    width: 67.564px;
    height: 57.6072px;
    margin-top: 234.696px;
}
}
@keyframes scroll {
0%, 100% {
    transform: translateY(0);
    filter: brightness(5);
}
30% {
    filter: brightness(1);
    transform: translateY(6.5104166667vh);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheSection_tjsCoupon.vue?vue&type=style&index=0&id=53403228&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
.tjsCoupon__title {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/title.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__title {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/title.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__title {
  position: absolute;
  top: calc(50% + -5.8340625vh);
  left: calc(50% + -25.8365625vh);
  width: 51.673125vh;
  height: 11.668125vh;
  margin-top: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__title {
    position: absolute;
    top: calc(50% + -44.8056px);
    left: calc(50% + -198.4248px);
    width: 396.8496px;
    height: 89.6112px;
    margin-top: -194.8688px;
}
}
.tjsCoupon__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/dim.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__title--dim {
  position: absolute;
  top: calc(50% + -17.08546875vh);
  left: calc(50% + -48.7097916667vh);
  width: 97.4195833333vh;
  height: 34.1709375vh;
  margin-top: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__title--dim {
    position: absolute;
    top: calc(50% + -131.2164px);
    left: calc(50% + -374.0912px);
    width: 748.1824px;
    height: 262.4328px;
    margin-top: -194.8688px;
}
}
.tjsCoupon__title--fx {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/title-fx.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__title--fx {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/title-fx.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__title--fx {
  position: absolute;
  top: calc(50% + -6.5748958333vh);
  left: calc(50% + -34.44875vh);
  width: 68.8975vh;
  height: 13.1497916667vh;
  margin-top: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__title--fx {
    position: absolute;
    top: calc(50% + -50.4952px);
    left: calc(50% + -264.5664px);
    width: 529.1328px;
    height: 100.9904px;
    margin-top: -194.8688px;
}
}
.tjsCoupon__text {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/text.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/text.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__text {
  position: absolute;
  top: calc(50% + -2.8244270833vh);
  left: calc(50% + -16.4372395833vh);
  width: 32.8744791667vh;
  height: 5.6488541667vh;
  margin-top: -13.9832291667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__text {
    position: absolute;
    top: calc(50% + -21.6916px);
    left: calc(50% + -126.238px);
    width: 252.476px;
    height: 43.3832px;
    margin-top: -107.3912px;
}
}
.tjsCoupon__coupon {
  position: absolute;
  top: calc(50% + -15.5111979167vh);
  left: calc(50% + -34.44875vh);
  width: 68.8975vh;
  height: 31.0223958333vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon {
    position: absolute;
    top: calc(50% + -119.126px);
    left: calc(50% + -264.5664px);
    width: 529.1328px;
    height: 238.252px;
}
}
.tjsCoupon__coupon-item {
  display: flex;
}
.tjsCoupon__coupon-item {
  position: absolute;
  width: 18.5208333333vh;
  height: 11.4829166667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item {
    position: absolute;
    width: 142.24px;
    height: 88.1888px;
}
}
.tjsCoupon__coupon-item[data-coupon="1"] {
  top: 2.9633333333vh;
  left: 4.6302083333vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="1"] {
    top: 22.7584px;
    left: 35.56px;
}
}
.tjsCoupon__coupon-item[data-coupon="1"] .coupon_text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-1.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="1"] .coupon_text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-1.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item[data-coupon="1"] .coupon_text {
  position: absolute;
  top: 11.668125vh;
  left: calc(50% + -7.8713541667vh);
  width: 15.7427083333vh;
  height: 2.5929166667vh;
  top: 11.668125vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="1"] .coupon_text {
    position: absolute;
    top: 89.6112px;
    left: calc(50% + -60.452px);
    width: 120.904px;
    height: 19.9136px;
    top: 89.6112px;
}
}
.tjsCoupon__coupon-item[data-coupon="2"] {
  top: 2.9633333333vh;
  left: 24.2622916667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="2"] {
    top: 22.7584px;
    left: 186.3344px;
}
}
.tjsCoupon__coupon-item[data-coupon="2"] .coupon_text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-2.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="2"] .coupon_text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-2.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item[data-coupon="2"] .coupon_text {
  position: absolute;
  top: 11.668125vh;
  left: calc(50% + -6.8527083333vh);
  width: 13.7054166667vh;
  height: 4.8154166667vh;
  top: 11.668125vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="2"] .coupon_text {
    position: absolute;
    top: 89.6112px;
    left: calc(50% + -52.6288px);
    width: 105.2576px;
    height: 36.9824px;
    top: 89.6112px;
}
}
.tjsCoupon__coupon-item[data-coupon="3"] {
  top: 2.9633333333vh;
  left: 44.45vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="3"] {
    top: 22.7584px;
    left: 341.376px;
}
}
.tjsCoupon__coupon-item[data-coupon="3"] .coupon_text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-3.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="3"] .coupon_text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-3.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item[data-coupon="3"] .coupon_text {
  position: absolute;
  top: 11.668125vh;
  left: calc(50% + -9.1678125vh);
  width: 18.335625vh;
  height: 4.8154166667vh;
  top: 11.668125vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="3"] .coupon_text {
    position: absolute;
    top: 89.6112px;
    left: calc(50% + -70.4088px);
    width: 140.8176px;
    height: 36.9824px;
    top: 89.6112px;
}
}
.tjsCoupon__coupon-item[data-coupon="4"] {
  top: 20.7433333333vh;
  left: 4.6302083333vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="4"] {
    top: 159.3088px;
    left: 35.56px;
}
}
.tjsCoupon__coupon-item[data-coupon="4"] .coupon_text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-4.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="4"] .coupon_text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-4.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item[data-coupon="4"] .coupon_text {
  position: absolute;
  top: 11.668125vh;
  left: calc(50% + -7.1305208333vh);
  width: 14.2610416667vh;
  height: 2.5929166667vh;
  top: 11.668125vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="4"] .coupon_text {
    position: absolute;
    top: 89.6112px;
    left: calc(50% + -54.7624px);
    width: 109.5248px;
    height: 19.9136px;
    top: 89.6112px;
}
}
.tjsCoupon__coupon-item[data-coupon="5"] {
  top: 20.7433333333vh;
  left: 24.2622916667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="5"] {
    top: 159.3088px;
    left: 186.3344px;
}
}
.tjsCoupon__coupon-item[data-coupon="5"] .coupon_text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-5.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="5"] .coupon_text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-5.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item[data-coupon="5"] .coupon_text {
  position: absolute;
  top: 11.668125vh;
  left: calc(50% + -7.1305208333vh);
  width: 14.2610416667vh;
  height: 2.5929166667vh;
  top: 11.668125vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="5"] .coupon_text {
    position: absolute;
    top: 89.6112px;
    left: calc(50% + -54.7624px);
    width: 109.5248px;
    height: 19.9136px;
    top: 89.6112px;
}
}
.tjsCoupon__coupon-item[data-coupon="6"] {
  top: 20.7433333333vh;
  left: 44.45vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="6"] {
    top: 159.3088px;
    left: 341.376px;
}
}
.tjsCoupon__coupon-item[data-coupon="6"] .coupon_text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-6.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="6"] .coupon_text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-text-6.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item[data-coupon="6"] .coupon_text {
  position: absolute;
  top: 11.668125vh;
  left: calc(50% + -4.2597916667vh);
  width: 8.5195833333vh;
  height: 2.5929166667vh;
  top: 11.668125vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item[data-coupon="6"] .coupon_text {
    position: absolute;
    top: 89.6112px;
    left: calc(50% + -32.7152px);
    width: 65.4304px;
    height: 19.9136px;
    top: 89.6112px;
}
}
.tjsCoupon__coupon-item .coupon_obj {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item .coupon_obj {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item .coupon_obj {
  position: absolute;
  top: calc(50% + -5.7414583333vh);
  left: calc(50% + -9.2604166667vh);
  width: 18.5208333333vh;
  height: 11.4829166667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item .coupon_obj {
    position: absolute;
    top: calc(50% + -44.0944px);
    left: calc(50% + -71.12px);
    width: 142.24px;
    height: 88.1888px;
}
}
.tjsCoupon__coupon-item .coupon_fx[data-fx="1"] {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-fx-1.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item .coupon_fx[data-fx="1"] {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-fx-1.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item .coupon_fx[data-fx="1"] {
  position: absolute;
  top: calc(50% + -6.8527083333vh);
  left: calc(50% + -11.8533333333vh);
  width: 23.7066666667vh;
  height: 13.7054166667vh;
  margin-top: 0.1852083333vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item .coupon_fx[data-fx="1"] {
    position: absolute;
    top: calc(50% + -52.6288px);
    left: calc(50% + -91.0336px);
    width: 182.0672px;
    height: 105.2576px;
    margin-top: 1.4224px;
}
}
.tjsCoupon__coupon-item .coupon_fx[data-fx="2"], .tjsCoupon__coupon-item .coupon_fx[data-fx="2-clone"] {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-fx-2.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item .coupon_fx[data-fx="2"], .tjsCoupon__coupon-item .coupon_fx[data-fx="2-clone"] {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/coupon-fx-2.webp);
    background-size: auto 100%;
}
}
.tjsCoupon__coupon-item .coupon_fx[data-fx="2"], .tjsCoupon__coupon-item .coupon_fx[data-fx="2-clone"] {
  position: absolute;
  top: 6.4822916667vh;
  left: calc(50% + -15.7427083333vh);
  width: 31.4854166667vh;
  height: 5.000625vh;
  top: 6.4822916667vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__coupon-item .coupon_fx[data-fx="2"], .tjsCoupon__coupon-item .coupon_fx[data-fx="2-clone"] {
    position: absolute;
    top: 49.784px;
    left: calc(50% + -120.904px);
    width: 241.808px;
    height: 38.4048px;
    top: 49.784px;
}
}
.tjsCoupon__coupon-item .coupon_fx[data-fx="2-clone"] {
  mix-blend-mode: screen;
}
.tjsCoupon__coupon-item .coupon_text {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.tjsCoupon__btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.tjsCoupon__btn {
  position: absolute;
  top: calc(50% + -4.1671875vh);
  left: calc(50% + -10.6494791667vh);
  width: 21.2989583333vh;
  height: 8.334375vh;
  margin-top: 34.0783333333vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__btn {
    position: absolute;
    top: calc(50% + -32.004px);
    left: calc(50% + -81.788px);
    width: 163.576px;
    height: 64.008px;
    margin-top: 261.7216px;
}
}
.tjsCoupon__btn {
  cursor: pointer;
}
.tjsCoupon__btn:before, .tjsCoupon__btn:after {
  content: "";
  display: block;
  transition: 0.5s;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/btn.webp);
  background-size: 100% auto;
}
@media screen and (max-height: 768px) {
.tjsCoupon__btn:before, .tjsCoupon__btn:after {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/tjsCoupon/btn.webp);
    background-size: 100% auto;
}
}
.tjsCoupon__btn:before, .tjsCoupon__btn:after {
  position: absolute;
  top: calc(50% + -4.1671875vh);
  left: calc(50% + -10.6494791667vh);
  width: 21.2989583333vh;
  height: 8.334375vh;
}
@media screen and (max-height: 768px) {
.tjsCoupon__btn:before, .tjsCoupon__btn:after {
    position: absolute;
    top: calc(50% + -32.004px);
    left: calc(50% + -81.788px);
    width: 163.576px;
    height: 64.008px;
}
}
.tjsCoupon__btn:before {
  background-position-y: bottom;
  opacity: 1;
}
.tjsCoupon__btn:after {
  background-position-y: 0;
  opacity: 0;
}
.tjsCoupon__btn:hover:after {
  opacity: 1;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheSection_mlive.vue?vue&type=style&index=0&id=71b6d53e&lang=scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
html.with-fancybox body.hide-scrollbar {
  width: 100% !important;
}
.mlive__title {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/title.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.mlive__title {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/title.webp);
    background-size: auto 100%;
}
}
.mlive__title {
  position: absolute;
  top: calc(50% + -4.8154166667vh);
  left: calc(50% + -22.8732291667vh);
  width: 45.7464583333vh;
  height: 9.6308333333vh;
  margin-top: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.mlive__title {
    position: absolute;
    top: calc(50% + -36.9824px);
    left: calc(50% + -175.6664px);
    width: 351.3328px;
    height: 73.9648px;
    margin-top: -194.8688px;
}
}
.mlive__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/title-dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.mlive__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/title-dim.webp);
    background-size: auto 100%;
}
}
.mlive__title--dim {
  position: absolute;
  top: calc(50% + -17.1317708333vh);
  left: calc(50% + -48.7097916667vh);
  width: 97.4195833333vh;
  height: 34.2635416667vh;
  margin-top: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.mlive__title--dim {
    position: absolute;
    top: calc(50% + -131.572px);
    left: calc(50% + -374.0912px);
    width: 748.1824px;
    height: 263.144px;
    margin-top: -194.8688px;
}
}
.mlive__title--fx {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/title-fx.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.mlive__title--fx {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/title-fx.webp);
    background-size: auto 100%;
}
}
.mlive__title--fx {
  position: absolute;
  top: calc(50% + -7.223125vh);
  left: calc(50% + -33.1522916667vh);
  width: 66.3045833333vh;
  height: 14.44625vh;
  margin-top: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.mlive__title--fx {
    position: absolute;
    top: calc(50% + -55.4736px);
    left: calc(50% + -254.6096px);
    width: 509.2192px;
    height: 110.9472px;
    margin-top: -194.8688px;
}
}
.mlive__subtitle {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  filter: brightness(1);
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/subtitle.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.mlive__subtitle {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/subtitle.webp);
    background-size: auto 100%;
}
}
.mlive__subtitle {
  position: absolute;
  top: calc(50% + -2.778125vh);
  left: calc(50% + -17.1317708333vh);
  width: 34.2635416667vh;
  height: 5.55625vh;
  margin-top: -16.2983333333vh;
}
@media screen and (max-height: 768px) {
.mlive__subtitle {
    position: absolute;
    top: calc(50% + -21.336px);
    left: calc(50% + -131.572px);
    width: 263.144px;
    height: 42.672px;
    margin-top: -125.1712px;
}
}
.mlive__line {
  filter: brightness(1);
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/line.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.mlive__line {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/line.webp);
    background-size: auto 100%;
}
}
.mlive__line {
  position: absolute;
  top: calc(50% + -13.5665104167vh);
  left: calc(50% + -29.1703125vh);
  width: 58.340625vh;
  height: 27.1330208333vh;
  margin-top: -4.1671875vh;
}
@media screen and (max-height: 768px) {
.mlive__line {
    position: absolute;
    top: calc(50% + -104.1908px);
    left: calc(50% + -224.028px);
    width: 448.056px;
    height: 208.3816px;
    margin-top: -32.004px;
}
}
.mlive__movie {
  display: flex;
  filter: brightness(1);
}
.mlive__movie {
  position: absolute;
  top: calc(50% + -20.7433333333vh);
  left: calc(50% + -36.67125vh);
  width: 73.3425vh;
  height: 41.4866666667vh;
  margin-top: 9.6308333333vh;
}
@media screen and (max-height: 768px) {
.mlive__movie {
    position: absolute;
    top: calc(50% + -159.3088px);
    left: calc(50% + -281.6352px);
    width: 563.2704px;
    height: 318.6176px;
    margin-top: 73.9648px;
}
}
.mlive__movie .movie_bnr img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  transition: filter 0.3s ease;
  filter: brightness(80%);
}
.mlive__movie .movie_bnr:hover::after {
  filter: brightness(120%);
}
.mlive__movie .movie_bnr:hover img {
  filter: brightness(100%);
}
.mlive__movie .movie_bnr::after {
  content: "";
  display: block;
  transition: filter 0.3s ease;
  filter: brightness(100%);
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/btn-movie-play.webp);
  background-size: cover;
}
@media screen and (max-height: 768px) {
.mlive__movie .movie_bnr::after {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/mlive/btn-movie-play.webp);
    background-size: cover;
}
}
.mlive__movie .movie_bnr::after {
  position: absolute;
  top: calc(50% + -9.5382291667vh);
  left: calc(50% + -7.5935416667vh);
  width: 15.1870833333vh;
  height: 19.0764583333vh;
}
@media screen and (max-height: 768px) {
.mlive__movie .movie_bnr::after {
    position: absolute;
    top: calc(50% + -73.2536px);
    left: calc(50% + -58.3184px);
    width: 116.6368px;
    height: 146.5072px;
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/index.v0.vue?vue&type=style&index=0&id=2aea5a26&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
:root .fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.9);
}
[data-is-active=true] {
  pointer-events: auto;
}
[data-is-active=false] {
  pointer-events: none;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheMain.vue?vue&type=style&index=0&id=64a4526c&lang=scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
.main__dim {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: rgba(0, 0, 0, 0.1);
}
.main__gradient {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30vh;
  background: linear-gradient(360deg, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0) 100%);
}
.main__logo {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/bi.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__logo {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/bi.webp);
    background-size: auto 100%;
}
}
.main__logo {
  position: absolute;
  top: calc(50% + -5.0469270833vh);
  left: calc(50% + -21.2063541667vh);
  width: 42.4127083333vh;
  height: 10.0938541667vh;
  margin-top: -8.7047916667vh;
}
@media screen and (max-height: 768px) {
.main__logo {
    position: absolute;
    top: calc(50% + -38.7604px);
    left: calc(50% + -162.8648px);
    width: 325.7296px;
    height: 77.5208px;
    margin-top: -66.8528px;
}
}
.main__title {
  position: absolute;
  top: calc(50% + -18.5208333333vh);
  left: calc(50% + -60.1927083333vh);
  width: 120.3854166667vh !important;
  height: 37.0416666667vh !important;
  margin-top: -2.778125vh;
}
@media screen and (max-height: 768px) {
.main__title {
    position: absolute;
    top: calc(50% + -142.24px);
    left: calc(50% + -462.28px);
    width: 924.56px !important;
    height: 284.48px !important;
    margin-top: -21.336px;
}
}
.main__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-title-dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-title-dim.webp);
    background-size: auto 100%;
}
}
.main__title--dim {
  position: absolute;
  top: calc(50% + -23.9381770833vh);
  left: calc(50% + -63.9431770833vh);
  width: 127.8863541667vh;
  height: 47.8763541667vh;
  margin-top: -2.778125vh;
}
@media screen and (max-height: 768px) {
.main__title--dim {
    position: absolute;
    top: calc(50% + -183.8452px);
    left: calc(50% + -491.0836px);
    width: 982.1672px;
    height: 367.6904px;
    margin-top: -21.336px;
}
}
.main__title video {
  width: 100%;
  max-width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.main__title h1 {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.main__line {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/line.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__line {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/line.webp);
    background-size: auto 100%;
}
}
.main__line {
  position: absolute;
  top: calc(50% + -12.08484375vh);
  left: calc(50% + -23.75296875vh);
  width: 47.5059375vh;
  height: 24.1696875vh;
  margin-top: 9.6308333333vh;
}
@media screen and (max-height: 768px) {
.main__line {
    position: absolute;
    top: calc(50% + -92.8116px);
    left: calc(50% + -182.4228px);
    width: 364.8456px;
    height: 185.6232px;
    margin-top: 73.9648px;
}
}
.main__date {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/date.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__date {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/date.webp);
    background-size: auto 100%;
}
}
.main__date {
  position: absolute;
  top: calc(50% + -2.2225vh);
  left: calc(50% + -20.6507291667vh);
  width: 41.3014583333vh;
  height: 4.445vh;
  margin-top: 15.1870833333vh;
}
@media screen and (max-height: 768px) {
.main__date {
    position: absolute;
    top: calc(50% + -17.0688px);
    left: calc(50% + -158.5976px);
    width: 317.1952px;
    height: 34.1376px;
    margin-top: 116.6368px;
}
}
.main__btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.main__btn {
  position: absolute;
  top: calc(50% + -6.6675vh);
  left: calc(50% + -16.2983333333vh);
  width: 32.5966666667vh;
  height: 13.335vh;
  margin-top: 24.8179166667vh;
}
@media screen and (max-height: 768px) {
.main__btn {
    position: absolute;
    top: calc(50% + -51.2064px);
    left: calc(50% + -125.1712px);
    width: 250.3424px;
    height: 102.4128px;
    margin-top: 190.6016px;
}
}
.main__btn {
  cursor: pointer;
}
.main__btn:before, .main__btn:after {
  content: "";
  display: block;
  transition: 0.5s;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/btn.webp);
  background-size: 100% auto;
}
@media screen and (max-height: 768px) {
.main__btn:before, .main__btn:after {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/btn.webp);
    background-size: 100% auto;
}
}
.main__btn:before, .main__btn:after {
  position: absolute;
  top: calc(50% + -6.6675vh);
  left: calc(50% + -16.2983333333vh);
  width: 32.5966666667vh;
  height: 13.335vh;
}
@media screen and (max-height: 768px) {
.main__btn:before, .main__btn:after {
    position: absolute;
    top: calc(50% + -51.2064px);
    left: calc(50% + -125.1712px);
    width: 250.3424px;
    height: 102.4128px;
}
}
.main__btn:before {
  background-position-y: bottom;
  opacity: 1;
}
.main__btn:after {
  background-position-y: 0;
  opacity: 0;
}
.main__btn:hover:after {
  opacity: 1;
}
.main__scroll {
  animation: scroll 2s infinite;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-scroll.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.main__scroll {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/main/main-scroll.webp);
    background-size: auto 100%;
}
}
.main__scroll {
  width: 8.7973958333vh;
  height: 7.5009375vh;
}
@media screen and (max-height: 768px) {
.main__scroll {
    width: 67.564px;
    height: 57.6072px;
}
}
.main__scroll--wrap {
  position: absolute;
  top: calc(50% + -3.75046875vh);
  left: calc(50% + -4.3986979167vh);
  width: 8.7973958333vh;
  height: 7.5009375vh;
  margin-top: 30.559375vh;
}
@media screen and (max-height: 768px) {
.main__scroll--wrap {
    position: absolute;
    top: calc(50% + -28.8036px);
    left: calc(50% + -33.782px);
    width: 67.564px;
    height: 57.6072px;
    margin-top: 234.696px;
}
}
@keyframes scroll {
0%, 100% {
    transform: translateY(0);
    filter: brightness(5);
}
30% {
    filter: brightness(1);
    transform: translateY(6.5104166667vh);
}
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheSection_classCare.vue?vue&type=style&index=0&id=584c2ee4&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
.classCare__sub {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-sub.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__sub {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-sub.webp);
    background-size: auto 100%;
}
}
.classCare__sub {
  position: absolute;
  top: calc(50% + -2.08359375vh);
  left: calc(50% + -16.9002604167vh);
  width: 33.8005208333vh;
  height: 4.1671875vh;
  margin-top: -29.448125vh;
}
@media screen and (max-height: 768px) {
.classCare__sub {
    position: absolute;
    top: calc(50% + -16.002px);
    left: calc(50% + -129.794px);
    width: 259.588px;
    height: 32.004px;
    margin-top: -226.1616px;
}
}
.classCare__title {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-title.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__title {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-title.webp);
    background-size: auto 100%;
}
}
.classCare__title {
  position: absolute;
  top: calc(50% + -6.5748958333vh);
  left: calc(50% + -36.8564583333vh);
  width: 73.7129166667vh;
  height: 13.1497916667vh;
  margin-top: -26.67vh;
}
@media screen and (max-height: 768px) {
.classCare__title {
    position: absolute;
    top: calc(50% + -50.4952px);
    left: calc(50% + -283.0576px);
    width: 566.1152px;
    height: 100.9904px;
    margin-top: -204.8256px;
}
}
.classCare__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-dim.webp);
    background-size: auto 100%;
}
}
.classCare__title--dim {
  position: absolute;
  top: calc(50% + -17.08546875vh);
  left: calc(50% + -48.7097916667vh);
  width: 97.4195833333vh;
  height: 34.1709375vh;
  margin-top: -40.9310416667vh;
}
@media screen and (max-height: 768px) {
.classCare__title--dim {
    position: absolute;
    top: calc(50% + -131.2164px);
    left: calc(50% + -374.0912px);
    width: 748.1824px;
    height: 262.4328px;
    margin-top: -314.3504px;
}
}
.classCare__title--fx {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-title-fx.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__title--fx {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-title-fx.webp);
    background-size: auto 100%;
}
}
.classCare__title--fx {
  position: absolute;
  top: calc(50% + -4.86171875vh);
  left: calc(50% + -25.2809375vh);
  width: 50.561875vh;
  height: 9.7234375vh;
  margin-top: -24.9105208333vh;
}
@media screen and (max-height: 768px) {
.classCare__title--fx {
    position: absolute;
    top: calc(50% + -37.338px);
    left: calc(50% + -194.1576px);
    width: 388.3152px;
    height: 74.676px;
    margin-top: -191.3128px;
}
}
.classCare__con--img {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.classCare__con--img-1 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-1.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--img-1 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-1.webp);
    background-size: auto 100%;
}
}
.classCare__con--img-1 {
  position: absolute;
  top: calc(50% + -8.7973958333vh);
  left: calc(50% + -7.1768229167vh);
  width: 14.3536458333vh;
  height: 17.5947916667vh;
  margin-left: -22.8732291667vh;
}
@media screen and (max-height: 768px) {
.classCare__con--img-1 {
    position: absolute;
    top: calc(50% + -67.564px);
    left: calc(50% + -55.118px);
    width: 110.236px;
    height: 135.128px;
    margin-left: -175.6664px;
}
}
.classCare__con--img-2 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-2.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--img-2 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-2.webp);
    background-size: auto 100%;
}
}
.classCare__con--img-2 {
  position: absolute;
  top: calc(50% + -8.7973958333vh);
  left: calc(50% + -7.1768229167vh);
  width: 14.3536458333vh;
  height: 17.5947916667vh;
}
@media screen and (max-height: 768px) {
.classCare__con--img-2 {
    position: absolute;
    top: calc(50% + -67.564px);
    left: calc(50% + -55.118px);
    width: 110.236px;
    height: 135.128px;
}
}
.classCare__con--img-3 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-3.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--img-3 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-3.webp);
    background-size: auto 100%;
}
}
.classCare__con--img-3 {
  position: absolute;
  top: calc(50% + -8.7973958333vh);
  left: calc(50% + -7.1768229167vh);
  width: 14.3536458333vh;
  height: 17.5947916667vh;
  margin-left: 22.8732291667vh;
}
@media screen and (max-height: 768px) {
.classCare__con--img-3 {
    position: absolute;
    top: calc(50% + -67.564px);
    left: calc(50% + -55.118px);
    width: 110.236px;
    height: 135.128px;
    margin-left: 175.6664px;
}
}
.classCare__con--img-4 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-4.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--img-4 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-4.webp);
    background-size: auto 100%;
}
}
.classCare__con--img-4 {
  position: absolute;
  top: calc(50% + -8.7973958333vh);
  left: calc(50% + -7.1768229167vh);
  width: 14.3536458333vh;
  height: 17.5947916667vh;
  margin-left: -22.8732291667vh;
}
@media screen and (max-height: 768px) {
.classCare__con--img-4 {
    position: absolute;
    top: calc(50% + -67.564px);
    left: calc(50% + -55.118px);
    width: 110.236px;
    height: 135.128px;
    margin-left: -175.6664px;
}
}
.classCare__con--img-5 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-5.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--img-5 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-5.webp);
    background-size: auto 100%;
}
}
.classCare__con--img-5 {
  position: absolute;
  top: calc(50% + -8.7973958333vh);
  left: calc(50% + -7.1768229167vh);
  width: 14.3536458333vh;
  height: 17.5947916667vh;
}
@media screen and (max-height: 768px) {
.classCare__con--img-5 {
    position: absolute;
    top: calc(50% + -67.564px);
    left: calc(50% + -55.118px);
    width: 110.236px;
    height: 135.128px;
}
}
.classCare__con--img-6 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-6.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--img-6 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-skill-6.webp);
    background-size: auto 100%;
}
}
.classCare__con--img-6 {
  position: absolute;
  top: calc(50% + -8.7973958333vh);
  left: calc(50% + -7.1768229167vh);
  width: 14.3536458333vh;
  height: 17.5947916667vh;
  margin-left: 22.8732291667vh;
}
@media screen and (max-height: 768px) {
.classCare__con--img-6 {
    position: absolute;
    top: calc(50% + -67.564px);
    left: calc(50% + -55.118px);
    width: 110.236px;
    height: 135.128px;
    margin-left: 175.6664px;
}
}
.classCare__con--btn {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/layer-btn.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--btn {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/layer-btn.webp);
    background-size: auto 100%;
}
}
.classCare__con--btn {
  position: absolute;
  top: calc(50% + -2.5003125vh);
  left: calc(50% + -2.5003125vh);
  width: 5.000625vh;
  height: 5.000625vh;
  margin-top: -0.3704166667vh;
  margin-left: 2.5003125vh;
}
@media screen and (max-height: 768px) {
.classCare__con--btn {
    position: absolute;
    top: calc(50% + -19.2024px);
    left: calc(50% + -19.2024px);
    width: 38.4048px;
    height: 38.4048px;
    margin-top: -2.8448px;
    margin-left: 19.2024px;
}
}
.classCare__con--btn {
  cursor: pointer;
}
.classCare__con--btn:hover {
  opacity: 0.7;
  transition: 0.5s;
}
.classCare__con--pop {
  position: absolute;
  top: calc(50% + -8.19546875vh);
  left: calc(50% + -17.8726041667vh);
  width: 35.7452083333vh;
  height: 16.3909375vh;
}
@media screen and (max-height: 768px) {
.classCare__con--pop {
    position: absolute;
    top: calc(50% + -62.9412px);
    left: calc(50% + -137.2616px);
    width: 274.5232px;
    height: 125.8824px;
}
}
.classCare__con--pop {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.classCare__con--pop-1 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-1.webp) no-repeat 50% 0;
}
.classCare__con--pop-2 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-2.webp) no-repeat 50% 0;
}
.classCare__con--pop-3 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-3.webp) no-repeat 50% 0;
}
.classCare__con--pop-4 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-4.webp) no-repeat 50% 0;
}
.classCare__con--pop-5 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-5.webp) no-repeat 50% 0;
}
.classCare__con--pop-6 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-6.webp) no-repeat 50% 0;
}
.classCare__con--pop-text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-3-text.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classCare__con--pop-text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-layer-3-text.webp);
    background-size: auto 100%;
}
}
.classCare__con--pop-text {
  position: absolute;
  top: calc(50% + -2.9633333333vh);
  left: calc(50% + -11.3440104167vh);
  width: 22.6880208333vh;
  height: 5.9266666667vh;
  margin-top: -2.9633333333vh;
}
@media screen and (max-height: 768px) {
.classCare__con--pop-text {
    position: absolute;
    top: calc(50% + -22.7584px);
    left: calc(50% + -87.122px);
    width: 174.244px;
    height: 45.5168px;
    margin-top: -22.7584px;
}
}
.classCare__con--pop-text {
  opacity: 0;
  filter: blur(40px);
  transition: 1.2s;
}
.classCare__con--pop-text.on {
  opacity: 1;
  filter: blur(0px);
}
.classCare__btn.more-btn {
  margin-top: 36.9791666667vh;
}
.classCare__btn a,
.classCare__btn button {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheSection_classChange.vue?vue&type=style&index=0&id=ad8c5726&lang=scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
.classChange__sub {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-sub.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__sub {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-sub.webp);
    background-size: auto 100%;
}
}
.classChange__sub {
  position: absolute;
  top: calc(50% + -2.08359375vh);
  left: calc(50% + -16.6224479167vh);
  width: 33.2448958333vh;
  height: 4.1671875vh;
  margin-top: -29.6333333333vh;
}
@media screen and (max-height: 768px) {
.classChange__sub {
    position: absolute;
    top: calc(50% + -16.002px);
    left: calc(50% + -127.6604px);
    width: 255.3208px;
    height: 32.004px;
    margin-top: -227.584px;
}
}
.classChange__title {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-title.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__title {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-title.webp);
    background-size: auto 100%;
}
}
.classChange__title {
  position: absolute;
  top: calc(50% + -5.6488541667vh);
  left: calc(50% + -34.4024479167vh);
  width: 68.8048958333vh;
  height: 11.2977083333vh;
  margin-top: -26.67vh;
}
@media screen and (max-height: 768px) {
.classChange__title {
    position: absolute;
    top: calc(50% + -43.3832px);
    left: calc(50% + -264.2108px);
    width: 528.4216px;
    height: 86.7664px;
    margin-top: -204.8256px;
}
}
.classChange__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-dim.webp);
    background-size: auto 100%;
}
}
.classChange__title--dim {
  position: absolute;
  top: calc(50% + -17.08546875vh);
  left: calc(50% + -48.7097916667vh);
  width: 97.4195833333vh;
  height: 34.1709375vh;
  margin-top: -40.9310416667vh;
}
@media screen and (max-height: 768px) {
.classChange__title--dim {
    position: absolute;
    top: calc(50% + -131.2164px);
    left: calc(50% + -374.0912px);
    width: 748.1824px;
    height: 262.4328px;
    margin-top: -314.3504px;
}
}
.classChange__title--fx {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-title-fx.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__title--fx {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-title-fx.webp);
    background-size: auto 100%;
}
}
.classChange__title--fx {
  position: absolute;
  top: calc(50% + -4.86171875vh);
  left: calc(50% + -25.2809375vh);
  width: 50.561875vh;
  height: 9.7234375vh;
  margin-top: -25.4661458333vh;
}
@media screen and (max-height: 768px) {
.classChange__title--fx {
    position: absolute;
    top: calc(50% + -37.338px);
    left: calc(50% + -194.1576px);
    width: 388.3152px;
    height: 74.676px;
    margin-top: -195.58px;
}
}
.classChange__date {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-date.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__date {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-date.webp);
    background-size: auto 100%;
}
}
.classChange__date {
  position: absolute;
  top: calc(50% + -7.5935416667vh);
  left: calc(50% + -28.7072916667vh);
  width: 57.4145833333vh;
  height: 15.1870833333vh;
  margin-top: -15.9279166667vh;
}
@media screen and (max-height: 768px) {
.classChange__date {
    position: absolute;
    top: calc(50% + -58.3184px);
    left: calc(50% + -220.472px);
    width: 440.944px;
    height: 116.6368px;
    margin-top: -122.3264px;
}
}
.classChange__text {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-text.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-text.webp);
    background-size: auto 100%;
}
}
.classChange__text {
  position: absolute;
  top: calc(50% + -2.5466145833vh);
  left: calc(50% + -28.19796875vh);
  width: 56.3959375vh;
  height: 5.0932291667vh;
  margin-top: -4.5376041667vh;
}
@media screen and (max-height: 768px) {
.classChange__text {
    position: absolute;
    top: calc(50% + -19.558px);
    left: calc(50% + -216.5604px);
    width: 433.1208px;
    height: 39.116px;
    margin-top: -34.8488px;
}
}
.classChange__con {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.classChange__con--1 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-1.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__con--1 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-1.webp);
    background-size: auto 100%;
}
}
.classChange__con--1 {
  position: absolute;
  top: calc(50% + -10.8809895833vh);
  left: calc(50% + -10.8809895833vh);
  width: 21.7619791667vh;
  height: 21.7619791667vh;
  margin-left: -25.3735416667vh;
}
@media screen and (max-height: 768px) {
.classChange__con--1 {
    position: absolute;
    top: calc(50% + -83.566px);
    left: calc(50% + -83.566px);
    width: 167.132px;
    height: 167.132px;
    margin-left: -194.8688px;
}
}
.classChange__con--2 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-2.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__con--2 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-2.webp);
    background-size: auto 100%;
}
}
.classChange__con--2 {
  position: absolute;
  top: calc(50% + -10.8809895833vh);
  left: calc(50% + -10.8809895833vh);
  width: 21.7619791667vh;
  height: 21.7619791667vh;
  margin-left: -8.4269791667vh;
}
@media screen and (max-height: 768px) {
.classChange__con--2 {
    position: absolute;
    top: calc(50% + -83.566px);
    left: calc(50% + -83.566px);
    width: 167.132px;
    height: 167.132px;
    margin-left: -64.7192px;
}
}
.classChange__con--3 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-3.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__con--3 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-3.webp);
    background-size: auto 100%;
}
}
.classChange__con--3 {
  position: absolute;
  top: calc(50% + -10.8809895833vh);
  left: calc(50% + -10.8809895833vh);
  width: 21.7619791667vh;
  height: 21.7619791667vh;
  margin-left: 8.4269791667vh;
}
@media screen and (max-height: 768px) {
.classChange__con--3 {
    position: absolute;
    top: calc(50% + -83.566px);
    left: calc(50% + -83.566px);
    width: 167.132px;
    height: 167.132px;
    margin-left: 64.7192px;
}
}
.classChange__con--4 {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-4.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__con--4 {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-4.webp);
    background-size: auto 100%;
}
}
.classChange__con--4 {
  position: absolute;
  top: calc(50% + -10.8809895833vh);
  left: calc(50% + -10.8809895833vh);
  width: 21.7619791667vh;
  height: 21.7619791667vh;
  margin-left: 25.3735416667vh;
}
@media screen and (max-height: 768px) {
.classChange__con--4 {
    position: absolute;
    top: calc(50% + -83.566px);
    left: calc(50% + -83.566px);
    width: 167.132px;
    height: 167.132px;
    margin-left: 194.8688px;
}
}
.classChange__con--fx {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-fx.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.classChange__con--fx {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classChange/sec3-con-fx.webp);
    background-size: auto 100%;
}
}
.classChange__con--fx {
  position: absolute;
  top: calc(50% + -11.668125vh);
  left: calc(50% + -13.0571875vh);
  width: 26.114375vh;
  height: 23.33625vh;
}
@media screen and (max-height: 768px) {
.classChange__con--fx {
    position: absolute;
    top: calc(50% + -89.6112px);
    left: calc(50% + -100.2792px);
    width: 200.5584px;
    height: 179.2224px;
}
}
.classChange__btn.more-btn {
  margin-top: 36.9791666667vh;
}
.classChange__btn a,
.classChange__btn button {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/TheSection_fieldRenewal.vue?vue&type=style&index=0&id=a8e0406e&lang=scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
.field-renewal__sub {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/sub.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__sub {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/sub.webp);
    background-size: auto 100%;
}
}
.field-renewal__sub {
  position: absolute;
  top: calc(50% + -1.80578125vh);
  left: calc(50% + -14.7240625vh);
  width: 29.448125vh;
  height: 3.6115625vh;
  margin-top: -27.5034375vh;
}
@media screen and (max-height: 768px) {
.field-renewal__sub {
    position: absolute;
    top: calc(50% + -13.8684px);
    left: calc(50% + -113.0808px);
    width: 226.1616px;
    height: 27.7368px;
    margin-top: -211.2264px;
}
}
.field-renewal__title {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/title.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__title {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/title.webp);
    background-size: auto 100%;
}
}
.field-renewal__title {
  position: absolute;
  top: calc(50% + -6.4822916667vh);
  left: calc(50% + -24.86421875vh);
  width: 49.7284375vh;
  height: 12.9645833333vh;
  margin-top: -25.4661458333vh;
}
@media screen and (max-height: 768px) {
.field-renewal__title {
    position: absolute;
    top: calc(50% + -49.784px);
    left: calc(50% + -190.9572px);
    width: 381.9144px;
    height: 99.568px;
    margin-top: -195.58px;
}
}
.field-renewal__title--dim {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/title-dim.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__title--dim {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/title-dim.webp);
    background-size: auto 100%;
}
}
.field-renewal__title--dim {
  position: absolute;
  top: calc(50% + -13.4276041667vh);
  left: calc(50% + -46.53359375vh);
  width: 93.0671875vh;
  height: 26.8552083333vh;
  margin-top: -31.3928125vh;
}
@media screen and (max-height: 768px) {
.field-renewal__title--dim {
    position: absolute;
    top: calc(50% + -103.124px);
    left: calc(50% + -357.378px);
    width: 714.756px;
    height: 206.248px;
    margin-top: -241.0968px;
}
}
.field-renewal__title--fx {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/title-fx.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__title--fx {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/title-fx.webp);
    background-size: auto 100%;
}
}
.field-renewal__title--fx {
  position: absolute;
  top: calc(50% + -7.4546354167vh);
  left: calc(50% + -39.0789583333vh);
  width: 78.1579166667vh;
  height: 14.9092708333vh;
  margin-top: -23.6140625vh;
}
@media screen and (max-height: 768px) {
.field-renewal__title--fx {
    position: absolute;
    top: calc(50% + -57.2516px);
    left: calc(50% + -300.1264px);
    width: 600.2528px;
    height: 114.5032px;
    margin-top: -181.356px;
}
}
.field-renewal__date {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/date.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__date {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/date.webp);
    background-size: auto 100%;
}
}
.field-renewal__date {
  position: absolute;
  top: calc(50% + -7.5935416667vh);
  left: calc(50% + -21.0674479167vh);
  width: 42.1348958333vh;
  height: 15.1870833333vh;
  margin-top: -14.0758333333vh;
}
@media screen and (max-height: 768px) {
.field-renewal__date {
    position: absolute;
    top: calc(50% + -58.3184px);
    left: calc(50% + -161.798px);
    width: 323.596px;
    height: 116.6368px;
    margin-top: -108.1024px;
}
}
.field-renewal__con {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
}
.field-renewal__con {
  position: absolute;
  top: calc(50% + -14.6314583333vh);
  left: calc(50% + -13.890625vh);
  width: 27.78125vh;
  height: 29.2629166667vh;
  margin-top: 4.6302083333vh;
}
@media screen and (max-height: 768px) {
.field-renewal__con {
    position: absolute;
    top: calc(50% + -112.3696px);
    left: calc(50% + -106.68px);
    width: 213.36px;
    height: 224.7392px;
    margin-top: 35.56px;
}
}
.field-renewal__con--1 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/con-1.webp) no-repeat 50% 0;
  margin-left: -26.0416666667vh;
}
.field-renewal__con--2 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/con-2.webp) no-repeat 50% 0;
  z-index: 2;
}
.field-renewal__con--3 {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/con-3.webp) no-repeat 50% 0;
  margin-left: 26.0416666667vh;
}
.field-renewal__con .btn_open-layer {
  transition: filter 0.25s ease;
  filter: drop-shadow(0 0 0.5208333333vh rgba(255, 255, 255, 0.5));
}
.field-renewal__con .btn_open-layer {
  position: absolute;
  top: 23.33625vh;
  left: 8.0565625vh;
  width: 3.7041666667vh;
  height: 3.7041666667vh;
  top: 23.33625vh;
  left: 8.0565625vh;
}
@media screen and (max-height: 768px) {
.field-renewal__con .btn_open-layer {
    position: absolute;
    top: 179.2224px;
    left: 61.8744px;
    width: 28.448px;
    height: 28.448px;
    top: 179.2224px;
    left: 61.8744px;
}
}
.field-renewal__con .btn_open-layer:hover {
  filter: drop-shadow(0 0 0.5208333333vh rgba(255, 255, 0, 0.75)) brightness(1.2);
}
.field-renewal__con .btn_open-layer:hover::before {
  transform: rotate(180deg);
}
.field-renewal__con .btn_open-layer::before {
  content: "";
  display: block;
  transition: transform 0.25s ease;
  transform: rotate(0deg);
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/ico_plus-red.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__con .btn_open-layer::before {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/ico_plus-red.webp);
    background-size: auto 100%;
}
}
.field-renewal__con .btn_open-layer::before {
  position: absolute;
  width: 2.5929166667vh;
  height: 2.5929166667vh;
  top: 0.555625vh;
  right: 0.555625vh;
}
@media screen and (max-height: 768px) {
.field-renewal__con .btn_open-layer::before {
    position: absolute;
    width: 19.9136px;
    height: 19.9136px;
    top: 4.2672px;
    right: 4.2672px;
}
}
.field-renewal__text {
  background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/text.webp);
  background-size: auto 100%;
}
@media screen and (max-height: 768px) {
.field-renewal__text {
    background-image: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/fieldRenewal/text.webp);
    background-size: auto 100%;
}
}
.field-renewal__text {
  position: absolute;
  top: calc(50% + -1.2964583333vh);
  left: calc(50% + -17.91890625vh);
  width: 35.8378125vh;
  height: 2.5929166667vh;
  margin-top: 14.2610416667vh;
}
@media screen and (max-height: 768px) {
.field-renewal__text {
    position: absolute;
    top: calc(50% + -9.9568px);
    left: calc(50% + -137.6172px);
    width: 275.2344px;
    height: 19.9136px;
    margin-top: 109.5248px;
}
}
.field-renewal__line.common-line {
  position: absolute;
  top: calc(50% + -14.2147395833vh);
  left: calc(50% + -33.47640625vh);
  width: 66.9528125vh;
  height: 28.4294791667vh;
  margin-top: -15.4648958333vh;
}
@media screen and (max-height: 768px) {
.field-renewal__line.common-line {
    position: absolute;
    top: calc(50% + -109.1692px);
    left: calc(50% + -257.0988px);
    width: 514.1976px;
    height: 218.3384px;
    margin-top: -118.7704px;
}
}
.field-renewal__btn.more-btn {
  margin-top: 36.328125vh;
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../node_modules/css-loader/dist/cjs.js??clonedRuleSet-22.use[1]!../node_modules/vue-loader/dist/stylePostLoader.js!../node_modules/postcss-loader/dist/cjs.js??clonedRuleSet-22.use[2]!../node_modules/sass-loader/dist/cjs.js??clonedRuleSet-22.use[3]!../node_modules/vue-loader/dist/index.js??ruleSet[0].use[0]!./src/components/index.v1.vue?vue&type=style&index=0&id=2af871a7&lang=scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
/* prettier-ignore */
/* prettier-ignore */
/* prettier-ignore */
.kit-page-menu {
  width: 190px;
  left: -52px;
  top: 50%;
  margin-bottom: 12px;
  margin-left: 4px;
  margin-top: 30px;
  opacity: 0;
  transition: 1s linear;
}
.kit-page-menu.on {
  opacity: 1;
  left: 56px;
}
.kit-page-menu:before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 349px;
  height: 775px;
  margin-top: -388px;
  margin-left: -175px;
  content: "";
  display: block;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-bg.webp) no-repeat 50% 0;
}
.kit-page-menu__ul {
  position: relative;
  z-index: 0;
}
.kit-page-menu__ul:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-line.webp) no-repeat 50% 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 15px;
  height: 654px;
  margin-top: -327px;
  margin-left: -8px;
  content: "";
  display: block;
  margin-top: -291px;
  margin-left: -127px;
}
.kit-page-menu__item--group-list {
  margin-bottom: 7px;
}
.kit-page-menu__item {
  position: relative;
  height: 30px;
}
.kit-page-menu__item a {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  overflow: visible;
}
.kit-page-menu__item--group-item {
  margin-bottom: -3px;
}
.kit-page-menu__item:before, .kit-page-menu__item:after {
  content: "";
  position: absolute;
  top: 0;
  left: 5px;
  display: block;
  width: 100%;
  height: 100%;
  opacity: 1;
}
.kit-page-menu__item:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-off.webp) no-repeat 0 0;
  transition: 0.5s;
}
.kit-page-menu__item:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-on.webp) no-repeat 0 0;
  filter: blur(50px);
  transition: 1s;
}
.kit-page-menu__item--active:after {
  transform: scaleX(1);
  filter: blur(0);
}
.kit-page-menu__item[data-section="#main"]:before, .kit-page-menu__item[data-section="#main"]:after {
  background-position-y: 10px;
}
.kit-page-menu__item[data-section="#classCare"]:before, .kit-page-menu__item[data-section="#classCare"]:after {
  background-position-y: -28px;
}
.kit-page-menu__item[data-section="#classChange"]:before, .kit-page-menu__item[data-section="#classChange"]:after {
  background-position-y: -64px;
}
.kit-page-menu__item[data-section="#dominionStones"]:before, .kit-page-menu__item[data-section="#dominionStones"]:after {
  background-position-y: -158px;
}
.kit-page-menu__item[data-section="#amuletImprovement"]:before, .kit-page-menu__item[data-section="#amuletImprovement"]:after {
  background-position-y: -183px;
}
.kit-page-menu__item[data-section="#contentUpdate"]:before, .kit-page-menu__item[data-section="#contentUpdate"]:after {
  background-position-y: -219px;
}
.kit-page-menu__item[data-section="#dropCompetitionEvent"]:before, .kit-page-menu__item[data-section="#dropCompetitionEvent"]:after {
  background-position-y: -255px;
}
.kit-page-menu__item[data-section="#otherUpdate"]:before, .kit-page-menu__item[data-section="#otherUpdate"]:after {
  background-position-y: -291px;
}
.kit-page-menu__item[data-section="#tjsCoupon"]:before, .kit-page-menu__item[data-section="#tjsCoupon"]:after {
  background-position-y: -327px;
}
.kit-page-menu__item[data-section="#updateCelebrationGift"]:before, .kit-page-menu__item[data-section="#updateCelebrationGift"]:after {
  background-position-y: -363px;
}
.kit-page-menu__item[data-section="#updateCelebrationEvent"]:before, .kit-page-menu__item[data-section="#updateCelebrationEvent"]:after {
  background-position-y: -399px;
}
.kit-page-menu__item[data-section="#mlive"]:before, .kit-page-menu__item[data-section="#mlive"]:after {
  background-position-y: -435px;
}
.kit-page-menu__item--group[data-section="#field-renewal"]:before, .kit-page-menu__item--group[data-section="#field-renewal"]:after {
  background-position-y: -100px;
}
.kit-page-menu__item--group-item[data-section="#field-renewal"]:before, .kit-page-menu__item--group-item[data-section="#field-renewal"]:after {
  background-position-y: -133px;
}
.kit-page-menu__item.--beforeMlive[data-section="#classCare"] ~ .kit-page-menu__item, .kit-page-menu__item--group-0 {
  pointer-events: none;
}
.kit-page-menu__item[data-section="#classCare"].--beforeMlive {
  padding-top: 0.1px;
  margin-top: 45px;
}
.kit-page-menu__active {
  display: block;
  position: absolute;
  left: -89px;
  width: 70px;
  height: 93px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-em.webp) no-repeat 50% 0;
  z-index: unset;
}
.kit-page-menu__active:before {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-1.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -76px;
  left: -89px;
  width: 183px;
  height: 175px;
  z-index: -1;
}
.kit-page-menu__active:after {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-fx-2.webp) no-repeat 50% 0;
  content: "";
  display: block;
  position: absolute;
  top: -1px;
  left: -69px;
  width: 154px;
  height: 90px;
  z-index: -1;
}
.kit-page-menu__active--0 {
  top: -31px;
  left: -62px;
}
.kit-page-menu__active--1 {
  top: -5px;
  left: -62px;
}
.kit-page-menu__active--2 {
  top: 26px;
  left: -62px;
}
.kit-page-menu__active--3 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--4 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--5 {
  top: 76px;
  left: -62px;
}
.kit-page-menu__active--6 {
  top: 202px;
  left: -62px;
}
.kit-page-menu__active--7 {
  top: 239px;
  left: -62px;
}
.kit-page-menu__active--8 {
  top: 276px;
  left: -62px;
}
.kit-page-menu__active--9 {
  top: 313px;
  left: -62px;
}
.kit-page-menu__active--10 {
  top: 350px;
  left: -62px;
}
.kit-page-menu__active--11 {
  top: 387px;
  left: -62px;
}
.kit-page-menu__active--12 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active--13 {
  top: 424px;
  left: -62px;
}
.kit-page-menu__active.active-ani {
  transition: 1s;
}
.kit-page-menu__active.active-ani:before {
  animation: 0.5s opacity 0.5s;
}
.kit-page-menu__active.active-ani:after {
  animation: 0.5s opacity 0.7s;
}
@keyframes opacity {
0% {
    opacity: 0;
    filter: brightness(1);
}
50% {
    filter: brightness(5);
}
100% {
    opacity: 1;
    filter: brightness(1);
}
}
@keyframes opacity2 {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}
.kit-page-menu .nav_comingSoon {
  display: flex;
  width: 210px;
  height: 24px;
  margin-top: -28px;
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-comingsoon.webp) no-repeat 0 0;
}
body {
  margin: 0;
  padding: 0;
  font-size: 11px;
  line-height: 1;
}
button {
  outline: 0;
  background: none;
  border: 0;
  cursor: pointer;
}
img {
  border: 0;
}
ul,
ol {
  list-style: none;
}
table {
  border-spacing: 0;
}
caption {
  height: 0;
  overflow: hidden;
  font-size: 0;
}
a {
  color: #fff;
}
a:hover {
  color: #ddd;
}
.kit-copyright--kr:before {
  content: "※ 確率型アイテム含む";
  position: absolute;
  top: 12px;
  display: block;
  width: 100%;
  height: 25px;
  text-indent: 1px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  opacity: 0.3;
}
.more-btn {
  text-align: left;
  text-indent: -9999em;
  white-space: nowrap;
  overflow: hidden;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  cursor: pointer;
}
.more-btn:before, .more-btn:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 230px;
  height: 84px;
  margin-top: -42px;
  margin-left: -115px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/classCare/sec2-btn.webp) no-repeat 50% 0;
  content: "";
  display: block;
  transition: 0.5s;
}
.more-btn:before {
  background-position-y: -112px;
  opacity: 1;
}
.more-btn:after {
  background-position-y: -6px;
  opacity: 0;
}
.more-btn:hover:after {
  opacity: 1;
}
.common-line {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line.webp) no-repeat 50% 0;
}
.common-vertical {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 39px;
  height: 80px;
  margin-top: -40px;
  margin-left: -20px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/line-vertical.webp) no-repeat 50% 0;
}
.note-light {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 455px;
  height: 164px;
  margin-top: -82px;
  margin-left: -228px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/note-light.webp) no-repeat 50% 0;
}
.kit-slide__button--default {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-arrow.webp) no-repeat 50% 0;
  width: 64px;
  height: 92px;
  background-size: cover;
  opacity: 0.5;
  transition: 0.5s;
}
.kit-slide__button--prev {
  left: -117px !important;
  margin-top: -17px;
}
.kit-slide__button--next {
  right: -117px !important;
  margin-top: -17px;
}
.kit-slide__pagination {
  bottom: -9px;
}
.kit-slide__pagination-bullet {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-off.webp) no-repeat 50% 0;
  width: 35px;
  height: 35px;
  margin: 0 -2px;
  background-size: cover;
}
.kit-slide__pagination-bullet--active {
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/slide-bullet-on.webp) no-repeat 50% 0;
  width: 35px !important;
  height: 35px;
  background-size: cover;
}
.kit__copyright {
  font-size: 12px;
  color: #fff;
  text-align: center;
  margin-top: 20px;
  position: absolute;
  left: 50%;
  bottom: 20px;
  transform: translateX(-50%);
  opacity: 0.5;
}
#container::before {
  content: "";
  display: block;
  z-index: 5;
  position: absolute;
  top: 50%;
  left: 0;
  width: 550px;
  height: 1080px;
  margin-top: -540px;
  background: url(https://static.ncsoft.jp/lineageM/event/risingstorm/pc.c7ba271/img/common/nav-dim.webp) no-repeat 50% 0;
  pointer-events: none;
}
.image-guide {
  background-size: auto 100%;
  background-position: 50%;
}
@media screen and (max-height: 768px) {
.image-guide {
    background-size: auto 100%;
    background-position: 50%;
}
}
.image-guide {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0vh;
  left: 0vh;
}
@media screen and (max-height: 768px) {
.image-guide {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
}
}
:root .fancybox__container {
  --fancybox-bg: rgba(0, 0, 0, 0.9);
}
[data-is-active=true] {
  pointer-events: auto;
}
[data-is-active=false] {
  pointer-events: none;
}