/*** for PC Browser ***/
@media (min-width:401px)
{
#HeaderPane .sub_header
{
    display: table;
    width: 100%;
    max-width: 1000px;
    margin: auto;
}

#HeaderPane .sub_header .left_box
{
    margin: 0;
    padding: 0;
    text-align: left;
    display: table-cell;
    width: 100%;
    vertical-align: middle;
}

#HeaderPane .sub_header .right_box
{
    margin: 0;
    padding: 0;
    text-align: left;
    display: table-cell;
    width: 100%;
    white-space: nowrap;
    vertical-align: middle;
}

#HeaderPane .sub_header a
{
    display: inline-block;
    width: auto;
}

#HeaderPane .sub_header a img
{
    vertical-align: bottom;
}
}


/*** for Smart Phone ***/
@media (max-width:400px)
{
#HeaderPane .sub_header
{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

#HeaderPane .sub_header .left_box
{
    margin: 0;
    padding: 0;
    text-align: left;
    width: 100%;
}

#HeaderPane .sub_header .right_box
{
    margin: 0;
    padding: 0;
    text-align: right;
    width: 100%;
}

#HeaderPane .sub_header a
{
    display: inline-block;
}

#HeaderPane .sub_header img
{
    max-width: 100% !important;
    max-height: 60px;
}

#HeaderPane .sub_header .right_box img
{
        width: auto !important;
}
}