.mod_tableFit {
  border-radius: var(--radius-xm);
  border: 1px solid var(--line-main);
  background: var(--bg-paper);
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.mod_tableFit-tb {
  width: 100%;
  font-size: var(--typo-min);
  table-layout: auto;
}
.mod_tableFit-tr {
  padding: 12px 0;
  display: flex;
}
.mod_tableFit-head,
.mod_tableFit-tr:not(:last-child) {border-bottom: 1px solid var(--line-main);}
.mod_tableFit-td {
  padding: 0 24px;
  text-align: left;
}
.mod_tableFit-td:not(:first-child) {border-left: 1px solid var(--line-main);}
.mod_tableFit .ti {font-weight: bold;}

.mod_tableFit.wrap .mod_tableFit-td {white-space: wrap;}
.mod_tableFit.wrap .mod_tableFit-td.ti {min-width: fit-content;}
.mod_tableFit.wrap .mod_tableFit-td:not(.ti) {width: auto !important;}
.mod_tableFit.full .mod_tableFit-td {
  width: auto !important;
  flex: 1;
  white-space: wrap;
}
.mod_tableFit-td.right {
  margin-left: auto;
  padding: 0 16px;
}
.mod_tableFit.hug {
  width: fit-content;
  max-width: 100%;
  margin-inline: auto;
}
.mod_tableFit .btn {color: inherit;}
.mod_tableFit .btn:hover {background: var(--hover);}
.mod_tableFit .mod_tableFit-td .btn.xm {
  width: 26px;
  height: 26px;
}
@media (770px >= width) {
  .mod_tableFit-td {
    padding: 0 8px;
    white-space: nowrap;
  }

  .mod_tableFit.sp-row .mod_tableFit-tr {flex-direction: column;}
  .mod_tableFit.sp-row .mod_tableFit-td:not(:first-child) {border-left: none;}
  .mod_tableFit.sp-row .mod_tableFit-td.ti {margin-bottom: 4px;}
  .mod_tableFit.sp-row .mod_tableFit-td {box-sizing: border-box;}

  .mod_tableFit.wrap .mod_tableFit-td.ti {min-width: fit-content;}
}

function mod_tableFit(){
  $('.mod_tableFit-tb').each(function(){
    if($(this).is(':hidden')){return true;}

    let $td = $('.mod_tableFit-td',this);
    $td.removeAttr('style');

    let leng = $('.mod_tableFit-tr:first-child',this).children('.mod_tableFit-td').length;
    for(let i = 0; i < leng+1; i++){
      let wList = new Array();
      $(this).find('.mod_tableFit-td:nth-child('+i+')').each(function(is){
        wList[is] =  $(this).width()+1;
      });
      let maxW = Math.max.apply(null, wList);
      $(this).find('.mod_tableFit-td:nth-child('+i+')').css({'width':maxW+'px'});
    }
  
    let tw = $(this).parent().width();
    let sw = $('.mod_tableFit-tr',this).get(0).scrollWidth;
    if(tw < sw){
      let wLists = new Array();
      $td.each(function(i){
        wLists[i] = $(this).width();
      });
      let maxW = Math.max.apply(null, wLists);
      let ss = sw-tw;
      $td.css({"max-width":maxW - ss+"px"});
    }
  });
}
$win.load(function(){
  mod_tableFit();
});