/* 共通・タグ単位  */

* {
    font-family: 'Kosugi Maru', sans-serif;
    font-family: 'Noto Sans JP', sans-serif;
    box-sizing: border-box;
    margin: 0;
    padding:0;
    outline:none;
}

:root {
    --color-bright : #999;
    --color-default : #666;
    --color-dark : #333;
    --bgcolor-brightest : #fbfbfb;
    --bgcolor-bright:#e5e8f5;
    --bgcolor-dark : #ccece4;
    --main-color : #3F51B5;
    --sub2-color : #4caf50;
    --color-1 : #fce9ea;
    --color-2 : #f2a7ad;
    --color-green: #009688;
    --color-red: #db0011;
    --color-main : #db0011;
    --color-main-dark: #db0011aa;
    --color-main-a : #db001155;
    --color-form-bg: #db0011;
}

:root:has(.body--admin) {
    --color-main: #009688;
    --color-main-a: #00968855;
    --color-main-dark: #009688aa;
    --color-form-bg: #009688;
    --color-form-text: #fff;
}


::placeholder {
    color:#ccc;
}

html {
    font-size:62.5%;
    color: var(--color-default);
    background-color:var(--bgcolor-brightest);
    overflow-x:hidden;
}

html:has(.list-contents__outer){
    overflow-x: visible;
}

body {
    background-image: url(/.src/img/main_bg.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    font-size: 1.6rem;
    padding: 0;
    position:relative;
    padding: 60px 0 180px;
}

body.body--list{
    background-attachment: fixed;
    background-size: cover;
    background-position: center;
}

a {
    cursor:pointer;
    color: var(--color-default);
}

a.link-item--blue {
    color: #36f;
}

a:hover {
    text-decoration: none;
}

input, textarea, select {
    border: 1px solid #ccc;
    border-radius: 2px;
    vertical-align: middle;
}

input[type = "date"] {
    width:100px;
}

input[type = "datetime-local"] {
    width: 140px;
}

select {
    padding:5px;
}

[readonly], [disabled]{
    background-color:#fff;
    border: 1px solid transparent;
    user-select: none;
    cursor: not-allowed;
    opacity:0.6;
}

[readonly].readonly--em {
    background-color: #eee;
}


h1 {
    font-size: 1.8rem;
    font-weight: normal;
    letter-spacing: 1px;
    line-height:60px;
}



.nf {
    letter-spacing:1px;
}

.file__item--hidden {
    display:none;
}

.tac {
    text-align: center;
}


/* scroll  */


.scroll__outer--thin::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

.scroll__outer--thin::-webkit-scrollbar-thumb {
    background-color: #999;
    border-radius: 20px;
    cursor:grab;
}

.scroll__outer--thin::-webkit-scrollbar-track {
    background-color: #eee;
}



/* body  */

.body--single {
    padding:240px 0 120px;
}

.body--auth {
    padding: 180px 0;
}

/* login  */

.logo__item {
    background: #3d4070;
    padding: 5px 140px;
    border-radius: 12px 12px 2px 2px;
    width: 420px;
}



/**
 * button
 * 
 */

.button__item {
    display:inline-block;
    position:relative;
    border: none;
    background-color: var(--main-color);
    color: #fff;
    border-radius: 4px;
    line-height:1;
    cursor:pointer;
    text-decoration:none;
    box-shadow: 0px 10px 6px -5px rgba(0, 0, 0, 0.2);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), rgba(255,255,255,0));
}

.button__item:hover {
    box-shadow: 0px 10px 6px -5px rgba(0, 0, 0, 0);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(0,0,0,0.1));
}

.button__item--sub {
    background-image: linear-gradient( to bottom, transparent, rgba(0,0,0,0.05) );
}

.button__item--sub:hover{
    background-image: linear-gradient( to bottom, rgba(0,0,0,0.05), rgba(0,0,0,0.1) );
}

.button__item--xs {
    padding:5px;
    font-size:1.2rem;
    width:40px;
    border-radius:2px;
}

.button__item--s {
    padding:10px 10px;
    font-size:1.4rem;
    width:80px;
}

.button__item--m{
    padding:10px 10px;
    font-size:1.4rem;
    width:200px;
}

.button__item--l {
    padding: 15px 30px;
    font-size: 1.6rem;
    width: 280px;
}

.button__item--xl {
    padding:15px;
    font-size:1.6rem;
    width:320px;
}

.button__item--full {
    padding: 15px 45px;
    font-size: 1.6rem;
    width:100%;
}

.button__item--sub {
    background-color:#fff;
    border:1px solid var(--main-color);
    color:var(--main-color);
}

.button__item--nobg {
    background: none;
    color: var(--main-color);
    font-size: 1.6rem;
}

.button__item--caution{
    background-color: #F44336;
}

.button__item--save {
    background-color:#36f;
}

.button__item--with-big-form {
    font-size: 1.6rem;
    min-width: 90px;
    border-radius: 4px;
}

.button__item--like-text {
    width: 180px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-position: right top 11px, right 10px top 11px;
    background-size: 15px;
    padding: 10px 10px 10px 0px;
    vertical-align: bottom;
    text-align: center;
    margin: 0 0 15px;
    box-shadow: none;
    transition:.2s;
}

.button__item--like-text:hover {
    background-position: right -4px top 11px, right 6px top 11px;
}

.button__item--unavailable {
    cursor:not-allowed;
    background-color:#aaa;
}

.body--admin .button__item--like-text {
    background-image: url(/.src/img/arrow-icon__009688__48.png), url(/.src/img/arrow-icon__009688__48.png);
}

.body--user .button__item--like-text {
    background-image: url(/.src/img/arrow-icon__db0011__48.png), url(/.src/img/arrow-icon__db0011__48.png);
}

.button__date-submit-item {
    position:absolute;
    top: 5px;
    right: 5px;
}

.button-center{
    text-align: center;
}

.button__item-download{
    text-decoration: none;
    color: #36f;
}

.button__item-download:hover{
    text-decoration: underline;
    text-underline-offset: 4px;
}

.button__item-forget-outer{
    text-align: right;
    margin-top: 15px;
    font-size: 14px;
}

.button__item--disabled{
    background-color: var(--color-bright);
    cursor: not-allowed;
}


/**
 * panel
 */

.panel {
    padding: 30px;
    background-color: #fcfcfc;
    position: relative;
    margin: 0 0 30px;
    border-radius: 6px;
    width: 300px;
    box-shadow: rgba(0, 0, 0, 0.09) 0px 3px 12px;
    border-right: 1px solid rgba(0, 0, 0, .08);
    border-bottom: 1px solid rgba(0, 0, 0, .08);
    border-top: 1px solid #FFF;
    border-left: 1px solid #FFF;
    transition:0.2s;
}

.panel--link:hover {
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05) inset;
    background-color: #f9f9f9;
    border-color: rgba(0, 0, 0, 0.1)
}

.panel {
    display:block;

    text-decoration: none;
}

.panel__outer{
    display: flex;
    justify-content: space-between;
}

.panel a {

}

.panel--s {
    width: 180px;
    font-size: 1.4rem;
    padding: 20px 20px;
}

.panel--l {
    width:420px;
}

.panel--xxl{
    width:600px;
}

.top__outer .panel--s{
    width: 100%;
}

.body--top .panel--l{
    margin: 0;
}

.body--top .panel--xxl{
    width: 100%;
}

.panel--last {
    margin:0;
}

.panel--common,
.panel--caution,
.panel--notice{
    cursor: pointer;
    padding: 15px 30px 15px 15px;
    margin-bottom: 20px;
    background-repeat: no-repeat;
    border-top-left-radius: 0px;
    min-height: 85px;
}

.panel--common,
.panel--caution,
.panel--notice{
    margin: 0 0 30px;
}

.panel--caution {
    background-image: url(/.src/img/panel-caution.png);
}

.panel--notice {
    background-image: url(/.src/img/panel-notice.png);
}

.panel--common {
    background-image: url(/.src/img/panel-common.png);
}

.panel--caution:after,
.panel--notice:after,
.panel--common:after,
.nearly__delivery-item:not(.nearly__delivery-item--no-item):after {
    position: absolute;
    width: 36px;
    height: 36px;
    background-repeat: no-repeat;
    background-size: contain;
    content: "";
    right: 0;
    top: calc(50% - 18px);
    background-image: url(/.src/img/next-icon__gray__36.png);
    transition: .2s;
}

.panel--link:hover:after {
    right: -3px;
    
}

.panel--delivery {
    padding:0;
}

.panel--trans {
    background-color: transparent;
    box-shadow: none;
    padding: 0;
}

.panel__caption-item{
    text-align: center;
}

.panel__caption-item--sub{
    font-size:1.4rem;
    font-weight:bold;
    margin:0 0 15px;
}

.panel__caption-item--clipboard {
    margin: 15px 0 0;
}

.panel__caption--border{
    border-bottom: 1px solid #ccc;
    padding-bottom: 15px;
    margin-bottom: 15px;
}

.panel__button-outer{
    margin-top: 15px;
}

.panel-tag__outer--center {
    text-align:center;
    margin:0 0 15px;
}



/* pankuzu  */

.pankuzu__outer {
    display: flex;
    align-items: center;
    margin: 0 0 55px;
}

