@keyframes txtScroll{0%{translate:0% 0%}100%{translate:-50% 0%}}@keyframes txtScrollFooter{0%{translate:0% -100%}100%{translate:50% -100%}}.popIn{transition:scale 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.3)}.popIn:not(.isPlay){scale:0}main{background-image:none;margin:50px 0 0 0;padding:0;animation:none}@media screen and (min-width: 769px){main{padding:50px 0 0 0}}#particles-js{display:none}#bgParticle{position:fixed;z-index:-1;top:0;left:0}#footerInner{background:rgba(0,0,0,0.8)}body{background:#fff8ae}body:before{pointer-events:none;background:url(../images/bg_dots.png) repeat-x bottom left/auto 100%;opacity:0.8}body .sp{display:none}@media screen and (max-width: 480px){body .sp{display:block}}body .pc{display:block}@media screen and (max-width: 896px){body .pc{display:none}}main{position:relative;z-index:0;overflow:hidden;width:100%}main:before{content:" " "HAPPY BIRTHDAY" " " "HAPPY BIRTHDAY" " " "HAPPY BIRTHDAY" " " "HAPPY BIRTHDAY";position:absolute;z-index:-1;top:0;left:0;width:fit-content;font-family:"Doto", sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"ROND" 0;font-size:calc(200/750*100vw);line-height:0.7;color:#FFF;word-break:keep-all;white-space:preserve nowrap;animation:txtScroll 30s 0s linear infinite;translate:0% 0%}@media screen and (min-width: 769px){main:before{font-size:min(calc(200/1300*100vw),200px)}}#container{font-family:"M PLUS 1p", sans-serif;font-style:normal;color:#232323;text-align:center;width:100%;position:relative;z-index:3}#container h1{margin:3% auto 0;padding:0;background:none;display:flex;justify-content:center;align-items:center}@media screen and (max-width: 600px){#container h1{margin:0 auto 0;flex-wrap:wrap;padding:5% 2% 0}}#container h1 span{display:block}#container h1 span img{width:100%;height:auto}#container h1 span.txt_hb_logo{width:16%;max-width:310px;margin:0 3% 0 0}@media screen and (max-width: 600px){#container h1 span.txt_hb_logo{width:100%;max-width:100%;margin:0 auto 30px auto}#container h1 span.txt_hb_logo img{width:40%}}#container h1 span.txt_hb{width:62%;max-width:835px}@media screen and (max-width: 600px){#container h1 span.txt_hb{width:90%}}#container #birthdayListCol{position:relative;z-index:1;width:100%;max-width:1000px;padding:50px 0 0;margin-inline:auto;translate:0 0 1px}@media screen and (max-width: 480px){#container #birthdayListCol{padding:3% 0 0}}@media screen and (max-width: 1250px){#container #birthdayListCol{width:90%}}#container #birthdayListCol hr{background:#232323;width:100%;height:1px;margin-block:20px;border:none}#container #birthdayListCol .birthdayBnrList{display:grid;gap:20px}#container #birthdayListCol .birthdayBnrList li a{display:inline-block}#container #birthdayListCol .birthdayBnrList li a img{width:100%;max-width:1000px;height:auto;transition:0.5s}#container #birthdayListCol .birthdayBnrList li a img:hover{transition:0.5s;filter:alpha(opacity=70) !important;opacity:0.7 !important}#container #backCol{position:relative;z-index:0;width:100%;margin-block-start:21vw;padding-block:10vw}#container #backCol:before{content:"";position:absolute;top:0;left:0;z-index:-1;background:url(../images/bg_ptn_stripe.png) repeat top left/25px auto,#ffd16d;width:100%;height:100%}#container #backCol:after{content:" " "SWORD ART ONLINE" " " "SWORD ART ONLINE" " " "SWORD ART ONLINE" " " "SWORD ART ONLINE";position:absolute;z-index:-2;top:0;right:0;width:fit-content;font-family:"Doto", sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"ROND" 0;font-size:calc(200/750*100vw);line-height:0.65;color:#ffd16d;word-break:keep-all;white-space:preserve nowrap;animation:txtScrollFooter 30s 0s linear infinite;translate:0% -100%}@media screen and (min-width: 769px){#container #backCol{margin-block-start:min(calc(100/1300*100vw),100px);padding-block:min(calc(60/1300*100vw),60px)}#container #backCol:before{background-size:50px auto}#container #backCol:after{font-size:min(calc(200/1300*100vw),200px)}}#container ul.btnList{width:84%;max-width:100%;padding:0;margin:0 auto}@media screen and (min-width: 769px){#container ul.btnList{width:40%;max-width:520px}}#container ul.btnList li a{position:relative;z-index:0;overflow:hidden;box-sizing:border-box;display:block;background:#eb304f;clip-path:polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));width:100%;padding:1.4em 0;color:#fff;font-size:3.7vw;font-size:800;letter-spacing:0;line-height:1;rotate:0.03deg}#container ul.btnList li a:before{content:"";position:absolute;z-index:1;top:0;left:0;display:block;background:#FFF;width:100%;height:100%;clip-path:polygon(0 0, 100% 0, 50% 100%);opacity:0.1;mix-blend-mode:screen}#container ul.btnList li a:after{display:none}@media (any-hover: hover){#container ul.btnList li a{transition:background-color 0.5s}#container ul.btnList li a:hover{background-color:#c71230;filter:none;opacity:1}}#container ul.btnList li a span{font-size:0.8em}@media screen and (min-width: 769px){#container ul.btnList li a{font-size:min(1.6vw, 22px)}}