@charset "UTF-8";
#one_maincolumn {float: none !important;width: auto !important;}
#one_maincolumn #mypage {font-size: 14px;font-size: 1.4rem;}
/*#one_maincolumn #mypage #topLink {position: relative;overflow: hidden;padding: 18px 0;border-bottom: 3px solid #114d9b;}
#one_maincolumn #mypage #topLink ul {position: relative;left: 50%;float: left;margin: 0;padding: 0;}
#one_maincolumn #mypage #topLink ul li {position: relative;left: -50%;float: left;margin: 0 30px 0 0;padding: 0;list-style: none;}
#one_maincolumn #mypage #topLink ul li:last-child {margin: 0;}*/
#one_maincolumn #mypage #topLink {position: relative;padding: 10px 0;overflow: visible;display:block;overflow: hidden; text-align: center;}
#one_maincolumn #mypage #topLink ul {position: relative;margin: 0;padding: 0;width:100%;float:none;display: block;}
#one_maincolumn #mypage #topLink ul li {position: relative;padding: 0;list-style: none;display:inline-block;text-align:center;vertical-align: middle;margin:5px 10px 5px 10px;}
#one_maincolumn #mypage #topLink .submenu {width:125px; position: absolute; left: 20px; display: none; border: solid 1px #ddd; padding: 5px 15px; background-color: #ffffff; margin: 0 -20px;z-index:60;}
.submenu {width:fit-content; position: absolute; left: 20px; display: none; border: solid 1px #ddd; padding: 5px 10px; background-color: #ffffff; margin: 0 -20px;z-index:60;}
.submenu li { left: 0; width: max-content; float:none; margin: 0;display:block;}
#one_maincolumn #mypage #topLink .submenuCheck { display: none; }
#one_maincolumn #mypage #topLink li:hover ul { display: block; }
#one_maincolumn #mypage #topLink .submenu li { left: 0; width: max-content; float:none; margin: 0;display:block;}
#one_maincolumn #mypage #searchBox {margin: 10px 30px 0 30px;padding: 20px 30px 10px 30px;border: 1px solid #ddd;background-color: #eee;}
#one_maincolumn #mypage #searchBox h4 {float: left;margin: 0;padding: 0;width: 150px;font-size: 16px;font-size: 1.6rem;color: #114d9b;}
#one_maincolumn #mypage #searchBox .formBox {margin: 0 0 0 150px;}
#one_maincolumn #mypage #searchBox .formBox dl {margin: 0;padding: 0 0 10px 0;}
#one_maincolumn #mypage #searchBox .formBox dl dt {float: left;width: 150px;margin: 0;padding: 0;color: #114d9b;line-height: 30px;text-align: right;}
#one_maincolumn #mypage #searchBox .formBox dl dd {margin: 0 0 0 180px;padding: 0;}
#one_maincolumn #mypage #searchBox .formBox dl dd input {height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage #searchBox .formBox dl dd input#reception, #one_maincolumn #mypage #searchBox .formBox dl dd input#order {width: 240px;}
#one_maincolumn #mypage #searchBox .formBox dl dd input.day {width: 150px;margin: 0 10px 0 0;}
#one_maincolumn #mypage #searchBox .formBox dl dd input.dayClear {width: 80px;border: 1px solid #b9c8df;background-color: #e7eff8;line-height: 30px;border-radius: 5px;}
#one_maincolumn #mypage #searchBox .formBox dl dd input.dayClear:hover {background-color: #4487e0;color: #fff;border: none;}
#one_maincolumn #mypage #searchBox .formBox dl dd input#itemName, #one_maincolumn #mypage #searchBox .formBox dl dd input#addressee {width: 520px;}
#one_maincolumn #mypage #searchBox .formBox dl dd input#tel {width: 200px;}
#one_maincolumn #mypage #searchBox .formBox dl dd input#zip {width: 150px;}
#one_maincolumn #mypage .buttonBox {padding: 20px 0 0 0;text-align: center;}
#one_maincolumn #mypage .buttonBox input {margin: 0;padding: 0;width: 180px;height: 45px;border: none;background-color: #114d9b;font-size: 14px;font-size: 1.4rem;line-height: 45px;color: #fff;font-weight: bold;border-radius: 5px;}
#one_maincolumn #mypage .buttonBox input.back {background-color: #e7eff8;border: 1px solid #b9c8df;margin: 0 10px 0 0;color: #000000;}
#one_maincolumn #mypage .buttonBox input:hover {background-color: #4487e0;}
#one_maincolumn #mypage .buttonBox input.cartButton {border: none;background: #114d9b url(../common/img/cart_icon.png) no-repeat 40px 50%;margin: 0;color: #fff;text-indent: 30px;}
#one_maincolumn #mypage .buttonBox input.cartButton:hover {background-color: #4487e0;}
#one_maincolumn #mypage .buttonBox input.cartButton:disabled {background: #114d9b url(../common/img/cart_icon.png) no-repeat 40px 50%;margin: 0;background-color: #ccc;border-color: #ccc;}
#one_maincolumn #mypage .buttonBox input.rtrn {margin: 0 10px 0 0;border: none;background-color: #c52026;color: #fff;}
#one_maincolumn #mypage .buttonBox input.rtrn:hover {background-color: #ff5360;}
#one_maincolumn #mypage #list {padding: 20px 0 0 0;}
#one_maincolumn #mypage #list .listTop {padding: 0 0 10px 0;border-bottom: 3px solid #114d9b;line-height: 1;}
#one_maincolumn #mypage #list .listTop h4 {float: left;margin: 0 28px 0 0;padding: 7px 0 0 0;font-size: 18px;font-size: 1.8rem;color: #114d9b;}
#one_maincolumn #mypage #list .listTop .download {float: left;width: 138px;height: 28px;margin: 0;padding: 0;background: #114d9b url(../common/img/icon_download.png) no-repeat 8px 50%;border: none;border-radius: 5px;color: #fff;text-indent: 20px;font-size: 12px;font-size: 1.2rem;font-weight: bold;}
#one_maincolumn #mypage #list .listTop .download:hover {background-color: #4487e0;}
#one_maincolumn #mypage #list .listTop .rightArea {float: right;padding: 7px 0 0 0;}
#one_maincolumn #mypage #list .listTop .rightArea span {color: #114d9b;}
#one_maincolumn #mypage #list table {width: 100%;margin: 0 0 10px 0;padding: 0;border: none;color: #114d9b;}
#one_maincolumn #mypage #list table th {padding: 10px 10px;background: url(../common/img/under_border.gif) repeat-x left bottom;font-weight: normal;border: none;border-collapse: collapse;text-align: left;}
#one_maincolumn #mypage #list table th.detail {text-align: center;font-weight: bold;background-color: #e7eff8;}
#one_maincolumn #mypage #list table td {padding: 10px 10px;border-bottom: 1px solid #114d9b;border-collapse: collapse;word-break: break-all;line-height: 1.5em;}
#one_maincolumn #mypage #list table td.detail {text-align: center;}
#one_maincolumn #mypage #list table td.detail_history {text-align:left;font-size:16px;font-size:1.6rem;}
#one_maincolumn #mypage #list table td.choice {text-align: center;}
#one_maincolumn #mypage #list table td.detail input {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail input:hover {background-color: #4487e0;}
#one_maincolumn #mypage #list table td.detail input.edit {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail input.delete {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail_defo input.edit {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail input.opendetail {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail input:disabled {background-image: none;background-color: #ccc;border-color: #ccc;}
#one_maincolumn #mypage #list table td.detail_history input {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail_history input:hover {background-color: #4487e0;}
#one_maincolumn #list .listTop ul {margin: 0;padding: 0 28px 0 0;position: relative;left: 25%;float: left;}
#one_maincolumn #list .listTop ul li {margin: 0 9px 0 0;padding: 0;width: 28px;height: 28px;line-height: 28px;text-align: center;background-color: #114d9b;color: #fff;list-style: none;position: relative;left: -25%;float: left;}
#one_maincolumn #list .listTop ul li:last-child {margin: 0;}
#one_maincolumn #list .listTop ul li a {display: block;width: 28px;height: 28px;background-color: #bbb;color: #fff;}
#one_maincolumn #list .listTop ul li a:hover {background-color: #ccc;color: #114d9b;}
#one_maincolumn #mypage #searchBox .formBox dl dd select {height: 30px;border: 1px solid #ddd;min-width: 150px;max-width: 520px;}
#one_maincolumn #mypage #searchBox .formBox dl dd select.date {min-width: 60px;}
#one_maincolumn #mypage #kana {display: none;}
#one_maincolumn #mypage input#text_ssmall {margin: 0;width: 100px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input#text_small {margin: 0;width: 200px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input#text_medium {width: 400px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input#text_large {width: 650px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input#text_max {width: 1000px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input.text_ssmall {margin: 0;width: 100px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input.text_small {margin: 0;width: 200px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input.text_medium {width: 400px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input.text_large {width: 650px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage input.text_max {width: 1000px;height: 30px;border: 1px solid #ddd;}
#one_maincolumn #mypage table td.detail_c {word-break: break-all;text-align: center;}
#one_maincolumn #mypage table td.detail_l {word-break: break-all;text-align: left;}
#one_maincolumn #mypage table td.detail_r {word-break: break-all;text-align: right;}
#one_maincolumn #mypage table td.ellipsis {overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
#one_maincolumn #mypage .msgBox {margin: 20px 150px;padding: 20px;border: 3px solid #b9c8df;}
#one_maincolumn #mypage .msgBox .pwIn {padding: 0 100px;}
#one_maincolumn #mypage .msgBoxCsv {margin: 20px 50px 0 50px;padding: 20px;border: 3px solid #b9c8df;}
#one_maincolumn #mypage .msgBoxCsv .pwIn {padding: 0 50px;}
#one_maincolumn #mypage input.day {width: 150px;height: 30px;border: 1px solid #ddd;margin: 0 10px 0 0;}
#one_maincolumn #mypage input.dayClear {width: 80px;border: 1px solid #b9c8df;background-color: #e7eff8;line-height: 30px;border-radius: 5px;}
#one_maincolumn #mypage input.dayClear:hover {background-color: #4487e0;color: #fff;border: none;}
.flowarea {margin: 15px 0;}
#one_maincolumn #mypage .pdfdownload {float: left;width: 138px;height: 28px;margin: 10px 10px;padding: 0;background: #114d9b url(../common/img/icon_download.png) no-repeat 8px 50%;border: none;border-radius: 5px;color: #fff;text-indent: 20px;font-size: 12px;font-size: 1.2rem;font-weight: bold;}
#one_maincolumn #mypage .pdfdownload:hover {background-color: #4487e0;}
#one_maincolumn #mypage #list table td.detail_defo input.edit {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail_defo input.edit:hover {background-color: #4487e0;}
#one_maincolumn #mypage #list table td.detail_defo input.delete {width: 80px;height: 37px;border: none;border-radius: 5px;line-height: 37px;color: #fff;text-align: center;background-color: #114d9b;font-weight: bold;}
#one_maincolumn #mypage #list table td.detail_defo input.delete:hover {background-color: #4487e0;}
#one_maincolumn #mypage #list table td.detail_res {display: none;}
#one_maincolumn #mypage textarea {width: 98%;border: 1px solid #ddd;resize: none;}
.resOnlyHide {display: initial;}
.resOnlyDisp {display: none;}

#c1,#c2,#c3{
    display: none;
}
.mypage-menu {
    display: none;
    padding: 5px 0;
    width: 100px;
    color: #fff;
    background-color: #114d9b;
    margin: 5px 0;
    border-radius: 5px;
}
.mypage-menu #mypage-menu-label{
    cursor:pointer;
    position: relative;
    display: inline-block;
    /*color: #000;*/
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
    margin-left: 20px;
}
.mypage-menu #mypage-menu-label::after{
    position: absolute;
    content: "";
    right: -20px;
    top: 4px;
    width: 10px;
    height: 10px;
    border-top: 3px solid #fff;
    border-right: 3px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
    transition: all 0.5s;
}
.submenu01{
    width:210px;
    display: none;
    background-color: #fff;
    padding: 0;
    margin:5px 0 0 0;
    position: absolute;
    border: solid 1px #ddd;
    transition: all 1.0s;
    z-index: 10;
}
.submenu02{
    display: none;
    background-color: #fff;
    padding: 0;
    margin:0;
    transition: all 1.0s;
}
.submenu01 li{
    padding:10px 15px;
    border-bottom: solid 1px #ddd;
    list-style:none;
}
.submenu02 li::before{
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    left: 10px;
    border-bottom: 3px solid #636363;
    border-left: 3px solid #636363;
}
.choice-th{
    width:10%;
}
.choice-td {
    width:10%;
}
.change-th,.delete-th {
    width:10%;
}
.change-td,.delete-td {
    width:10%;
}
.resBtnRow{
    display:none;
}
#c1:checked  ~ #mypage-menu-label::after{
    top:10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.5s;
}
#c1:checked  ~ .submenu01{
    display:block;
    transition: all 1.0s;
}
#c2:checked  + .submenuLabel-s::after{
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.5s;
}
#c2:checked  ~ .submenu02{
    display:block;
    transition: all 1.0s;
}
#c3:checked  + .submenuLabel-s::after{
    top: 5px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    transition: all 0.5s;
}
#c3:checked  ~ .submenu02{
    display:block;
    transition: all 1.0s;
}
#favorite_edit_table .btn-td1{
    display:none;
}
#favorite_edit_table .btn-tr{
    display:none;
}
#favorite_edit_table .btn-tr-open{
    display:none;
}
#favoriteBtnArea{
    text-align:right;
}
.orderHistoryDetailTable .normalTitle
, .workflowDetailTable .normalTitle
, splrOrderHistoryTable .normalTitle{
    text-align: center;
}
.orderHistoryDetailTable .resTitle
, .workflowDetailTable .resTitle
, .splrOrderHistoryTable .resTitle{
    display: none;
}
#container #one_maincolumn table.orderHistoryDetailTable tr.quotationNumRow
, #container #one_maincolumn table.workflowDetailTable tr.quotationNumRow{
    background-color: #f9eaf3;
}
#container #one_maincolumn table.orderHistoryDetailTable tr.quotationNumRow th
, #container #one_maincolumn table.workflowDetailTable tr.quotationNumRow th{
    background-color: #f9eaf3 !important;
}
#container #one_maincolumn table.orderHistoryDetailTable tr.quotationNumRow th .quotationNumArea
, #container #one_maincolumn table.workflowDetailTable tr.quotationNumRow th .quotationNumArea{
    float: left;
}
#container #one_maincolumn table.orderHistoryDetailTable .cancelArea
, #container #one_maincolumn table.workflowDetailTable .cancelArea{
    float: right;
}
#container #one_maincolumn table.orderHistoryDetailTable .taxAlertArea
, #container #one_maincolumn table.workflowDetailTable .taxAlertArea{
    float: right;
}
#container #one_maincolumn table.orderHistoryDetailTable .cancelArea input.serviceCancel
, #container #one_maincolumn table.workflowDetailTable .cancelArea input.serviceCancel{
    height: 25px; 
    width: 100px; 
    border: none; 
    border-radius: 5px; 
    color: #fff; 
    background-color: #716f65;
}
#container #one_maincolumn table.orderHistoryDetailTable th.detailsNumber .detailNumArea
, #container #one_maincolumn table.workflowDetailTable th.detailsNumber .detailNumArea
, #container #one_maincolumn table.splrOrderHistoryTable th.detailsNumber .detailNumArea{
    float: left;
}
#container #one_maincolumn table.orderHistoryDetailTable th.detailsNumber
, #container #one_maincolumn table.workflowDetailTable th.detailsNumber
, #container #one_maincolumn table.splrOrderHistoryTable th.detailsNumber{
    background-color: #e7eff8 !important;;
}
#container #one_maincolumn table.orderHistoryDetailTable .childItem
, #container #one_maincolumn table.workflowDetailTable .childItem{
    padding-left: 20px;
}
#one_maincolumn #mypage #list .contactListTable td.large_col div {
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.resButtonBox{
    display:none!important;
}
#order_history_table #table_in_table{
    width:100%;
}
#order_history_table #table_in_table td{
    border-bottom: none!important;
    padding: 0 !important;
    vertical-align: top;
}
#order_history_table #table_in_table td:nth-child(1){
    width:12%;
}
#order_history_table #table_in_table td:nth-child(2){
    width: 50%;
    padding-right: 10px !important;
}
#order_history_table #table_in_table td:nth-child(3){
    width: 18.5%;
    padding-right: 10px !important;
}
#order_history_table #table_in_table td:nth-child(even){

}
.res_disp {
    display: none !important;
}
.res_hide {
    display: block !important;
}
@media only screen and (max-width: 767px){
    #one_maincolumn #login .pwBox {
        margin: 5px;
        padding: 5px;
    }
    #one_maincolumn #login .pwBox .pwIn {
        padding: 5px;
    }
    #one_maincolumn #login #formBox dl dd {
        margin: 0;
    }
    #one_maincolumn #login #formBox dl dt {
        text-align: left;
    }
    #one_maincolumn #login #formBox dl dd .textBox {
        width: 100%;
    }
    #one_maincolumn #login .pwBoxErr {
        margin: 5px;
    }
    #one_maincolumn #login .pwBoxErr .pwIn {
        padding: unset;
    }
    #one_maincolumn #login .pwBox .atention1{
        text-indent: unset;
        margin-bottom: 5px;
    }
    #one_maincolumn #login .pwBox .atention2{
        text-indent: unset;
    }
    #one_maincolumn #mypage #searchBox {
        margin:0;
        padding: 20px 10px 10px 10px;
    }
    #one_maincolumn #mypage #searchBox #search_user_corp_name,
    #one_maincolumn #mypage #searchBox #search_user_corp_name_plus,
    #one_maincolumn #mypage #searchBox select[name="user_syokai"],
    #one_maincolumn #mypage #searchBox select[name="hinsyu"],
    #one_maincolumn #mypage #searchBox select[name="intro_account"]
    {
        width:100%;
    }
    #one_maincolumn #mypage #searchBox .formBox {
        margin: 0;
    }
    #one_maincolumn #mypage #searchBox h4 {
        float: none;
    }
    #one_maincolumn #mypage #searchBox .formBox dl dt {
        float:none;
        text-align:left;
    }
    #one_maincolumn #mypage #searchBox .formBox dl dd {
        margin: 0;
        padding: 0;
    }
    #one_maincolumn #mypage #searchBox .formBox dl dd input#itemName, #one_maincolumn #mypage #searchBox .formBox dl dd input#addressee {
        width: 100%;
    }
    #one_maincolumn #mypage #searchBox .formBox dl dd input#searchPost {
        margin:10px 0 0 0;
        display: block;
    }
    #one_maincolumn #mypage .buttonBox {
        margin-bottom:20px;
        margin-top: 10px;
        padding: 0;
    }
    
    #one_maincolumn #mypage #topLink{ display: none; }
    /*#one_maincolumn #mypage #topLink ul li { width: 100%; }
    #one_maincolumn #mypage #topLink li:hover ul { display: none; }
    #one_maincolumn #mypage #topLink .submenuCheck:checked ~ .submenu { display: block; }
    #one_maincolumn #mypage #topLink .submenu { position: inherit; border: none; }
    #one_maincolumn #mypage #topLink .submenu li { position: relative; width: 100%; }
    #one_maincolumn #mypage #topLink .submenuLabel::after { position: relative; content: '▼'; color: #636363; margin-left: 5px; }
    #one_maincolumn #mypage #topLink .submenuCheck:checked ~ div .submenuLabel::after { content: '▲'; }*/
    .mypage-menu { display: block; }
    .mypage-menu ul.submenu01 label { color: #124c9a; }
    .mypage-menu #quickOrder-menu{
        display: none;
    }
    #one_maincolumn #mypage .newAddressBtnBox{
        text-align:center;
    }
    #one_maincolumn #mypage .newAddressBtnBox input.miniBtn {
        margin: 0;
    }
    #one_maincolumn #mypage #list .listTop h4 {
        float: none;
        display: block;
    }
    #one_maincolumn #list .listTop ul {
        margin: 0;
        padding: 0 28px 0 0;
        position: static;
        float: none;
        padding: 5px 0 5px 0;
        text-align: center;
    }
    #one_maincolumn #list .listTop ul li {
        float: none;
        left: 0;
        display: inline-block;
        font-size: large;
        width: 45px;
        height: 45px;
        margin: 0 5px 0 0;
        line-height: 45px;
    }
    #one_maincolumn #list .listTop ul li a{
        width: 45px;
        height: 45px;
    }
    #one_maincolumn #mypage #list .listTop .rightArea{
        float:none;
    }
    #one_maincolumn #mypage #list .listTop .rightArea select{
        width: 60px;
        height: 30px;
        font-size: 17px;
    }
    #one_maincolumn #mypage input#text_small {
        width:auto;
    }
    #one_maincolumn #mypage input#text_medium {
        max-width: 400px;
        width: 100%;
    }
    #one_maincolumn #mypage input#text_max {
        width: 100%;
    }
    #one_maincolumn #mypage input.text_small {
        width:auto;
    }
    #one_maincolumn #mypage input.text_medium {
        max-width: 400px;
        width: 100%;
    }
    #one_maincolumn #mypage input.text_max {
        width: 100%;
    }
    #one_maincolumn #mypage .msgBox {
        margin: 20px 0;
    }
    #one_maincolumn #mypage .msgBox .pwIn {
        padding: 0;
    }
    #one_maincolumn #mypage table td#detail1
    ,#one_maincolumn #mypage table td#detail2
    ,#one_maincolumn #mypage table td#detail3
    ,#one_maincolumn #mypage table td#detail4
    ,#one_maincolumn #mypage table td#detail5
    ,#one_maincolumn #mypage table td#detail6
    ,#one_maincolumn #mypage table td#detail7 {
        display: block;
        float: left;
        box-sizing: border-box;
        padding-bottom: 0;
    }
    #one_maincolumn #mypage table td#detail4
    ,#one_maincolumn #mypage table td#detail5
    ,#one_maincolumn #mypage table td#detail6
    ,#one_maincolumn #mypage table td#detail7 {
        text-align: left;
        width: 100%;
    }
    #one_maincolumn #mypage table td#detail4:before
    ,#one_maincolumn #mypage table td#detail5:before
    ,#one_maincolumn #mypage table td#detail7:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        font-size: small;
        color: #000;
    }
    #one_maincolumn #mypage table td.res_disp_none_title {
        display: none;
    }
    #one_maincolumn #mypage table td.res_disp_title {
        display: block;
        float: left;
        box-sizing: border-box;
        width: 100%;
    }
    #one_maincolumn #mypage table td.res_disp_title:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        font-size: small;
    }
    #one_maincolumn #mypage table td.res_disp_title:after {
        content: attr(data-after);
        font-size: small;
    }
    #one_maincolumn #mypage table td.res_disp_none {
        display: none;
    }
    #one_maincolumn #mypage table th.res_disp_total_head {
        padding-top: 10px !important;
        font-weight: 700;
        text-align: center;
    }
    #one_maincolumn #mypage table td.res_disp_total {
        text-align: center;
    }
    #one_maincolumn #mypage #kana {
        display: inline;
        font-size: 12px;
    }
    #one_maincolumn #mypage table td#detail6:before {
        content: "ご注文番号" ;
        font-weight: 700;
        font-size: small;
    }
    /*#one_maincolumn #mypage input#text_small {
        display: block;
        font-weight: 700;
        font-size: small;
    }*/
    #one_maincolumn #mypage table td#detail6:after {
        content: "注 明細ごとにご注文番号が必要な場合ご記入ください。" ;
        color: #114d9b;
        font-size: 12px;
    }
    /* #one_maincolumn #mypage table td#detail1 {
        width: 40%
    } */
    #one_maincolumn #mypage table td#detail1 {
        width: 100%;
        padding-bottom: 10px;
    }
    #one_maincolumn #mypage table td#detail1 img{
        border: 1px solid #dfb9c5;
    }
    #one_maincolumn #mypage table td#detail2 {
        width: 100%
    }
    #one_maincolumn #mypage table td#detail2 span{
        display: block;
    }
    #one_maincolumn #mypage table td#detail3 {
        display:none;
    }
    #one_maincolumn #mypage .buttonBox {
        padding: 0;
    }
    #one_maincolumn #mypage .buttonBox input {
        width: 45%;
        /*margin-left: 5px;*/
    }
    .res input{
        width: 100%!important;
    }
    #one_maincolumn #mypage table td.detail_photo
    ,#one_maincolumn #mypage table td.detail_name
    , #one_maincolumn #mypage table td.detail_id
    , #one_maincolumn #mypage table td.detail_money
    , #one_maincolumn #mypage table td.detail_orderid {
        box-sizing: border-box;
        text-align: left;
    }
    #one_maincolumn #mypage table td.detail_photo
    , #one_maincolumn #mypage table td.detail_money{
        float: left;
        width: 100%;
    }
    #one_maincolumn #mypage table td.detail_photo img {
        margin: -1px;
        border: 1px solid #dfb9c5;
        /* width: 100%; */
        /* height: auto; */
    }
    #one_maincolumn #mypage table td.detail_id ,#one_maincolumn #mypage table td.detail_name{
        float: left;
        width: 60%;
    }
    #one_maincolumn #mypage table td.detail_name {
        padding-bottom: 0;
    }
    #one_maincolumn #mypage table td.detail_id {
        padding-top: 0;
    }
    #one_maincolumn #mypage table td.detail_orderid {
        float: left;
        width: 100%;
    }
    #one_maincolumn #mypage table td.detail_orderid input[type=text]{
        display:block;
    }
    #one_maincolumn #mypage table td.detail_photo:before
    , #one_maincolumn #mypage table td.detail_money:before
    , #one_maincolumn #mypage table td.detail_orderid:before {
        content: attr(data-th);
        font-weight: 700;
        display: block;
        color: #000;
    }
    #one_maincolumn #mypage tr.detail_order_data{
        border-bottom:1px solid #d1d1d1;
    }

    #one_maincolumn #mypage #list .listTop .rightArea span {
        display: block;
        margin-top: 5px;
    }
    #one_maincolumn #mypage #list table td {
        border: none;
    }
    .info-th{
        width:70%;
    }
    .change-th,.delete-th{
        display: none;
    }
    .change-td,.delete-td {
        display: none;
    }
    
    .info-td {
        width:70%;
    }
    .shop_deliv_row{
        display: table-row;
        width:100%;
    }
    .resBtnRow {
        display:table-row;
        width:100%;
        border-bottom: 1px solid #d1d1d1;
    }
    .resBtnRow td {
        display: table-cell;
        text-align: center!important;
    }
    .delivery_list .buttonBox{
        display:none!important;
    }
    .delivery_list .resButtonBox{
        display:block!important;
    }
    .delivery_list .resButtonBox input{
        display:block!important;
        Width:100%!important;
        margin: 5px!important;
    }
    .roadCSVBody{
        margin-left:20px;
    }
    .roadCSVBody input[type=file]{
        width:auto!important;
        height:auto!important;
    }
    .roadCSVBody .miniBtn{
        margin:10px 0 0 0;
    }
    #one_maincolumn #mypage .roadCSVHeader, #one_maincolumn #mypage .roadCSVBody, #one_maincolumn #mypage .csvText  {
        display: none;
    }
    #one_maincolumn #mypage .msgBoxCsv {
        margin:0;
        display: none;
    }
    #one_maincolumn #mypage .msgBoxCsv .pwIn {
        padding:0;
    }
    #one_maincolumn #mypage .msgBoxCsv .pwIn table.borderTable th,#one_maincolumn #mypage .msgBoxCsv .pwIn table.borderTable td{
        border: 1px solid #d1d1d1;
        border-top: none;
    }
    #one_maincolumn #mypage .msgBoxCsv .pwIn table.borderTable th{
        background-color: #f5f5f5!important;
        padding: 10px!important;
        border: 1px solid #d1d1d1;
        border-top: none;
    
    }
    #one_maincolumn #mypage .msgBoxCsv .pwIn table.borderTable tr:nth-child(1) th{
        border-top: 1px solid #d1d1d1;
    
    }
    #one_maincolumn #mypage #list {
        padding: 0;
    }
    #one_maincolumn #mypage #list .listTop h4{
        margin:0;
    }
    #one_maincolumn #mypage #list .listTop .download {
        height:40px;
        margin:10px auto auto auto;
        display:block;
        float:none;
    }
    .resList{
        border-top: 3px solid #114d9b;
        margin-top:20px;
    
    }
    #order_history_table,#order_history_table tbody,#order_history_table tr,
    #quotation_list_table,#quotation_list_table tbody,#quotation_list_table tr{
        display: block;
    }
    #order_history_table td, #quotation_list_table td{
        display: block;
        width:100%;
        box-sizing: border-box;
    }
    #order_history_table tr td span{
        display: inline-block;
        width:calc(100% - 144px);
    }
    #order_history_table tr td .resTh {
        display: inline-block;
        font-weight: 700;
        font-size: medium;
        width: 134px;
        margin-right: 10px;
        vertical-align: top;
    }
    #one_maincolumn #mypage #list table#order_history_table td{padding: 5px 0;}
    #order_history_table td:before, #quotation_list_table td:before {
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
        font-size: medium;
    }
    #one_maincolumn #mypage #list table#order_history_table td.noDate-td,
    #one_maincolumn #mypage #list table#order_history_table td.noAddress-td,
    #one_maincolumn #mypage #list table#order_history_table td.company-td,
    #one_maincolumn #mypage #list table#order_history_table td.input-td{
        padding:0;
    }
    #one_maincolumn #mypage #list table#order_history_table td.noDate-td{
        padding-top:10px;
    }
    #one_maincolumn #mypage #list table#order_history_table td.noAddress-td,
    #one_maincolumn #mypage #list table#order_history_table td.input-td
    {
        padding-bottom:10px;
    }
    #one_maincolumn #mypage #list table#order_history_table td.noDate-td:before{
        display: none;
    }
    #one_maincolumn #mypage #list table#order_history_table td.noAddress-td:before,
    #one_maincolumn #mypage #list table#order_history_table td.company-td:before,
    #one_maincolumn #mypage #list table#order_history_table td.input-td:before
    {
        display: none;
    }
    #order_history_table .noDate-td br.date-br{
        display: none;
    }
    #order_history_table .noDate-td:before {
        content: '受付番号:\A購入日時:';
        white-space: pre;
        float: left;
        margin-right: 10px;
        width: 134px;
        padding-bottom: 0;
    }
    #order_history_table .noAddress-td:before {
        content: 'ご注文番号\02460:\Aお届け先／訪問先:';
        white-space: pre;
        float: left;
        margin-right: 10px;
        padding-bottom: 0;
    }
    #order_history_table .company-td:before {
        content: '会社名:';
        white-space: pre;
        float: left;
        margin-right: 10px;
        width: 134px;
        padding-bottom: 0;
    }
    #order_history_table .input-td:before {
        content: '入力者名:';
        white-space: pre;
        float: left;
        margin-right: 10px;
        width: 134px;
        padding-bottom: 0;
    }
    /*#order_history_table .product-td:before {
        content: '商品名:';
    }
    #order_history_table .status-td:before {
        content: '注文状況:';
    }*/
    #order_history_table .detail-th, #order_history_table .detail-td{
        display:none;
    }
    #order_history_table #table_in_table tr{
        display: table-row;
    }
    #order_history_table #table_in_table td{
        display: table-cell;
        width: auto;
    }
    #order_history_table #table_in_table tr td:nth-child(1){
        width: 60px;
    }
    #order_history_table #table_in_table tr td:nth-child(2){
        width: 55%;
    }
    #order_history_table #table_in_table tr td:nth-child(3){
        width: unset;
    }
    #order_history_table #table_in_table tr:nth-child(1) td:nth-child(1):before{
        content: '商品名:';
        height: 36px;
    }
    #order_history_table #table_in_table tr:nth-child(1) td:nth-child(2):before{
        content: "";
        height: 36px;
    }
    #order_history_table #table_in_table tr:nth-child(1) td:nth-child(3):before{
        content: '注文状況/納期予定日:';
        height: 36px;
    }
    #quotation_list_table .requestno-td:before{
        content: '見積依頼番号:';
    }
    #quotation_list_table .date-td:before{
        content: '見積依頼日時:';
    }
    #quotation_list_table .no-td:before{
        content: '見積番号:';
    }
    #quotation_list_table .name-td:before{
        content: '商品名:';
    }
    #quotation_list_table .status-td:before{
        content: '状況:';
    }
    #quotation_list_table .account-td:before{
        content: '紹介アカウント:';
    }
    #quotation_list_table .button-th, #quotation_list_table .button-td{
        display:none;
    }
    #quick_order_table colgroup{
        display: none;
    }
    #quick_order_table tr{
        border-bottom: 1px solid #d1d1d1;
        padding: 10px;
        display: block;
    }
    #quick_order_table tr:nth-child(1), #order_history_table tr:nth-child(1),#quotation_list_table tr:nth-child(1){
        display:none;
    }
    #quotation_list_table .second-th{
        display:none;
    }
    #quick_order_table tr:nth-child(odd)
    , .workflowSettingListTable tr:nth-child(odd)
    , .workflowListTable tr:nth-child(odd) 
    , .contactListTable tr:nth-child(odd) {
        background:#f0f0f0;
    }
    #quick_order_table td{
        display:inline-block!important;
        padding:0!important;
        margin:5px;
        text-align:left!important;
        height:auto;
        min-width:100px;
    }
    #quick_order_table td:before{
        content: attr(data-th) ':';
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
        font-size: medium;
    }
    
    #one_maincolumn #mypage #list .inquiry .title {
        display: flex;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_date span.full-text{
        display: none;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_date span.short-text{
        display: inline;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_date_res {
        display: flex;
        width: 60px;
        box-sizing: border-box;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_content {
        width: calc((100% - 60px) * 0.7);
        box-sizing: border-box;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_status {
        width: calc((100% - 60px) * 0.3);
        box-sizing: border-box;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_detail {
        display: none;
    }
    #one_maincolumn #mypage #list .inquiry .inquiry_row input  {
        display: none;
    }
    #one_maincolumn #mypage #list .inquiry .resBtnRow {
        border-bottom: 1px solid #d1d1d1;
    }
    #one_maincolumn #mypage #list .inquiry .resBtnRow .detail {
        width: 100%;
        box-sizing: border-box;
    }
    #one_maincolumn #mypage #list table td.detail input.opendetail {
        width: 80px;
    }
    #one_maincolumn #list .listTop ul li a {
        width: 45px;
        height: 45px;
    }
    #one_maincolumn #mypage #list table.workflowSettingListTable td {
        display: inline-block;
        padding: 0 5px;
        text-align: left;
        width: 50%;
        box-sizing: border-box;
    }
    #one_maincolumn #mypage #list .workflowSettingListTable td:before {
        content: attr(data-th);
        white-space: pre;
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
    }
    #one_maincolumn #mypage #list .workflowSettingListTable td.blank {
        display: none;
    }
    #one_maincolumn #mypage #list table.workflowListTable td.content {
        display: inline-block;
        padding: 0;
        margin: 5px;
        text-align: left;
        height: auto;
        min-width: 100px;
        width: 40%;
        position: relative;
        left: 15%;
        bottom: 15px;
    }
    #one_maincolumn #mypage #list table td.detail_defo {
        display: none;
    }
    #one_maincolumn #mypage #list table td.detail_res,#one_maincolumn #mypage #list table td.new  {
        text-align: center;
        width: 100%;
        margin: 5px 0;
    }
    #one_maincolumn #mypage #list table td.detail_res input {
        width: 80px;
        height: 37px;
        border: none;
        border-radius: 5px;
        line-height: 37px;
        color: #fff;
        text-align: center;
        font-weight: bold;
        margin-right: 5px;
    }
    #one_maincolumn #mypage #list table td.detail_res input.edit {
        background-color: #114d9b;
    }
    #one_maincolumn #mypage #list table td.detail_res input.delete {
        background-color: #114d9b;
    }
    
    #one_maincolumn #mypage .msgBox .pwIn#workflow_complete {
        padding: 0;
        text-align: center;
    }
    
    #one_maincolumn #mypage #searchBox .formBox dl dd input.day {
        margin: 0;
    }
    
    #one_maincolumn #mypage #list div.buttonGrp {
        margin: 20px 0 0;
        text-align: center;
    }
    input.miniBtn {
        margin: 0 5px 5px 5px;
        width: 45%;
    }
    #one_maincolumn #mypage #list table.workflowListTable tr{
        display: inline-block;
        border-bottom: 1px solid #d1d1d1;
    }
    #one_maincolumn #mypage #list table.workflowListTable td::before {
        content: attr(data-td);
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
        font-size: medium;
    }
    #one_maincolumn #mypage #list .workflowListTable td.detail_c{
        width: 20%;
    }
    #one_maincolumn #mypage #list table td.detail#detailButton {
        text-align: center;
        width: 100%;
        position: relative;
        left: 0%;
    }
    #one_maincolumn #mypage #list .workflowListTable td.detail_c {
        width: 20%;
        position: relative;
        right: 35%;
        top: 120px;
    }
    #one_maincolumn #mypage table td.detail_l {
        display: inline-block;
        text-align: right;
    }
    #one_maincolumn #mypage table.workflowDetailTable tbody .defo {
        display: none;
    }
    #one_maincolumn #mypage table.workflowDetailTable tbody .res {
        display: block;
    }
    #one_maincolumn #mypage table.workflowDetailTable tbody td {
        text-align: left;
        min-height: 45px;
    }
    #one_maincolumn #mypage table.workflowDetailTable tbody tr.meisai th  {
        text-align: center;
        border: unset;
        background-color: unset;
        font-size: 20px;
    }
    #container #one_maincolumn table.workflowDetailTable th.alignl {
        display: block;
        padding-bottom: 10px;
    }
    .workFlowTable,.workflowDetailTable{
        margin-bottom: 20px!important;
        width: 100%!important;
    }
    .workFlowTable tbody tr th,.workflowDetailTable tbody tr th,
    .orderHistoryDetailTable tbody tr th,
    .splrOrderHistoryTable tbody tr th{
        border: 1px solid #d1d1d1!important;
        background-color: #e7eff8!important;
        padding:10px!important;
    }
    .workFlowTable tbody tr td,.workflowDetailTable tbody tr td,
    .orderHistoryDetailTable tbody tr td,
    .splrOrderHistoryTable tbody tr td{
        border-left: 1px solid #d1d1d1!important;
        border-right: 1px solid #d1d1d1!important;
        word-break: break-all;
        min-height: 45px;
    }
    .workFlowTable tbody tr:nth-last-child(1) td:nth-last-child(1),
    .workflowDetailTable tbody tr:nth-last-child(1) td:nth-last-child(1),
    .orderHistoryDetailTable tbody tr:nth-last-child(1) td:nth-last-child(1),
    .splrOrderHistoryTable tbody tr:nth-last-child(1) td:nth-last-child(1){
        border-bottom: 1px solid #d1d1d1!important;
    }
    .workFlowTable,.workFlowTable tbody,.workFlowTable tbody tr,.workFlowTable tbody tr th,.workFlowTable tbody tr td,
    .workflowDetailTable,.workflowDetailTable tbody,.workflowDetailTable tbody tr,.workflowDetailTable tbody tr th,.workflowDetailTable tbody tr td,
    .orderHistoryDetailTable,.orderHistoryDetailTable tbody,.orderHistoryDetailTable tbody tr,.orderHistoryDetailTable tbody tr th,.orderHistoryDetailTable tbody tr td,
    .splrOrderHistoryTable,.splrOrderHistoryTable tbody,.splrOrderHistoryTable tbody tr,.splrOrderHistoryTable tbody tr th,.splrOrderHistoryTable tbody tr td  {
        display:block;
        width:100%!important;
        box-sizing: border-box;
    }
    .workFlowTable tbody{
        border-bottom: #d1d1d1!important;
    }
    .workflowDetailTable tbody tr.meisai th{
        border: none!important;
        background-color: #fff!important;
    
    }
    .orderHistoryDetailTable td
    , .workflowDetailTable td
    , .workflowDetailTable td{
        text-align: left!important;
    }
    .orderHistoryDetailTable .normalTitle
    , .workflowDetailTable .normalTitle
    , .splrOrderHistoryTable .normalTitle{
        display: none;
    }
    .orderHistoryDetailTable .resTitle
    , .workflowDetailTable .resTitle
    , .splrOrderHistoryTable .resTitle{
        display: block;
    }
    
    #container #one_maincolumn table.orderHistoryDetailTable tr.quotationNumRow
    , #container #one_maincolumn table.workflowDetailTable tr.quotationNumRow{
        display: flex;
    }
    #container #one_maincolumn table.orderHistoryDetailTable tr.detailNumRow
    , #container #one_maincolumn table.workflowDetailTable tr.detailNumRow{
        display: flex;
    }
    
    #container #one_maincolumn table.orderHistoryDetailTable th.detailsNumber .detailNumArea
    , #container #one_maincolumn table.workflowDetailTable th.detailsNumber .detailNumArea
    , #container #one_maincolumn table.splrOrderHistoryTable th.detailsNumber .detailNumArea {
        float: none;    
    }
    .resSeparateTable tbody{
        border-bottom: none;
    }
    .resSeparateTable tr{
        margin-top: 20px;
        border-bottom: 1px solid #d1d1d1;
    }
    
    #resBtnArea .buttonBox{
        display:none!important;
    }
    #resBtnArea .resButtonBox{
        display:block!important;
    }
    #resBtnArea .resButtonBox input{
        display:block!important;
        Width:100%!important;
        margin: 5px 0!important;
    }
    #resBtnArea .resButtonBox input.cartButton{
        background: #114d9b url(../common/img/cart_icon.png) no-repeat calc(50% - 50px) 49%!important;
    }
    #resBtnArea .resButtonBox input.cartButton:hover {
        background-color: #4487e0!important;
    }
    .history_details_table td{
        text-align: left!important;
    }
    .history_details_table td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
    }
    .sum{
        text-align: left;
    }
    .orderHistory .listTop ul li{
        left:0!important;
    }
    #favoriteBtnArea{
        text-align:center;
    }
    #favoriteBtnArea .btn-change, #favoriteBtnArea .btn-delete{
        display:none;
    }
    #favoriteBtnArea input{
        margin: 0;
        width:100%;
    }
    #favorite_edit_table, #no_posted_table{
        margin-top:20px!important;
        border-top: 3px solid #114d9b!important;
    }
    #favorite_edit_table, #favorite_edit_table tr, #favorite_edit_table tbody, #favorite_edit_table td,
    #no_posted_table, #no_posted_table tr, #no_posted_table tbody, #no_posted_table td{
        display: block;
    }
    #favorite_edit_table tr{
        border-bottom: 1px double #114d9b;
    }
    #favorite_edit_table tr.favorite-top-tr{
        border-bottom: none!important;
    }
    #favorite_edit_table tr.favorite-tr{
        border-top: none!important;
        border-bottom: none!important;
    }
    #favorite_edit_table tr.total-tr{
        border-top: none!important;
        border-bottom: none!important;
    }
    #favorite_edit_table tr.total-tr td{
        display: inline-block;
        width:calc(50% - 20px);
    }
    #favorite_edit_table .selected-tr{
        /*background-color:#fff1f9;*/
        border: 3px solid #114d9b;
    
    }
    #favorite_edit_table .selected-tr{
        background-color:#fff;
    }
    #favorite_edit_table .btn-tr{
        border-top: none!important;
    }
    #favorite_edit_table .btn-tr-open{
        display:block;
        border: 3px solid #114d9b;
    }
    #favorite_edit_table .btn-tr td{
        padding:10px 0!important;
        text-align: center;
    }
    #favorite_edit_table .btn-tr td .miniBtn{
        width: 97%;
        margin: 5px;
        display: inline-block;
    }
    #no_posted_table tr{
        border-bottom:none;
    }
    #no_posted_table tr.category-tr{
        border-bottom: 1px double #114d9b!important;
    }
    #favorite_edit_table tr:nth-child(1), #no_posted_table tr:nth-child(1){
        display: none;
    }
    #favorite_edit_table tr td.btn-td1{
        display: inline-block;
        vertical-align: middle;
    }
    #favorite_edit_table tr td.btn-td2{
        display: none;
    }
    #favorite_edit_table tr td.btn-td1 input.delete {
        width: 50px !important;
    }
    #favorite_edit_table tr td.btn-td{
        text-align: center!important;
    }
    #favorite_edit_table td.check-td{
        display: inline-block;
        width:45px;
        box-sizing: border-box;
    }
    #favorite_edit_table td.check-td input[name=favorite]{
        width:25px;
    }
    #favorite_edit_table td.name-td {
        display: inline-block;
        width:calc(100% - 50px);
        box-sizing: border-box;
        font-size: 20px;
        font-weight: 600;
    }
    #favorite_edit_table td.photo-td, #no_posted_table td.photo-td{
        display: inline-block;
        width:100px;
        box-sizing: border-box;
    }
    #no_posted_table td.photo-td{
        height:100px;
        float:left;
    }
    
    #favorite_edit_table td.productName-td{
        display: inline-block;
        width:calc(100% - 180px);
        box-sizing: border-box;
    }
    #no_posted_table td.makerno-td, #no_posted_table td.sno-td, #no_posted_table td.name-td  {
        display: inline-block;
        width:calc((100% - 120px) / 2);
        box-sizing: border-box;
    }
    #no_posted_table td.makerno-td{
        float: left;
    }
    #no_posted_table td.name-td{
        width:calc(100% - 120px);
    }
    #no_posted_table td.price-td , #no_posted_table td.userprice-td {
        display: inline-block;
        box-sizing: border-box;
        text-align: left;
    }
    #no_posted_table td.price-td{
        width:45%;
        float:none;
    }
    #no_posted_table td.userprice-td{
        width:50%;
    }
    #no_posted_table td.chkbtn{
        /*float:right;*/
        display: none;
    }
    #no_posted_table .category-tr td.chkbtn{
        display:block;
    }
    #no_posted_table .category-tr td.chkbtn .icon_delete{
        vertical-align: text-bottom;
    }
    #no_posted_table td.chkbtn input[type="checkbox"]{
        height: 20px;
        width: 20px;
    }
    #favorite_edit_table td{
        padding: 10px 5px;
    }
    #favorite_edit_table td.productCode-td {
        display: none;
    }
    .productCode-span{
        display: block;
    }
    #favorite_edit_table td.quantity-td, #favorite_edit_table td.price-td, #favorite_edit_table td.subtotal-td {
        display: inline-block;
        width: calc(37% - 20px);
        box-sizing: border-box;
        text-align:left;
    }
    #favorite_edit_table td.quantity-td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
    }
    #favorite_edit_table td.price-td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
    }
    #favorite_edit_table td.subtotal-td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
    }
    #favorite_edit_table tr.total-tr td{
        text-align: center!important;
        font-weight: 700;
        font-size: 20px;
    
    }
    .favorite-cartBtn, .quick-cartBtn{
        width: 100%!important;
        margin-left: 0!important;
        background: #114d9b url(../common/img/cart_icon.png) no-repeat calc(50% - 50px) 49%!important;
    }
    .favorite-cartBtn:disabled, .quick-cartBtn:disabled{
        width: 100%!important;
        margin-left: 0!important;
        background: #ccc url(../common/img/cart_icon.png) no-repeat calc(50% - 50px) 49%!important;
    }
    
    .subTitle .title-annotation{
        display: block;
    }
    #user_profit_table{
        width:100%;
        margin:auto;
        margin-top:20px;
    }
    #user_profit_table td{
        border-bottom:none;
    }
    #no_posted_table td:before {
        content: attr(data-th);
        display: block;
        font-weight: 700;
        height:20px;
        color: black;
    }
    #usersListTable tr:nth-child(1){
        display:none;
    }
    #usersListTable tr td{
        display: block;
    }
    #usersListTable tr td:before{
        content: attr(data-th);
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
        font-size: medium;
    } 
    #usersListTable tr td.change-td,#usersListTable tr td.delete-td{
        display: none;
    }

    #one_maincolumn #mypage #list table.contactListTable td {
        display: inline-block;
        padding: 10px 5px;
        text-align: left;
        width: 50%;
        box-sizing: border-box;
    }
    #one_maincolumn #mypage #list .contactListTable td:before {
        content: attr(data-th);
        white-space: pre;
        display: block;
        font-weight: 700;
        padding-bottom: 10px;
    }
    #one_maincolumn #mypage #list .contactListTable td.large_col {
        width: 100%;
    }
    #one_maincolumn #mypage #list .contactListTable td.detail_col {
        width: 100%;
        text-align: center;
    }

    #one_maincolumn #mypage textarea {
        padding: 10px 0;
        margin: 10px 0;
        width: 100%;
    }

    .res_top_line {
        border-top: 1px solid #d1d1d1 !important;
    }
    .res_block {
        display: block;
    }
    .res_disp {
        display: block !important;
    }
    .res_hide {
        display: none !important;
    }
    .right-to-center{
        text-align: center;
    }
    .right-to-center input{
        width:180px;
        margin:0;
    }
    .resOnlyHide {display: none;}
    .resOnlyDisp {display: initial;}
    }