@charset "UTF-8";
 
.fhhidden_page {
    padding: 75px var(--contentPadding ,6.4%);
    position: relative;
    z-index: 99999;
}
.container {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    gap: 0 7px;
}

.hidden_title {
    font-size: 3.0rem;
    letter-spacing: 2px;
    line-height: 1.8;
}

.error-code  {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        color: #D8D2FF;
        font-family: "Yuji Hentaigana Akebono";
        font-size: 20rem;
        font-style: italic;
        font-weight: 400;
        line-height: 1.1; /* 720px */
        letter-spacing: 2px;
        padding-right: 40px;
        margin-top: 30px;

}

.zero {
        display: inline-block;
        transition: transform 2s ease;
        transform: rotate(0deg);
        backface-visibility: hidden; 
        will-change: transform;
        transform-origin: center center;



}


.hidden_nav {
    margin: 80px 0 0 30px;
}

 .hidden_list {
        font-size: 1.5rem;
        font-style: normal;
        line-height: 1.8;
        transform-origin: center center; /* スケールの基準点を中央に！ */
        transition: transform 0.3s ease, color 0.5s; /* 変化も滑らかに */
         display: block;
        align-items: center;
}

.back-link {
        display: flex;
        align-items: center;
}


.hidden_list:last-of-type {
    margin-top: 20px;
}

 .hidden_triangle {
        background-color: #795FFF;
        width: 12px;
        height: 10px;
        margin-top: 3px;
        margin-left: 10px;
        transition: background-color 0.5s;
}


.hidden_list:active {
        color: #795FFF;
}

.hidden_list:active .hidden_triangle   {
        background-color: #795FFF;
        transform: translateX(4px); /* 矢印だけ右にスライド */

}


@media screen and (min-width: 769px) {
    .fhhidden_page {
        padding: 100px 6.25%;
        position: relative;
        z-index: 99999;
    }




    .container {
        display: flex;
        justify-content: center;
        align-items: center;
        gap: 0 7px;
    }

    .hidden_title {
        font-size: 4.0rem;
        letter-spacing: 2px;
        line-height: 1.8;
    }

    .error-code  {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #D8D2FF;
        font-family: "Yuji Hentaigana Akebono";
        font-size: 31.25vw;
        font-style: italic;
        font-weight: 400;
        line-height: 1; /* 720px */
        letter-spacing: 2px;
        flex-direction: row;
        margin-top: 50px;
        padding-right: 0;
    }

    .zero {
        display: inline-block;
        transition: transform 2s ease;
        transform: rotate(0deg);
    }

   

    
    .hidden_nav {
        margin-top: 75px;
    }

    .hidden_list {
        font-size: 2.0rem;
        font-style: normal;
        line-height: 1.8;
        letter-spacing: 2px;
        transform-origin: center center; /* スケールの基準点を中央に！ */
        transition: transform 0.3s ease, color 0.5s; /* 変化も滑らかに */
         display: block;
        align-items: center;
    }

    .back-link {
        display: flex;
        align-items: center;
    }

    .hidden_list:last-of-type {
        margin-top: 30px;
    }

    .hidden_triangle {
        background-color: #795FFF;
        width: 14px;
        height: 12px;
        margin-top: 3px;
        margin-left: 10px;
        transition: background-color 0.5s;
    }


    .hidden_list:hover {
        color: #795FFF;
    }

    .hidden_list:hover .hidden_triangle   {
        background-color: #795FFF;
        transform: translateX(4px); /* 矢印だけ右にスライド */

    }





}