@charset "UTF-8";

* {
    font-family: "Kozuka Gothic Pr6N", sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0em;
    color: #524f4c;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 500;
}

html body {
    padding-bottom: 20px;
    background-color: #F1F0EE;
}

table {
    border-collapse: collapse;
}

th {
    background-color: #e7e7e7;
}

th,
td {
    padding: 5px;
    border: 1px solid #ccc;
}

h2 {
    color: #000000;
    font-size: 22px;
}

h2 .btn {
    margin-top: -5px;
}

.no-disp {
    display: none;
}

.form-control:disabled,
.form-control[readonly] {
    background-color: white;
    border: none;
}

.form-control::placeholder {
    color: #bbb;
}

.optional {
    display: inline-block;
    border-radius: 2px;
    padding: 2px 4px 1px 4px;
    color: #212529;
    font-size: 12px;
    margin: 0 3px 0.3rem 5px;
    vertical-align: middle;
    line-height: 1.2em;
}

.optional {
    background-color: rgb(211, 211, 211);
}

.optional:after {
    content: "任意";
}

.invalid-feedback {
    color: #dc3545;
}

.currency {
    text-align: right;
}

.form-pulldown {
    background-repeat: no-repeat;
    background-image: url(images/pulldown.svg);
    background-position: 99% 15px;
    background-size: 8px 4px;
}

.currency.form-pulldown {
    padding-right: 15px;
}

.center {
    text-align: center;
}

.right {
    text-align: right;
}

.header {
    margin-bottom: 40px;
    padding-top: 30px;
}

a.header_logo {
    display: block;
    margin:0 auto;
    text-indent: -9999px;
    background-image: url("/templates/images/logo.svg");
    background-size:100%;
    height: 65px;
    width: 120px;
}

.bs-component {
    margin-left: 150px;
    margin-right: -90px;
}

.navbar {
    padding: 0;
    align-items: flex-start;
}

.navbar-expand-lg .navbar-nav {
    width: 1040px;
}

.nav-link {
    padding: 0;
}

.navbar .nav-item .nav-link::before {
    border: none;
    transition: none;
}

.navbar-light .navbar-nav .nav-link {
    color: #000;
    font-size: 20px;
    text-decoration: none;

}

#footer_desc {
    margin: 60px auto 0 auto;
    text-align: center;
    font-size: 15px;
}

#footer_desc a {}

#footer_desc p,
#footer_desc p span {
    font-size: 20px;
    font-weight: bold;
    line-height: 1.8em;
    color: #000;
}

#footer_desc p span {
    display: inline-block;

}

#footer {
    margin: 20px auto 0 auto;
    font-weight: normal;
}

#footer a {
    color: #000;
    font-weight: normal;
}

#footer a:hover {
    opacity: 0.7;
}

.order-hist {
    margin: 20px 0;
}

.primary {
    width: auto;
    margin: 0 auto;
    display: table;
    _min-width: 600px;
}

.form-signin-heading {
    text-align: left;
    margin: 30px 0 30px 50px;
}

.form-main-heading {
    text-align: left;
    margin: 20px 0;
}

.form-inline-text {
    float: left;
    padding: 7px 10px 0 10px;
}

form .readonly {
    font-weight: normal;
    margin-top: 7px;
}

fieldset.p-3 {
    margin: 0 0 20px 0;
    background-color: white;
    padding: 80px 20px 20px 30px !important;

}

fieldset.p-3.no-legend {
    padding-top: 20px !important;
}

legend {
    display: block;
    position: absolute;
    font-size: 22px !important;
    margin-top: -50px;
    padding: 0;
    font-size: 16px;
}

label {
    width: 25%;
    font-size: 15px;
    margin-top: 9px;
}

.form-group {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid #f3f3f3;
    padding: 1.5rem 0 0.5rem 0;
    align-items: center;
}

.orderconf-fieldset .field-desc {
    padding: 40px 0 20px 0;
    border-top: 1px solid #f3f3f3;

}

.input-group {
    width: 70%;
}

.form-check {
    width:75%;
    padding-left:0.25rem;
}

.form-check input[type=radio] {
    margin-left:1.5rem;
}

