.titlebg{
    position: relative;
    height: 50vh;
    overflow: hidden;

    display: flex;
    justify-content: center;
    align-items: center;

    background:
        radial-gradient(circle at 20% 30%,
            rgba(255,180,0,.3) 0%,
            transparent 15%),
        radial-gradient(circle at 80% 20%,
            rgba(255,0,100,.25) 0%,
            transparent 18%),
        radial-gradient(circle at 60% 70%,
            rgba(0,150,255,.25) 0%,
            transparent 20%),
        linear-gradient(
            180deg,
            #08111f 0%,
            #0d1b33 50%,
            #03060d 100%
        );
}

/* 星空 */
.titlebg::before{
    content:"";
    position:absolute;
    inset:0;

    background-image:
        radial-gradient(#fff 1px, transparent 1px),
        radial-gradient(#fff 1px, transparent 1px);

    background-size:80px 80px, 120px 120px;
    background-position:0 0, 40px 60px;

    opacity:.3;
}

/* 花火風の光 */
.titlebg::after{
    content:"";
    position:absolute;

    width:500px;
    height:500px;

    top:-150px;
    right:-120px;

    border-radius:50%;

    background:
        radial-gradient(circle,
            rgba(255,220,120,.8) 0%,
            rgba(255,100,0,.5) 25%,
            transparent 70%);

    filter: blur(40px);
    /* animation: glow 6s ease-in-out infinite alternate; */
    animation: glow 1.5s linear infinite alternate;
}

.hanabitaikai{
    position:relative;
    
    transform: translateY(-50px);
    z-index:2;

    color:#fff;
    font-size:clamp(5px,1vw,15px);
    /* font-size: 3vw; */
    font-weight:900;
    letter-spacing:.15em;

    text-shadow:
        0 0 10px rgba(255,255,255,.8),
        0 0 20px rgba(255,180,0,.7),
        0 0 40px rgba(255,120,0,.6);

    animation: fadeUp 1.5s ease;
}



@keyframes glow{
    from{
        transform:scale(.8);
        opacity:.5;
    }
    to{
        transform:scale(1.2);
        opacity:.9;
    }
}

@keyframes fadeUp{
    from{
        opacity:0;
        transform:translateY(30px);
    }
    to{
        opacity:1;
        transform:translateY(0);
    }
}


#gazou{
    width: 300px;
}

.syashin{
    display:flex;
    margin-top:-50px;margin-left:50px;
}
/* 
@media screen and (max-width: 430px){
    .syashin{
        display:flex;
        justify-content:center;
    }
} */