@charset "utf-8";

/**
FORM
**/
.wrap {
    .contents {
        .acf-field {
            border:none;
            input[type="text"],input[type="number"],input[type="date"],.select2-selection__rendered {
                font-size:1.6rem;
                padding:.5em;
                border:1px solid #cccccc;
                border-radius:4px;
            }
            .select2-selection__rendered {
                padding-right:1.5em;
            }
            .select2-selection {
                border:none;
                height: 46px;
                .select2-selection__arrow {
                    top:10px;
                }
            }
        }
        .acf-form-fields {
            .acf-field {
                &:not(.acf-field-group) {
                    display:grid;
                    align-items:center;
                    grid-template-columns:auto 1fr;
                    grid-column-gap:.5em;
                    .acf-label {
                        margin-bottom:0;
                        label {
                            margin-bottom:0;
                            white-space:nowrap;
                            text-align:right;
                        }
                    }
                    .acf-input {
                        flex-grow:1;
                        input {
                            width:100%;
                        }
                        textarea {
                            width:100%;
                        }
                    }
                }
                &:not(:last-child) {
                    padding-bottom:0;
                }
            }
        }
        .acf-field-group {
            & >  .acf-label {
                font-size:1.8rem;
                margin-bottom:1em;
                label {
                    color:var(--color_main);
                }
            }
            .acf-field {
                &:not(:last-child) {
                    padding-bottom:0;
                }
            }
        }
        .acf-form-submit {
            text-align:center;
            .acf-button {
                font-size:1.8rem;
                color:#FFFFFF;
                background-color:var(--color_main);
                border:none;
                height:2.4em;
                width:100%;
                max-width:12em;
                min-width:8em;
                border-radius:6px;
                margin:0 auto;
            }
        }
    }
}


/**TOP**/
#main {
    #home {
        .wrap {
            .contents {
                a {
                    background-color: var(--color_main);
                    color:#FFFFFF;
                    font-weight:600;
                    display: grid;
                    width: 10em;
                    align-items: center;
                    justify-content: center;
                    line-height: 1;
                    height: 2.4em;
                    border-radius: 6px;
                    font-size:2.0rem;
                    margin:150px auto 0;
                }
            }
        }
    }
}