.body--dashboard .pankuzu__outer {
    margin:0;
}

.pankuzu__item {
    color: var(--main-color);
    font-weight: bold;
    text-underline-offset: 4px;
    font-size: 1.4rem;
}

.pankuzu__arrow-item {
    border-right: 2px solid var(--main-color);
    border-top: 2px solid var(--main-color);
    width: 7px;
    height: 7px;
    display: inline-block;
    transform: rotate(45deg);
    margin: 0 10px;
}

.pankuzu__item.pankuzu__item--current {
    color: var(--color-bright);
    text-decoration: none;
}




/* filter  */

.table__filter-outer {
    margin: 0 0 15px;
    position:relative;
}

.table__filter-outer--empty {
    height:0;
    margin:0;
}

.table__filter-inner {
    padding:5px;
    background-color:rgba(0,0,0,0.05);
    border-radius:5px;
    display: inline-block;
    position:relative;
    overflow:hidden;
}



.table__filter-inner--tag {
    width:830px;
    display:inline-block;
    margin: 0 15px 0 0;
    padding: 5px 5px 0px;
    min-height: 34px;
}

.table__filter-inner--analy {
    width:100%;
    display:block;
    margin:0;
}

.body--chumon .table__filter-date-outer {
    display:inline-block;
    margin:0 10px 0 0;
}

.table__filter-inner--date {
    display:inline-block;
    margin: 0 10px 0 0;
    position:relative;
}

.body--chumon .table__filter-inner--date {
    width: calc( 100% - 80px );
    margin:0;
    display:block;
}

.table__filter-inner--kouku {
    position:absolute;
    right:0;
    top:0;
    overflow:visible;
}

.list__filter-outer {
    display: flex;
    align-items: flex-end;
}

.table__filter-date-inner {
    display:inline-block;
    margin:0 5px 5px 0;
}

.table__filter-date-inner--last {
    margin:0px;
}


.list__filter-item--date {
    display: flex;
    align-items: flex-end;
    margin:0 5px 0 0;
}

.date-label {
    background-color: #111;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 20px;
    text-align: center;
    line-height: 1;
    padding: 0px 10px;
    margin: 0 5px 0 0;
}

.button__date-submit-item--active {
    
}

.table__filter-inner--date {
    width: 670px;
}


@media ( width <= 1670px ) and ( width >= 1331px ){


    .table__filter-inner--tag:not(.table__filter-inner--analy) {
        margin:0 0 15px;
        width:calc( 100% - 80px );
    }

    .table__filter-inner--date {
        width:100%;
    }

    .table__filter-inner--kouku {

    }

    .table__filter-date-outer {
        display:inline-block;
    }

    .table__filter-date-inner {
        margin:0 10px 0 0;
    }

    .button__date-submit-item{
        top:0;
        right:0;
    }
}


@media( width <= 1330px ){

    .table__filter-inner--date{
        width: 100%;
    }

    .table__filter-inner--tag{
        margin:0 0 10px;
    }

    .table__filter-date-outer{
        display:block;
    }

    .button__date-submit-item{
        top:5px;
        right:5px;
    }
}


@media( width <= 980px ){

}

@media( width <= 730px ){
    .table__filter-date-inner{
        display:block;
        margin: 0 0 5px;
    }
}



/* table  */


.list__table-item {
    width: calc( 20px * 113 );
    table-layout:fixed;
}

.list__table-item--chumon {
    width: calc( 20px * 81 - 10px);
}

.table--analy {
    width: 1280px;
    table-layout:fixed;
}

.th, .td {
    font-size: 1.4rem;
    padding: 10px;
}

.th {
    word-break: keep-all;
}

.th--c,
.td--c {
    text-align:center;
}

.td--r {
    text-align:right;
}

.td--scroll{
    overflow: hidden;
}

.th {
    position: sticky;
    z-index:1;
    top: 0;
    font-size: 1.2rem;
    background-color: #EEE;
    background-image: linear-gradient(30deg, #ECECEC, #f1f1f1);
    box-shadow: inset 1px 1px rgba(0,0,0,.07), inset -1px -1px rgba(255,255,255,.3), inset 0 -15px 15px -15px rgba(0,0,0,.1);
    color: #111;
}

.body--list .list__table-item .th{
    top: 60px;
}

.td {
    background-color:#fff;
    box-shadow: 0.5px 0px 0px rgba(0, 0, 0, 0.08) inset;
    color: #111;
}

.td:hover {
    
}

.td:has(.table__cell-link) {
    padding:0px;
}

tbody > tr .td.admin-list__item:has(.highlight){
    background-color: #ffeeba;
}

.thtd--sticky{
    left:0;
    z-index:1;
    position:sticky;
}

.th__text--s {
    font-size:1.0rem;
    font-weight:normal;
}

.th__text--top {
    position:absolute;
    top:10px;
    width:100%;
    left:0;
}

th.thtd--sticky {
    top: 0;
    z-index:2;
}

.body--list th[data-key="date_nonyu"],
th[data-key="riyu"],
th[data-key="biko"] {
    background: #FFECB3;
}

/*.body--list thead tr .thtd--sticky:nth-of-type(1),
.body--list tbody tr .thtd--sticky:nth-of-type(1){
    left: 0px;
}

.body--list thead tr .thtd--sticky:nth-of-type(2),
.body--list tbody tr .thtd--sticky:nth-of-type(2){
    left: 95px;
}

.body--list thead tr .thtd--sticky:nth-of-type(3),
.body--list tbody tr .thtd--sticky:nth-of-type(3){
    left: 190px;
}

.body--list thead tr .thtd--sticky:nth-of-type(4),
.body--list tbody tr .thtd--sticky:nth-of-type(4){
    left: 250px;
}

.body--list thead tr .thtd--sticky:nth-of-type(5),
.body--list tbody tr .thtd--sticky:nth-of-type(5){
    left: 310px;
}

.body--list thead tr .thtd--sticky:nth-of-type(6),
.body--list tbody tr .thtd--sticky:nth-of-type(6){
    left: 370px;
}

.body--list thead tr .thtd--sticky:nth-of-type(7),
.body--list tbody tr .thtd--sticky:nth-of-type(7){
    left: 530px;
}

.body--list thead tr .thtd--sticky:nth-of-type(7):after,
.body--list tbody tr .thtd--sticky:nth-of-type(7):after{
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    right: 0px;
}*/


.body--list thead tr .thtd--sticky[data-key="vehicle_model"],
.body--list tbody tr .thtd--sticky:has([data-key="vehicle_model"]){
    left: 0;
}

.body--list thead tr .thtd--sticky[data-key="vehicle_number"],
.body--list tbody tr .thtd--sticky:has([data-key="vehicle_number"]){
    left: 160px;
}


.body--list thead tr .thtd--sticky[data-key="vehicle_number"]:after,
.body--list tbody tr .thtd--sticky:has([data-key="vehicle_number"]):after{
    content: "";
    width: 0px;
    height: 100%;
    position: absolute;
    top: 0;
    border-right: 1px solid rgba(0, 0, 0, 0.08);
    right: 0px;
}

@media( width <= 800px ){
    .thtd--sticky {
        left:auto !important;
    }
}


.sort__trigger-item {
    cursor:pointer;
}

.sort__trigger-item--no-sort {
    cursor:not-allowed;
}

.sort__trigger-item:not(.sort__trigger-item--no-sort):hover {
    filter: brightness(1.02);
}

.sort__trigger-item[data-dist = "ASC"],
.sort__trigger-item[data-dist = "DESC"]{
    background-size: 12px;
    background-repeat: no-repeat;
    background-position: bottom 2px center;
    background-color:var(--main-color) !important;
    color:#fff;
    text-shadow: .5px .5px 0px rgba(0,0,0,0.5);

}

.sort__trigger-item[data-dist = "ASC"] {
    background-image: url(/.src/img/arrow-icon-up__ffffff__32.png);
}

.sort__trigger-item[data-dist = "DESC"] {
    background-image: url(/.src/img/arrow-icon-down__ffffff__32.png);
}



.th:not(.th--nosort):after {

}

.th--1 { min-width: 20px; max-width: 20px; width: 20px; }
.th--2 { min-width: 40px; max-width: 40px; width: 40px; }
.th--3 { min-width: 60px; max-width: 60px; width: 60px; }
.th--4 { min-width: 80px; max-width: 80px; width: 80px; }
.th--45 {min-width: 80px; max-width: 80px; width: 80px; }
.th--5 { min-width: 95px; max-width: 95px; width: 95px;}
.th--6 { min-width: 120px; max-width: 120px; width: 120px;}
.th--7 { min-width: 140px; max-width: 140px; width: 140px;}
.th--8 { min-width: 160px; max-width: 160px; width: 160px;}
.th--9 { min-width: 180px; max-width: 180px; width: 180px;}
.th--10{ min-width: 200px; max-width: 200px; width: 200px;}
.th--11{ min-width: 220px; max-width: 220px; width: 220px;}
.th--12{ min-width: 240px; max-width: 240px; width: 240px;}
.th--13{ min-width: 260px; max-width: 260px; width: 260px;}
.th--14{ min-width: 280px; max-width: 280px; width: 280px;}
.th--15{ min-width: 300px; max-width: 300px; width: 300px;}
.th--16{ min-width: 320px; max-width: 320px; width: 320px;}
.th--17{ min-width: 340px; max-width: 340px; width: 340px;}
.th--18{ min-width: 360px; max-width: 360px; width: 360px;}
.th--19{ min-width: 380px; max-width: 380px; width: 380px;}
.th--20{ min-width: 400px; max-width: 400px; width: 400px;}

span[data-key = "hinban"],
span[data-key = "hinmei"],
span[data-key = "biko"],
span[data-key = "shiire_butsuryu_comment_1"],
span[data-key = "shiire_butsuryu_comment_2"] {
    word-break:break-word;
}


.th--1ticky{
    z-index:2;
}

.thtd--sticky-kubun{
    left:60px;
}

.thtd--sticky-nounyuu{
    left:214px;
}

.thtd--sticky-nounyuu:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 1px;
    background-color: #eee;
}