.form-group .smp-input-under {
    display: flex;
    flex-wrap: wrap;
    width: 37%;
}

.smp-input-under .col-md-2 {
    flex: 0 0 40%;
    max-width: 40%;
}

input.form-control,
select.form-control,
textarea.form-control {
    display: inline-block;
    width: 75%;
    _flex: none !important;
}

select.is-invalid {
    color: red;
    font-weight: bold;
}

.form-group button {
    margin-top: 50px;
    margin-bottom: 50px;
}

.form-login {
    _width: 400px;
    margin: 0 auto;
    display: table;
}

.btn-row {
    margin-top: 50px;
    margin-bottom: 30px;
    width: 100%;
}

.form-row {
    width: 100%;
}

.btn-group-lg>.btn,
.btn-lg {
    font-size: 22px;
    border-radius: 10px;
    font-weight: bold;

}

.btn-group>.btn-group:not(:first-child)>.btn,
.btn-group>.btn:not(:first-child),
.btn-group>.btn-group:not(:last-child)>.btn,
.btn-group>.btn:not(:last-child):not(.dropdown-toggle) {
    border-radius: 10px;

}

.btn-secondary {
    background-color: white;
    border: 3px solid #524f4c;
    color: #524f4c;
}

.form-group button.btn-sm {
    margin: 0 10px 0 0;
    height: 2.5em;
    padding: 8px 25px 9px 25px;
    line-height: 1.4em;
    border-radius: 0.5rem;

}

.form-group button.reorder_btn,
.form-group button.detail_btn,
.form-group button.photo_btn {
    width: 8em;
}

.form-row input.btn-md {
    margin: 0 10px 0 0;
    height: 2.7em;
    padding: 8px 15px 7px 15px;
    border-radius: 0.5rem;

}

.form-control:read-only:focus {
    color: #495057;
    background-color: #fff;
    border: 1px solid #ced4da;
    outline: 0;
    box-shadow: none;
}

.form-control.is-invalid::placeholder,
.was-validated .form-control:invalid::placeholder {
    color: red;
    font-weight: bold;
}

.amount-box {
    font-size: 14px;
    margin-left: 10px;
}

.caution {
    color: red;
}

.pager a,
.pager span.current {
    background: white;
    padding: 7px 10px;
    border: 1px solid #dee2e6;
}

.pager a+a {
    border-left: none;
}

.pager span.current {
    color: white;
    background-color: #2196f3;
}

.form-signin {
    margin: 0 auto;
    max-width: 330px;
    padding: 15px;
}

.header-auth {
    text-align: right;
    font-size: 20px;
    margin-left: auto;
}

.header-auth * {
    font-weight: normal;
    color: #000;
}

#upload_file_area {
    clear: both;
    border: 1px dashed #999;
    width: 100%;
    height: 100%;
    text-align: center;
    padding: 70px;
    box-sizing: border-box;
}

figure {
    position: relative;
    overflow: hidden;
    cursor: pointer;
}

figure img {
    margin: 0;
}

figcaption {

    color: white;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .6);
    -webkit-transition: .3s;
    transition: .3s;
    opacity: 0;
    padding: 15px;

}

figure:hover figcaption {
    opacity: 1;
}

figcaption h3 {
    font-size: 14px;
    padding: 0;
    margin: 0;
}

figcaption h5 {
    font-size: 11px;
    margin-top: 0;
    margin-bottom: 0;
}

figcaption p {
    font-size: 11px;
}

.alignright {
    float: right;
    clear: none;
    display: inline;
}

.btn-search {
    text-indent: -9999px;
    background-image: url("/templates/images/search.svg");
    backgroud-size: 30px 30px;
    height: 30px;
    width: 30px;
    padding: 0;
}

.ui-autocomplete {
    z-index: 5000;
}

.item_photo {
    max-width: 400px;
    height: auto;
}

.left {
    float: left;
}

.right {
    float: right;
}

a {
    color: #0066ff;
    text-decoration: underline;
}

.form-inline label {
    justify-content: left;
}

.btn-group {
    justify-content:center;
    align-items:center;
}

.btn-primary {
    background-color: #E45425;
    border-color: #E45425;
    color: white;
    height: 83px;
}

