.sns_buttons{position:fixed;z-index:60;display:flex;height:44px;flex-direction:column;gap:.25rem;overflow:hidden;border-radius:.5rem;padding-bottom:.25rem;text-indent:-9999px;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,1,1);animation-timing-function:cubic-bezier(.4,0,1,1)}@media (min-width:768px){.sns_buttons{border-radius:.75rem}}.sns_buttons{transition-duration:.4s}.sns_buttons.--open{height:auto;background-color:var(--sns-button-bg,rgba(255,255,255,.2))}.sns_buttons.--open .sns_button{pointer-events:auto;--tw-translate-y:0px;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));opacity:1}.sns_buttons.--open .sns_button.--menu{background-position:-50px}.sns_button{pointer-events:none;display:block;height:40px;width:40px;flex-shrink:0;background-size:500px 40px;opacity:0;transition:opacity .4s ease,transform .4s ease;transform:translateY(-48px);background-image:url(https://st.ncjapan.co.jp/ncjapan/ncsoft/aion2/official/teaser/phase1_Q9Dy6kpdkWTtrnWW/images/sns_v2.webp)}.sns_button.--steam{background-position-x:-100px}.sns_button.--instagram{background-position-x:-150px}.sns_button.--x{background-position-x:-200px}.sns_button.--youtube{background-position-x:-250px}.sns_button.--line{background-position-x:-300px}.sns_button.--discord{background-position-x:-350px}.sns_button.--tiktok{background-position-x:-400px}.sns_button.--menu{pointer-events:auto;transform:none;opacity:1;background-position-x:0}@media only screen and (min-width:640px){.sns_buttons:not(.--type2){flex-direction:row}.sns_buttons:not(.--type2),.sns_buttons:not(.--type2) .sns_button{pointer-events:auto;transform:none;opacity:1}.sns_buttons:not(.--type2) .sns_button.--menu{display:none}}@media only screen and (max-width:767.98px){.sns_buttons.--type2{width:2rem}.sns_buttons.--type2.--open{border-radius:9999px;background-color:rgb(0 0 0/.8)}.sns_buttons.--type2.--open .sns_button.--menu{border-style:none;background-position-x:-40px}.sns_buttons.--type2 .sns_button{height:2rem;width:2rem;background-size:400px 32px}.sns_buttons.--type2 .sns_button.--menu{height:2rem;width:2rem;border-radius:9999px;border-width:1px;border-color:rgb(255 255 255/.2);background-position-x:-1px}.sns_buttons.--type2 .sns_button.--steam{background-position-x:-80px}.sns_buttons.--type2 .sns_button.--instagram{background-position-x:-119px}.sns_buttons.--type2 .sns_button.--x{background-position-x:-160px}.sns_buttons.--type2 .sns_button.--youtube{background-position-x:-200px}.sns_buttons.--type2 .sns_button.--line{background-position-x:-239px}.sns_buttons.--type2 .sns_button.--discord{background-position-x:-280px}.sns_buttons.--type2 .sns_button.--tiktok{background-position-x:-319px}}@media only screen and (min-width:768px){.sns_buttons.--type2{flex-direction:row}.sns_buttons.--type2,.sns_buttons.--type2 .sns_button{pointer-events:auto;transform:none;opacity:1}.sns_buttons.--type2 .sns_button.--menu{display:none}}