tbody > tr:nth-child(even) .td {
    background-color: #fff;
}

tbody > tr:nth-child(odd) .td {
    background-color: #f5f9f8;
}

tbody > tr td.td[data-change-type="1"] {
    background-color: #ffcc80;
}

tbody > tr td.td.col-hover,
tbody > tr.row-hover td.td{
    background-color: var(--bgcolor-bright);
}

.td--focus {
    background-color: #fc0 !important;
}


.table__cell-link {
    display:inline-block;
    padding:10px;
    width:100%;
    height:100%;
    color:#333;
}

.table__cell-link--no-link {
    cursor:default;;
    text-decoration:none;
}


.tr--editting .button__item--save{
    display:inline-block;
}

.tr--editable-dammy {
    display:none;
}

.th--1p:before{
    position: absolute;
    top: 2px;
    left: 2px;
    background-color: #777;
    width: 14px;
    height: 14px;
    display: inline-block;
    line-height: 1;
    color: #fff;
    font-weight: normal;
    border-radius: 100%;
}

.thtd--sticky-nounyuu:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 3px;
    background-color: rgba(188, 215, 212, .5);
    box-shadow: 1px 0 rgba(255,255,255,.7);
}


tbody > .tr--overview:nth-child(odd) td{
    background-color: #b2dfdb;
    border-color: rgba(255,255,255,0.3);
    font-weight:bold;
}


.td--nodata {
    display: flex;
    align-items: center;
    height: 100%;
    position: absolute;
    top: 0;
    justify-content: center;
    width: 100%;
    padding:30px;
    text-align:center;
}

.list__inner:has(.td--nodata) {
    overflow:hidden;
}

tbody tr .td--hovered,
tbody tr:nth-child(even) .td--hovered {
    background-color: #f5e8bc !important;
}


.td__text-item--emphasys {
    background-color:#fc0;
    font-style:normal;
    font-weight:bold;
    cursor:help;
}

.body--eip tbody tr:not(.tr--eip) {
    filter: brightness( 0.5 );
}

.xdsoft_datetimepicker tr {
    filter:none !important;
}

.body--eip tbody tr:not(.tr--eip) td {
    border-right: none;
}

.eip-form__label-item {
    position: absolute;
    background-color: var(--main-color);
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    padding: 3px 15px;
    border-radius: 5px 5px 0 0;
    top: -28px;
    left: -2px;
}


.td:has( .td__last-updated-name-text-item--admin ){
    position:relative;
}

.td__last-updated-name-text-item--admin:before {
    content: "管";
    position: absolute;
    background-color: var(--main-color);
    color: #fff;
    display: inline-block;
    width: 18px;
    height: 18px;
    line-height: 16px;
    text-shadow: .5px .5px 0 rgba(0, 0, 0, 0.5);
    font-size: 12px;
    text-align: center;
    border-radius: 100%;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
    right: 2px;
    top: 2px;
}


.th--analy-kubun:after {
    content: "";
    width: 16px;
    height: 16px;
    border-radius: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 16px;
    font-size: 1.2rem;
    font-family: 'Kosugi Maru', sans-serif;
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 0.5);
}


.th--analy-kubun-1:after {
    content: "1";
    background: #db0011;
    color:#fff;
}

.th--analy-kubun-2:after {
    content: "2";
    background-color: #f48602;
    color:#fff;
}

.th--analy-kubun-3:after {
    content: "3";
    background-color: #f48602;
    color:#fff;
}

.th--analy-kubun-4:after {
    content: "4";
    background-color: #aaa;
    color:#fff;
}

.th--analy-kubun-5:after {
    content: "5";
    background-color: #aaa;
    color:#fff;
}

.th--analy-kubun-6:after {
    content: "6";
    background-color: #aaa;
    color:#fff;
}

.th--analy-kubun-7:after {
    content: "7";
    background-color: #aaa;
    color:#fff;
}

.th--analy-kubun-8:after {
    content: "8";
    background-color: #aaa;
    color:#fff;
}

.th--analy-kubun-3 {
    padding: 10px 4px;
}

.account__inner{
    max-height: 460px;
    overflow-y: scroll;
}


/* setting  */

.td-setting--button {
    text-align:center;
}

.td-setting--save,
.td-setting--cancel {
    display:none;
}


.tr--editting {
    position:relative;
}


tbody:has(.tr--editting) tr:not(.tr--editting) {
    user-select: none;
    filter: brightness(0.5);
    cursor: not-allowed;
}

tbody:has(.tr--editting) tr:not(.tr--editting) td {
    border-right: 0px solid rgba(0,0,0,0);
}

tbody:has(.tr--editting) tr:not(.tr--editting) .button__item {
    cursor:not-allowed;
}

.tr-editting [contenteditable] {
    border: 1px solid #ccc;
    width: 100%;
    display: block;
    padding: 6px;
    background-color: #fff;
    border-radius: 4px;
}

.tr--editting .td-setting--save,
.tr--editting .td-setting--cancel {
    display: table-cell;
}

.tr--editting .td-setting--edit,
.tr--editting .td-setting--delete {
    display:none;
}

.tr--editting.tr--editting-delete .td-setting--button{
    opacity:0.2;
    cursor:not-allowed;
}

.tr--editting [contenteditable] {
    display:block;
    padding:5px;
    background-color:#fff;
    border:1px solid #ccc;
    border-radius: 4px;
}

body:has(.tr--editting) .js-settingTriggerItem[data-key = "pre"] {
    visibility:hidden;
}

.td-editting--type,
.tr--editting .td-display--type{
    display: none;
}

.tr--editting .td-editting--type{
    display: table-cell;
}


/* list scroll  */

.list__scroll-item--v {
    right: calc(50% - 36px);
    position: absolute;
    top: calc(100% + 15px);
    color:#ffa5a5;
}

.list__scroll-item--v:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/.src/img/next-icon__ffa5a5__96.png);
    background-size: 48px;
    background-repeat: no-repeat;
    background-position: top 10px left 2px;
    transform:rotate(90deg);
    top: 0;
    left: 0;
}

.list-next__caption-outer{
    margin:0 0 10px;
}

.list-next__caption-item {
    background: #333;
    color: #fff;
    font-size: 1.4rem;
    padding: 4px 20px;
    border-radius: 20px;
    line-height: 1;
    display: inline-block;
    letter-spacing: 1px;
}

.list-next__item {
    margin:0 20px 0 0;
}

.order-form__outer {
    display:inline-block;
}


.button__caption-item{
    display: block;
    font-size: 1.4rem;
    letter-spacing: 1px;
    margin: 5px 0 0;
    font-weight: bold;
}

.button__caption-item--count{
    display: none;
}

.body--part .button__caption-item--count{
    display: inline;
}

@media ( width <= 960px ){

    .list-next__outer {
        display:flex;
        flex-direction: column;
        align-items:center;
    }

    .list-next__item {
        margin: 0 0 15px;
    }

}





/* header  */

.header__outer {
    position:fixed;
    top:0px;
    width:100%;
    text-align: center;
    background-color: var(--main-color);
    height: 60px;
    text-align: center;
    box-shadow: inset 0 -1px rgba(0,0,0,.2);
    color: #FFF;
    text-shadow: 1px 1px 3px rgba(0,0,0,.5);
    z-index: 3;
}

.body--admin .header__outer{
    background-color:#00604f;
}

.logo__outer {
    position: absolute;
    left: 0;
    top: 0;
}



/* outer  */

.outer {
    padding:30px;
    margin: auto;
    max-width: 1080px;
}

.outer--center {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    margin: auto;
}

.outer--center-register {
    padding:80px 0;
}

.top-contents__outer {
    margin: 0 30px 0 0;
}

.body--top .top-contents__outer{
    width: 960px;
    margin: 0 auto 60px;
}

.contents__outer--top {
    display: flex;
    flex-wrap:wrap;
    justify-content:center;
}

.contents__outer .top-contents__outer:last-of-type {
    margin: 0;
}

.body--dashboard .outer{
    max-width:1380px;
}

.body--table .outer {
    max-width:1680px;
}

.body--table-mini .outer {
    max-width: 1230px;
}




/* form  */

.form__outer {
    position:relative;
    display: block;
    margin:0 0 15px;
}

.form__outer--last {
    margin:0 0 45px;
}