.btn-primary:hover {
    background-color: #E45425;
    border-color: #E45425;
    opacity: 0.7;
    color: white;
}


.field_instruction {
    font-size: 12px;
    margin: 0 0 0 15px;
}

.field_instruction.field_under {
    width: 100%;
    margin: 3px 0 0 30%;
}

.pdf-ordersheet {
    width: 768px;
    height: 1136px;
}

.img-order {
    width: 100%;
    height: auto;
}

/* 下書き画面 */
.dr-list,
.oh-list {
    padding-top: 15px;
}

.ma-list {
    padding-bottom: 25px;
}

.dr-list label,
.oh-list label,
.la-list label {
    padding-top: 5px;
}

.dr-list .readonly,
.oh-list .readonly,
.la-list .readonly {
    border: 1px solid #d3d3d3;
    padding: 5px 5px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
    height: 2.2em;
    position: relative;
    margin-top: 7px;
    font-weight: normal;
}

.dr-list .readonly::-webkit-scrollbar,
.oh-list .readonly::-webkit-scrollbar,
.la-list .readonly::-webkit-scrollbar {
    display: none;
}

/* 履歴 */
.form-row .right input.btn {
    margin-right: 0;
}

.box-client-id {
    width: 65%;
}

.box-search-btn {
    width: 35%;
    margin-top: -5px;
    margin-left: 10px;
}

.dr-list .form-row label.total-1 {
    width: 60px;
}

.oh-list .total-1 {
    width: 50px;
}

.form-group.dr-list,
.form-group.oh-list,
.form-group.la-list {
    border-top: none;
    border-bottom: 1px solid #f3f3f3;
}

.form-group.oh-list.noborder {
    border: none;
    margin-bottom: 5px;
}

.dr-list .eta_date {
    width: 400px;
}

.oh-list .eta_date {
    width: 300px;
}

.dr-list .form-row,
.oh-list .form-row {
    margin-bottom: 5px;
}

.dr-list .form-row label,
.oh-list .form-row label,
.la-list label {
    width: 70px;
    margin-left: 15px;
}

input[type=radio] {
    accent-color: #524f4c;
    margin-left: 5px;
    margin-right: 3px;
}

.input-group.box-sales-category {
    margin-left: 40px;
}

.input-group.box-sales-category label {
    width: auto;
    margin-left: 10px;
    padding-top: 0;
    margin-top: 0;
}

.input-group.date #from_ymd,
.input-group.date #to_ymd {
    width: 120px;
}

.form-control#dest_name {
    width: 90%;
}

.oh-list .form-row label.num {
    margin-left: 25px;
    width: 50px;
}

.oh-list .form-row label.total-1 {
    margin-left: 25px;
    width: 50px;
}

.dr-list .form-row label:first-of-type,
.oh-list .form-row label:first-of-type {
    margin-left: 0;
}

.dr-list .form-row .dest_name,
.oh-list .form-row .dest_name {

    width: 594px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dr-list .form-row .dest_name::-webkit-scrollbar,
.oh-list .form-row .dest_name::-webkit-scrollbar {
    display: none;
}

.la-list .form-row #company {
    width: 404px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.la-list .form-row #company::-webkit-scrollbar {
    display: none;
}

.la-list .form-row .auth_literal {
    width: 100px;
}

.la-list .form-row {
    padding: 7px 0;
}

.oh-list .form-row .amount,
.oh-list .form-row .num {
    width: 130px;
}

