@import"https://fonts.googleapis.com/css2?family=M+PLUS+1:wght@100..900&display=swap";/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-content:""}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--color-cst-beige:var(--color-beige);--color-cst-gray:var(--color-gray)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.m-auto{margin:auto}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-3{margin-top:calc(var(--spacing)*3)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-7{margin-top:calc(var(--spacing)*7)}.mt-10{margin-top:calc(var(--spacing)*10)}.mb-3{margin-bottom:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.hidden{display:none}.table{display:table}.h-\[1em\]{height:1em}.items-center{align-items:center}.justify-center{justify-content:center}.gap-5{gap:calc(var(--spacing)*5)}.rounded-lg{border-radius:var(--radius-lg)}.pt-5{padding-top:calc(var(--spacing)*5)}.pt-10{padding-top:calc(var(--spacing)*10)}.pb-10{padding-bottom:calc(var(--spacing)*10)}.pb-15{padding-bottom:calc(var(--spacing)*15)}.pb-17{padding-bottom:calc(var(--spacing)*17)}.pl-5{padding-left:calc(var(--spacing)*5)}.text-left{text-align:left}.-indent-5{text-indent:calc(var(--spacing)*-5)}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.text-cst-beige{color:var(--color-cst-beige)}.text-cst-gray{color:var(--color-cst-gray)}.text-white{color:var(--color-white)}.\!underline{text-decoration-line:underline!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.before\:mr-1:before{content:var(--tw-content);margin-right:calc(var(--spacing)*1)}.before\:content-\[\"※\"\]:before{--tw-content:"※";content:var(--tw-content)}@media(hover:hover){.hover\:\!no-underline:hover{text-decoration-line:none!important}}@media(min-width:40rem){.sm\:pt-15{padding-top:calc(var(--spacing)*15)}.sm\:pb-25{padding-bottom:calc(var(--spacing)*25)}.sm\:text-center{text-align:center}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:48rem){.md\:mt-4{margin-top:calc(var(--spacing)*4)}.md\:mt-6{margin-top:calc(var(--spacing)*6)}.md\:mt-10{margin-top:calc(var(--spacing)*10)}.md\:mt-12{margin-top:calc(var(--spacing)*12)}.md\:mt-15{margin-top:calc(var(--spacing)*15)}.md\:block{display:block}.md\:hidden{display:none}.md\:h-auto{height:auto}.md\:pt-7{padding-top:calc(var(--spacing)*7)}.md\:pb-17{padding-bottom:calc(var(--spacing)*17)}.md\:text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.md\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}@media(min-width:64rem){.lg\:hidden{display:none}.lg\:text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.lg\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-content{syntax:"*";inherits:false;initial-value:""}.text--yellow{color:#d6c726!important}.text--lightGray{color:#d0d0d0!important}.text--gray{color:#a3a3a3!important}.text--blue{color:#2d9ec3!important}.text--sm{font-size:.95em!important}.text--md{font-size:1em!important}.text--lg{font-size:1.15em!important}.text--xl{font-size:1.25em!important}.popup-area,.popup-area .popup__bg,#loader,#cover,#loading{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.popup-area .popup__main,#loader .logo,#loading i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@-webkit-keyframes vertical-anime{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@keyframes vertical-anime{0%{transform:translateY(0)}to{transform:translateY(-3px)}}@-webkit-keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@-webkit-keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}body .ncsoftGnbWrapper{position:absolute!important;left:0;top:0;width:100%}html,body{display:block;width:100%;max-width:100%;min-height:100vh;color:#fff;font-size:16px;text-align:center;line-height:1.6;font-family:"M PLUS 1",sans-serif;touch-action:pan-y;background:#fff}button{border:none;background:none;cursor:pointer}button:disabled{cursor:default}button:focus{outline:none}input{margin:0;padding:0;background:none;border:none;border-radius:0;outline:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}input:focus{outline:none}#footer img{display:inline-block}#root{font-size:12px}@media screen and (min-width:640px){#root{font-size:18px}}#root *{font-family:"M PLUS 1",sans-serif}.inner{position:relative;width:100%;max-width:1180px;margin-left:auto;margin-right:auto;padding-right:1em;padding-left:1em}.logo{position:absolute;top:46px;left:0}.logo a{display:block!important;width:100px;height:76px;background:url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/logo.webp) center/contain no-repeat}@media screen and (min-width:768px){.logo a{width:180px;height:136px}}.popup-area{z-index:99999;opacity:0}.popup-area--active{animation:fadeIn .25s ease-in-out both}@-webkit-keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.popup-area .popup__bg{z-index:0;background:#000c;transition:opacity .15s ease}.popup-area .popup__main{display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:1;width:80%;max-width:500px;min-height:40vw;color:#fff;position:relative;border:2px solid #8e8d8d;background:#1d1f30d9;box-shadow:0 0 15px #205476 inset,0 0 10px #205476 inset;padding:2em;border-image-slice:1}.popup-area .popup__main:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;mix-blend-mode:color-dodge;pointer-events:none}@media screen and (min-width:640px){.popup-area .popup__main{min-height:250px}}.popup-area .popup__btn{position:absolute;top:20px;right:20px;width:32px;height:32px;background:url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/popup_close.webp) center/contain no-repeat;cursor:pointer;text-indent:-999em}#loader{z-index:99999;transition:opacity .25s ease-in-out;background:#000}#loader .logo{width:300px;height:125px}#loader.loader--fade{opacity:0}#cover,#loading{z-index:99999}#loading i{width:calc(var(--vh, 1vh) * 4.1666666667);height:calc(var(--vh, 1vh) * 4.1666666667);margin-top:calc(var(--vh, 1vh) * -2.0833333333);margin-left:calc(var(--vh, 1vh) * -2.0833333333);text-indent:-999em;animation:spin 2s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-area{position:relative;height:109.3333333333vw;text-indent:-999em;background:var(--header-sp) center bottom/cover no-repeat}@media screen and (min-width:640px){.header-area{height:58.0508474576vw;max-height:685px;background:var(--header-pc) center bottom/cover no-repeat}}@media screen and (min-width:1180px){.header-area{height:685px;background-size:auto}}.header-area .inner *:not(.logo){display:none}#root{background:url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/bg_body_1_mb.webp) center 109.3333333333vw/contain no-repeat,url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/bg_body_2_mb.webp) center 200vw/contain repeat-y}@media screen and (min-width:640px){#root{background:none}}@media screen and (min-width:640px){.main-area{background-image:url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/bg_body_3.webp),url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/bg_body_1.webp),url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/bg_body_2.webp);background-position:center bottom,center top,center top 84.7457627119vw;background-repeat:no-repeat,no-repeat,repeat-y;background-size:260%}}@media screen and (min-width:1180px){.main-area{background-position:center bottom,center top,center top 1000px;background-repeat:no-repeat,no-repeat,repeat-y;background-size:auto}}@media screen and (min-width:640px){.footer-area{background:url(https://static.ncsoft.jp/front/event/b25/aion_webpass_s1/bg_body_4.webp) center top no-repeat}}.frame{border:2px solid #8e8d8d;background:#1d1f30d9;box-shadow:0 0 15px #205476 inset,0 0 10px #205476 inset;padding:2em;margin-top:-1.5em}@media screen and (min-width:768px){.frame{padding:3.5em 2em 2em;margin-top:-35px}}#date .frame{margin-top:0}@media screen and (min-width:768px){#date .frame{padding:2em}}.title{font-size:1em}.title img{max-height:3em}@media screen and (min-width:768px){.title img{max-height:none}}.sub-title{font-size:1em}.sub-title img{max-height:2.5em}@media screen and (min-width:768px){.sub-title img{max-height:none}}.date-box{padding:.65em 1em;background:linear-gradient(to right,#18172900,#181729 15%,#181729 85%,#18172900)}.table{width:100%}.table th,.table td{border-right:2px solid #1e2033}.table th:last-child,.table td:last-child{border-right:none}.table thead th{background:var(--bg-mb-th);padding:.75em}@media screen and (min-width:768px){.table thead th{background:var(--bg-th)}}.table tbody th,.table tbody td{background:var(--bg-mb-td);border-top:2px solid #1e2033;padding:1.5em .75em}@media screen and (min-width:768px){.table tbody th,.table tbody td{background:var(--bg-td-even)}}.table tbody tr:nth-child(odd) th,.table tbody tr:nth-child(odd) td{background:var(--bg-mb-td)}@media screen and (min-width:768px){.table tbody tr:nth-child(odd) th,.table tbody tr:nth-child(odd) td{background:var(--bg-td-odd)}}.table--mission thead{display:none}@media screen and (min-width:768px){.table--mission thead{display:table-header-group}}.table--mission tbody tr{display:flex;flex-direction:column}@media screen and (min-width:768px){.table--mission tbody tr{display:table-row}}.table--mission tbody tr .mission__title{background:var(--bg-mb-th);padding:.75em}@media screen and (min-width:768px){.table--mission tbody tr .mission__title{display:table-cell;background:var(--bg-td-even)}}.table--mission tbody tr .mission__item,.table--mission tbody tr .mission__btn{border-top:none;padding:.75em}@media screen and (min-width:768px){.table--mission tbody tr .mission__item,.table--mission tbody tr .mission__btn{border-top:2px solid #1e2033}}.table--mission tbody tr .mission__item .amount,.table--mission tbody tr .mission__btn .amount{margin-bottom:1em;color:var(--color-beige)}@media screen and (min-width:768px){.table--mission tbody tr .mission__item .amount,.table--mission tbody tr .mission__btn .amount{margin-bottom:0}}.table--mission tbody tr .mission__item img,.table--mission tbody tr .mission__btn img{max-height:3em}@media screen and (min-width:768px){.table--mission tbody tr .mission__item img,.table--mission tbody tr .mission__btn img{max-height:none}}.table--mission tbody tr:nth-child(odd) .mission__title{background:var(--bg-mb-th)}@media screen and (min-width:768px){.table--mission tbody tr:nth-child(odd) .mission__title{background:var(--bg-td-odd)}}.table--mission tbody tr+tr{margin-top:1em}@media screen and (min-width:768px){.table--mission tbody tr+tr{margin-top:0}}.table--items .item__name{position:relative}.table--items .item__name:after{content:var(--item-amount);width:100%;display:block}@media screen and (min-width:768px){.table--items .item__name:after{display:none}}.table--items .item__amount{display:none}@media screen and (min-width:768px){.table--items .item__amount{display:table-cell}}.ss-list{width:100%;display:block}@media screen and (min-width:768px){.ss-list{display:flex}}.ss-list .ss{flex:1}.ss-list .ss__title{background:var(--bg-mb-th);padding:.75em}@media screen and (min-width:768px){.ss-list .ss__title{background:var(--bg-th)}}.ss-list .ss__img{background:var(--bg-mb-td);padding:1.5em}@media screen and (min-width:768px){.ss-list .ss__img{background:var(--bg-td-odd)}}.ss-list .ss+.ss{margin-top:1em}@media screen and (min-width:768px){.ss-list .ss+.ss{margin-top:0;border-left:2px solid #1e2033}}.btn{display:inline-block;width:130px;position:relative;border-radius:10px;border:2px solid;padding:.5em;overflow:hidden;transition:filter .3s ease}@media screen and (min-width:768px){.btn{width:155px}}.btn:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:10px;box-shadow:inset 0 0 10px #fff9;mix-blend-mode:overlay}.btn:not([disabled]){background:#0aa7b1;border-color:#06696f;box-shadow:0 0 10px #0cccd4 inset;text-shadow:2px 2px 0 #088e96,1px 2px 0 #088e96,0 2px 0 #088e96,-1px 2px 0 #088e96,-2px 2px 0 #088e96,2px 1px 0 #088e96,1px 1px 0 #088e96,0 1px 0 #088e96,-1px 1px 0 #088e96,-2px 1px 0 #088e96,2px 0 0 #088e96,1px 0 0 #088e96,0 0 0 #088e96,-1px 0 0 #088e96,-2px 0 0 #088e96,2px -1px 0 #088e96,1px -1px 0 #088e96,0 -1px 0 #088e96,-1px -1px 0 #088e96,-2px -1px 0 #088e96,2px -2px 0 #088e96,1px -2px 0 #088e96,0 -2px 0 #088e96,-1px -2px 0 #088e96,-2px -2px 0 #088e96}.btn:not([disabled]):hover{filter:brightness(1.2)}.btn:not([disabled]) .btn-inner:before{content:"";position:absolute;top:0;left:-75%;z-index:2;display:block;width:50%;height:100%;background:linear-gradient(to right,#fff0,#ffffff4d);transform:skew(-25deg);animation:btn-eff 2.5s infinite}.btn:not([disabled]).btn--login{background:#e9c11e;border-color:#b07e11;box-shadow:0 0 10px #f1d728 inset;text-shadow:2px 2px 0 #876808,1px 2px 0 #876808,0 2px 0 #876808,-1px 2px 0 #876808,-2px 2px 0 #876808,2px 1px 0 #876808,1px 1px 0 #876808,0 1px 0 #876808,-1px 1px 0 #876808,-2px 1px 0 #876808,2px 0 0 #876808,1px 0 0 #876808,0 0 0 #876808,-1px 0 0 #876808,-2px 0 0 #876808,2px -1px 0 #876808,1px -1px 0 #876808,0 -1px 0 #876808,-1px -1px 0 #876808,-2px -1px 0 #876808,2px -2px 0 #876808,1px -2px 0 #876808,0 -2px 0 #876808,-1px -2px 0 #876808,-2px -2px 0 #876808}@media screen and (min-width:640px){.btn:not([disabled]).btn--login{width:280px}}.btn[disabled]{color:#8a8a8a;background:#3f3f3f;border-color:#272727;box-shadow:0 0 5px #5f5f5f inset;cursor:not-allowed;text-shadow:2px 2px 0 #393939,1px 2px 0 #393939,0 2px 0 #393939,-1px 2px 0 #393939,-2px 2px 0 #393939,2px 1px 0 #393939,1px 1px 0 #393939,0 1px 0 #393939,-1px 1px 0 #393939,-2px 1px 0 #393939,2px 0 0 #393939,1px 0 0 #393939,0 0 0 #393939,-1px 0 0 #393939,-2px 0 0 #393939,2px -1px 0 #393939,1px -1px 0 #393939,0 -1px 0 #393939,-1px -1px 0 #393939,-2px -1px 0 #393939,2px -2px 0 #393939,1px -2px 0 #393939,0 -2px 0 #393939,-1px -2px 0 #393939,-2px -2px 0 #393939}@-webkit-keyframes btn-eff{50%,to{left:125%}}@keyframes btn-eff{50%,to{left:125%}}:root{--color-red: #ff3a3a;--color-yellow: #ffed28;--color-beige: #e1d295;--color-gray: #c3c3c3;--bg-th: #004b6e;--bg-td-odd: #191939;--bg-td-even: #023147;--bg-mb-th: #10293d;--bg-mb-td: #0f3651}