.form__inner{
    display:block;
    margin: 0 0 5px;
}

.form__inner--last {
    margin:0;
}

.form__caption-item {
    display: block;
    font-weight: bold;
    font-size: 1.4rem;
    margin: 0 0 5px;
}

.form__emphasisable-item--emphasised {
    background-color: var(--color-form-bg);
    color: var( --color-form-text );
}

.form__item {
    padding:5px;
    border: 1px solid #ccc;
    border-radius:2px;
    font-size: 1.4rem;
}


.form__label-item--radio-check {
    cursor:pointer;
    margin: 0 5px 0 0;
    vertical-align: top;
}

.form__radio-check-text-item {
    font-size: 1.3rem;
}


.form__item--full {
    width:100%;
    padding: 10px;
}

select.form__item {
    padding: 4px 0;
}

.form__item--1 {
    width: 60px;
}

.form__item--2 {
    width: 90px;
}

.form__item--3 {
    width: 120px;
}

.form__item--4 {
    width: 150px;
}

.form__item--5 {
    width: 180px;
}

.form__item--6 {
    width: 210px;
}

.form__item--7 {
    width: 240px;
}

.form__item--8 {
    width: 270px;
}


.form__label-item{
    margin: 0;
    display:inline-block;
    background: rgba(0, 0, 0, 0.05);
    border-radius: 5px;
    padding: 5px;
    vertical-align: top;
    min-height: 65px;
    margin-bottom: 5px;
}

.form__label-item--right {
    margin:0;
}

.form__label-text-outer {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    text-align:left;
    margin-bottom: 4px;
    height: 20px;
}

.form__label-item--radio-check-last {
    margin: 0;
}

.form__label-text-item {
    display: inline-block;
    background: #6c6c6c;
    color: #fff;
    font-size: 1.2rem;
    border-radius: 20px;
    line-height: 1;
    padding: 2px 10px;
    margin: 0 0 2px;
    letter-spacing: 1px;
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 0.5);
}

.form__label-text-item--excel {
    padding: 2px 6px;
}

.form__separate-h-item {
    display: inline-block;
    background: rgba(0, 0, 0, 0.1);
    margin: 0 5px 0 0px;
    vertical-align: bottom;
}

.table-filter__outer {
    margin: 0 0 15px;
    position: sticky;
    left: 30px;
    padding: 0 225px 0 0;
}

.table-filter__inner{
    display: inline-block;
    margin: 0 2px 0 0;
    vertical-align:top;
    position:relative;
}


.table-filter__inner--titled:before{
    content: attr(data-title);
    position: absolute;
    top: -2px;
    left: 0;
    transform: translateY(-100%);
    font-size: 1.2rem;
    font-weight: bold;
    letter-spacing: 1px;
    border-left: 4px solid #777;
    padding: 0 0 0 5px;
    height: 13px;
    line-height: 1;
    color: #777;
}



.table-filter__inner--date {
}

.body--loading .table-filter__inner {
  
}

.table-filter__inner--pager {
    position: absolute;
    right: 0;
    bottom: calc( 100% + 15px );
    background: none;
    margin: 0;
    padding: 0;
    min-width: 240px;
    min-height: 60px;
    box-shadow:none;
}

.table-filter__inner--check {
    margin:0;
}

.table-filter__inner--tag {
    padding: 17px 5px;
    margin:0;
}

.table-filter__submit-item {
    position:absolute;
    right: 110px;
    top: 0;
}

.table-filter__clear-item{
    position: absolute;
    right: 0;
    top: 0;
    max-width: 60px;
    border: none;
}

.form__shiire-code-button {
    font-size: 1.2rem;
    font-weight: bold;
    color: #fff;
    line-height: 1;
    display: inline-block;
    padding: 5px 8px;
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 0.5);
    letter-spacing: 1px;
    border-radius: 2px;
    position: absolute;
    top: 0;
    right: 0;
    cursor:pointer;
}

.form__shiire-code-button--add {
    background-color: var(--color-green);
}

.form__shiire-code-button--disabled {
    background-color: var( --color-bright );
}

.form__shiire-code-outer {
    max-height: 240px;
    overflow-y: scroll;
}

.form__item--shiire-code {
    margin: 0 0 5px;
}


.list__filter-date-item {
    background-image: url(/.src/img/calendar.png);
    background-repeat: no-repeat;
    background-size: 14px;
    background-position: center;
    width: 18px;
    color: transparent;
    border: none;
    cursor: pointer;
}

.xdsoft_today_button {
    display:none !important;
}

.xdsoft_datetimepicker .xdsoft_month {
    width: 95px !important;
}

.form__error-item {
    color: #f33;
    font-size: 1.2rem;
    display: block;
    margin: 0 0 5px;
    background: #fdd;
    border-radius: 2px;
    line-height: 1;
    padding: 4px 8px;
    font-weight: bold;
    z-index: 1;
}

.tr--editting .form__error-item {
    position:absolute;
    bottom: 100%;
}


.form-alias__outer {
    position: relative;
    display: inline-flex;
    background-color: #fff;
    font-size:12px;
    border:1px solid #ccc;
    border-radius:2px;
    padding: 0 2px;
}

.form-alias__outer input[type = "date"],
.form-alias__outer input[type = "datetime-local"] {
    width:17px;
    border:none;
}

.form__alias-outer input[type = "date"]::-webkit-calendar-picker-indicator,
.form__alias-outer input[type = "datetime-local"]::-webkit-calendar-picker-indicator {
}

.form__alias-item::placeholder {
    text-align:center;
}

.form__alias-item {
    padding:0;
    border:none;
}

.form__alias-slash-item {
    margin: 0px -1px;
    font-size: 12px;
    font-weight: bold;
    display: inline-block;
    transform: translateY(1px);
}

.form__alias-item--year {
    max-width: 32px;
}

.form__alias-item--month,
.form__alias-item--day {
    max-width: 16px;
}



html:has(.body--list .list-contents__outer){
    width: max-content;
}

.body--list.body--table .outer{
    max-width: none;
}

.table-filter__outer{
    width: calc(100vw - 90px);
}

.body--list .list-next__outer{
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background-color: #e6e6e6;
    padding: 15px 30px;
}

@media( width <= 1719px ){
    .table-filter__outer--list .table-filter__inner--check {
    }
}


@media( width <= 1589px ){
    .table-filter__outer--list .table-filter__inner--date {
    }
}



@media( width <= 889px ){

    .table-filter__outer--list .table-filter__submit-item{
        top: auto;
        bottom:0px;
        right:70px;
    }

    .table-filter__outer--list .table-filter__clear-item {
        top: auto;
        bottom: 10px;
    }

    .table-filter__outer--list{
        padding:0;
    }

    .table-filter__outer--list .table-filter__inner--any,
    .table-filter__outer--list .table-filter__inner--date{
        width: 100%;
    }
}


@media( width <= 748px ){
    .table-filter__outer--list .table-filter__inner--any .form__separate-h-item {
        display:none;
    }
    .table-filter__outer--list .table-filter__inner--any .form__label-item {
        margin:0 5px 5px 0;
    }
}


@media( width <= 540px ){
    .table-filter__outer--list .table-filter__inner--radio{
        margin: 10px 0px 55px 0px;
    }
}


.table-filter__br {
    display:none;
}


/* 注文書  */

@media( width <= 1420px ){

    .table-filter__outer--order .table-filter__br--order{
        display:block;
    }

    .table-filter__outer--order .table-filter__inner--order {
        margin:30px 0 0;
    }
}


@media( width <= 1250px ){

    .table-filter__outer--order .table-filter__br--nohin{
        display:block;
    }

    .table-filter__outer--order .table-filter__inner--nohin {
        margin:30px 0 0;
    }

    .table-filter__outer--order .table-filter__br--order{
        display:none;
    }

}


@media( width <= 1148px ){
    .table-filter__outer--order .table-filter__br--nohin{
        display:block;
    }
    .table-filter__outer--order .table-filter__br--order{
        display:none;
    }
    .table-filter__outer--order .table-filter__inner--nohin {
        margin:30px 0 0;
    }

}


@media( width <= 990px ){

    .table-filter__outer--order .table-filter__br--date{
        display:block;
    }

    .table-filter__outer--order .table-filter__inner--any{
        margin:0 0 10px;
    }



}


@media( width <= 892px ){
    .table-filter__outer--order .table-filter__submit-item{
        top: auto;
        bottom: 35px;
    }

    .table-filter__outer--order .table-filter__clear-item {
        top: auto;
        bottom:0px;
    }

    .table-filter__outer--order{
        padding:0;
    }

    .table-filter__outer--order .table-filter__inner--any,
    .table-filter__outer--order .table-filter__inner--date{
        width: 100%;
    }
}


@media( width <= 680px ){

    .table-filter__outer--order .table-filter__br--order {
        display:block;
    }

    .table-filter__outer--order .table-filter__inner--any .form__separate-h-item {
        display:none;
    }

    .table-filter__outer--order .table-filter__inner--any .form__label-item {
        margin:0 5px 5px 0;
    }

}


@media( width <= 540px ){

}


/* analy  */