.dr-list .form-row .item,
.oh-list .form-row .item {
    width: 439px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dr-list .form-row .item::-webkit-scrollbar,
.oh-list .form-row .item::-webkit-scrollbar {
    display: none;
}

.dr-list .form-row .total,
.oh-list .form-row .total {
    width: 80px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dr-list .form-row .total::-webkit-scrollbar,
.oh-list .form-row .total::-webkit-scrollbar {
    display: none;
}

.dr-list .form-row .address,
.oh-list .form-row .address {
    width: 594px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.dr-list .form-row .address::-webkit-scrollbar,
.oh-list .form-row .address::-webkit-scrollbar {
    display: none;
}

.form-row>.col,
.form-row>[class*=col-].box-dest-name {
    padding-left: 0;
}

.oh-list .form-row .box-persons {
    max-width: 30%;
}

.oh-list .form-row .box-persons label {
    width: 200px;
    margin-right: 20px;
    margin-top: 0px;
    padding-top: 0;
}

.oh-list .form-row .box-persons label input {
    margin-right: 5px;
    accent-color: #484643;
}

.la-list .form-row #person_name {
    width: 479px;
    margin-left: 15px;
    overflow: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.la-list .form-row #person_name::-webkit-scrollbar {
    display: none;
}


.la-buttons {
    margin-left: 15px;
    margin-top: 8px;
}

.order-progress {
    display: flex;
}

.order-progress div {
    width: 32%;
    line-height: 60px;
    border: 1px solid #E45425;
    border-right: none;
    background-color: white;
    text-align: center;
    color:#E45425;
}
.order-progress div.two-row {
    line-height:20px;
    padding:0 0 0 0;
}
.order-progress div.two-row::before {
    margin:0 -10px -20px auto;
}
.order-progress div.two-row::after {
    margin:-20px -10px 0 auto;
}

.progress2 div {
    width: 48%;
}

.order-progress.progress4 div {
    width:24%;
}
.order-progress div:not(:first-child) {
    border-left: none;
}

.order-progress div::before {
    display: block;
    width: 20px;
    height: 30px;
    border-right: 1px solid #E45425;
    background-color: white;
    margin: 0 -10px -30px auto;
    content: " ";
    -webkit-transform: skew(30deg);
    -moz-transform: skew(30deg);
    transform: skew(30deg);
}

.order-progress div::after {
    display: block;
    width: 20px;
    height: 30px;
    border-right: 1px solid #E45425;
    background-color: white;
    margin: -30px -10px 0 auto;
    content: " ";
    -webkit-transform: skew(-30deg);
    -moz-transform: skew(-30deg);
    transform: skew(-30deg);
}

.order-progress .progress-current {
    background-color: #E45425;
    border:1px solid #E45425;
    color: white;
}

.order-progress .progress-current::before,
.order-progress .progress-current::after {
    background-color: #E45425;
}

fieldset.order-fieldset {
    padding-top: 60px !important;
}

.order-fieldset:not(:first-child) {
    margin-top: -20px;
}

legend.order-legend {
    background-color: #807d72;
    color: white;
    padding: 7px 0 7px 27px;
    margin-left: -30px;
    margin-top: -60px;
    _width: 668px;
    width: calc(100% - 30px);
}
.custom-message,
.custom-alert,
.desc {
    width:100%;
    padding:20px 15px 20px 20px;
    min-height:150px;
    border:2px solid #E45425;
    border-radius:4px;
    background-color:white;
    background-image:none;
}
.custom-alert {
    padding:30px 0 0 170px;
    background-repeat: no-repeat;
    background-image: url(images/attention.svg);
    background-position: 30px 30px;
    background-size: 90px 81px;
}
.desc {
    min-height:auto;
    margin-bottom:20px;
}

.privacy_policy {
    background-color:white;
    border:1px solid #bbb;
    width:100%;
    height:200px;
    padding:15px;
    overflow:scroll;
    margin:0 0 20px 0;
    font-size:10px;
}
.privacy_policy h1 {
    font-size:14px;
    margin:15px 0 5px 0;
}
.privacy_policy h2 {
    font-size:12px;
    margin:15px 0 5px 0;
}

table.order_table_item {
    margin-bottom:15px;
}
table.order_table_item th {
    background-color:inherit;
}
table.order_table_item .title_row th {
    background-color:#e7e7e7;
}

.error_message {
    font-size:12px;
    color:red;
}
.nodisp {
    display:none;
}

.size_input label {
    width:100%;
    text-align:right;
}

.item-pickup-method {
    margin-bottom:70px;
}

.order_item::placeholder {
    color:#888;
}

.size_label,
.remark_label {
    font-size:12px;
}

input[type="text"].order_item.remark {
    font-size:13px;
    padding-top:0;
    padding-bottom:0;
    _background-color:#e9e9e9;
    _border:1px solid #333;
}

.smp {
    display: none;
}

@media (min-width: 768px) {
    .col-md-9 {
        width: 768px;
    }

    .col-md-6 {
        width: 300px;
    }

    .col-md-5 {
        width: 250px;
    }

    .offset-md-3 {
        margin-left: 200px;
    }

    .order_send_btn {
        width:500px;
        text-align:center;
    }
    
}


@media only screen and (max-width: 599px) {

    .smp {
        display: initial;
    }

    .row {
        margin-left:0;
        margin-right:0;
    }

    .col,
    .col-1,
    .col-10,
    .col-11,
    .col-12,
    .col-2,
    .col-3,
    .col-4,
    .col-5,
    .col-6,
    .col-7,
    .col-8,
    .col-9,
    .col-auto,
    .col-lg,
    .col-lg-1,
    .col-lg-10,
    .col-lg-11,
    .col-lg-12,
    .col-lg-2,
    .col-lg-3,
    .col-lg-4,
    .col-lg-5,
    .col-lg-6,
    .col-lg-7,
    .col-lg-8,
    .col-lg-9,
    .col-lg-auto,
    .col-md,
    .col-md-1,
    .col-md-10,
    .col-md-11,
    .col-md-12,
    .col-md-2,
    .col-md-3,
    .col-md-4,
    .col-md-5,
    .col-md-6,
    .col-md-7,
    .col-md-8,
    .col-md-9,
    .col-md-auto,
    .col-sm,
    .col-sm-1,
    .col-sm-10,
    .col-sm-11,
    .col-sm-12,
    .col-sm-2,
    .col-sm-3,
    .col-sm-4,
    .col-sm-5,
    .col-sm-6,
    .col-sm-7,
    .col-sm-8,
    .col-sm-9,
    .col-sm-auto,
    .col-xl,
    .col-xl-1,
    .col-xl-10,
    .col-xl-11,
    .col-xl-12,
    .col-xl-2,
    .col-xl-3,
    .col-xl-4,
    .col-xl-5,
    .col-xl-6,
    .col-xl-7,
    .col-xl-8,
    .col-xl-9,
    .col-xl-auto {
        padding-left: 3vw;
        padding-right: 3vw;
    }

    .size_input {
        margin-left:-2vw;
        margin-right:-2vw;
    }

    .size_input .label_box {
        flex:0 0 70%;
        max-width:58%;
    }

    .size_input .col-6 {
        padding-left:0.5vw;
        padding-right:0.5vw;
    }

    .size_input .input_box {
        max-width:18vw;
    }

    .container {
        padding-right: 0;
        padding-left: 0;
    }

    .col-md-12 {
        padding-left: 2vw;
        padding-right: 2vw;
    }

    .bs-component {
        float: right;
        margin: 0 5vw 0 0;
    }

    .header {
        padding-top: 4vw;
        margin-bottom: 7vw;
        background-size: 100%;
    }

    a.header_logo {
        margin-top: 1vw;
        height:12.0vw;
        width: 20.0vw;
        background-size: 100%;
        background-repeat:no-repeat;
    }

    .header_logo::after {
        margin: 3.5vw 0 0 0;
        height: 3.6vw;
        width: 24vw;
        background-size: 100%;
    }

    .custom-alert {
        padding:4vw 2vw 2vw 20vw;
        min-height:150px;
        border-radius:4px;
        background-position: 4vw 4vw;
        background-size: 12vw 11vw;
            
    }

    .navbar-light .navbar-toggler {
        color: rgba(0, 0, 0, 0.5);
        border: none;
        padding: 0px;
        width: 10vw;
        height: 1vw;
        box-sizing: border-box;
        position: relative;
        margin-left: 90vw;
    }

    .navbar-light .navbar-toggler-icon {
        background-image: none;
        background-color: #000;
        width: 10vw;
        height: 1vw;
        display: block;
        position: absolute;
        transition: ease .5s;
    }

    .navbar-toggler-icon:nth-of-type(1) {
        top: 1vw;
    }

    .navbar-toggler-icon:nth-of-type(2) {
        top: 4vw;
    }

    .navbar-toggler-icon:nth-of-type(3) {
        top: 7vw;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
        top: 3vw;
        transform: rotate(32deg);
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
        opacity: 0;
    }

    .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
        top: 3vw;
        transform: rotate(-32deg);
    }

    .navbar-expand-lg .navbar-nav {
        width: 90vw;
        margin: 10vw 0 0 10vw;
        background-color: #f4f1ee;

    }

    li.nav-item {
        border-bottom: 1px solid #d0c7c1;
        line-height: 3.5em;
    }

    li.nav-item:last {
        border: none;
    }

    .navbar-light .navbar-nav .nav-link {
        font-weight: bold;
    }

    .header-auth {
        margin-left: 0;
        text-align: left;
        padding: 3vw 0 0 0;
    }

    .form-signin-heading {
        margin: 5vw 0 5vw 4vw;
    }

    .primary {
        width: 100%;
    }

    .order-progress div {
        line-height: 16vw;
        font-size:3.5vw;
        padding-left:3vw;
        text-align:center;
    }

    .order-progress div:nth-child(1) {
        padding-left:0;
    }

    .order-progress div:nth-child(3) {}


    .order-progress div::before {
        width: 5.33vw;
        height: 8.1vw;
        margin: 0 -2.67vw -8.1vw auto;
    }
    
    .order-progress div::after {
        width: 5.33vw;
        height: 8vw;
        margin: -8vw -2.67vw 0 auto;
    }    

    fieldset.p-3 {
        margin: 0 0 3vw 0;
        padding: 15vw 2vw 8vw 2vw !important;
    }

    fieldset.p-3.order-fieldset {
        _padding-right: 5vw !important;
    }

    fieldset.list-fieldset {
        padding-right: 1vw !important;
    }

    .form-group {
        display: block;
        padding: 0.5rem 0 0.25rem 0;
        margin-bottom:0.25rem;

    }

    .input-group {
        width: 100%;
    }

    .input-group.date {
        width: 85%;
    }

    .oh-list .input-group.date {
        width: 100%;
    }

    .form-row {
        margin-left: -2vw;
        margin-right: -2vw;
    }

    .field_instruction,
    .field_instruction.field_under {
        display: block;
        width: 100%;
        margin: 3px 0 0 0;
    }

    .btn-primary {
        height: 60px;
    }

    .btn.order_send_btn,
    .btn.order_next_btn,
    .btn.order_confirm_btn {
        width: 7em;
    }

    .btn#back_btn {
        width: 6em;
    }

    .btn#append_btn {
        width: 6em;
    }

    .btn#cancel_btn {
        width: 6em;
    }

    .btn#update_btn {
        width: 6em;
    }

    .btn.offset-md-1 {
        margin-left: 1.5em;
    }

    legend.order-legend {
        margin-top: -15vw;
        margin-left: -2vw;
        margin-right: 0;
        width: 94vw;
    }

    table.order_table {
        width:100%;
    }
    table.order_table.order_table_2col th,
    table.order_table.order_table_size th {
        width:30%;
    }

    table.order_table_item {
        margin-left:-2vw;
        margin-right:-2vw;
        width:94vw;
    }

    .order_item {
        font-size:4vw;
        height:5vw;
    }

