@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}#bgParticle{position:fixed;z-index:-1;top:0;left:0}#footerInner{background:rgba(0,0,0,0.8)}body{word-break:break-all;background:#ffcadd}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{content:"2025.06.21" " HAPPY BIRTHDAY" "2025.06.21" " 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-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:#8a1c9b;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 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:#d6336f;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 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}#container #titCol .logoBirthday{position:absolute;top:3vw;left:3vw;width:calc(150/750*100vw)}#container #titCol #titColInner{display:grid;gap:8vw;width:90%;margin-inline:auto;padding-block-start:100vw}#container #titCol #titColInner h1{margin:0;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 .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 (min-width: 769px){#container #titCol{width:92%;margin-inline:auto}#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: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(750/1300*100vw),750px);margin-inline:auto 0;padding-block-start:0}#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:-55% 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:rgba(255,255,255,0.8);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{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;clip-path:polygon(0 min(calc(100/1300*100vw),100px), 100% 0, 100% 100%, 0 100%);gap:0 min(calc(60/1300*100vw),60px);padding:min(calc(100/1300*100vw),100px) 0 0 0;margin:0}}#container section{padding:0}#container #presentCol{position:relative;z-index:2;display:grid;gap:8vw;width:84%}@media screen and (min-width: 769px){#container #presentCol{gap:min(calc(60/1300*100vw),60px);width:min(calc(600/1300*100vw),600px);margin:0}}#container #presentCol h2{display:grid;gap:0.5em;font-size:6.4vw;font-weight:900;line-height:1;letter-spacing:0.2em;color:#c92f67;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:#a02351;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 p{font-weight:800;rotate:z 0.03deg}#container #presentCol .wpList{display:grid;gap:5.3vw;box-sizing:border-box}@media screen and (min-width: 769px){#container #presentCol .wpList{gap:min(calc(25/1300*100vw),25px);width:70%;margin-inline:auto}}#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 #movieCol{position:relative;z-index:2;margin-block-start:16vw;translate:0 0 1px}@media screen and (min-width: 769px){#container #movieCol{width:min(calc(450/1300*100vw),450px);margin:0}}#container #movieCol .movie{aspect-ratio:9/16;width:75%;height:auto;margin:0 auto;position:relative}@media screen and (min-width: 769px){#container #movieCol .movie{width:100%}}#container #movieCol .movie iframe{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;border:none}#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,#ffe4ee;width:100%;height:100%}#container #backCol:after{content:" " "RAIN RAIN" " " "RAIN RAIN" " " "RAIN RAIN" " " "RAIN RAIN";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(200/750*100vw);line-height:0.65;color:#ffe4ee;word-break:keep-all;white-space:preserve nowrap;animation:txtScrollFooter 20s 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.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}}