@media( width <= 759px ){
    .table-filter__outer--analy {
        padding:0px;
    }
    .table-filter__outer--analy .table-filter__inner--any{
        display:block;
    }

    .table-filter__outer--analy .table-filter__inner--tag {
        display:inline-block;
        margin: 10px 0 55px;
    }
    .table-filter__outer--analy .table-filter__submit-item{
        top: auto;
        bottom:0px;
        right:70px;
    }

    .table-filter__outer--analy .table-filter__clear-item {
        top: auto;
        bottom: 10px;
    }
}


@media( width <= 540px ){
}





/* lead */

.lead__outer {
    margin:0 0 45px;
    position:relative;
}

.body--top .lead__outer {
    text-align:center;
    margin: 15px auto 45px;
}

.body--user .lead__outer{
    text-align:center;
}

.lead__inner {
    position: relative;
}

.lead__inner--vertical-button {
    margin: 0 0 15px;
}

.lead__inner--vertical-button--last {
    margin:0;
}

.lead__inner--horizon-button{
    display: flex;
    justify-content: space-evenly;
}

.body--dashboard .lead__outer {
    text-align:center;
    margin:0 0 30px;
}

.body--table .lead__outer {
    margin: 0 0 15px;
}

.lead__caption-item {
    margin: 0 0 15px;
    font-size: 1.4rem;
    letter-spacing: 1.25;
    color: var(--color-bright);
}

.lead__outer--only-abs {
    min-height:60px;
}


.lead__inner-pager {
    position:absolute;
    right:0;
    bottom: 0px;
}

.lead__outer--only-abs .lead__inner-pager {
    top:0px;
}

.lead__inner-tag {
    position:absolute;
    bottom:30px;
    left:0px;
}

.form__item--search {
    width:480px;
    padding:10px;
    border-radius:4px 0px 0px 4px;
}





/* pager  */

.pager__outer {
    text-align:right;
}

.pager__button-item {
    min-width: 36px;
    height: 36px;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 32px;
    border-radius: 2px;
    margin: 0 5px 0 0;
    display:none;
    background-color:#fff;
    border-radius:4px;
    padding: 0 4px;
}

.pager__button-item--visible {
    display:inline-block;
    cursor:pointer;
}

.pager__overview-outer {
    font-size: 1.4rem;
    text-align: right;
    margin: 0px 0 6px;
    user-select:none;
}

.pager__button-outer {
    user-select:none;
}

.pager__button-item--current {
    color: #fff;
    background-color: #333;
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    border: 1px solid transparent;
    cursor:default;
    font-weight: bold;
}

.pager__button-item--blank {
    cursor:default;
}

.pager__button-item--visible:last-of-type {
    margin: 0;
}


.pager__overview-outer--loading{
    padding: 0 24px 0 0;
}


.pager__loading-item .spinner {
    position:absolute;
    top:3px;
    right:0px;
}


.pager__max-outer--static,
.pager__max-outer--loading {
    display:none;
}

.pager__overview-outer:not(.pager__overview-outer--loading) .pager__max-outer--static,
.pager__overview-outer.pager__overview-outer--loading .pager__max-outer--loading {
    display:inline;
}


/* copyright  */


.copyright__outer {
    border-top: 1px solid #eee;
    padding: 30px 0 40px;/*高さは現状見せるようの仮*/
    max-width: none;
    margin: auto;
    text-align: center;
    color: var(--color-bright);
    background-color: #ededed;
    background-image: linear-gradient(45deg, #f6f6f6, #ededed);
    box-shadow: 0 -1px #FFF, inset 0 -1px rgba(0,0,0,.05);
    position: absolute;
    left:0;
    bottom:0;
    width:100%;
}

.copyright__item {
    margin:0 0 5px;
}
.copyright__item:first-of-type {
    font-size: 1.2rem;
}





/* modal  */

.modal-mask__outer {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
}

.modal__outer {
    display:none;
}

.modal-mask__outer {
    visibility:hidden;
    opacity:0;
    transform:translateY(-20px);
    transition:.5s;
}

.modal-content__outer {
    visibility:hidden;
    opacity:0;
    transform:translateY(10px);
    transition:.5s;
}

.modal__outer--running {
    display:block;
    z-index:2;
    position: relative;
}

.modal-mask__outer--running,
.modal-content__outer--running {
    visibility:visible;
    opacity:1;
    transform:translateY(0px);
}

.modal-content__outer {
    width: 480px;
    height: 160px;
    top: calc(50% - 80px);
    left: calc(50% - 240px);
    background: #fff;
    position: fixed;
    border-radius: 8px;
    box-shadow: 0px 0px 8px rgba(255, 255, 255, 0.5);
    background-image: url(/.src/img/main_bg.jpg);
    background-size: cover;
    overflow:hidden;
}

.modal-content__outer--m {
    top: calc( 50% - 180px );
    left: calc( 50% - 300px );
    width: 600px;
    height: 360px;
}


.modal-content__outer--l {
    width: 800px;
    height: 600px;
    top: calc(50% - 300px);
    left: calc(50% - 400px);
}

.modal-content__outer--xl {
    width: 920px;
    height: 690px;
    top: calc(50% - 345px);
    left: calc(50% - 460px);
}

.modal-content__outer[data-modal-key-1="ACCOUNT_UPLOAD"][data-modal-key-2="ready"]{
    overflow-y: scroll;
}

.modal-content__inner:before {
    content: "";
    width: 160px;
    height: 3px;
    position: absolute;
    top: 0;
    background-color: var(--main-color);
    left: calc(50% - 80px);
    border-radius: 20px;
}

.modal-content__inner {
    background: rgba(220, 220, 220, 0.2);
    padding: 30px;
    height: 100%;
    align-content: center;
}

.modal-content__table-item{
    width:100%;
    table-layout:fixed;
    margin: 0 0 0 auto;
}

.modal-content__title-item {
    text-align:center;
    font-size:2.2rem;
    margin:0 0 30px;
    letter-spacing:1px;
}

.modal-content__subTitle-item{
    text-align:center;
    font-size:2.0rem;
    margin:0 0 30px;
    letter-spacing:1px;
    color: var(--main-color);
}

.modal-content__title-item--ready {
    margin:0 0 15px;
}

.modal-content__caption-head{
    font-size: 1.4rem;
    font-weight: bold;
}

.modal-content__caption-item {
    text-align:center;
    font-size:1.4rem;
}

.modal-content__caption-item--error {
    margin: 0 0 30px;
}


.modal-content__caption-item--pre-button {
    margin: 0 0 15px;
    padding: 0 0 15px;
    border-bottom: 1px solid rgba(0, 0, 0, 0.02);
    line-height: 2;
}

.modal-content__button-outer {
    text-align:center;
}

.modal-content__button-check-outer {
    display:inline-block;
    margin: 0 0 15px;
    font-size: 1.4rem;
    cursor:pointer;
}

.modal-content__button-upload-check{
    padding: 0 0 30px;
}

/*
.modal-content__outer--loading {
    animation-name:modal-content__outer--loading;
    animation-duration:1s;
    animation-iteration-count:infinite;
    animation-direction:alternate-reverse;
}
*/

.modal-content__button-outer .button__item {
    display:block;
    margin:0 auto 15px;
}

.text-submit__item {
    text-decoration: underline;
    text-underline-offset: 4px;
    cursor:pointer;
}

.modal-content__caption-item b {
    font-size:1.6rem;
}

.modal-content__table-outer {
    max-height:240px;
    overflow-y:scroll;
    margin: 0 0 5px;
}

.modal-content__table-outer--hidden-x {
    overflow-x:hidden;
}

.modal-content__table--check{
    margin: 0 0 45px auto;
}

.clipboard__outer {
    margin: 0 0 30px;
    text-align:right;
}

.clipboard__form-item {
    width: 0px;
    height: 0px;
}


.clipboard__text-item {
    font-size: 1.4rem;
    text-underline-offset: 4px;
    font-weight: bold;
    display:none;
}

.clipboard__text-item--trigger {
    color: #36f;
    text-decoration: underline;
    cursor:pointer;
}

.clipboard__text-item--active {
    display:inline-block;
}

.clipboard__text-item--disabled {
    display:none;
}


.modal-content__outer .spinner {
    vertical-align:middle;
    margin: -2px 5px 0 0;
}



/* top  */

.top__outer {
    display: flex;
    justify-content: space-between;
    width: 960px;
    margin: auto;
}


@media( width <= 540px ){
    .top__outer {
        width: 100%;
        display: block;
    }

    .top__inner{
        margin-bottom: 30px;
    }
}


/* dashboard */

/* top-contents  */

.panel__head-item,
.top-cotnents__head-item{
    color: var(--color-bright);
    cursor: default;
    font-size: 1.8rem;
    font-weight: bold;
    letter-spacing: 0.75px;
    margin: 0 0 10px;
}

/*.panel__head-item:before,
.top-cotnents__head-item:before{
    content: "";
    width: 4px;
    height: 1.6rem;
    background-color: #ccc;
    display: inline-block;
    vertical-align: middle;
    margin: -3px 3px 0 0;
    border-radius: 20px;
}*/

body:has( .top-contents__outer--analy-first .panel--link:hover, .top-contents__outer--analy-second .panel--link:hover) .top-contents__outer--analy-first .top-cotnents__head-item:before {
    background-color: #bbb;
}

.top-contents__count-parent-slash-item,
.panel__count-parent-slash-item {
    font-size: 1.2rem;
    margin: 0 2px;
}

.top-contents__count-child-outer a {
    
}


.body--admin p.top-cotnents__head-item{
    margin: 0 0 15px;
}

.top-cotnents__head-item--empty {
    margin: 0 0 12px;
}

.top-contents__count-outer {
    margin: 0 0 0 5px;
}

.top-contents__count-bracket-item{
    font-size:1.4rem;
}

.panel__count-bracket-item {
    font-size: 1.2rem;
}

.panel__count-parent-outer {
    font-size: 1.4rem;
}

.top-contents__count-parent-outer{
    font-size:1.6rem;
}

.panel-tag__outer {
    display: block;
    margin: 0 0 5px;
}

.panel__tag {
    font-size: 1.4rem;
    letter-spacing: 2px;
    border-radius: 20px;
    color: #fff;
    padding: 5px 10px 4px;
    line-height: 1;
    display: inline-block;
    text-shadow: none;
    font-family: 'Kosugi Maru', sans-serif;
    box-shadow: inset 1px 1px rgba(0,0,0,.1), inset -1px -1px rgba(255,255,255,.2);
    text-shadow: .5px .5px 0px rgba(0, 0, 0, 0.25);
}


.panel__tag--caution {
    background-color: #db0011;
    font-size: 1.6rem;
    letter-spacing: 2;
}

.panel__tag--notice {
    background-color: #f48602;
}

.panel__tag--common {
    background-color: #AAA;
}

.panel__tag--common-sp{
    background-color:#36f;
}

.panel-text__outer {

}

.panel-text__item-outer{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    font-size: 1.6rem;
    color: var(--color-dark);
}

.panel-text__time{
    letter-spacing: 1px;
    font-weight: bold;
    position: relative;
}

.panel-text__time:before{
    content: "-";
    position: relative;
    padding: 0 5px 0 8px;
}

.panel-text__item {

}

.panel-count__outer {
    min-width: 60px;
}

.panel-count__outer{
    min-width: 60px;
    float: right;
    margin: -4px 0 0;
}



.panel--center {
    padding:30px;
}

.panel-count__item {
    font-size: 2.0rem;
    margin: 0 3px;
    line-height: 1;
}


.panel-link__outer{
    background: #dce9dc;
    padding:0;
}

.panel-link__outer--to-supplier{
    background: #f5e2e2;
    margin: 60px 0 0;
}

.panel__link-item{
    color: var(--color-main);
    font-size: 1.4rem;
    font-weight: bold;
    letter-spacing: 2px;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 20px;
}

.panel-link__outer:hover{
    box-shadow: 0px 0px 10px 5px rgba(0, 0, 0, 0.05) inset;
    border-color: rgba(0, 0, 0, 0.1);
}

.panel__link-image-item{
    display: block;
    margin: 0 auto 10px;
    width: 48px;
}

.panel__link-item--to-supplier{
    color:#fa5252;
}



.body--user.body--dashboard .top-contents__inner--sync,
.body--user.body--dashboard .top-contents__inner--login{
    width:193px;
    display:inline-block;
    vertical-align:top;
}

.body--user.body--dashboard .top-contents__inner--sync .panel--s,
.body--user.body--dashboard .top-contents__inner--login .panel--s{
    width:100%;
}

.body--user.body--dashboard .top-contents__inner--sync {
    margin:0 30px 0 0;
}

.panel-text__item-inner{
    margin-bottom: 30px;
    border-right: 1px solid rgba(170, 170, 170, 0.5);
    padding: 0 30px 0 0;
    width: 200px;
    box-sizing: border-box;
    margin-right: 30px;
    color: var(--color-bright);
}

.panel-text__item-inner:nth-of-type(4),
.panel-text__item-inner:last-of-type{
    padding-right: 0;
    margin-right: 0;
    border-right: none;
}


.panel-text__item-inner:nth-of-type(5),
.panel-text__item-inner:nth-of-type(6),
.panel-text__item-inner:last-of-type{
    margin-bottom: 0;
}

.panel-text__item--title:before{
    content: "●";
    box-sizing: border-box;
    transform: scale(0.5);
    display: inline-block;
    color: var(--color-green);
}



/*納入日の近い納品リスト*/


.nearly__delivery-item {
    padding: 15px;
    font-size: 1.4rem;
    letter-spacing: 0.5px;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, .05);
    box-shadow: 0 1px #FFF;
    display:block;
    
    text-decoration: none;
}

