@media screen and (max-width: 320px){
  
    .regist{
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: 0 0 10vh;
    }
    
    #title{
        width: 80%;
    }
    
    #top_h{
        margin: 0 auto;
        width: 80%;
        height: 40%;
    }
    
    #url_s{
        width: 80%;
        height: 40%;
    }

    #option_v{
        width: 80%;
        height: 40%;
    }
    
    #thum{
        width: 80%;
    }
    
    #hima_url{
        margin: 0 auto;
    }
    
    #url_add{
        width: 80%;
        height: 40%;
    }

    #b_add{
        margin: 2vh 0 2vh;
    }

    #thread{
        margin: 2vh 0 2vh;
    }

    .rest{
        font-size: 2rem;
        margin: 2vh 0 1vh 0;
        text-align: center;
      }

    .entry{
        margin: 0 auto;
        text-align:center;
        color: #336;
        background: #fffaf4;/*背景色*/
        border-left: solid 15px #ffaf58;/*左線（実線 太さ 色）*/
        border-right: solid 15px #ffaf58;
        width: 50vw;
        font-size: 16px;
        padding:0px 0px 0px 0px;
    }

    #url_f{
        width: 80%;
        margin: 2vh 10vw;
    }

    #url_f2{
        width: 80%;
        margin: 2vh 10vw;
    }
}
  
@media screen and (max-width: 1200px){
    
    .regist{
        display: inline-block;
        text-align: center;
        width: 100%;
        margin: 0 0 10vh;
    }
    
    #title{
        width: 80%;
    }
    
    #top_h{
        margin: 0 auto;
        width: 80%;
        height: 40%;
    }
    
    #url_s{
        width: 80%;
        height: 40%;
    }

    #option_v{
        width: 80%;
        height: 40%;
    }
    
    #thum{
        width: 80%;
    }

    #hima_url{
        margin: 0 auto;
    }
    
    #url_add{
        width: 80%;
        height: 40%;
    }

    #b_add{
        margin: 2vh 0 2vh;
    }

    #thread{
        margin: 2vh 0 2vh;
    }

    .rest{
        font-size: 2rem;
        margin: 2vh 0 1vh 0;
        text-align: center;
    }

    .entry{
        margin: 0 auto;
        text-align:center;
        color: #336;
        background: #fffaf4;/*背景色*/
        border-left: solid 15px #ffaf58;/*左線（実線 太さ 色）*/
        border-right: solid 15px #ffaf58;
        width: 50vw;
        font-size: 16px;
        padding:0px 0px 0px 0px;
    }

    #url_f{
        width: 80%;
        margin: 2vh 10vw;
    }

    #url_f2{
        width: 80%;
        margin: 2vh 10vw;
    }
}
  
@media screen and (min-width:1200px){
    
.regist{
    display: inline-block;
    text-align: center;
    width: 100%;
    margin: 0 0 10vh;
}

#title{
    width: 35%;
}

#top_h{
    margin: 0 2vh auto;
    width: 40%;
    height: 40%;
}

#url_s{
    width: 40%;
    height: 40%;
}

#option_v{
    width: 40%;
    height: 40%;
}

#hima_url{
    margin: 2vh 0 auto;
}

#url_add{
    width: 40%;
    height: 40%;
}

#b_add{
    margin: 2vh 0 2vh;
}

#thread{
    margin: 2vh 0 2vh;
}

.rest{
    font-size: 2rem;
    margin: 2vh 0 1vh 0;
    text-align: center;
}

.entry{
    margin: 0 auto;
    text-align:center;
    color: #336;
    background: #fffaf4;/*背景色*/
    border-left: solid 15px #ffaf58;/*左線（実線 太さ 色）*/
    border-right: solid 15px #ffaf58;
    width: 50vw;
    font-size: 16px;
    padding:0px 0px 0px 0px;
}

#url_f{
    width: 30%;
    margin: 0 20px;
}

#url_f2{
    width: 30%;
    margin: 0 20px;
}
}