/*** for PC Browser ***/
@media (min-width:401px)
{
.topsearch_box {
    margin: 0px auto 20px;
    text-align: center;
}

.topsearch_box .site_search_title {
    display: inline-block;
    font-size: large;
    vertical-align: top;
    margin: 10px 0 0;
}

.topsearch_box .inside_b {
    display: inline-table;
    border: 1px solid #9e9e9e;
    min-width: 400px;
}

.topsearch_box input#SearchDataText_top {
    width: 80%;
    display: table-cell;
    height: 40px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    border: none;
}

.topsearch_box .SubmitBtn {
    font-size: large;
    height: 40px;
    width: 20%;
    display: table-cell;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    vertical-align: top;
    background: #cecece;
    border: none;
}

.topsearch_box h2.site_search_title {
    background: none !important;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
.topsearch_box {
    margin: 5px;
    text-align: center;
    width: 300px;
}

.topsearch_box .site_search_title {
    display: inline-block;
    font-size: large;
    vertical-align: top;
    margin: 0;
}

.topsearch_box .inside_b {
    display: flex;
    border: 1px solid #9e9e9e;
}

.topsearch_box input#SearchDataText_top {
    width: auto;
    display: table-cell;
    height: 40px;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    vertical-align: top;
    border: none;
}

.topsearch_box .SubmitBtn {
    font-size: large;
    height: 40px;
    width: 40%;
    display: table-cell;
    box-sizing: border-box;
    margin: 0;
    padding: 5px;
    vertical-align: top;
    background: #cecece;
    border: none;
}

.topsearch_box h2.site_search_title {
    background: none !important;
}
}