html{scroll-behavior:smooth}body{line-height:1.6;color:#262626;font-size:16px;font-family:"Noto Sans JP",sans-serif;text-align:center;word-break:break-all;background:#8de2e9 url(../image/bgNami.png) left 50% bottom -17px repeat-x fixed;background-size:75px}@media screen and (max-width:1024px){body{font-size:14px}}header{min-height:722px;margin-bottom:-64px;background:url(../image/bgDesktop.png) top center no-repeat;background-size:1360px 722px;-webkit-transition:all .3s;transition:all .3s}header p{overflow:hidden;-webkit-transition:all .3s;transition:all .3s}header p.desktop{display:block}header p.desktop img{width:650px}header p.mobile{display:none}header p.mobile img{width:400px}header p img{margin:0 -100px;height:auto}@media screen and (max-width:600px){header{min-height:664px;margin-bottom:-32px;background:url(../image/bgMobile.png) top center no-repeat;background-size:700px 664px}header p.desktop{display:none}header p.mobile{display:block}}main{-webkit-transform:rotateZ(0);transform:rotateZ(0)}main .mainBg{display:block;position:-webkit-sticky;position:sticky;top:0;width:100vw;height:100vh;margin-bottom:-100vh;z-index:-99;background-image:url(../image/bgHanabiS.png);background-size:202px 206px;background-repeat:no-repeat;-webkit-transition:all .3s;transition:all .3s;background-position:top 5% right -2%}main .mainBg::before{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(../image/bgHanabiL.png);background-size:322px 326px;background-repeat:no-repeat;-webkit-transition:all .3s;transition:all .3s;background-position:top 40% right 2%}main .mainBg::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(../image/bgHanabiM.png);background-size:242px 246px;background-repeat:no-repeat;-webkit-transition:all .3s;transition:all .3s;background-position:bottom 40% left -2%}main section{width:90%;max-width:900px;margin:64px auto}main section h2{margin-bottom:32px;overflow:hidden}main section h2 img{width:auto;height:100px;vertical-align:bottom}main section .frame{position:relative;margin-bottom:40px;padding:32px;border:#262626 1px solid;border-radius:16px;background-color:#fff;text-align:left}main section .frame::after{content:"";position:absolute;top:8px;bottom:-8px;left:4px;right:-4px;border:#262626 1px solid;border-radius:16px;background-color:#e8d;z-index:-1}main section .fullImage{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:16px}main section .fullImage img{width:100%;height:auto;border-radius:16px}main .button{margin-top:32px}main .button a{display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;max-width:600px;line-height:3em;border:1px solid #262626;border-radius:50px;background-color:#f1ec55;font-size:18px;-webkit-transition:all .3s;transition:all .3s}main .button a:hover{-webkit-transform:scale(.95);transform:scale(.95)}main .button.tweet a::before{content:"";display:inline-block;width:40px;height:40px;background-image:url(../image/snsTwitterB.svg);background-size:cover}@media screen and (max-width:1024px){main .mainBg{background-position:top 5% right -5%}main .mainBg::before{opacity:0}main .mainBg::after{background-position:bottom 10% left -5%}main section h2 img{width:auto;height:80px}}@media screen and (max-width:600px){main .mainBg{background-position:top 5% right -20%}main .mainBg::before{opacity:0}main .mainBg::after{background-position:bottom 10% left -40%}main section h2 img{width:auto;height:56px}main section .frame{margin-bottom:24px;padding:5%}main section .fullImage{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}main .button{margin-top:24px}}main section.sectDetail{position:relative}main section.sectDetail .free{position:absolute;top:-32px;right:16px;width:76px;height:auto;z-index:2}main section.sectDetail .frame h3{float:left;width:calc(4em + 32px);font-weight:700}main section.sectDetail .frame h3+*{overflow:hidden}main section.sectDetail .frame h3+:not(:last-child){margin-bottom:8px}main section.sectDetail .frame .gacha{position:absolute;right:0;top:-30%;width:40%;max-width:325px;height:auto}main section.sectCast div{border-radius:16px;overflow:hidden}main section.sectCast div img{width:100%;height:auto}main section.sectCast div ul{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}main section.sectAttention .frame h3{font-weight:700}main section.sectAttention .frame p{margin-top:8px}.commingSoon{padding:1em;border-radius:16px;background-color:rgba(255,255,255,.6);font-size:20px;letter-spacing:.25em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (max-width:600px){main section.sectDetail .free{top:-16px;right:8px;width:56px}main section.sectDetail .frame h3{float:none;margin-bottom:8px}}footer{padding:32px 0;background-color:#fff;color:#262626}footer ul{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px}footer ul li img{width:auto;height:48px}footer ul li img[src*=ppLogo]{height:40px}footer small{font-size:12px}@media screen and (max-width:600px){footer ul li:first-child{width:100%}}