/**請求一覧**/
#worklist {
    .wrap {
        .contents {
            max-width:1300px;
            .regbox {
                margin-bottom:20px;
                .acf-form-fields {
                    display:flex;
                    column-gap:10px;
                    justify-content:start;
                    .acf-field {
                        flex-grow:1;
                        &:nth-child(1) {
                            width:15%;
                        }
                        &:nth-child(2) {
                            width:10%;
                            margin-right:10px;
                        }
                    }
                }
                .acf-form-submit {
                    margin-top:15px;
                }
            }
            #lists {
                .count {
                    margin:1em 0;
                }
            }
            table {
                &.invoicelist {
                    thead {
                        th {
                            &:first-child {
                                width:6%;
                            }
                            &:nth-child(2) {
                                width:4%;
                            }
                            &:nth-child(3) {
                                width:8%;
                            }
                            &:nth-child(4) {
                                width:8%;
                            }
                            &:nth-child(5) {
                            }
                            &:nth-child(6) {
                                width:6%;
                            }
                            &:nth-child(7) {
                            }
                            &:nth-child(8) {
                                width:8%;
                            }
                            &:nth-child(9) {
                                width:8%;
                            }
                            &:nth-child(10) {
                                width:8%;
                            }
                            &:nth-last-child(-n+4) {
                                width:5%;
                            }
                        }
                    }
                    tbody {
                        tr {
                            background-color:#fafafa;
                            &.status1 {
                                background-color:#FFFFFF;
                            }
                            &.status2 {
                                background-color:#FFFFFF;
                            }
                            &.status3 {
                                background-color:#ffffee;
                            }
                            &.limit {
                                background-color:#ffcccc;
                                td {
                                    color:#cc0000;
                                }
                            }
                        }
                        td {
                            &:nth-last-child(-n+4) {
                                padding:.5em .25em;
                                a {
                                    img {
                                        width:20px;
                                    }
                                }
                                input {
                                    margin-left:5px;
                                    &[type="checkbox"] {
                                        pointer-events:none;
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/**新規登録**/
#registor {
    .wrap {
        padding-bottom:30px;
        .contents {
            .acf-form-fields {
                display:flex;
                flex-wrap:wrap;
                max-width:1000px;
                margin:0 auto;
                & > .acf-field {
                    flex-grow:1;
                    width:21%;
                    .acf-label {
                        width: 3em;
                        text-align:right;
                    }
                    .acf-input {
                        width:100%;
                    }
                    &:first-child {
                        order:2;
                    }
                    &:nth-child(2) {
                        order:1;
                    }
                    &:nth-child(3) {
                        order:3;
                    }
                    &:nth-child(4) {
                        order:4;
                    }
                    &:nth-child(5) {
                        order:5;
                    }
                    &.worktype {
                        width:20%;
                        margin-right:75%;
                    }
                    &.acf-field--post-title {
                        width:100%;
                    }
                    &.subtit {
                        width:100%;
                    }
                }
                .acf-checkbox-list {
                    display:grid;
                    grid-template-columns:repeat(2,auto);
                    grid-column-gap:.5em;
                    &::before {
                        content:none;
                    }
                    li {
                        label {
                            display:grid;
                            grid-template-columns:auto 1fr;
                            grid-column-gap:.33em;
                        }
                    }
                }
            }
            .acf-form-submit {
                margin-top:30px;
            }
        }
    }
}

/**月次修正**/
.sales {
    .btnwrap {
        display:flex;
        width:100%;
        align-items:center;
        justify-content:flex-end;
        gap:20px;
        .btn {
            font-size:1.5rem;
            height:1.8em;
            display:grid;
            align-items:center;
            justify-content:center;
            background-color:var(--color_main);
            border-radius:1em;
            color:#FFFFFF;
            font-weight:600;
            padding:0 1em;
            margin-bottom:30px;
        }
    }
    &.worksheet {
        .btnwrap {
            justify-content:center;
            align-items:flex-start;
            line-height:1.8;
            select {
                padding:.33em 1em;
                margin-bottom:30px;
                line-height:1;
            }
        }
    }
    h3 {
    	font-size:2.4rem;
    	line-height:1;
    	margin-bottom:.75em;
    	border-bottom:3px solid #cccccc;
    	padding:0 .25em .33em;
    }
    .monthlist {
    	display:grid;
    	grid-template-columns:repeat(6,1fr);
    	grid-gap:15px;
    	margin-bottom:30px;
        .month {
            display:grid;
            grid-template-columns:3em auto;
            .btn {
            	display:grid;
            	line-height:1;
            	align-items:center;
            	justify-content:center;
            	background-color:var(--color_main);
            	color:#FFFFFF;
            	height:2em;
            	padding:0 .75em;
            	border-radius:1em;
            	font-size:.8em;
                width:7em;
            }
        }
    }
}

/**顧客登録**/
#client {
    .wrap {
        padding-bottom:30px;
        .contents {
            .acf-form-fields {
                display:flex;
                flex-wrap:wrap;
                & > .acf-field {
                    flex-grow:1;
                    .acf-label {
                        width:5em;
                        text-align:right;
                    }
                    .acf-input {
                        width:100%;
                    }
                    &:first-child {
                        width:30%;
                    }
                    &:nth-child(2) {
                        width:50%;
                    }
                }
            }
            .acf-form-submit {
                margin-top:30px;
            }
        }
    }
}
#lists {
    .wrap {
        .contents {
            table {
                &.client {
                    thead {
                        th {
                            &:first-child {
                                width:7%;
                            }
                            &:nth-child(2) {
                                width:15%;
                            }
                            &:nth-child(3) {
                                width:25%;
                            }
                            &:nth-last-child(-n+2) {
                                width:7%;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**担当者**/
#member {
    .wrap {
        padding-bottom:30px;
        .contents {
            .acf-form-fields {
                display:flex;
                flex-wrap:wrap;
                & > .acf-field {
                    flex-grow:1;
                    width:50%;
                    .acf-label {
                        width:7em;
                        text-align:right;
                    }
                    .acf-input {
                        width:100%;
                    }
                    &:first-child {
                        width:30%;
                    }
                }
            }
            .acf-form-submit {
                margin-top:30px;
            }
        }
    }
}
#lists {
    .wrap {
        .contents {
            table {
                &.member {
                    thead {
                        th {
                            &:first-child {
                                width:7%;
                            }
                            &:nth-child(2) {
                                width:15%;
                            }
                            &:nth-child(4) {
                                width:20%;
                            }
                            &:nth-last-child(-n+2) {
                                width:7%;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**作業項目**/
#workitem {
    .wrap {
        padding-bottom:30px;
        .contents {
            .acf-form-fields {
                display:flex;
                flex-wrap:wrap;
                & > .acf-field {
                    flex-grow:1;
                    width:50%;
                    .acf-label {
                        width:4em;
                        text-align:right;
                    }
                    .acf-input {
                        width:100%;
                    }
                    &:first-child {
                        width:100%;
                    }
                    &:nth-child(2) {
                        width:20%;
                    }
                }
            }
            .acf-form-submit {
                margin-top:30px;
            }
        }
    }
}
#lists {
    .wrap {
        .contents {
            table {
                &.workitem {
                    thead {
                        th {
                            &:first-child {
                                width:7%;
                            }
                            &:nth-child(2) {
                                width:40%;
                            }
                            &:nth-child(4) {
                                width:30%;
                            }
                            &:nth-last-child(-n+2) {
                                width:7%;
                            }
                        }
                    }
                }
            }
        }
    }
}

/**物件一覧**/
#property {
    .wrap {
        padding-bottom:30px;
        .contents {
            .acf-form-fields {
                display:flex;
                flex-wrap:wrap;
                & > .acf-field {
                    flex-grow:1;
                    width:50%;
                    .acf-label {
                        width:4em;
                        text-align:right;
                    }
                    .acf-input {
                        width:100%;
                    }
                    &:first-child {
                        width:40%;
                    }
                    &:nth-child(2) {
                        width:60%;
                    }
                    &:nth-child(3) {
                        width:35%;
                    }
                    &:nth-child(4) {
                        width:30%;
                    }
                    &:nth-child(5) {
                        width:35%;
                    }
                }
            }
            .acf-form-submit {
                margin-top:30px;
            }
        }
    }
}
#lists {
    .wrap {
        .contents {
            table {
                &.property {
                    thead {
                        th {
                            &:first-child {
                                width:7%;
                            }
                            &:nth-child(2) {
                                width:20%;
                            }
                            &:nth-child(3) {
                                width:20%;
                            }
                            &:nth-child(4) {
                                width:20%;
                            }
                            &:nth-child(5) {
                                width:10%;
                            }
                            &:nth-child(6) {
                                width:30%;
                            }
                            &:nth-last-child(-n+2) {
                                width:7%;
                            }
                        }
                    }
                    tbody {
                        td {
                            &:nth-child(2),&:nth-child(3),&:nth-child(4),&:nth-child(6) {
                                text-align:left;
                            }
                            
                        }
                    }
                }
            }
        }
    }
}

/**シングルページ削除ボタン**/
.single_btnwrap {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    column-gap:.5em;
    margin-bottom:30px;
    .btn {
        display:grid;
        font-size:1.6rem;
        background-color:#ff6600;
        color:#FFFFFF;
        font-weight:600;
        height:2.2em;
        align-items:center;
        justify-content:center;
        border-radius:1.2em;
        padding:0 1em;
        &.btn_alert {
            background-color:#cc0000;
        }
    }
}

/**各種設定**/
#setting {
    .wrap {
        .contents {
            .acf-field-group {
                & > .acf-input {
                    & > .acf-fields {
                        display:grid;
                        grid-template-columns:repeat(2,1fr);
                        & > .acf-field {
                            .acf-label {
                                width:5em;
                            }
                            .acf-input {
                                width:100%;
                            }
                        }
                    }                
                }
                &[data-name="請求情報"] {
                    & > .acf-input {
                        & > .acf-fields {
                            grid-template-columns:repeat(3,1fr);
                            & > .acf-field {
                                .acf-label {
                                    width:6em;
                                }
                                .acf-input {
                                    width:100%;
                                }
                            }
                        }
                    }
                    .acf-field {
                        &:not(:last-child) {
                            padding-bottom:16px;
                        }
                    }
                }
            }
            .acf-form-submit {
                margin-top:20px;
            }
        }
    }
}

/**案件詳細**/
#workdetail {
    .wrap {
        .contents {
            .tab {
                display:grid;
                width:100%;
                grid-template-columns:repeat(6,1fr);
                grid-column-gap:10px;
                align-items:end;
                position:relative;
                padding:0 10px;
                order:9;
                margin-top:30px;
                overflow:hidden;
                &::after {
                    content:'';
                    display:block;
                    position:absolute;
                    left:0;
                    bottom: 1px;
                    width:100%;
                    border-bottom: 2px solid var(--color_main);
                    z-index:1;
                }
                li {
                    cursor:pointer;
                    border:1px solid #999999;
                    background-color:#FFFFFF;
                    border-bottom:none!important;
                    text-align:center;
                    padding:1em;
                    border-radius:1em 1em 0 0;
                    position:relative;
                    z-index:0;
                    &.active {
                        border:2px solid var(--color_main);
                        padding:1.1em;
                        z-index:2;
                    }
                }
            }
            #acf-form {
                display:contents;
                .acf-form-fields {
                    display:contents;
                    /* & > .acf-field:nth-child(-n+4):not(:first-child) {
                        width:33%;
                        padding: 10px;
                    } */
                    & > .acf-field--post-title {
                        width:50%;
                        padding:0 10px 10px;
                        order:1;
                        &:has( + .worktype + .subtit.acf-hidden) {
                            margin-right:50%;
                        }
                    }
                    .worktype {
                        order:0;
                        width:25%!important;
                        margin-right:70%;
                        padding:0 10px 10px;
                        .acf-checkbox-list {
                            display:grid;
                            grid-template-columns:repeat(2,auto);
                            grid-column-gap:.5em;
                            justify-content:start;
                            &::before {
                                content:none;
                            }
                            li {
                                label {
                                    display:grid;
                                    grid-template-columns:auto auto;
                                    justify-content:start;
                                    grid-column-gap:.33em;
                                }
                            }
                        }
                    }
                    .subtit {
                        order:2;
                        width:50%;
                        padding:0 10px 10px;
                    }
                    .workcustomer {
                        order:3;
                        width:25%;
                        padding:0 10px 10px;
                    }
                    .workstatus {
                        order:5;
                        width:25%;
                        padding:0 10px 10px;
                        .acf-checkbox-list {
                            display:grid;
                            grid-template-columns:repeat(3,auto);
                            grid-column-gap:.5em;
                            justify-content:start;
                            &::before {
                                content:none;
                            }
                            li {
                                label {
                                    display:grid;
                                    grid-template-columns:auto auto;
                                    justify-content:start;
                                    grid-column-gap:.33em;
                                }
                            }
                        }
                    }
                    .worktantou {
                        order:4;
                        width:25%;
                        padding:0 10px 10px;
                    }
                    .startdate {
                        order:6;
                        width:25%;
                        padding:0 10px 10px;
                    }
                }
            }
            .editbox {
                display:flex;
                flex-wrap:wrap;
                grid-template-columns:repeat(4,auto);
                .acf-field-accordion {
                    order:10;
                    width:100%;
                    grid-template-columns: 1fr;
                    &:not(.active) {
                        display:none;
                    }
                    .acf-accordion-title {
                        display:none;
                    }
                    .acf-accordion-content {
                        display:block!important;
                        .acf-field-group {
                            .acf-label {
                                /* display:none; */
                            }
                            .acf-fields.-border {
                                border:none;
                            }
                            &.infobox {
                                padding-top:30px;
                                &.quote,&.orderform {
                                    .acf-fields {
                                        & > .acf-field {
                                            &:first-child {
                                                grid-area:1/1/3/2;
                                            }
                                        }
                                    }
                                }
                                &.orderform {
                                    .printbtn {
                                        grid-area:2/4/3/5;
                                    }
                                }
                                & > .acf-label {
                                    display:none;
                                }
                                .acf-fields {
                                    display:grid;
                                    grid-template-columns:auto 30% 30% auto;
                                    grid-row-gap:10px;
                                    align-items: center;
                                    & > .acf-field {
                                        padding:0 10px;
                                        &.cpybtn {
                                            justify-self:end;
                                            grid-area:3/1/4/5;
                                        }
                                        &[data-name="published"]{
                                            grid-area:1/4/2/5;
                                            grid-template-columns: repeat(2,auto);
                                            justify-content:center;
                                        }
                                        .btn {
                                            display:grid;
                                            grid-template-columns:repeat(2,auto);
                                            grid-column-gap:.5em;
                                            align-items:center;
                                            justify-content:center;
                                            color:var(--color_main);
                                            border:3px solid var(--color_main);
                                            font-weight:600;
                                            height:2.4em;
                                            width:120px;
                                            margin:0 auto;
                                            border-radius:2em;
                                            background-color:#FFFFFF;
                                            &::after {
                                                content:'';
                                                width:1.2em;
                                                height:1.2em;
                                                background:url(/yb_wp/wp-content/themes/usercentral_theme/img/icon_print.svg) no-repeat center center/contain;
                                            }
                                            &.copy {
                                                width:240px;
                                                &::after {
                                                    content:'';
                                                    width:.9em;
                                                    height:.9em;
                                                    background:url(/yb_wp/wp-content/themes/usercentral_theme/img/icon_note.svg) no-repeat center center/contain;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                            &.totalbox {
                                padding-top:0;
                                & > .acf-label {
                                    display:none;
                                }
                                &.invoice {
                                    .acf-fields {
                                        margin-left:39.5%;
                                        margin-right:16%;
                                        .acf-field {
                                            padding:10px 4px 0;
                                            width:41%;
                                            margin-left:20%;
                                            grid-template-columns:3em 1fr;
                                            &:first-child {
                                                width:20%;
                                            }
                                            &:nth-last-child(-n+2) {
                                                justify-self:flex-end;
                                            }
                                        }
                                    }                                    
                                }
                                &.ordersheet {
                                    .acf-fields {
                                        margin-left:29%;
                                        .acf-field {
                                            padding:10px 4px 0;
                                            width:25%;
                                            margin-left:12.5%;
                                            &:first-child {
                                                width:13%;
                                            }
                                            &:nth-last-child(-n+2) {
                                                justify-self:flex-end;
                                            }
                                            &:last-child {
                                                position:relative;
                                                &::after {
                                                    content:'%';
                                                    position:absolute;
                                                    right:1em;
                                                    top:1.33em;
                                                }
                                            }
                                        }
                                    }
                                }
                                .acf-fields {
                                    display:flex;
                                    flex-wrap:wrap;
                                    margin-left:36%;
                                    margin-right:3%;
                                    justify-content:flex-end;
                                    .acf-field {
                                        padding:10px 4px 0;
                                        width:33%;
                                        margin-left:20%;
                                        grid-template-columns:3em 1fr;
                                        &:first-child {
                                            grid-template-columns:1fr;
                                            width:25%;
                                            margin-left:0;
                                            margin-right:auto;
                                            .acf-label {
                                                display:none;
                                            }
                                        }
                                        &:nth-last-child(-n+2) {
                                            justify-self:flex-end;
                                        }
                                    }
                                }
                            }
                            &.paperprint {
                                & > .acf-label {
                                    display:none;
                                }
                                & > .acf-input {
                                    .acf-fields {
                                        max-width:800px;
                                        display:flex;
                                        justify-content:flex-start;
                                        flex-wrap:wrap;
                                        margin:0 auto;
                                        .acf-field {
                                            grid-template-columns:8em 1fr;
                                            width:100%;
                                            &:nth-child(-n+2) {
                                                width:100%;
                                            }
                                            &[data-name="date"] {
                                                width:50%;
                                                margin-right:50%;
                                            }
                                            &[data-name="range1"] {
                                                padding-right:8px;
                                                width:30%;
                                            }
                                            &[data-name="range2"] {
                                                grid-template-columns:1em 1fr;
                                                padding-left:0;
                                                width:30%;
                                            }
                                            &:last-child {
                                                grid-template-columns:1fr;
                                                width:100%;
                                                .btn {
                                                    display:grid;
                                                    grid-template-columns:repeat(2,auto);
                                                    grid-column-gap:.5em;
                                                    align-items:center;
                                                    justify-content:center;
                                                    color:var(--color_main);
                                                    border:3px solid var(--color_main);
                                                    font-weight:600;
                                                    height:2.4em;
                                                    width:120px;
                                                    margin:0 auto;
                                                    border-radius:2em;
                                                    background-color:#FFFFFF;
                                                    &::after {
                                                        content:'';
                                                        width:1.2em;
                                                        height:1.2em;
                                                        background:url(/yb_wp/wp-content/themes/usercentral_theme/img/icon_print.svg) no-repeat center center/contain;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                        .acf-field-repeater {
                            &.listbox {
                                display:block;
                                &.invoice {
                                    .acf-table {
                                        th,td {
                                            width:12%!important;
                                        }
                                        th:nth-child(2),td:nth-child(2) {
                                            width:9%!important;
                                        }
                                        th:nth-child(3),td:nth-child(3) {
                                            width:24%!important;
                                        }
                                        th:nth-child(4),td:nth-child(4),th:nth-child(5),td:nth-child(5) {
                                            width:8%!important;
                                        }
                                    }
                                }
                                &.ordersheet {
                                    .acf-table {
                                        th,td {
                                            width:12%!important;
                                        }
                                        th:nth-child(2),td:nth-child(2) {
                                            width:25%!important;
                                        }
                                        th:nth-child(4),td:nth-child(4),th:nth-child(3),td:nth-child(3) {
                                            width:8%!important;
                                        }
                                    }
                                }
                                .acf-table {
                                    border:none;
                                    th,td {
                                        width:14%!important;
                                    }
                                    th:first-child,td:first-child,th:last-child,td:last-child {
                                        width:2%!important;
                                    }
                                    th:nth-child(2),td:nth-child(2) {
                                        width:30%!important;
                                    }
                                }
                                .acf-th {
                                    text-align:center;
                                    border:none;
                                }
                                .acf-row-handle,.acf-row-handle {
                                    border:none;
                                    background-color:#FFFFFF;
                                }
                                td {
                                    &.acf-field {
                                        display:table-cell;
                                        padding:4px 4px;
                                    }
                                }
                                & > .acf-label {
                                    display:none;
                                }
                                .acf-actions {
                                    text-align:center;
                                }
                                .acf-repeater-add-row {
                                    display:grid;
                                    align-items:center;
                                    justify-content:center;
                                    color:var(--color_main);
                                    border:3px solid var(--color_main);
                                    font-weight:600;
                                    font-size:1.4rem;
                                    height:2.4em;
                                    width:100px;
                                    margin:0 auto;
                                    border-radius:2em;
                                    float:none;
                                    background-color:#FFFFFF;
                                }
                            }
                            &.worklist {
                                display:block;
                                background-color:#f5f5f5;
                                margin-top: 30px;
                                .acf-table {
                                    border:none;
                                    & + .acf-actions {
                                        border-top:5px solid #FFFFFF;
                                        padding-top:10px;
                                    }
                                    th,td {
                                        background-color:#f5f5f5;
                                    }
                                    th:first-child,td:first-child,th:last-child,td:last-child {
                                        width:2%!important;
                                    }
                                    th:nth-child(2),td:nth-child(2) {
                                        width:100%!important;
                                        display:grid;
                                        border:none;
                                        grid-template-columns:20% 1fr;
                                        grid-template-rows:auto 1fr;
                                        align-items:start;
                                        .acf-field {
                                            &.workbox {
                                                grid-area:1/2/3/3;
                                                & > .acf-label {
                                                    display:none;
                                                }
                                            }
                                        }
                                    }
                                    .acf-table {
                                        border:none;
                                        & + .acf-actions {
                                            border-top:none;
                                            padding-top:0;
                                            background-color:transparent;
                                        }
                                        .acf-row {
                                            border-bottom:10px solid #f5f5f5;
                                        }
                                        th,td {
                                            background-color:#FFFFFF;
                                        }
                                        th:first-child,td:first-child,th:last-child,td:last-child {
                                            width:2%!important;
                                        }
                                        th:nth-child(2),td:nth-child(2) {
                                            display:flex;
                                            align-items:center;
                                            flex-wrap:wrap;
                                            border:none;
                                            .acf-field {
                                                &.acf-field-gallery {
                                                    width:100%;
                                                    order:5;
                                                    grid-template-columns:1fr;
                                                    .acf-label {
                                                        label {
                                                            color:var(--color_main);
                                                            border:2px solid var(--color_main);
                                                            width:120px;
                                                            text-align:center;
                                                            height:2em;
                                                            display:grid;
                                                            align-items:center;
                                                            justify-content:center;
                                                            border-radius:1em;
                                                            position:relative;
                                                            cursor: pointer;
                                                            &::before,&::after {
                                                                content:'';
                                                                display:block;
                                                                width:.8em;
                                                                height:3px;
                                                                background-color:var(--color_main);
                                                                position:absolute;
                                                                right:.5em;
                                                                top:calc(50% - 1px);
                                                                transition:.3s;
                                                            }
                                                            &::after {
                                                                transform:rotate(90deg);
                                                            }
                                                            &.open {
                                                                &::before {
                                                                    opacity:0;
                                                                    transform:rotate(90deg);
                                                                }
                                                                &::after {
                                                                    transform:rotate(180deg);
                                                                }
                                                            }
                                                        }
                                                    }
                                                    .acf-input {
                                                        display:none;
                                                    }
                                                    .acf-gallery {
                                                        height:auto!important;
                                                        min-height:150px;
                                                        margin-top:10px;
                                                    }
                                                }
                                                &[data-name="range1"] {
                                                    width:22%;
                                                    padding-right:8px;
                                                }
                                                &[data-name="range2"] {
                                                    width:18%;
                                                    padding-left:0;
                                                }
                                                &[data-name="workplace"] {
                                                    width:60%;
                                                    padding-left:0;
                                                }
                                                &[data-name="person"] {
                                                    width:100%;
                                                    padding-left:0;
                                                }
                                                &[data-name="other"] {
                                                    width:50%;
                                                    padding-left:0;
                                                }
                                                &[data-name="type"] {
                                                    width:50%;
                                                    padding-left:0;
                                                }
                                                &[data-name="title"] {
                                                    width:85%;
                                                    padding-left:0;
                                                }
                                                &[data-name="strike"] {
                                                    padding-left:0;
                                                    width:15%;
                                                    grid-template-columns:repeat(2,auto);
                                                }
                                            }
                                        }
                                    }
                                }
                                .acf-th {
                                    text-align:center;
                                    border:none;
                                }
                                .acf-row-handle,.acf-row-handle {
                                    border:none;
                                    background-color:#FFFFFF;
                                }
                                td {
                                    &.acf-field {
                                        display:table-cell;
                                        padding:4px 4px;
                                    }
                                }
                                & > .acf-label {
                                    display:none;
                                }
                                .acf-actions {
                                    text-align:center;
                                }
                                .acf-repeater-add-row {
                                    display:grid;
                                    align-items:center;
                                    justify-content:center;
                                    color:var(--color_main);
                                    border:3px solid var(--color_main);
                                    font-weight:600;
                                    font-size:1.4rem;
                                    height:2.4em;
                                    width:100px;
                                    margin:0 auto;
                                    border-radius:2em;
                                    float:none;
                                    background-color:#FFFFFF;
                                }
                            }
                        }
                        
                    }
                }
                .tabnum,.invlimit {
                    display: none;
                }
                .acf-form-submit {
                    order:11;
                    margin:50px auto 0;
                }
            }
        }
    }
}


/**table list**/
#lists {
    table {
        width: 100%;
        border-collapse: collapse;
        th,td {
            font-size:1.5rem;
            line-height:1.3;
            padding:.5em;
            vertical-align:middle;
            text-align:center;
        }
        thead {
            th {
                background-color:var(--color_main);
                font-weight:500;
                font-size:1.4rem;
                color:#FFFFFF;
                &:not(:last-child) {
                    border-right:1px solid #FFFFFF;
                }
            }
        }
        tbody {
            td {
                border:1px solid #efefef;
                a {
                    &.btn {
                        font-size:1.4rem;
                        height:1.8em;
                        display:grid;
                        align-items:center;
                        justify-content:center;
                        width:4em;
                        background-color:#ff9900;
                        border-radius:1em;
                        color:#FFFFFF;
                        font-weight:600;
                        margin:0 auto;
                        &.btn_alert {
                            background-color:#cc0000;
                        }
                        &.btn_duplicate {
                            background-color:#66cc00;
                        }
                    }
                }
            }
        }
        tfoot {
            td {
                background-color:#EFEFEF;
                font-weight:500;
                font-size:1.4rem;
                &:not(:last-child) {
                    border-right:1px solid #FFFFFF;
                }
            }
        }
    }
}








.searchbox {
    margin-bottom:10px;
    form {
        &.searchandfilter {
            ul {
                li {
                    padding:0;
                    &:nth-last-child(-n+2) {
                        align-self:end;
                    }
                    &:nth-last-child(1) {
                        input[type="submit"] {
                            transform:translateY(-.3em);
                            background-color:#ff9900;
                            border:none;
                            color:#FFFFFF;
                            font-weight:600;
                            padding:.2em;
                            border-radius:4px;
                        }
                    }
                }
            }
        }
        & > ul {
            font-size:1.6rem;
            display:grid;
            align-items:center;
            grid-gap:10px;
            grid-template-columns:repeat(9,auto);
            li {
                h4 {
                    font-size:1.5rem;
                    font-weight:500;
                }
            }
            input {
                &[type="text"] {
                    padding:.5em;
                    border:none;
                    border:2px solid #cccccc;
                    border-radius:4px;
                    box-shadow:none;
                }
            }
            .sf-field-search {
                label {
                    display:block;
                }
            }
            .sf-input-text {
                width:100%;
            }
            .sf-input-select {
                width:100%;
                min-width:auto;
                padding:.5em;
                border:none;
                border:2px solid #cccccc;
                border-radius:4px;
            }
            .sf_date_field {
                display:grid;
                grid-template-columns:45% 55%;
                li {
                    &:last-child {
                        display:grid;
                        grid-template-columns:auto 1fr;
                        align-items:center;
                        &::before {
                            content:'〜';
                            margin:0 .33em;
                        }
                    }
                }
            }
            .sf-field-post-meta-invoice_info_published {
                text-align:center;
                ul {
                    padding:.66em 0;
                }
                .sf-label-checkbox {
                    display:none;
                }
            }
        }
    }
}

h1 {
    &.pagetitle {
        text-align:center;
        font-size:2.4rem;
        padding:1em 0 2em;;
        display:grid;
        grid-template-columns:repeat(2,auto);
        align-items:center;
        justify-content:center;
        grid-gap:.5em;
        font-weight:500;
        span {
            &::before {
                font-size:1.5em;
                color:#007572;
            }
        }
    }
}



.pagenavi {
    padding-top:60px;
    .screen-reader-text {
        display:none;
    }
    .page-numbers {
        display:flex;
        align-items:start;
        justify-content:center;
        gap:.5em .33em;
        li {
            a,span {
                background-color:#f1f1f1;
                color:#000000;
                font-size:1.3rem;
				aspect-ratio:1;
                min-height:2em;
                line-height:2;
                min-width:2em;
                padding:0 .5em;
				border-radius:50%;
            }
        }
        .current {
            font-weight:700;
			color:#FFFFFF;
			background-color:var(--color_main);
        }
		&.next,&.prev {
			background:none;
			color:#000000;
		}
    }
}


/**popup**/
.pum-container .pum-content {
	text-align:center;
}
.pum-container .pum-content p {
	margin-bottom:1em;
    line-height:1.5;
}
.pum-container .pum-content .fbox {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:5px;
}
.pum-container .pum-content .btn {
	background-color:#cc0000;
    display:grid;
    height:2em;
    align-items:center;
    justify-content:center;
    padding:0 1.5em;
	font-size:1.6rem;
	color:#FFFFFF;
	line-height:1;
	border-radius:1em;
    font-weight:500;
}
.pum-container .pum-content .btn.btn_cancel {
	background-color:#cccccc;
	color:#666666;
}

/**loading**/
body {
    &.loading {
        &::after {
            content:'';
            display:block;
            width:100%;
            height:100vh;
            position:fixed;
            left:0;
            top:0;
            background:url(../img/loading.gif) no-repeat center center/50px auto rgba(255,255,255,.8);
            z-index:999;
        }
    }
}

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

body {
	&.home {
		min-width:0;
		#header{
			.header {
				.header_inner {
					width: calc(100% - 40px);
				}
				.menu-gmenu-container {
					.menu {
						width: calc(100% - 40px);
						flex-wrap:wrap;
						padding-bottom:10px;
						li {
							flex-grow:1;
							text-align:center;
							a {
								font-size:1.4rem;
								height:2.0em;
							}
						}
					}
				}
			}
		}
		
	}
}

}