.nearly-delivery__date-item {
    min-width: 80px;
    display: inline-block;
    font-weight: normal;
    color: #db0011;
    font-size: 1.4rem;
    margin-bottom: 5px;
    font-weight:bold;
}

.nearly-delivery__parts-item {
    display: block;
}


.nearly__delivery-item:last-of-type{
    border-bottom: none;
    box-shadow: none;
}

.nearly__delivery-item--other {
    font-size: 1.2rem;
    font-weight: normal;
    color: var(--color-bright);
    margin: 0;
    display: block;
    text-align: right;
}




/*システム情報・ログイン情報*/

.system-info__outer{
    margin:0 0 15px;
}

.panel .system-info__outer:last-of-type{
    margin:0;
}

.system-info__head-item {
    cursor: default;
    font-size: 1.2rem;
    margin: 0 0 2px;
    color: var(--color-bright);
}

.system-info__head-item:before {
    content: "●";
    box-sizing: border-box;
    transform: scale(0.5);
    display: inline-block;
    color:#AAA;
}

.system-info__head-item--logout{
    text-align:right;
}

.system-info__head-item--logout:before{
    display: none;
}

.system-info__body-item{
    cursor: default;
}

.system-info__body-item:before{
    content:"-";
    margin:0 5px;
}

.system-info__body-item--sunday{
    color: var(--color-red);
    font-weight: bold;
    font-size: 1.2rem;
    margin: 0 8px;
}

.top-cotnents__head-item--login:after {
    content: "";
    width: 7px;
    height: 7px;
    border-radius: 100%;
    display: inline-block;
    margin: 0 0 0 2px;
    vertical-align: middle;
    background-color: var(--color-main);
    opacity: .7;
    position: relative;
    top: -10px;
    right: 3px;
}

.top-cotnents__head-item--hidden {
    visibility:hidden;
}

.logout-item {
    margin: 0 0 0 auto;
    color: #426ae2;
    font-size: 1.4rem;
    font-weight: normal;
}




/*リスト*/


.list-contents__outer {
    padding: 0 0 0;
}



.table__filter-tag-item {
    display: inline-block;
    padding: 0px 10px 2px;
    font-size: 1.4rem;
    background-color: rgba(255,255,255,0.5);
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 0 5px 0 0;
    letter-spacing: 0.2px;
    cursor:pointer;
}


.table__filter-tag-item--active {
    /*background-color: #333;*/
    background-color: var(--color-main);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    color:#fff;
    border:1px solid transparent;
    font-weight:bold;
}

.body--order .table__filter-tag-item {
    cursor:not-allowed;
}

.body--order .table__filter-tag-item:not(.table__filter-tag-item--active) {
    display:none;
}

.table__filter-tag-item--strict.table__filter-tag-item--active {
    background-color:var(--color-default);
}

.list__overview-outer{
    margin: 0 0 5px;
    text-align: right;
}

.list__pager-inner {
    text-align: right;
    margin: 0 0 20px;
}

.list__filter-separate-item{
    margin:0 2px;
}

.body--admin-list .list__filter-item {
    padding: 5px 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
}

.list__outer {
    position:relative;
    margin:0 0 20px;
}

.memo {

}

.memo:not(.memo-abs) {
    position: relative;
}

.memo:after {
    content: attr(data-memo);
    position: absolute;
    background: #111;
    width: 320px;
    padding: 15px;
    font-weight: normal;
    font-size: 1.2rem;
    color: #fff;
    left: 100%;
    bottom: 100%;
    right: auto;
    position: absolute !important;
    border-radius: 4px;
    line-height: 1.5;
    text-align: left;
    display:none;
}

.memo-left:after{
    left:0;
}

.memo:hover:after{
    display:block;
}

.list__scroll-item {
    display: inline-block;
    width: 72px;
    height: 72px;
    border-radius: 100%;
    border: 2px solid var(--color-2);
    font-size: 1.2rem;
    text-align: center;
    padding: 40px 0 0;
    display:none;
}

.list__scroll-item--h {
    left: calc(100% + 15px);
    position: absolute;
    top: calc(50% - 36px);
    border: none;
    color: #e22130;
    font-weight: bold;
}

.list__scroll-item--h:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url(/.src/img/next.png);
    background-size: 24px;
    background-repeat: no-repeat;
    background-position: top center;
    top: 0;
    left: 0;
}

.list__inner {
    background-color:#fff;
    position:relative;
}


.admin-list__item--editable {
    position:relative;
}

.list__toggle-outer {
    position:absolute;
    top:0;
    left: 0;
    transform:translateY(-100%);
}

.list__toggle-item {
    color:#36f;
    display:none;
}







/* editting  */

body[data-editting-tr = "1"] .tr--editable:not(.tr--editting) {
    filter: brightness(0.2);
}