/*
    .order_table_item {
		border-collapse:collapse;
		border-left:1px solid #b3b3b3;
		border-right:1px solid #b3b3b3;
		border-bottom:1px solid #b3b3b3;
	}

	.order_table_item td {
		padding:2.5vw 3vw;
		_background-color:white;
		font-size:4vw;
		display: block;
		text-align: right;
		width: 100%;
	}
	.order_table_item td {
		text-align:left;
	}
	.order_table_item td select {
		float:left;
	}

	.order_table_item .pc {
		display:none!important;
	}

	.order_table_item thead {
		display:none;	
	}
	.order_table_item tr {
		width: 100%;
	}

	.order_table_item td.smp_title_cell {
		_background: #f8f8f8;
		text-align: left;
		border-left:none;
		border-top:1px solid #b3b3b3;
		border-bottom:1px solid #b3b3b3;
	}
	.order_table_item td:not(.smp_title_cell) {
		border-bottom:1px solid #b3b3b3;
		clear:both;
	}
	.order_table_item td.smp_number_cell {
		width:10%;
		float:left;
		border-right:1px solid #b3b3b3;
	}
	.order_table_item td.smp_title_cell {
		width:90%;
		float:left;
	}

    .order_table_item td:before {
		content: attr(data-label);
		float: left;
		margin-right: 5vw;
		width:40%;
		text-align:right;
		position:relative;
	}
*/

    .size_label,
    .remark_label {
        font-size:2.2vw;
        white-space: nowrap; flex-shrink: 0;
    }
    .size1_box,
    .size2_box,
    .remark_box {
        display: flex;
        align-items: center;
        justify-content: flex-end;
    }
    .size2_box {
        margin-top:1vw;
    }

    textarea.form-control {
        width: 100%;
    }

    table.order-hist .thead {
        display: none;
    }

    table.order-hist tr {
        width: 100%;
        display: block;
        margin-bottom: 3vw;
        border: 2px solid gray;
    }

    table.order-hist td {
        display: block;
        width: 100%;
        line-height: 1.5em;
    }

    table.order-hist td:before {
        content: attr(data-label);
        float: left;
        clear: both;
        font-weight: bold;
        margin-right: 2vw;
        line-height: 1.5em;
    }

    label {
        display: block;
        width: 100%;
    }

    input.form-control {
        width: 100%;
    }

    .input-group.date #from_ymd,
    .input-group.date #to_ymd {
        width: 1%;
    }

    .form-group button.reorder_btn,
    .form-group button.detail_btn,
    .form-group button.photo_btn {
        width: 7em;
        padding: 2vw 3vw;
        margin: 0 2.5vw 0 0;
    }

    .pdf-ordersheet {
        width: 94vw;
        height: 135vw;
    }

    .dr-list .form-row label,
    .oh-list .form-row label,
    .la-list .form-row label,
    .dr-list .form-row label.total-1,
    .dr-list .form-row label.num,
    .oh-list .form-row label.total-1,
    .oh-list .form-row label.num {
        width: 100%;
        margin: 5vw 0 0 0;
    }

    .input-group.box-sales-category {
        margin-left: 0;
    }

    input[type=radio] {
        width: 5vw;
        vertical-align: middle;
    }

    .oh-list .form-row .box-sales-category label {
        width: auto;
        margin: 5vw 2vw 0 0;
    }

    .form-control#dest_name {
        width: 100%;
    }

    .dr-list .eta_date,
    .oh-list .eta_date {
        width: 100%;
        line-height: 3em;
    }

    .dr-list .form-row .dest_name,
    .dr-list .form-row .item,
    .oh-list .form-row .dest_name,
    .oh-list .form-row .item,
    .la-list .form-row #company,
    .la-list .form-row #person_name {
        width: 100%;
    }

    .la-list .form-row #person_name {
        margin-left: 0;
    }

    .dr-list .form-row label,
    .oh-list .form-row label,
    .la-list label {
        margin-left: 0;
    }

    .oh-list .form-row .box-persons {
        width: 55vw;
        max-width: 55vw;
    }

    .oh-list .form-row .box-persons label {
        width: 55vw;
        margin-top: 10vw;
        margin-right: 7vw;
    }

    .oh-list .form-row .box-persons label input {
        float: left;
        margin-top: -2vw;
        width: 5vw;
    }

    .oh-list select {
        width: auto;
    }

    .oh-list .box-search-btn {
        width: 100%;
        margin-top: 7vw;
    }

    .dr-list .form-row .address,
    .oh-list .form-row .address {
        width: 100%;
    }

    .la-buttons {
        margin: 5vw 0 0 0;
    }

    .la-list .form-row {
        padding: 0;
    }

    .list-fieldset .btn-row.la-add-btn {
        padding-right: 4vw;
    }


}

.delete_button_wrapper {
    /* wrapper の幅を内包する要素に合わせる。 */
    display: inline-block;
}

.delete_button_wrapper #delete_btn:disabled {
    /* マウスをホバーした際のイベント伝搬を止めないようにする。 */
}
    pointer-events: none;