@media screen and (max-width: 1133px) {
    img.top_logo {
        margin-bottom: 0px;
        left: 30px;
    }
    img.top_logo.alt {
        opacity: 0%;
    }
    .content_box {
        padding-left: 0px;
        /* margin-top: 200px; */
    }
    .content_box.alt {
        margin-top: 65px;
        animation-name: smoothAnime;
        animation-duration: 0.5s;
        animation-fill-mode: forwards;
    }
    .content_box.alt .content {
        margin-bottom: 100px;
    }
    @keyframes smoothAnime{
        from {
        transform:translate3d(0, 20%, 0) skewY(0);
        opacity:0;
        }
      
        to {
        transform:translate3d(0, 0, 0) skewY(0);
        opacity:1;
        }
    }
    .content_box#works {
        min-width: 100vw;
        margin-left: auto;
        margin-right: auto;
    }
    .content_box#works .header, .content {
        width: 85%;
        margin: 0 auto;
    }
    .content_box#release {
        min-width: 100vw;
        margin-left: auto;
        margin-right: auto;
    }
    .content_box#release .header, .content {
        width: 85%;
        margin: 0 auto;
    }
    @keyframes anim_r {
        0% {
        transform: translateX(0px);
        }
      
        100% {
        transform: translateX(-100vw);
        }
    }
    @keyframes anim_l {
        0% {
        transform: translateX(-100vw);
        }
      
        100% {
        transform: translateX(0px);
        }
    }
    .link_header.about, .link_header.contact, .link_header.top {
        float: right;
        margin-right: 0%;
        margin-left: 7%;
    }
    .link_header img {
        height: 15px;
        margin-top: 4.5px
    }
    .link_header.top img {
        height: 20px;
    }
    #sp_arrow, #sp_arrow_2 {
        position: absolute;
        height: 20px;
        top: 120px; right: 10vw;
        z-index: 1001;
    }
    #sp_arrow {
        animation: 0.25s linear rotation;
    }
    #sp_arrow_2 {
        animation: 0.25s linear rotation_2;
        transform:rotate(180deg);
    }
    @keyframes rotation{
        0%{ transform:rotate(-180deg); }
        100%{ transform:rotate(0);}
    }
    @keyframes rotation_2{
        0%{ transform:rotate(0);}
        100%{ transform:rotate(-180deg); }
    }

    .post_card_container {
        font-weight: 100;
        flex-direction: column;
    }
    .post_card {
        width: 100%;
        margin-bottom: 0px;
    }
    .post_title {
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .category_list {
        margin-bottom: 30px;
    }
    .category_list li {
        margin-bottom: 0px;
    }
    /* Post */
    .single_text {
        width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
    .single_text .content {
        width: 100%;
    }
    .side_content {
        display: none;
    }

    /* .link_header:hover::before,
    .link_header:active::before,
    .content_box#works.no_scroll:hover::before,
    .content_box#release.no_scroll:hover::before,
    .content_box#works.no_scroll:active::before,
    .content_box#release.no_scroll:active::before
    {display: none;} */
}

/* PC */
@media screen and (min-width: 1134px) {
    #sp_arrow, #sp_arrow_2 {
        display: none;
    }
}