body[data-editting-tr = "1"] .td__item:not(.td__item--editable) {
    opacity: 0.3;
}

.td__item--editable {
    width: 100%;
    display: block;
}

.td__item--editable[contenteditable = "true"] {
    border: 1px solid #ccc;
    padding: 5px 10px;
    border-radius: 2px;
}


.form__caption-item--radio {
    margin:0 0 10px;
}




/* announce  */

.announce__outer {
    position: absolute;
    top: 120px;
}

.body--single .announce__outer {
    width:420px;
}

.announce__item {
    border-radius:4px;
    padding:15px;
    border-width:2px;
    border-style:solid;
    visbility:hidden;
    opacity:0;
    text-align:center;
}

.announce__item--visible {
    visibility:visible;
    opacity:1;
}

.announce__item--alert {
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
}


/* copyright  */

.copyright__item a {
    color: transparent;
}

.copyright__item a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 60px;
    background-image: url(/.src/img/hgl_logo.png);
    background-repeat: no-repeat;
    background-position: center;
    left: 0;
    position: absolute;
    top: 40px;
}


/* about dev  */

.about-dev__outer{
    display:block;
    position: fixed;
    top: 0px;
    right: 0px;
    background: #fff;
    z-index: 3;
    font-size: 1.4rem;
    padding: 15px 30px;
    border-radius: 0 0 0 2px;
    border-top: none;
    border-right: none;
    box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.2);
}


.about-dev__outer:before {
    content: "";
    width: 6px;
    height: 100%;
    display: inline-block;
    background-color: #fc0;
    position: absolute;
    left: 0px;
    top: 0;
}




/* loading spinner  */

.spinner {
    display:inline-block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 6.4px solid var(--main-color);
    animation: spinner-bulqg1 0.96s infinite linear alternate,
    spinner-oaa3wk 1.92s infinite linear;
}

.spinner--mini {
    width: 20px;
    height: 20px;
    border-width:4px;
}

.spinner--minimum {
    width: 16px;
    height: 16px;
    border-width: 3px;
}





.loader__outer {
    position:absolute;
    top:0;
    left:0;
    background-color: rgba(255,255,255,0.5);
    cursor:not-allowed;
    width: 100%;
    height: 100%;
    display:none;
    cursor:wait;
    z-index:4;
    align-content: center;
    text-align: center;
}

.loader__outer--panel {
    background-color: rgba(255, 255, 255, 0.6);
    align-items:center;
    justify-content: center;
}

.body--loading .loader__outer {
    display:block;
}

.body--loading .loader__outer--flex {
    display:flex;
}


/* edit in place  */

.eip__trigger-item {
    padding: 2px;
    background-color: rgba(0, 0, 0, 0.05);
    position: absolute;
    right: 2px;
    bottom: 2px;
    border-radius: 2px;
    cursor: pointer;
    box-shadow: 1px 1px 0.3px rgba(0, 0, 0, 0.1);
}

.eip-form__outer {
    position: absolute;
    top: 50%;
    left: 0;
    background: #fff;
    width: 160px;
    z-index: 3;
    display: flex;
    align-items: flex-start;
    padding: 10px;
    border: 2px solid var(--main-color);
    transform: translateY(-50%);
    box-shadow: 0px 0px 6px rgba(255,255,255,0.5);
}

.eip-form__outer--textarea--shiire-butsuryu-1,
.eip-form__outer--textarea--shiire-butsuryu-2{
    right:0px;
    left:auto;
}

.eip-form__outer--date {
    width:290px;
}

.eip-form__outer--date input[type = "date"] {
    font-size:1.6rem;
    width: 120px;
    padding: 3px 5px;
}

.eip-form__outer--date .form-alias__outer--date {
    padding:3px;
    margin: 0 10px 0 0;
}

.eip-form__outer--date .form-alias__outer--date .form__alias-item {
    margin:0;
    font-size:16px;
}

.eip-form__outer--date .form-alias__outer--date .form__alias-item--year {
    max-width: 36px;
}
.eip-form__outer--date .form-alias__outer--date .form__alias-item--month,
.eip-form__outer--date .form-alias__outer--date .form__alias-item--day {
    max-width: 18px;
}

.eip-form__outer--date .form-alias__outer--date input[type = "date"] {
    padding:0px;
    width:20px;
    margin:0;
}

.eip-form__outer--date .form__alias-slash-item {
    margin:0;
}

.eip-form__outer--date .button__item {
    width:60px;
}

.eip-form__outer--date .eip-form__submit-item {
    margin:0 10px 0 0;
}

.eip-form__outer--textarea .eip-form__submit-item {
    margin: 0 0 10px;
}

.eip-form__outer--date .eip-form__clear-item,
.eip-form__outer--textarea .eip-form__clear-item {
    font-size:1.4rem;
    padding: 9px 5px;
}

.eip-form__outer--textarea {
    width:320px;
    top:0;
    transform: none;
}

.eip-form__outer--text {
    width:120px;
}

.eip-form__outer--select {
    width:280px;
}

.eip-form__outer input:not(.js-eipFormItemDate), 
.eip-form__outer textarea,
.eip-form__outer select {
    margin:0 10px 0 0;
}

.eip-form__outer textarea {
    width: 200px;
    min-height: 160px;
    padding:5px;
}



.eip-form__close-item {
    position: absolute;
    width: 24px;
    height: 24px;
    background-color: #333;
    background-image: url(/.src/img/close-32-fff.png);
    background-size: cover;
    background-size: 12px;
    background-position: center;
    background-repeat: no-repeat;
    right: 0;
    top: -12px;
    right: -12px;
    border-radius: 100%;
    cursor:pointer;
}

.eip-form__button-outer {
    width: 80px;
}


.eip__error-item {
    position: absolute;
    top: calc(100% + 10px);
    font-weight: normal;
    width: 100%;
    left: 0;
    padding: 15px 10px 10px;
    border-radius: 5px;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    border: 1px solid #ffeeba;
    z-index: 4;
    display:none;
}

.eip__error-item--active {
    display:block;
}

.eip__error-item:before {
    content: "入力エラー";
    position: absolute;
    background: #fc0;
    color: #333;
    font-weight: bold;
    font-size: 1.2rem;
    letter-spacing: 1px;
    border-radius: 20px;
    top: -8px;
    height: 16px;
    line-height: 16px;
    width: 100px;
    text-align: center;
    left: calc(50% - 50px);
}


.eip--mask {
    position:fixed;
    top:0;
    left:0;
    width: 100%;
    height: 100%;
    display:none;
    z-index:2;
}

.body--eip .eip--mask {
    display:block;
    cursor:not-allowed;
}

/* emephasis  */

.emphasis-icon__outer:not(.table__filter-inner--kouku){
    position:relative;
}

.emphasis-icon__outer--has-icon:after {
    content: "";
    width: 8px;
    height: 8px;
    position: absolute;
    right: 0;
    top: 0;
    background-color: var(--color-main);
    border-radius: 100%;
}

.emphasis-icon__outer--has-icon input,
.emphasis-icon__outer--has-icon select {
    font-weight:bold;
    border:1px solid #fff;
    opacity:1;
}

.form__label-item--em .form__label-text-item,
.table-filter__inner--radio > div:has( .form__label-item--em ) .form__label-text-item {
    background-color: var(--main-color);
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.2), transparent);
    position:relative;
    font-weight: bold;
}

.ex--order-page-no-content {
    display:none;
}

/* chumon  */

.chumon__caption-outer {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin: 0 0 15px;
}

.chumon__caption-outer em {
    display: block;
    font-style: normal;
}


@media ( width <= 1024px ){
    h1 {
        visibility:hidden;
    }
}

@keyframes modal-content__outer--loading {
    0%{
        box-shadow: 0px 0px 8px rgba(255,255,255,0.5);
    }
    100%{
        box-shadow: 0px 0px 24px rgba(255, 255, 255, 0.5)
    }
} 


@media ( width <= 1366px ){

    .top-contents__outer--other .panel {
        display:inline-block;
        margin:0 30px 0 0;
        vertical-align:top;
    }

    .top-contents__outer--system {
        margin:0;
    }
}

@media ( width <= 1156px ){

    .top-contents__outer--analy-second {
        margin:0;
    }

    .top-contents__outer--system {
        margin: 0 30px 0 0px;
    }

    .top-contents__outer--other {
        width:660px;
    }

}

@media( width <= 976px ){

    .contents__outer--top {
        justify-content: flex-start;
    }

    .top-contents__outer {
        width:100%;
    }

    .panel-count__outer {
        min-width: 60px;
        float: none;
        display: block;
        text-align: right;
        margin:0;
    }

    .top-contents__outer--analy-first,
    .top-contents__outer--analy-second{
        width: calc( 50% - 15px );
    }

    .top-contents__outer--analy-first .panel--l,
    .top-contents__outer--analy-second .panel--l {
        width:100%;
    }

    .top-cotnents__head-item  {
        width: 100%;
    }

    .top-contents__outer--analy-first .top-cotnents__head-item {
        width:100vw;
    }

    .top-contents__outer--system {
        width:180px;
        margin:0 30px 0 0;
    }

    .top-contents__outer--other {
        width: calc(100% - 210px);
        display: flex;
        flex-wrap: wrap;
        align-content: flex-start;
    }

    .top-contents__outer--other .panel {
        margin:0 30px 30px 0;
    }

    .top-contents__outer--other .panel-link__outer--to-supplier {
        margin:0;
    }

}


