@keyframes txtScroll{0%{translate:0% 0%}100%{translate:-50% 0%}}@keyframes txtScrollFooter{0%{translate:0% -100%}100%{translate:50% -100%}}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}#footerInner{background:rgba(0,0,0,0.8)}body{word-break:break-all;background:#ceb2f5}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: 769px){body .sp{display:block}body .pc{display:none}}.popIn{transition:scale 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.3)}.popIn:not(.isPlay){scale:0}main{position:relative;z-index:0;overflow:hidden;width:100%}main:before{display:block;content:"HAPPY BIRTHDAY";position:absolute;z-index:-1;top:0;left:0;right:0;text-align:center;font-family:"Doto", sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"ROND" 0;font-size:calc(85/750*100vw);line-height:0.7;color:#FFF;word-break:keep-all;white-space:preserve nowrap}@media screen and (min-width: 769px){main:before{font-size:min(calc(150/1300*100vw),200px)}}#container{font-family:"M PLUS 1p", sans-serif;font-weight:700;font-style:normal;font-size:calc(30/750*100vw);line-height:1.3;color:#232323;text-align:center;width:100%}@media screen and (min-width: 769px){#container{font-size:min(calc(24/1300*100vw),24px)}}#container a.btnDetail{position:relative;z-index:0;overflow:hidden;box-sizing:border-box;display:block;background:#3243be;border-radius:4px;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 a.btnDetail: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 a.btnDetail:after{display:none}@media (any-hover: hover){#container a.btnDetail{transition:background-color 0.5s}#container a.btnDetail:hover{background-color:#7c30c4;filter:none;opacity:1}}#container a.btnDetail span{font-size:0.8em}@media screen and (min-width: 769px){#container a.btnDetail{font-size:min(1.6vw, 22px)}}#container a:focus-visible{outline:2px solid #7c30c4;outline-offset:2px}#container ul.btnList{width:100%}#container ul.btnList li{width:100%}#container ul.btnList li:not(:last-of-type){padding-bottom:20px}#container #titCol{position:relative;z-index:1;width:100%;max-width:1200px;margin-inline:auto}@media screen and (min-width: 769px){#container #titCol{width:92%;margin-inline:auto}}#container #titCol .logoBirthday{position:absolute;top:3vw;left:3vw;width:calc(150/750*100vw)}@media screen and (min-width: 769px){#container #titCol .logoBirthday{right:auto;top:3%;left:min(calc(30/1300*100vw),30px);width:min(calc(120/1300*100vw),120px)}}#container #titCol #titColInner{display:grid;gap:8vw;width:90%;margin-inline:auto;padding-block-start:65vw}@media screen and (min-width: 769px){#container #titCol #titColInner{display:flex;flex-flow:column;align-items:center;justify-content:center;gap:min(calc(45/1300*100vw),45px);width:min(calc(600/1300*100vw),600px);height:min(calc(650/1300*100vw),700px);margin-inline:auto 0;padding-block-start:0}}#container #titCol #titColInner h1{margin:0 auto;padding:0;transition:scale 0.5s 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.3)}#container #titCol #titColInner h1:not(.isPlay){scale:0}#container #titCol #titColInner h1 img{display:block;width:100%}#container #titCol #titColInner .btnProfile{filter:drop-shadow(0px 0px 10px rgba(33,40,91,0.8));transition:rotate 0.8s 1s cubic-bezier(0.175, 0.885, 0.32, 1.3)}#container #titCol #titColInner .btnProfile:not(.isPlay){rotate:y 270deg}@media screen and (max-width: 768px){#container #titCol #titColInner h1{width:55%}}@media screen and (min-width: 769px){#container #titCol #titColInner h1{width:86%}#container #titCol #titColInner .btnProfile{width:75%}}#container .ill{pointer-events:none;position:absolute;z-index:-1;top:0;left:50%;width:calc(1500/750*100vw);translate:-50% 0;transition:scale 0.5s 0s cubic-bezier(0.175, 0.885, 0.32, 1.3)}@media screen and (min-width: 769px){#container .ill{left:calc(50% - min(calc(300/1300*100vw), 300px));width:min(calc(1374/1300*100vw),1374px)}}#container .ill:not(.isPlay){scale:0}#container #contentCol{position:relative;z-index:0;background:#fff;clip-path:polygon(0 30vw, 100% 0, 100% 100%, 0 100%);padding:40vw 0 0 0;margin:-20vw 0 0 0}@media screen and (min-width: 769px){#container #contentCol{clip-path:polygon(0 min(calc(100/1300*100vw),100px), 100% 0, 100% 100%, 0 100%);padding:min(calc(100/1300*100vw),100px) 0 0 0;margin:0}}#container section{padding:0}#container #novelCol{position:relative;z-index:2;width:84%;padding-bottom:4vw}@media screen and (min-width: 769px){#container #novelCol{margin:0 auto}}#container #novelCol h2{display:grid;gap:0.5em;font-size:6.4vw;font-weight:900;line-height:1;letter-spacing:0.2em;color:#593daa;text-align:center}#container #novelCol h2:after{content:attr(data-en);font-family:"Doto", sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"ROND" 0;font-size:0.4em;letter-spacing:0.1em;color:#4c3764;text-transform:uppercase}@media screen and (min-width: 769px){#container #novelCol h2{gap:min(calc(20/1300*100vw),20px);font-size:min(calc(40/1300*100vw),40px)}}#container #novelCol p{font-weight:800;rotate:z 0.03deg}@media screen and (max-width: 768px){#container #novelCol p{margin:3% auto 0}}#container #novelCol .novelBox{position:relative;z-index:2;width:80%;margin:3% auto 6%;padding:20px;background:#fff;transform:rotate(0.03deg);text-align:left;font-size:calc(24/750*100vw);font-weight:normal}@media screen and (min-width: 769px){#container #novelCol .novelBox{padding:40px;font-size:min(calc(28/1300*100vw),18px)}}#container #novelCol .novelBox img{margin:0 auto;width:100%}#container #presentCol{position:relative;z-index:0;margin-block-start:21vw;padding-block:10vw;width:100%;max-width:100%}#container #presentCol:before{content:"";position:absolute;top:0;left:0;z-index:-1;background:url(../images/bg_ptn_stripe.png) repeat top left/25px auto,#e5d7fb;width:100%;height:100%}#container #presentCol:after{content:" " "ZELISKA" " " "ZELISKA" " " "ZELISKA" " " "ZELISKA";position:absolute;z-index:-1;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(85/750*100vw);line-height:0.65;color:#e5d7fb;word-break:keep-all;white-space:preserve nowrap;translate:50% -100%}@media screen and (min-width: 769px){#container #presentCol{margin-block-start:min(calc(100/1300*100vw),100px);padding-block:min(calc(60/1300*100vw),60px)}#container #presentCol:before{background-size:50px auto}#container #presentCol:after{font-size:min(calc(150/1300*100vw),200px)}}#container #presentCol h2{display:grid;gap:0.5em;font-size:6.4vw;font-weight:900;line-height:1;letter-spacing:0.2em;color:#593daa;text-align:center}#container #presentCol h2:after{content:attr(data-en);font-family:"Doto", sans-serif;font-optical-sizing:auto;font-weight:800;font-style:normal;font-variation-settings:"ROND" 0;font-size:0.4em;letter-spacing:0.1em;color:#4c3764;text-transform:uppercase}@media screen and (min-width: 769px){#container #presentCol h2{gap:min(calc(20/1300*100vw),20px);font-size:min(calc(40/1300*100vw),40px)}}#container #presentCol .presentBox{position:relative;z-index:2;width:80%;margin:3% auto 6%;padding:20px;background:#fff;transform:rotate(0.03deg)}@media screen and (min-width: 769px){#container #presentCol .presentBox{padding:40px;font-size:min(calc(28/1300*100vw),18px)}}#container #presentCol .wpList{display:flex;flex-wrap:wrap;justify-content:center;box-sizing:border-box;align-items:center}@media screen and (max-width: 768px){#container #presentCol .wpList{margin:4% auto}}@media screen and (min-width: 769px){#container #presentCol .wpList{gap:min(calc(25/1300*100vw),25px);width:100%;margin:4% auto}}#container #presentCol .wpList li{width:47%}#container #presentCol .attentionList{width:100%;margin:0 auto;text-align:left;font-size:0.8em;font-weight:400;line-height:1.8}@media screen and (min-width: 769px){#container #presentCol .attentionList{margin:0;text-align:center}}#container #presentCol .attentionList li{text-indent:-1em;padding-left:1em;rotate:z 0.03deg}#container ul.btnBack{width:84%;max-width:100%;padding:0;margin:0 auto}@media screen and (min-width: 769px){#container ul.btnBack{width:40%;max-width:520px}}