@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/


.form-title {
    font-size: 24px;
    margin-bottom: 10px;
}

.form-row {
    display: flex;
    margin-top: 25px;
    padding-bottom: 25px;
    border-bottom: solid 1px #eee;
}

.col-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    align-content: center;
}

.size-row {
    display: flex;
    align-items: center;
    gap: 10px;
}

.order-form-box,
.customer-form-box {
    border: solid #333 2px;
    border-radius: 5px;
    padding: 25px;
}

.form-title.customer {
    margin-top: 100px;
}

.order-form-box .step-title {
    font-size: 20px;
    margin-top: 30px;
}

.step-title {
    margin-bottom: 15px;
}

.form-col.col-title {
    width: 35%;
}

.form-col.col-title .title-req {
    margin-left: 10px;
    background-color: #ff0000;
    color: #fff;
    padding: 0 10px;
}

.form-col.col-title .title-req .req {
    font-size: 12px;
}

.form-col.col-title .title-free {
    margin-left: 10px;
    background-color: #3700ff;
    color: #fff;
    padding: 0 10px;
}

.form-col.col-title .title-free .free {
    font-size: 12px;
}

.form-col.col-content {
    width: 65%;
}

.form-col.col-content.flex {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 0;
}
.form-col.col-content input {
    width: 100%;
    letter-spacing: 1px;
}

.form-col.col-content .size-row {
    width: 50%;
}

.form-col.col-content .size-col1 {
    width: 100px;
}

.form-col.col-content .size-col1 p {
    font-size: 12px;
}

.form-col.col-content .size-col2 {
    width: 75px;
}

.form-col.col-content .size-col2 input {
    width: 100%;
}

.form-col.col-content .top-col {
    margin-bottom: 30px;
}

.gray-col p {
    color: #a1a1a1;
    font-size: 12px;
}


.form-col.col-content .print-pos-row {
    display: flex;
    width: 50%;
}

.form-col.col-content .print-pos-row .print-pos-col1 {
    width: 50px;
}

.form-col.col-content .print-pos-row .print-pos-col2 select {
    width: 195px;
}

.form-col.col-content label {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
}

.form-col.col-content label input {
    width: 20px;
    height: 20px;
}

.form-col.col-title .kome {
    width: 90%;
}

.form-col.col-content .table-col .header-row,
.form-col.col-content .table-col .main-row {
    display: flex;
    align-items: center;
    gap: 33px;
    margin-bottom: 10px;
    font-size: 14px;
}

.form-col.col-content .table-col .header-row .dummy-col,
.form-col.col-content .table-col .main-row .index-col {
    gap: 10px;
    width: 60px;
    display: flex;
    justify-content: flex-end;
}

.form-col.col-content .table-col .header-row .size-col,
.form-col.col-content .table-col .header-row .number-col,
.form-col.col-content .table-col .header-row .name-col,
.form-col.col-content .table-col .main-row .size-col,
.form-col.col-content .table-col .main-row .number-col,
.form-col.col-content .table-col .main-row .name-col {
    width: 130px;
}

.form-col.col-content .add-button {
    display: flex;
    cursor: pointer;
    width: 150px;
    margin-left: 90px;
    margin-top: 30px;
}

.form-col.col-content .table-col .main-row .delete-icon {
    cursor: pointer;
}


.form-col.col-content textarea {
    width: 100%;
    height: 200px;
}

.form-col.col-content .customer-name-row,
.form-col.col-content .customer-name2-row,
.form-col.col-content .customer-name-kana-row,
.form-col.col-content .customer-name-kana2-row {
    display: flex;
    align-items: center;
    width: 50%;
    gap: 15px;
}