@media( width <= 1396px ){
    .top-contents__inner--latest {
        margin:0 30px 0 0;
        display:inline-block;
    }

    .body--user .top-contents__outer--analy-second {
        margin:0;
    }
}

@media ( width <= 740px ){
    .top-contents__inner--latest,
    .top-contents__inner--latest .panel {
        width:100%;
    }

}


@media( width <= 640px ){

    .body--table:not(.body--chumon) .pankuzu__outer {
        margin: 0 0 85px;
    }

    .body--dashboard .pankuzu__outer {
        margin:0 0 15px;
    }


    .body--table:not(.body--chumon) .lead__inner-pager {
        top: -75px;
    }

}


@media (width <= 540px) {

    .outer--center {
        padding: 0px 30px 80px
    }

    .outer--login .logo__item{
        width: 100%;
        max-width: none;
    }

    .contents__outer--top {
        flex-direction: column;
        align-items: center;
    }

    .body--top .top-contents__outer {
        width:100%;
        margin: 0 0 30px;
    }

    .top-contents__outer--other .panel {
        margin:0 0 30px;
    }

    .button__item--l {
        width:100%;
    }


    .list__scroll-item {
        display:none;
    }

    .form__item--search {
        width: calc(100% - 90px);
    }

    .panel-text__item-inner{
        border: none;
    }

    .body--top .panel-text__item-inner{
        margin-bottom: 30px;
    }

    .body--top .panel__select-outer{
        display: block;
        margin-bottom: 30px;
    }

    .panel__select-inner:first-of-type{
        margin-bottom: 15px;
    }

}


@media (width <= 540px) {

    .body--dashboard .lead__outer {
        
    }

    .panel,
    .panel--s{
        width:100%;
    }

}


@keyframes spinner-bulqg1 {
   0% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 50% 0%, 50% 0%, 50% 0%, 50% 0%);
   }

   12.5% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 0%, 100% 0%, 100% 0%);
   }

   25% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 100% 100%, 100% 100%);
   }

   50% {
      clip-path: polygon(50% 50%, 0 0, 50% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   62.5% {
      clip-path: polygon(50% 50%, 100% 0, 100% 0%, 100% 0%, 100% 100%, 50% 100%, 0% 100%);
   }

   75% {
      clip-path: polygon(50% 50%, 100% 100%, 100% 100%, 100% 100%, 100% 100%, 50% 100%, 0% 100%);
   }

   100% {
      clip-path: polygon(50% 50%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 50% 100%, 0% 100%);
   }
}

@keyframes spinner-oaa3wk {
   0% {
      transform: scaleY(1) rotate(0deg);
   }

   49.99% {
      transform: scaleY(1) rotate(135deg);
   }

   50% {
      transform: scaleY(-1) rotate(0deg);
   }

   100% {
      transform: scaleY(-1) rotate(-135deg);
   }
}




.registry-check-text.registry-check-text__sk {
    display: block;
}

.registry-check-td__toggle-sk {
    display: block;
    position: absolute;
    right: 0;
    bottom: 5px;
    color: var(--color-main);
    text-decoration: underline;
    text-underline-offset: 4px;
    font-weight: bold;
    cursor: pointer;
}

.registry-check-tr td[data-key = "shiire_kouku"] {
    position: relative;
    padding: 10px 10px 30px;
}

.registry-check-tr--hidden-sk .registry-check-td__toggle-sk--hidden {
    display: none;
}

.registry-check-tr--visible-sk .registry-check-td__toggle-sk--visible {
    display: none;
}

.registry-check-tr--hidden-sk [data-key = "shiire_kouku"] > .registry-check-text:not( .registry-check-text:nth-of-type(1) ) {
    display: none;
}

.td[data-key = "input"],
.td[data-key = "line"] {
    word-break: break-word;
}

.form__label-search-outer{
    text-align: center;
    line-height: 2.2;
}

.form__label-search-text{
    font-size: 1.4rem;
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

.form__label-search-text:hover{
    text-decoration: none;
}

.form__label-display-outer--on .form__label-search-text{
    color: var(--main-color);
}

.form__label-search-checkbox{
    display: none;
}

.list__scroll-outer{
    text-align: right;
    margin-top: 10px;
    position: relative;
    width: calc(100% + 225px);
}

.list__scroll-text{
    padding-right: 10px;
    margin-right: 15px;
    position: relative;
    font-size: 12px;
    font-weight: bold;
    color: #aaa;
}

.list__scroll-text:before{
    content: "→";
    position: absolute;
    right: -5px;
    top: 1px;
}

.list__scroll-number-outer{
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

.list__scroll-number-inner{
    margin-right: 10px;
}

.list__scroll-number-item{
    color: var(--main-color);
    font-weight: bold;
}

.panel__select-outer{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}

.panel__select-step--1{
    margin-bottom: 5px;
}

.panel__select-step--2{
    margin-bottom: 9px;
}

.panel__select-item{
    width: 280px;
    margin: 0 30px 0 0;
    padding: 5px;
    box-sizing: border-box;
    font-size: 1.6rem;
}

.panel__select--download .panel__select-item{
    margin: 0;
}

.pannel__select-file{
    border: none;
    font-size: 1.6rem;
}

.button__item-outer{
    text-align: center;
}

.form__inner-type{
    display: inline-block;
    width: 49%;
}

.form__label-display-outer--on,
.form__label-display-outer--off{
    display: none;
}

.form__label-display-outer--on.form__label-display-outer--active,
.form__label-display-outer--off.form__label-display-outer--active{
    display: block;
}

.top__footer-outer{
    position: fixed;
    width: 100%;
    left: 0;
    text-align: right;
    bottom: 0;
    z-index: 1;
    background-color: rgb(153 153 153 / 20%);
    padding: 3px 10px;
    letter-spacing: 0.5px;
}

.top__footer-item--name{
    margin-right: 30px;
}

.top__footer-item{
    font-weight: bold;
}



.eip__trigger-item[data-eip-key = "memo_hand"],
.eip__trigger-item[data-eip-key = "delivery_deadline_hand"],
.eip__trigger-item[data-eip-key = "customs_broker_memo"]{
    display: none;
}

.list__table-item--hgl .eip__trigger-item[data-eip-key = "memo_hand"],
.list__table-item--okamoto .eip__trigger-item[data-eip-key = "delivery_deadline_hand"],
.list__table-item--okamoto .eip__trigger-item[data-eip-key = "customs_broker_memo"]{
    display: inline-block;
}


.body--list #js-bootListUpload {
    display: none;
}

.body--list:has( .list__table-item--okamoto ) #js-bootListUpload,
.body--list:has( .list__table-item--hgl ) #js-bootListUpload{
    display: inline-block;
}

.table-filter__outer--bottom{
    margin: 15px 0 0;
}

.table-filter__button-outer{
    position: absolute;
    top: 0;
    right: 0;
}

.body--account .pankuzu__outer{
    margin: 0;
}


.refreshform__overlay-item{
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    cursor:not-allowed;
    top: 0;
}

body:has(.tr--editting) .refreshform__overlay-item{
    display: block;
}

.tr--invisible {
    display: none;
}

.download-template__outer {
    margin: 15px 0 0;
    text-align: center;
}

.download-template__item {
    color: #36f;
    font-size: 1.4rem;
    display: none;
}

body:has( .option__item--master[value="deliveryDestination"]:checked ) .download-template__item[data-key = "deliveryDestination"],
body:has( .option__item--master[value="transportCategory"]:checked ) .download-template__item[data-key = "transportCategory"],
body:has( .option__item--master[value="bodyInstallation"]:checked ) .download-template__item[data-key = "bodyInstallation"],
body:has( .option__item--master[value="transportPlanStatus"]:checked ) .download-template__item[data-key = "transportPlanStatus"],
body:has( .option__item--master[value="transportCompany"]:checked ) .download-template__item[data-key = "transportCompany"],
body:has( .option__item--master[value="salesCompany"]:checked ) .download-template__item[data-key = "salesCompany"],
body:has( .option__item--master[value="vehicleSize"]:checked ) .download-template__item[data-key = "vehicleSize"]{
    display: inline-block;
    cursor:pointer;
}

.body--account .table-filter__outer{
    width: 100%;
}

.header__logo-item {
    position: absolute;
    top: 0;
    left: 30px;
}


@media( width <= 540px ){
    .top__footer-outer{
        font-size: 12px;
    }

    .table-filter__outer--list .table-filter__submit-item{
        top: auto;
        bottom: 40px;
        right: 100px;
    }

    .table-filter__outer--list .table-filter__clear-item{
        top: auto;
        bottom: 40px;
    }

    .table-filter__outer--list .table-filter__inner--any,
    .table-filter__outer--list .table-filter__inner--date{
        padding-bottom: 60px;
    }

    .list__scroll-outer{
        width: 100%;
    }

    .list__scroll-text{
        font-size: 10px;
    }

    .list__scroll-number-outer{
        font-size: 14px;
    }

    .list-next__outer > div{
        text-align: center;
    }
}