@charset 'UTF-8';

/* 文字色 */
/* color: #222222; */
/* color: #545454; */
/* color: #333333; */

/* テキストの自動拡大を無効化 */
body{
    -webkit-text-size-adjust: none;
    text-size-adjust: none;
/*    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;*/
}

/* 基本設定 */

*
{
    margin: 0;
    padding: 0;
    border: none;
}

/* fieldset{
    margin: 0;
    padding: 0;
    border: none;
} */

/*新着メッセージあり*/
.newMessage::after{
    font-family: "Font Awesome 5 Free";
    content: "\f4ad";
    font-weight: 400;
    font-size: 1.3em;
    color: rgba(148,31,87,0.8);
    /*background: #0756b0;*/
/*    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);*/
    /*border: solid 3px white;*/
}

.cmNav .newMessage::after{
    font-family: "Font Awesome 5 Free";
    content: "\f4ad";
    font-weight: 400;
    font-size: 1.3em;
    color: rgba(148,31,87,0.8);
}

button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}

img
{
    width: 100%;
    height: auto;
}

form ul{
    list-style-type: none;
}

/*数値入力の上下矢印(スピンボタン)削除*/
/* Chrome, Safari */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* FireFox, IE */
input[type="number"] {
  -moz-appearance:textfield;
}

/* ページ全体の設定 */
body
{
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
    background-color: #F5F5F5;
    display: grid;
    -webkit-font-smoothing: antialiased;
    grid-template-columns: 1fr;
    /* grid-template-rows: 100px auto auto auto 100px; */
    grid-template-rows: [head] 50px
    [main] auto
    [foot] 50px;
    grid-row-gap: 10px;
    row-gap: 10px;
}

div.message {
    text-align: center;
    cursor: pointer;
    display: block;
    font-weight: normal;
    padding: 0 1.5rem 0 1.5rem;
    transition: height 300ms ease-out 0s;
    background-color: #a0d3e8;
    color: #626262;
    top: 15px;
    right: 15px;
    z-index: 999;
    overflow: hidden;
    height: 50px;
    line-height: 2.5em;
}

div.message:before {
    line-height: 15px;
    font-size: 20px;
    height: 10px;
    width: 8px;
    border-radius: 15px;
    text-align: center;
    vertical-align: middle;
    display: inline-block;
    position: relative;
    left: -11px;
    background-color: #FFF;
    padding: 12px 14px 12px 10px;
    content: "i";
    color: #a0d3e8;
}

div.message.error {
    background-color: #C3232D;
    color: #FFF;
}

div.message.error:before {
    padding: 11px 16px 14px 7px;
    color: #333333;
    content: "×";
}

div.message.hidden {
    height: 0;
}

p{
    color: #333333;
}

ul{
    list-style-type: none;
}

table{
    /* border-collapse: collapse; */
    /* width: 100%; */
    border-collapse: separate;
    border-spacing: 2px 4px;
}

tr{
    /* width: 30%; */

}

th, td{
    font-size: 16px;
    padding: 4px;
    margin-bottom: 1px;
    border:solid 1px #93B8CA;
    text-align: center;
}

th{
    font-size: 16px;
    padding: 4px;
    margin-bottom: 1px;
    border:solid 1px #93B8CA;
    text-align: center;
    background-color: #93B8CA;
    color: #222222;
    border-radius: 0.5em;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
}

td.colleft{
    text-align: left;

}

pre{
    grid-row: foot;
}

.inp_td{
    padding: 0px;
}

.detailTable{
    border-collapse: collapse;
}

.detailTable th, .detailTable td{
    border-radius: initial;
    font-size: 14px;
    padding: initial;
    margin-bottom: initial;
    border:solid 1px #4a5e67;
    padding: 2px;
}

.detailTable tr:nth-child(even) td {
    background-color: #c5dbe7;
}

.moreDetailTable td input{
    padding: initial;
    margin: initial;
    border-radius: initial;
    font-size: 14px;
    border: initial;
    box-shadow: initial;
    -webkit-box-shadow: initial;
}

.moreDetailTable td select{
    padding: initial;
    margin: initial;
    border-radius: initial;
    font-size: 14px;
    border: initial;
    box-shadow: initial;
    -webkit-box-shadow: initial;
}

.detailTable .rightAlign{
    text-align: right;
    padding-right: 5px;
}

.right{
    text-align: right;
}

.left{
    text-align: left;
}

.center{
    text-align: center;
}

.flexCenter{
    display: flex;
    justify-content: center;
}

.flexLeft{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.flexRight{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.listTable tr td:first-child{
    width: 35%;
    text-align: left;
    padding-left: 10px;
}

.listTable tr td:nth-child(2){
    width: 15%;
}

.listTable tr td:nth-child(3){
    width: 15%;
}

.listTable tr td:nth-child(4){
    width: 15%;
}

.isoTable th{
    height: 30px;
}

.isoTable tr td:first-child{
    padding-left: 30px;
}


/* button {
    width: 50%;
    margin: 4px;
    padding: 1em 2em;
    border: none;
    display: inline-block;
    background-color: #93B8CA;
    font-size: 12px;
    line-height: 1;
    color: #F5F5F5;
    justify-self: center;
    cursor: pointer;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    top: 0;
    transition: .2s all;
    font-weight: bold;
} */

.linkButton{
    display:inline-block;
    cursor: pointer;
    margin: 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding: 0.2em;
    text-decoration: none;
    background:#3cb3e4;
    border: 1px solid #0756b0;
    border-bottom:4px solid #0756b0;
    border-radius: 4px;
}

.linkButton{
    display:inline-block;
    cursor: pointer;
    margin: 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    padding: 0.2em;
    text-decoration: none;
    background:#3cb3e4;
    border: 1px solid #0756b0;
    border-bottom:4px solid #0756b0;
    border-radius: 4px;
    text-align: center;
}

.linkDownload{
    margin-bottom: 30px;
}

.button{
    cursor: pointer;
    margin: 10px;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    width: 100px;
    padding: 0.2em;
    text-decoration: none;
    background:#3cb3e4;
    border: 1px solid #0756b0;
    border-bottom:4px solid #0756b0;
    border-radius: 4px;
}

.slimButton{
    cursor: pointer;
    margin: 2px;
    color: #ffffff;
    font-weight: bold;
    font-size: 12px;
    width: 40px;
    padding: 0.1em;
    text-decoration: none;
    background:#3cb3e4;
    border: 1px solid #0756b0;
    border-bottom:4px solid #0756b0;
    border-radius: 4px;
}

.thButton{
    cursor: pointer;
    font-weight: bold;
    text-decoration: none;
}

.button:active
,.linkDownload:active
,.linkButton:active
,.slimButton:active
,.thButton:active{
  /*ボタンを押したとき*/
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}






/* button:hover {
    top: 0;
    color: #383838;
    box-shadow: 0 2px 10px rgba(0,0,0,.5);
}
button:active {
    box-shadow: 0 2px 10px rgba(0,0,0,.5);
    top: 1px;
} */

input, select, label, span{
    color: #333333;
    font-size: 12px;
    padding:3px;
}

input, select, textarea{
    color: #333333;
    font-size: 14px;
    border:solid 1px #aaa;
    padding:3px;
    margin:0 0 5px;
    border-radius: 3px;
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.required > label:before {
    content: ' *';
    color: #C3232D;
}

.centerArea{
    border-top: solid 1px #333;
    padding-top: 40px;

}

.divLink{
    position:relative;
}

.link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.indentBox{
    display: inline-block;
    padding-left: 10px;
    margin-bottom: 10px;
}

.input, .checkbox{
    display: inline-block;
}

.side-nav li a{
    display:block;
}

.rowBox label{
    display: block;
    font-size: 14px;
    background-color: #fff;
}

.rowBox label:first-child{
    font-size: 16px;
}

.hiddenCol{
    visibility: hidden;
    /*width: 0px !important;*/
}

.minusBottom{
    margin-bottom: -1px;
}

/* パーツの配置 */
body > *
{
    grid-column: 2 / -2;
}

/* ヘッダー */
header
{
    font-size: 18px;
    color: #333333;
    grid-row: head;
    margin: 10px 0 0 20px;
    justify-self: left;
    align-self: end;
}

/* header a{
    color: inherit;
    text-decoration: none;
} */

a {
    color: inherit;
    text-decoration: none;
}

/* 装飾 */
.l_midashi{
    /* width: 100%; */
    width: calc(100% - 30px);
    margin: 5px 0 5px 25px;
}

.l_midashi h1{
    position: relative;
    padding: 5px 5px 0px 25px;
    font-size: 20px;
    color: #333333;
}

.l_midashi h1::before{
    display: inline-block;
    line-height: 40px;
    position: absolute;
    text-align: center;
    width: 40px;
    height: 40px;
    left: -1em;
    top: 50%;
    border-radius: 50%;
}

/* ユーザー一覧見出し */
.ul_midashi h1{
    background: #3cb3e4;
}

.ul_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f007";
    font-weight: 900;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* 現場一覧見出し */
.const_midashi h1{
    background: #3cb3e4;
}

.const_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f46d";
    font-weight: 900;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* アラート一覧見出し */
.alert_midashi h1{
    background: #3cb3e4;
}

.alert_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f0f3";
    font-weight: 400;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* コンクリート打設計画・報告書一覧見出し */
.concrete_midashi h1{
    background: #3cb3e4;
}

.concrete_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f1b2";
    font-weight: 900;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* 鉄筋工事一覧見出し */
.weld_midashi h1{
    background: #3cb3e4;
}

.weld_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f00a";
    font-weight: 900;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* 鉄骨工事一覧見出し */
.steel_frame_midashi h1{
    background: #3cb3e4;
}

.steel_frame_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f5cb";
    font-weight: 900;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* 施工プロジェクト品質・環境目標見出し */
.quality_environment_midashi h1{
    background: #3cb3e4;
}

.quality_environment_midashi h1::before{
    font-family: "Font Awesome 5 Free";
    content: "\f161";
    font-weight: 900;
    font-size: 1.3em;
    color: white;
    background: #0756b0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    border: solid 3px white;
}

/* 顧客クレーム見出し */
.customer_claim_midashi h1{
    background: #3cb3e4;
}

/* ナビゲーションメニュー */
nav
{
    grid-row: head;
    margin: 10px 20px 0 0;
    justify-self: right;
    align-self: end;
}

nav ul
{
    display: grid;
    padding: 2px;
    list-style-type: none;
    grid-auto-flow: column;
    grid-column-gap: 10px;
    column-gap: 10px;
}

nav li{
    width: 20px;
    height: 20px;
    transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
}

nav i{
    font-size: 1.1em;
    color: #333333;
    margin: 2.5px;
    vertical-align: bottom;
}

nav li i:focus,
nav li i:hover{
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3);
    transform: translateY(-5px);
}

/* アラート一覧ページ */
.alertListBox td,.alertListBox th{
    font-size: 14px;
}

.alertListBox .leftAlign{
    text-align: left;
    padding-left: 5px;
}

.alertListBox .rightAlign{
    text-align: right;
    padding-right: 5px;
}

.alertListBox .button{
    margin: 0px;
    font-size: 14px;
    padding: 0 4px 0 4px;
}

.alertListBox .alertOff:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1f6 ";
    font-weight: 400;
}

.alertListBox .alertOn:before {
    font-family: "Font Awesome 5 Free";
    content: "\f0f3 ";
    font-weight: 400;
}

.alertListBox .deleteBtn:before {
    font-family: "Font Awesome 5 Free";
    content: "\f2ed ";
    font-weight: 400;
}

/* アラート(工事画面)ページ */
.alertsBox{
    /*height: 250px;*/
    margin-top: -30px;
    margin-bottom: 10px;
}

.alertsBox table{
    width: 49%;
    border-collapse: collapse;
    border-spacing: 0;
}

.alertsBox table th:first-child{
    /* border-radius: 5px 0 0 0; */
}

.alertsBox table th:last-child{
    /* border-radius: 0 5px 0 0; */
    border-right: 1px solid #3c6690;
}

.alertsBox table th{
    border:initial;
    border-radius:initial;
    text-align: center;
    font-size: 14px;
    color:white;
    background: linear-gradient(#829ebc,#0756b0);
    border-left: 1px solid #3c6690;
    border-top: 1px solid #3c6690;
    border-bottom: 1px solid #3c6690;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
    /* width: 25%; */
    padding: 4px 0;
}

.alertsBox table td{
    text-align: center;
    font-size: 14px;
    border-left: 1px solid #a8b7c5;
    border-bottom: 1px solid #a8b7c5;
    border-top:none;
    box-shadow: 0px -3px 5px 1px #eee inset;
    /* width: 25%; */
    padding: 4px 0;
}

.alertsBox table td:last-child{
    border-right: 1px solid #a8b7c5;
}

.alertsBox table tr:last-child td:first-child {
    border-radius: 0 0 0 5px;
}

.alertsBox table tr:last-child td:last-child {
    border-radius: 0 0 5px 0;
}

.alertsBox .leftAlign{
    text-align: left;
    padding-left: 5px;
}

.alertsBox .rightAlign{
    text-align: right;
    padding-right: 5px;
}

.alertsBox .button{
    margin: 0px;
    font-size: 14px;
    padding: initial;
}

.alertsBox .button:before {
    font-family: "Font Awesome 5 Free";
    content: "\f1f6 ";
    font-weight: 400;
}

/*更新情報テーブル*/
#updatedInformation thead, #updatedInformation tbody
,#alertInformation thead, #alertInformation tbody{
    
    display: block;
}

#updatedInformation tbody
,#alertInformation tbody{
    overflow-x: hidden;
    overflow-y: scroll;
    width: 600px;
    height: 150px;
}

#updatedInformation th
,#alertInformation th{
    width: 580px;
}

#updatedInformation td:nth-child(1)
,#alertInformation td:nth-child(1){
    width: 150px;
}

#updatedInformation td:nth-child(2)
,#alertInformation td:nth-child(2){
    width: 430px;
}
    

#updatedInformation .downFile td:nth-child(2):before
,#alertInformation .downFile td:nth-child(2):before{
    font-family: "Font Awesome 5 Free";
    content: "\f381 ";
    font-weight: 900;
    color: #79d2f4;
    margin-right: 5px;
}

/* コンクリート打設計画書 */

.concreteArea .inputArea label{
    font-size: 14px;
    width: 180px;
}

.concreteArea .inputArea span{
    font-size: 14px;
}

.concreteArea .inputArea .titleSpan{
    display: inline-block;
    background: linear-gradient(transparent 70%, #3cb3e4 70%);
    padding: 0 5 5 5px;
    margin-bottom: 5px;
}

/* 鉄筋溶接工事検査記録 */


/* mainページ */
.mainContentArea{
    grid-row: main;
    justify-self: left;
    align-self: start;
    width: 100%;
    overflow: scroll;
}

.inputBox{
    margin: 10px 0;
    padding: 10px;
    border: 1px solid #aaa;
    border-radius: 6px;
}

.inputBox form{
    margin-bottom: 20px;
}


.l_inputMidashi{
    display: inline-block;
    border-radius: 6px;
    border: 1px solid #3cb3e4;
    position: relative;
    padding: 5px 42px;
    margin-bottom: 10px;
    background: white;
    font-size: 20px;
    color: #0756b0;
    line-height: 1.3;
    /* z-index:-1; */
}

.l_inputMidashi span{
    font-size: 20px;
}

.s_inputMidashi{
    display: inline-block;
    position: relative;
    padding: 5px 15px 5px 42px;
    background: #77c3df;
    font-size: 20px;
    color: #333333;
    margin-left: -25px;
    margin-bottom: 10px;
    line-height: 1.3;
    z-index:-1;
}

.s_inputMidashi:before {
    display: inline-block;
    position: absolute;
    content: '';
    left: -2px;
    top: -2px;
    border: none;
    border-left: solid 40px #F5F5F5;
    border-bottom: solid 79px transparent;
    z-index:-2
}

/* ドロアメニュー */
.mainContentArea .hidden{
	display: none;
}

.btnBox div{
    display: inline-block;
    padding: 0.5em 1em;
    text-decoration: none;
    /* background: #ffffff; */
    /*左線*/
    /* border-left: solid 6px #0756b0; */
    /* color: #0756b0; */
    font-weight: bold;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);

    width: 200px;
    /* height: 50px; */
    margin: 5px;
    text-align: center;
}

.btnBox div:hover{
    cursor: pointer;
    text-decoration: none;
    transform: translateY(-4px);
}

.btnBox div:active {
  /*ボタンを押したとき*/
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}

.level_1{
    background-color: #79d2f4;
    color: #294b59;
    border-left: solid 6px #294b59;
}

.level_2{
    background-color: #b9da6d;
    color: #3c4d1e;
    border-left: solid 6px #3c4d1e;
}

.level_3{
    background-color: #fec554;
    color: #593c1d;
    border-left: solid 6px #593c1d;
}

.choose{
    /* background: #ff0000; */
}

/* ISOページ */
.isoMidashi{
    padding-top: 5px;
    padding-left: 10px;
    font-size: 20px;
    font-weight: bold;
    color: #222222;
    background: #77c3df;
    border-bottom: solid 3px #0756b0;
}

.inputBox p{
    font-size: 16px;
    color: #222222;
}

.inputBox label{
    font-size: 14px;
    color: #222222;
}

.indentBox .hanrei{
    font-size: 14px;
    color: #850000;
}

.inputBox .help::before{
    cursor: pointer;
    content: "?";
    font-size: 85%;
    margin-right: 5px;
    display: inline-block;
    vertical-align: 2px;
    width: 1.5em;
    height: 1.5em;
    text-align: center;
    line-height: 1.5;
    border-radius: 50%;
    background: #77c3df;
    color: #FFF;
    font-weight: bold;
}

/* ログインページ */
.loginArea{
    text-align: center;
    width: 50%;
    margin : 0 auto;
    margin-top: 20px;
    margin-bottom: 20px;
    padding: 20px;
    border-radius: 1em;
    box-shadow: 0 2px 10px rgba(0,0,0,.5);
}

.loginTitle{
    margin: 30px 0;
}

.loginArea label{
    display: inline-block;
    width: 80px;
    text-align: right;
}

/* .loginArea input[type="submit"]{
    margin: 10px;
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    width: 100px;
	padding: 0.2em;
	text-decoration: none;
	background:#ffd98a;
	border-bottom:4px solid #ffa337;
	border-radius: 4px;
} */

/* インプットリスト */
.inputList{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: 800px;
    margin : 0 auto;
    margin-top: 10px;
    padding: 10px 20px;
    width: calc(100% - 70px);
}

.inputList label{
    display: none;
}

.inputList .category{
    width: 55px;
    text-align: center;
}

.inputList .target_text{
    width: 550px;
    text-align: left;
}

.headingBox span{
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    padding: 4px;
    margin-bottom: 5px;
    border:solid 1px #93B8CA;
    text-align: center;
    background-color: #93B8CA;
    color: #222222;
    border-radius: 0.5em;
    box-shadow: 0 1px 1px rgba(0,0,0,.5);
    width: 18%;
}

.headingBox span:last-child{
    width: 75%;
}


/* ユーザー一覧 */
.listArea{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: 1000px;
    margin : 0 auto;
    margin-top: 10px;
    padding: 10px 20px;
    width: calc(100% - 70px);
}

.listArea table{
    margin : 0 auto;
    margin-top: 10px;
    width: 90%;
}

.listArea label, .listArea span{
    font-size: 16px;
}

.listArea input, .listArea select{
    text-align: left;
    padding: 5px;
    font-size: 16px;
}

p.annotation{
    text-align: center;
}

.side-nav{
    width: 80%;
    margin : 0 auto;
}

.side-nav li{
    text-align: center;
    color: #222222;
    background-color: #dfe5ed;
    font-size: 14px;
    width: 140px;
    border:solid 1px #aaa;
    padding:3px;
    margin-top: 10px;
    border-radius: 3px;
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.side-nav li:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}

.inputArea #division{
    font-size: 12px;
}

/* ユーザー編集ページ */
.usersWrap #deleted{
    width: auto;
    margin-top: 8px;
    box-shadow: none;
    -webkit-box-shadow: none;
}


/* 現場情報ページ */
.constField{

}

.wideListArea{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: initial;
    margin : 0 auto;
    margin-top: 10px;
    padding: 10px 20px;
    width: 100%;
}

.wideSlideArea{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: initial;
    margin : 0 auto;
    margin-top: 10px;
    padding: 10px 20px;
    overflow-x: scroll;
}

/* 現場一覧ページ */
.alertIconBox{
    /* cursor: pointer; */
    /* margin: 10px; */
    color: #0756b0;
    font-weight: bold;
    /* font-size: 14px; */
    /* width: 30px; */
    padding: 0.2em;
    text-decoration: none;
    /* background:#3cb3e4; */
    /* border: 1px solid #0756b0; */
    /* border-bottom:4px solid #0756b0; */
    border-radius: 4px;
}

p.annotation{
    margin: 10px 0;
}

/*------------- タブ設定 -------------*/
    /*ベース*/
    section.nomalTab
    , section.zatsuTab
    ,section.kashiTab {
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        display: inline-block;
        width: 300px;
    }
    
    section.nomalTab::after
    , section.zatsuTab::after
    , section.kashiTab::after {
        content: '';
        width: 100%;
        height: 3px;
        order: -1;
        display: block;
        background: rgba(0,137,167,.7);
    }
    
    section.nomalTab .tabLabel
    , section.zatsuTab .tabLabel
    , section.kashiTab .tabLabel {	/* タブ */
        text-align: center;
        margin-right: 3px;
        padding: 3px 12px;
        flex: 1;
        order: -1;
        border-radius: 3px 3px 0 0;
        color: #444;
        background: rgba(0,137,167,.3);
        transition: .5s ;
        cursor: pointer;
    }
    
    section.nomalTab .tabLabel:nth-last-of-type(1)
    ,section.zatsuTab .tabLabel:nth-last-of-type(1)
    ,section.kashiTab .tabLabel:nth-last-of-type(1) {
        margin-right: 0; 
    }
    
    section.nomalTab input
    ,section.zatsuTab input
    ,section.kashiTab input {		/* ラジオボタン非表示 */
        display: none;
    }
    
    section.nomalTab .content
    ,section.zatsuTab .content
    ,section.kashiTab .content {	/* 本文 */
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
    
    /*アクティブ設定*/
    section.nomalTab input:checked + .tabLabel
    ,section.zatsuTab input:checked + .tabLabel
    ,section.kashiTab input:checked + .tabLabel {
        color: #fff;
        background: rgba(0,137,167,.7);
    }
    
    section.nomalTab input:checked + .tabLabel + .content
    ,section.zatsuTab input:checked + .tabLabel + .content
    ,section.kashiTab input:checked + .tabLabel + .content {
        padding: 2px;
        height: auto;
        overflow: auto;
        box-shadow: 0 0 5px rgba(0,0,0,.2);
        transition: .5s opacity;
        opacity: 1;
    }
    
    .tab-area {
        display: flex;
        justify-content: space-around;
        width: 95%;
        /*background: rgba(147,184,202,.3);*/
        background-color: #93B8CA;
        cursor: pointer;
        border-radius: 3px 3px 0 0;
        margin: 0 auto;
    }
    
    .tab {
        width: 300px;
        height: 30px;
        line-height: 30px;
        color: #444;
        text-align: center;
    }
    
    .tab.active {
        color: #fff;
        background: rgba(0,137,167,.7);
        border: none;
    }
    
    .content-area {
        font-size: 30px;
        text-align: center;
    }
    
    #constructionFieldList .content {
        display: none;
    }
    
    #constructionFieldList .content.show {
        display: block;
    }

    
/*------------- タブ設定ここまで -------------*/

/* メインコンテンツ */

/* 非表示ボックス ここから */
.accBox label{
    padding: 0;
    color: #e6a73f;
    background: #fff2cc;
    cursor :pointer;
    transition: all 0.5s;
}

.accBox label:before {
    font-family: "Font Awesome 5 Free";
    content: "\f07b";
    font-weight: 900;
}

.accBox label:hover {
    background :#ffe9a9;

}

.accBox input {
    display: none;
}

.accBox .hidden_box {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 1;
    transition: 0.8s;
}

/*クリックで中身表示*/
.accFlg:checked + label + .hidden_box {
    height: auto;
    padding: 5px;
    opacity: 1;
}

.accFlg:checked + label:before {
    content: '\f103';
}
/* 非表示ボックス ここまで*/

/* ページャー ここから */

ul.pagination{
    margin-top: 10px;
    display: grid;
    padding: 0;
    list-style-type: none;
    justify-self: center;
    align-self: end;
    grid-auto-flow: column;
    grid-column-gap: 20px;
    column-gap: 20px;
    text-align: center;

}

ul.pagination li{
    justify-self: center;
}

ul.pagination a{
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
    color: #666;
    display: block;
    border: 1px solid #707070;
    border-radius: 2px;
    line-height:38px;
    width: 38px;
    height: 38px;
}

 ul.pagination a:hover {
     top: 0;
     color: #383838;
     box-shadow: 0 2px 10px rgba(0,0,0,.5);
 }
 ul.pagination a:active {
     box-shadow: 0 2px 10px rgba(0,0,0,.5);
     top: 1px;
 }
 /* ページャー ここまで */

.filterbox{
    padding: 5px 0 0 25px;
    background-color: #ddd;
}

#search{
    height: 20px;
    text-align: left;
}

.kirokuBox{
    margin : 0 auto;
    margin-top: 20px;
    padding: 20px;
    display: grid;
    border-radius: 1em;
    box-shadow: 0 2px 10px rgba(0,0,0,.5);
    width: calc(100% - 70px);
}

/* 記録表示部分 */
.kirokuBox{
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto auto auto;
    grid-row-gap: 5px;
    row-gap: 5px;
}

 .kirokuBox div, .jidou_list div{
    color: #383838;
    font-size: 12px;
 }

 .kirokuBox .th_box, .jidou_main .th_box{
    border: solid #707070;
    border-width: 0 1px 1px 0;
    border-radius: 2px;
 }

.th_box, .td_box{
    padding: 2px;
    float: left;
}

.kirokuBox textarea {
  resize: none;
  overflow: scroll;
  width:90%;
}

.kirokuBox .item_02{
    justify-self: center;
    align-self: center;
}

.kirokuBox .item_02 > input{
    width: 20px;
    height: 20px;
    border: solid 1px #333333;
    float: left;
    margin-right: 20px;
    border-radius: 2px;
    padding: 0;
    background-color: #F5F5F5;
}

.kirokuBox .item_02 > input:nth-child(2){
    background-color: #79D1B0;
}

.kirokuBox .item_02 > input:nth-child(3){
    background-color: #33BFDB;
}

.kirokuBox .item_02 > input:nth-child(4){
    background-color: #FDC44F;
}

.kirokuBox .item_02 > input:nth-child(5){
    background-color: #F58E7E;
}

#kiroku_002{
    background-color: #aae1ec;
}

#kiroku_005{
    background-color: #f7c9c2;
}

#kiroku_001 > .item_07 > .td_box{
    background-color: #79D1B0;
}

#kiroku_002 > .item_07 > .td_box{
    background-color: #33BFDB;
}

#kiroku_003 > .item_07 > .td_box{
    background-color: #FDC44F;
}

#kiroku_004 > .item_07 > .td_box{
    background-color: #F58E7E;
}

#kiroku_005 > .item_07 > .td_box{
    background-color: #79D1B0;
}

#kiroku_006 > .item_07 > .td_box{
    background-color: #79D1B0;
}

#kiroku_007 > .item_07 > .td_box{
    background-color: #79D1B0;
}

#kiroku_008 > .item_07 > .td_box{
    background-color: #79D1B0;
}

#kiroku_009 > .item_07 > .td_box{
    background-color: #79D1B0;
}

#kiroku_010 > .item_07 > .td_box{
    background-color: #79D1B0;
}

/* 入力フォーム */
.inputArea{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: 800px;
    margin : 0 auto;
    margin-top: 10px;
    padding: 10px 20px;
    width: calc(100% - 70px);
}

.inputAreaWide{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: 1200px;
    margin : 0 auto;
    margin-top: 10px;
    padding: 10px 20px;
    width: calc(100% - 70px);
}

.borderBox{
    border: 2px solid #ddd;
    border-radius: 4px;
    max-width: 800px;
    margin : 0 auto;
    margin-top: 5px;
    padding: 5px 5px 3px 5px;
    width: calc(100% - 70px);
}

.borderBoxWide{
    border: 2px solid #ddd;
    border-radius: 4px;
    margin : 0 auto;
    margin-top: 5px;
    padding: 0px 5px 3px 5px;
}

.inputArea label{
    text-align: right;
    vertical-align: top;
    display: inline-block;
    width: 30%;
}

.inputArea input[type="text"]{
    text-align: left;
}

.inputArea select{
    width: 125px;
    box-sizing: border-box;
}

.inputArea textarea{
    font-size: 12px;
    resize: none;
    overflow: scroll;
    width: 60%;
}

.btnParent{
    text-align: center;
}

.inputArea input[type="submit"]{
    color: #333333;
    font-weight: bold;
    font-size: 14px;
    width: 140px;
    margin-top: 1em;
	padding: 0.6em;
	text-decoration: none;
	background:#ffd98a;
	border-bottom:4px solid #ffa337;
	border-radius: 4px;
}

.inputArea input[type="submit"]:hover {
	 cursor: pointer;
	 text-decoration: none;
	 background:#ffa337;
	 transform: translate3d(0, 4px, 0);
     transition: .2s all;
	 border-bottom: none;
}

.inputArea p{
    display: inline-block;
    color: #333333;
    font-size: 14px;
    margin-left: 35%;
    /* margin-left: 20px; */
}

/* フッター */
footer
{
    color: #333333;
    font-size: 13px;
    grid-row: foot;
    justify-self: center;
    align-self: center;
}

/* タブ切り替え */
.acd_wrap{
    text-align: center;
    margin: 0 auto;
}

.acd_check{
    display: none;
}

.acd_wrap .acd_label{
    text-align: center;
    color: #333333;
    background-color: #ebeddf;
    font-size: 12px;
    width: 180px;
    border:solid 1px #aaa;
    padding:3px;
    margin-top: 10px;
    border-radius: 3px;
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.acd_content{
    width: 180px;
    height: 0;
    margin: 0 auto;
    opacity: 0;
    padding: 0 10px;
    transition: .5s;
    visibility: hidden;
}

.acd_wrap .sub_category{
    width: 160px;
    margin:0 0 10px auto;
    background-color: #f2dae8;
}

.acd_check:checked + .acd_label + .acd_content{
    height: 100%;
    opacity: 1;
    padding: 10px 0;
    visibility: visible;
}

/* カテゴリ登録 */
.acd_wrap .input_label{
    /* width: 100%;
    margin-top: 10px; */
    /* text-align: left; */
    width: auto;
}

.acd_wrap #input_category{
    width: 40%;
}

.acd_wrap .input_box{
    width: 60%;
}

.acd_wrap  input[type="submit"]{
    color: #333333;
    font-weight: bold;
    font-size: 12px;
    vertical-align: top;
    width: 50px;
	padding: 0.2em;
    margin: 0;
	background:#ffd98a;
	border-bottom:4px solid #ffa337;
	border-radius: 4px;
}

.trush_icon{
    text-align: center;
    width: 50px;
    margin: 10px 10% 0 auto;
    padding: 5px;
    border-radius: 3px;
    box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.2);
}

.trush_icon i{
    font-size: 2em;
    color: #333333;
}

/* ホーム登録 */
.colorPick{
    vertical-align: bottom;
    width: 20px;
    height: 20px;
    border: solid 1px #333333;
}

#colorId_01{
    background-color: #F5F5F5;
}

#colorId_02{
    background-color: #bbebd8;
}

#colorId_03{
    background-color: #aae1ec;
}

#colorId_04{
    background-color: #f4e4c3;
}

#colorId_05{
    background-color: #f7c9c2;
}

#colorId_06{
    background-color: #c4a6ca;
}

/* ===== モーダル ===== */
.dialog{
    display: none;
    position: fixed;
    top: 50%;
    overflow: hidden;
    z-index: 9999;
    margin: auto;
    padding: 1em;
    border: solid 1px #0756b0;
    width: 450px;
    height: 320px;
    background-color: #fff;
}


/* ===== モーダル ===== */

/* ===== PC版の設定 ===== */
@media (min-width: 768px)
{
    /* PC版:ページ全体の設定 */
    body
    {
        grid-template-columns: .2fr repeat(6,1fr) .2fr;
        /*grid-template-columns: .50px repeat(6,1fr) .50px;*/
        grid-column-gap: 5%;
        column-gap: 5%;
        grid-template-rows: [head] 50px
        [main] auto
        [foot] 50px;
    }
    
    header
    {
        grid-row: head;
        grid-column: 2 / span 3;
    }

    nav
    {
        grid-row: head;
        grid-column: 2 / -2;
    }
    
    /* 見出し内テキスト */
    .manualTxt{
        color: #333333;
        font-size: 14px;
    }
    
    
    /* mainページ */
    .mainContentArea{
        grid-row: main;
        grid-column: 2 / -2;
        width: 100%;
        overflow: hidden;
    }

    /* ホーム登録 */
    .colorPickBox .colorPick{
        width: 20px;
        height: 20px;
    }

    /* 入力フォーム */
    .inputArea label{
        width: 150px;
    }

    .inputArea input{
        width: 175px;
        box-sizing: border-box;
    }

    .inputArea select{
        width: 175px;
        box-sizing: border-box;
    }

    .inputArea p{
        margin-left: 20px;
    }

    /* 現場情報入力フォーム */
    /* .constFields{
        max-width: 1000px;
    } */

    .constFields .inputArea label{
        width: 250px;
        /* font-size: 14px; */
    }

    .constFields .inputArea input, .constFields .inputArea select{
        width: 350px;
    }

    .constFields .inputArea .textarea{
        width: 100%;
    }

    .constFields .inputArea .date select{
        width: initial;
    }

    /* クリア */
    .marginClear{
        margin: initial;
    }
    
    /* アラートページ */
    .alertListBox{
        max-width: 1000px;
    }
    
    /*--------------------------------------------*/
    /* 原価管理システム */
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*共通*/
    /*--------------------------------------------*/
    /*テーブル選択行の背景色*/
    .selected {
        background-color: #D9E5FF;
    }
    
    .selected input{
        background-color: #D9E5FF;
    }
    
    /*テーブル絞り込み*/
    .allNoDisplay tr:not(.colTitle) {
        display: none;
    }
    
    /*テーブルリスト形式*/
    .cmList th input, .cmList td input, .cmList td select{
      width: 150px;
      box-sizing: border-box;
      margin: 0;
    }
    
    /*ラジオボタン*/
    .inputArea .radioBtn{
        width: initial;
    }
    
    /*リンクボタン*/
    .cmContentArea .linkButton{
        width: 100px;
    }
    
    .partsWrap{
        width: 650px;
        padding: 0;
        margin:0 auto 5px auto;
    }
    
    /*テキストエリア*/
    .cmContentArea .inputArea .textarea{
        width: 100%;
    }
    
    .listField textarea{
        margin: 0;
        resize: none;
        height: calc( 1.3em * 2 );
        line-height: 1.3;
        display:block;
    }
    
    /*注釈*/
    .hanrei{
        display: inline;
        font-size: 14px;
        color: #850000;
    }
    
    .hanrei_2{
        display: inline;
        font-size: 10px;
        color: #fff;
    }
    
    .hanrei_3{
        display: inline;
        font-size: 10px;
        color: #333;
    }
    
    /*￥マーク追加*/
    .addYen::before {
        content: "￥";
    }
    
    /*テーブル絞り込み*/
    .valid tr[valid]{
        display: table-row;
    }
    
    .noneCol{
        display: none;
    }
    
    .hideElement{
        visibility: hidden;
    }
    
    .inputList input, .listInput select, .listInput textarea{
        border:solid 0px;
        padding:3px;
        margin:0;
        /*border-radius: 0px;*/
        /*box-shadow: 0px;*/
        border-radius: 3px;
        box-shadow: inner 0 0 4px rgba(0, 0, 0, 0.4);
        -webkit-box-shadow: inset 0 0 4px rgba(0, 0, 0, 0.4);
        
    }
    
    #annotation_1{
        text-align: right;
        font-size: 12px;
        
    }
    /*--------------------------------------------*/
    /*topページ*/
    /*--------------------------------------------*/
    .cmContentArea{
        padding-top: 0px;
    }
    
    /* メニュー */    
    .cmNav a{
        display: inline-block;
        padding: 2px;
        text-decoration: none;
        font-size: 13px;
        /*color: #333333;*/
        box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
        /*width: 100px;*/
        margin: 5px;
        padding: 2px 5px 2px 5px;
        text-align: center;
    }
    
    .cmNav a:hover {
        opacity:0.8;
    }
    
    .cmNav a:active {
        -webkit-transform: translate(0,2px);
        -moz-transform: translate(0,2px);
        transform: translate(0,2px);
        border-bottom:none;
	}
    
    .cmNav a:nth-child(1){
        color: #294b59;
        color: #000;
        background-color: #79d2f4;
    }
    
    .cmNav a:nth-child(-n+2){
        color: #294b59;
        color: #000;
        background-color: #79d2f4;
    }
    
    .cmNav a:nth-child(n+3):nth-child(-n+7){
        color: #3c4d1e;
        color: #000;
        background-color: #b9da6d;
    }
    
    .cmNav a:nth-child(n+8){
        color: #fec554;
        background-color: #593c1d;
    }
    
    .mainContentArea .centerArea .cmNav .menuBg1{
        color: #294b59;
        color: #000;
        background-color: #79d2f4;
    }
    
    .mainContentArea .centerArea .cmNav .menuBg2{
        color: #3c4d1e;
        color: #000;
        background-color: #b9da6d;
    }
    
    .mainContentArea .centerArea .cmNav .menuBg3{
        color: #000;
        background-color: #00a381;
    }
    
    .mainContentArea .centerArea .cmNav .menuBg4{
        color: #000;
        background-color: #efab93;
    }
    
    .mainContentArea .centerArea .cmNav .menuBg5{
        color: #fec554;
        background-color: #593c1d;
    }
    
    .mainContentArea .centerArea .cmNav .menuBg6{
        color: #000;
        background-color: #f39700;
    }
    
    
    
    .tmpbox{
        height: 300px;
        /*width: 99%;*/
        border: 1px solid grey;
        background-color: #fff;
        overflow-y: scroll;
    }
    
    .cmContentArea table{
        /* border-collapse: collapse; */
        /* width: 100%; */
        /*border-collapse: separate;*/
         border-collapse: collapse;
        /*border-spacing: 2px 4px;*/
    }
    
    .cmContentArea th,.cmContentArea td{
        font-size: 14px;
        padding: 1px;
        margin-bottom: 1px;
        border:solid 1px #333333;
        width: 150px;
    }

    .cmContentArea th{
        text-align: center;
        background-color: #d3d3d3;
        color: #222222;
        border-radius: 0em;
        box-shadow: 0 1px 1px rgba(0,0,0,.5);
    }
    
    .cmContentArea table caption{
        text-align: center;
        font-size: 14px;
        font-weight: bold;
        background-color: #d3d3d3;
        color: #222222;
        border:solid 1px #333333;
        border-radius: 0em;
        box-shadow: 0 1px 1px rgba(0,0,0,.5);
        margin-bottom: -1px;
    }
    
    .cmContentArea td{
        color: #222222;
    }
    
    .cmContentArea label{
        text-align: right;
        font-size: 14px;
    }
    
    
    
    /*--------------------------------------------*/
    /*業者一覧*/
    /*--------------------------------------------*/
    .vendorListWrap{
        margin-top: 30px;
        text-align: center;
    }
    
    .vendorList{
        margin: 0 auto;
        display: inline-block;
    }
    
    .vendorList td{
        cursor: pointer;
    }
    
    .headFixed{
        position: sticky;
        top: 0;
    }
    
    .headFixed::after{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #333333;
    }
    
    .filterBox{
        margin-bottom: 10px;
        padding: 0;
        text-align: center;
    }
    
    .filterBox div, .filterBox .filterBtn{
        font-size: 14px;
        font-weight: bold;
        text-decoration: none;
        color: #666;
        display: inline-block;
        border: 1px solid #707070;
        border-radius: 2px;
        line-height:38px;
        width: 38px;
        height: 38px;
        cursor: pointer;
    }
    
    .cmContentArea .input{
        /*display: block;*/
        margin: 2px 0;
    }
    
    /*評価区分 幅調整*/
    .inputArea .evaluationBox label{
         width: 100px;
         text-align: center;
    }
    
    #vendorField td:nth-child(2){
        padding-left: 10px;
        width: 250px;
    }
    
    #vendorField td:nth-child(3){
        padding-left: 10px;
        width: 250px;
    }
    
    #quoteHeadTable .vendor_nn{
        text-align: center;
    }
    
    /*--------------------------------------------*/
    /*モーダル*/
    /*--------------------------------------------*/
    /*// モーダルウィンドウ全体のレイアウト（画面いっぱいに表示）*/
    .c-modal {
        display: none;
        height: 100vh;
        position: fixed;
        top: 0;
        width: 100%;
        top: 0;
        left: 0;
        z-index: 1;
    }

    /*// 黒背景の設定*/
    .c-modal_bg {
        background: rgba(0, 0, 0, 0.6);
        height: 100vh;
        width: 100%;
    }

    /*// ウィンドウの設定*/
    .c-modal_content {
        background: #fff;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 5px;

/*        &._sm {
            width: 30%;
        }

        &._md {
            width: 50%;
        }

        &._lg {
            width: 70%;
        }*/
    }
    
    .c-modal_content_lg {
        background: #fff;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 5px;
        width: 70%;
    }

    .c-modal_content_inner {
        position: relative;
        padding: 24px;
    }

    /*// 閉じるボタン*/
    .c-modal_close {
        position: absolute;
        top: 13px;
        right: 10px;
    }
    
    
    
    
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*実行予算*/
    /*--------------------------------------------*/
    /*//実行予算総括費目*/
    .WorkingBudgetExpenseItemWrap{
        margin-top: 30px;
        text-align: center;
    }
    
    #reviewTableHead{
        margin-bottom: -1px;
    }
    
    #reviewTableData, #workingBudgetList{
        margin: -1px 0 -1px 0;
    }
    
    .WorkingBudgetExpenseItemWrap .left{
        text-align: left;
    }
    
    .WorkingBudgetExpenseItemWrap .right{
        text-align: right;
    }
    
    #reviewTableHead th:nth-child(1){
        width: 456px;
    }

    #reviewTableHead th:nth-child(2){
        width: 456px;
    }
    
    #reviewTableHead th:nth-child(3){
        width: 300px;
    }
    
/*    #reviewTableBottom td, #reviewTableData td{
        text-align: right;
    }*/
    
    #reviewTableData th:nth-child(1), #reviewTableData td:nth-child(2) input{
        width: 180px;
    }

    #reviewTableData th:nth-child(5), #reviewTableData th:nth-child(7),
    #reviewTableData td:nth-child(5), #reviewTableData td:nth-child(7),
    #reviewTableData td:nth-child(6), #reviewTableData td:nth-child(8),
    #reviewTableData td:nth-child(6) input, #reviewTableData td:nth-child(8) input{
        width: 80px;
    }

    #reviewTableBottom td:nth-child(1){
        width: 180px;
    }
    
    #reviewTableBottom .wariai{
        width: 80px;
    }
    
    .paymentInputBox h3{
        font-size: 1em;
        color: #333333;
        padding: .25em .5em;
        background-color: #f6f6f6;
        border-radius: 6px;
        margin-bottom: .25em;
    }
    
    .add{
        background-color: #e0efff;
    }
    
    .edit{
        background-color: #ffe0e0;
    }
    
    .paymentListBox{
        margin: 0 auto;
        display: inline-block;
        border: 1px solid grey;
        height: 300px;
        overflow-y: scroll;
    }
    
    /* テーブル先頭行固定 */
    #paymentList th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #paymentList th::after{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #333333;
    }
    
    /*//実行予算工種*/
    .wkList input{
        text-align: center;
    }
    
    .wkList th:nth-child(1), .wkList th:nth-child(2)
    ,.wkList td:nth-child(5) input, .wkList td:nth-child(6) input{
        width: 200px;
    }
    
    .wkList th:nth-child(2){
        width: 200px;
    }
    
    .wkList th:nth-child(3), .wkList th:nth-child(4)
    , .wkList td:nth-child(7), .wkList td:nth-child(7) input
    , .wkList td:nth-child(8), .wkList td:nth-child(8) input{
        width: 50px;
    }
    
    .wkList th:nth-child(7), .wkList td:nth-child(11) input{
        width: 300px;
    }
    
    .listSum td:nth-child(1){
        width: 509px;
    }
    
    .bottomBtnBox{
        margin-top: 20px;
    }
    
    /*追加工事登録*/
    #addingConstructionTable th:nth-child(4), #addingConstructionTable td:nth-child(4)
    ,#addingConstructionTable th:nth-child(5), #addingConstructionTable td:nth-child(5){
        width: 200px;
    }
    
    /*--------------------------------------------*/
    
    
    
    /*--------------------------------------------*/
    /*工種一覧*/
    /*--------------------------------------------*/
    .scrollWrap2{
        height: 600px;
        /*border: 1px solid grey;*/
        /*background-color: #fff;*/
        overflow-y: scroll;
        /*display: inline-block;*/
        /*width: 100%;*/
    }
    
    
    .WorkingBudgetExpenseItemWrap #purchaseOrderList th{
         /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*見積比較*/
    /*--------------------------------------------*/
    
    /*工種一覧*/
    .poList{
        /*margin-bottom: -1px;*/
    }
    
    .poList th:nth-child(1), .poList td:nth-child(3)
    ,.poList th:nth-child(4), .poList td:nth-child(6){
        width: 30px;
    }
    
    /*コピーボタン*/
    #copyBtnTable tr td{
        text-align: center;
    }
    
    #copyBtnTable tr td .button{
        margin: 0;
        width: 120px;
    }
    
    /*見積選択*/
    #budgetSideParentList .ui-selecting, #budgetSideChildList .ui-selecting
    ,#quoteSideParentList  .ui-selecting, #quoteSideChildList .ui-selecting
    {
        background: #e1e9fa;
    }
    
    #budgetSideParentList .ui-selected, #budgetSideChildList .ui-selected
    ,#quoteSideParentList  .ui-selected, #quoteSideChildList .ui-selected
    { 
        background: #D9E5FF;
    }
    
    .venderQuoteTableWrap{
        margin-top: 10px;
    }
    
    .venderQuoteTableWrap td{
        border: 0px none;
        vertical-align: top;
    }
    
    .venderQuoteTableWrap td:nth-child(1), .venderQuoteTableWrap td:nth-child(3){
        width: 800px;
    }
    
    .venderQuoteTableWrap td:nth-child(2){
        width: 100px;
        padding-top: 30px;
        vertical-align: middle;
    }
    
    #budgetSideParentList td, #budgetSideChildList td
    ,#quoteSideParentList td, #quoteSideChildList td
    {
        border:solid 1px #333333;
    }
    
    .subNm{
        margin-top: 20px;
    }
    
    .subNm input{
        width: 300px;
    }
    
    .subNm #searchHimokuNm{
        width: 200px;
    }
    
    /*変更増減登録*/
    .henkouZougenWrap span{
      font-size: 16px;
      color: #333333;
    }
    
    .parentQuote2{
        background-color: #e0ebaf;
    }
    
    .childQuote2{
        background-color: #e0ebaf;
    }
    
    /*------------- タブ設定 -------------*/
    /*ベース*/
    section.budgetTab, section.quoteTab{
        display: flex;
        flex-wrap: wrap;
        
    }
    
/*    .tabBox{
        width: 100px;
    }*/
    
    section.budgetTab::after, section.quoteTab::after {
        content: '';
        width: 100%;
        height: 3px;
        order: -1;
        display: block;
        background: rgba(0,137,167,.7);
    }
    
    section.budgetTab .tabLabel, section.quoteTab .tabLabel {	/* タブ */
        text-align: center;
        margin-right: 3px;
        padding: 3px 12px;
        flex: 1;
        order: -1;
        border-radius: 3px 3px 0 0;
        color: #444;
        background: rgba(0,137,167,.3);
        transition: .5s ;
        cursor: pointer;
    }
    
    section.budgetTab .tabLabel:nth-last-of-type(1)
    ,section.quoteTab .tabLabel:nth-last-of-type(1){
        margin-right: 0; 
    }
    
    section.budgetTab input
    ,section.quoteTab input {		/* ラジオボタン非表示 */
        display: none;
    }
    
    section.budgetTab .content
    ,section.quoteTab .content {	/* 本文 */
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
    
    /*アクティブ設定*/
    section.budgetTab input:checked + .tabLabel
    ,section.quoteTab input:checked + .tabLabel{
        color: #fff;
        background: rgba(0,137,167,.7);
    }
    
    section.budgetTab input:checked + .tabLabel + .content
    ,section.quoteTab input:checked + .tabLabel + .content{
        padding: 2px;
        height: 550px;
        /*overflow: auto;*/
        overflow: scroll;
        box-shadow: 0 0 5px rgba(0,0,0,.2);
        transition: .5s opacity;
        opacity: 1;
    }
    /*------------- タブ設定ここまで -------------*/
    
    /*--------------------------------------------*/
    /*見積比較*/
    /*--------------------------------------------*/
    .quoteHeadTable {
        margin: 20px 0;
    }
    
    .quoteFootList input{
        width: 90%;
        font-size: 12px;
    }
    
    .cmTableWrap{
        /*height: 300px;*/
        min-height: 300px;
        border: 1px solid grey;
        background-color: #fff;
        /*overflow-x: scroll;*/
        overflow: scroll;
    }
    
    .scrollWrap3{
        height: 400px;
        /*border: 1px solid grey;*/
        /*background-color: #fff;*/
        overflow-y: scroll;
        /*display: inline-block;*/
        /*width: 100%;*/
    }    
    
    .cmTableBox{
        width: 100%;
        width: 1550px;
        margin-top: -1px;
        margin-left: -1px;
        background-color: #fff;
        word-break: break-all;
        word-wrap: break-word;
        table-layout: fixed;
        -webkit-overflow-scrolling: touch;
    }
    
    .cmTableBox th{
        text-align: center;
        width: 85px;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .cmTableBox td{
        font-size: 13px;
    }
    
    .quoteWrap select{
        width: 100%;
    }
    
    .quoteWrap select
    ,.quoteWrap input{
        margin: 0px;
    }
    
    .quoteComparisonTable tr td{
        text-align: right;
    }
    
    .quoteComparisonTable tr td input
    ,.quoteComparisonChildTable tr td input{
            width: 95%;
            margin: 0;
            border: 0;
    }
    

    .quoteComparisonTable tr td:nth-child(5) input
    ,.quoteComparisonTable tr td:nth-child(6) input
    ,.quoteComparisonTable tr td:nth-child(9) input
    ,.quoteComparisonTable tr td:nth-child(13) input
    ,.quoteComparisonTable tr td:nth-child(17) input
    ,.quoteComparisonTable tr td:nth-child(2) input
    ,.quoteComparisonChildTable tr td:nth-child(2) input
    ,.quoteComparisonChildTable tr td:nth-child(5) input
    ,.quoteComparisonChildTable tr td:nth-child(6) input
    ,.quoteComparisonChildTable tr td:nth-child(9) input
    ,.quoteComparisonChildTable tr td:nth-child(13) input
    ,.quoteComparisonChildTable tr td:nth-child(17) input
    ,.quoteComparisonChildTable tr td:nth-child(2) input{
        width: 90%;
    }
    
    .quoteComparisonTable tr td:nth-child(2) input{
        width: 80%;
    }
    
    .switchBtn{
        margin: 0 0 0 10px;
    }
    
    .himokuNm{
        /*color: #FF0000;*/
    }
    
    /*見積比較 名称文字色変更*/
    .state_5{
        /*使用済み：黒*/
        color: #222222;
    }
    
    .state_6{
        /*一部使用*/
        color: #0000FF;
    }
    
    .state_7{
        /*数量で分割*/
        color: #FF9900;
    }
    
    .state_8{
        /*金額で分割*/
        color: #008000;
    }
    
    .state_9{
        /*使用済みを再使用*/
        color: #FF0000;
    }
    
    .parentHimoku{
        /*親費目*/
        font-weight: bold;
    }

    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*発注伺い書作成*/
    /*--------------------------------------------*/
    #reviewTableHead{
        margin-top: 20px;
    }
    
    #reviewTableMiddle #orderNumberInput input{
        text-align: center;
    }
    
    #reviewTableMiddle th:nth-child(3){
        width: 160px;
    }
    
    .orderRequestWrap table{
        margin-bottom: -1px;
    }
    
    #reviewTabletenpu tr th:nth-child(1){
        width: 304px;
    }
    
    #reviewTabletenpu tr th:nth-child(2){
        width: 340px;
    }
    
    #causeTable tr th{
        width: 253px;
    }
    
    #causeTable tr td label{
        text-align: left;
        display: block;
        padding: 0 0 0 3px;
    }
    
    #causeTable tr td textarea{
        text-align: left;
        display: block;
        padding: 0 0 0 3px;
    }
    
    /*--------------------------------------------*/

    /*--------------------------------------------*/
    /*支払登録*/
    /*--------------------------------------------*/
    /*------------- タブ設定 -------------*/
    /*ベース*/
    section.laborTab
    , section.materialTab
    , section.mainofficeTab{
        /*display: flex;*/
        /*flex-wrap: wrap;*/
        display: inline-block;
        width: 300px;
    }
    
    section.laborTab::after
    , section.materialTab::after
    , section.mainofficeTab::after{
        content: '';
        width: 100%;
        height: 3px;
        order: -1;
        display: block;
        background: rgba(0,137,167,.7);
    }
    
    section.laborTab .tabLabel
    , section.materialTab .tabLabel
    , section.mainofficeTab .tabLabel{	/* タブ */
        text-align: center;
        margin-right: 3px;
        padding: 3px 12px;
        flex: 1;
        order: -1;
        border-radius: 3px 3px 0 0;
        color: #444;
        background: rgba(0,137,167,.3);
        transition: .5s ;
        cursor: pointer;
    }
    
    section.laborTab .tabLabel:nth-last-of-type(1)
    ,section.materialTab .tabLabel:nth-last-of-type(1)
    ,section.mainofficeTab .tabLabel:nth-last-of-type(1){
        margin-right: 0; 
    }
    
    section.laborTab input
    ,section.materialTab input
    ,section.mainofficeTab input{		/* ラジオボタン非表示 */
        display: none;
    }
    
    section.laborTab .content
    ,section.materialTab .content
    ,section.mainofficeTab .content{	/* 本文 */
        width: 100%;
        height: 0;
        overflow: hidden;
        opacity: 0;
    }
    
    /*アクティブ設定*/
    section.laborTab input:checked + .tabLabel
    ,section.materialTab input:checked + .tabLabel
    ,section.mainofficeTab input:checked + .tabLabel{
        color: #fff;
        background: rgba(0,137,167,.7);
    }
    
    section.laborTab input:checked + .tabLabel + .content
    ,section.materialTab input:checked + .tabLabel + .content
    ,section.mainofficeTab input:checked + .tabLabel + .content{
        padding: 2px;
        height: auto;
        overflow: auto;
        box-shadow: 0 0 5px rgba(0,0,0,.2);
        transition: .5s opacity;
        opacity: 1;
    }
    
    .billingWrap .tab-area {
        display: flex;
        justify-content: space-around;
        /*width: 95%;*/
        /*background: rgba(147,184,202,.3);*/
        background-color: #93B8CA;
        cursor: pointer;
        border-radius: 3px 3px 0 0;
        margin: 10px 0 0 0;
        width: 50%;
    }
    
    /*付け回し・戻入ボタンサイズ変更*/
    #addReinyuData {
        width: 130px;
        
    }
    
    .reinyuuWrap{
        width: auto;
    }
    
    .reinyuuWrap p{
        display: inline-block;
    }
    
    .reinyuuWrap .sameBox{
        margin-bottom: 10px;
    }
        
    
    .tab {
        width: 180px;
        height: 25px;
        line-height: 25px;
        color: #444;
        text-align: center;
        font-size: 14px;
    }
    
/*    #laborTab{
        background: #3cb37a;
    }
    
    #materialTab{
        background: #fff;
    }*/
    
    .tab.active {
        color: #fff;
        /*background: rgba(0,137,167,.7);*/
        background: #A6C462;
        border: none;
        
    }
    
    
    
    #constructionFieldList .content {
        display: none;
    }
    
    #constructionFieldList .content.show {
        display: block;
    }

    
/*------------- タブ設定ここまで -------------*/
    .cmScrollTableWrap{
        height: 500px;
        /*min-height: 300px;*/
        border: 1px solid grey;
        background-color: #fff;
        /*overflow-x: scroll;*/
        overflow: scroll;
        display: inline-block;
        max-width: 100%;
    }
    
    .cmTableBox{
        width: 100%;
        width: 1550px;
        margin-top: -1px;
        margin-left: -1px;
        background-color: #fff;
        word-break: break-all;
        word-wrap: break-word;
        table-layout: fixed;
        -webkit-overflow-scrolling: touch;
    }
    
    .billingBottomWrap{
        display: flex;
    }
    
    .billingBottomWrap p{
        margin-right: 250px;
    }
    
    #calcTable{
        /*margin-left: auto;*/
        margin: 0 0 10px 0;
        /*margin-left: 595px;*/
        /*margin-left: 488px;*/
    }
    
    #calcTable th{
        background-color: #F5F5F5;
        /*width: 100px;*/
    }
    
    .billingWrap #calcTable .totalName th{
        background-color: #d3d3d3;
        /*width: 105px;*/
    }
    
    .billingWrap #calcTable .totalNum th{
        font-weight: normal;
        text-align: right;
        padding-right: 5px;
    }
    
    .billingWrap #calcTable th:nth-child(1){
        width: 100px;
    }
    
    .billingWrap #calcTable th:nth-child(2){
        width: 85px;
    }
    
    .cmTableBox th{
        text-align: center;
        width: 85px;
        white-space: nowrap;
        overflow: hidden;
    }
    
    .cmTableBox td{
        font-size: 13px;
    }
    
/*    .billingWrap .tab-area{
        margin: 20px 0 20px 0;
        width: 60%;
    }*/
    
    .billingWrap select{
        width: 100%;
    }
    
    .billingWrap select
    ,.billingWrap input{
        margin: 0px;
    }
    
    .quoteComparisonTable tr td{
        text-align: right;
    }
    
    /* テーブル先頭行固定 */
    #laborTable th
    ,#materialTable th
    ,#mainofficeTable th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #laborTable tr th
    ,#materialTable tr th
    ,#mainofficeTable tr th{
        font-size: 12px;
    }
    
    #laborTable tr td input
    ,#laborTable tr td select
    ,#materialTable tr td input
    ,#materialTable tr td select
    ,#mainofficeTable tr td input
    ,#mainofficeTable tr td select{
            /*width: 95%;*/
            margin: 0;
            padding: 1px;
            border: 0;
            font-size: 12px;
    }
    
    /*請求No*/
    .cmScrollTableWrap #laborTable tr th:nth-child(1)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(4)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(4) input
    ,.cmScrollTableWrap #materialTable tr th:nth-child(1)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(4)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(4) input
    ,.cmScrollTableWrap #mainofficeTable tr th:nth-child(1)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(4)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(4) input{
        width: 40px;
    }
    
    .cmScrollTableWrap #laborTable tr td:nth-child(4) input
    ,.cmScrollTableWrap #laborTable tr td:nth-child(11) input
    ,.cmScrollTableWrap #laborTable tr td:nth-child(12) input
    ,.cmScrollTableWrap #materialTable tr td:nth-child(4) input
    ,.cmScrollTableWrap #materialTable tr td:nth-child(11) input
    ,.cmScrollTableWrap #materialTable tr td:nth-child(12) input
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(4) input
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(11) input
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(12) input{
        text-align: right;
        padding-right: 4px;
    }
    
    /*工種*/
    .cmScrollTableWrap #laborTable tr th:nth-child(3)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(7)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(7) select
    ,.cmScrollTableWrap #materialTable tr th:nth-child(3)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(7)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(7) select
    ,.cmScrollTableWrap #mainofficeTable tr th:nth-child(3)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(7)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(7) select{
        width: 150px;
    }
    
    /*契約区分*/
    .cmScrollTableWrap #laborTable tr th:nth-child(4)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(8)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(8) select
    ,.cmScrollTableWrap #materialTable tr th:nth-child(4)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(8)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(8) select
    ,.cmScrollTableWrap #mainofficeTable tr th:nth-child(4)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(8)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(8) select{
        width: 70px;
    }
    
    /*外注費*/
    .cmScrollTableWrap #laborTable tr th:nth-child(6)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(11)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(11) input
    ,.cmScrollTableWrap #materialTable tr th:nth-child(6)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(11)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(11) input
    ,.cmScrollTableWrap #mainofficeTable tr th:nth-child(6)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(11)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(11) input{
        width: 100px;
    }
    
    /*消費税*/
    .cmScrollTableWrap #laborTable tr th:nth-child(7)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(12)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(12) input
    ,.cmScrollTableWrap #materialTable tr th:nth-child(7)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(12)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(12) input
    ,.cmScrollTableWrap #mainofficeTable tr th:nth-child(7)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(12)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(12) input{
        width: 80px;
    }
    
    /*消費税率*/
    .cmScrollTableWrap #laborTable tr th:nth-child(8)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(13)
    ,.cmScrollTableWrap #laborTable tr td:nth-child(13) input
    ,.cmScrollTableWrap #materialTable tr th:nth-child(8)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(13)
    ,.cmScrollTableWrap #materialTable tr td:nth-child(13) input
    ,.cmScrollTableWrap #mainofficeTable tr th:nth-child(8)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(13)
    ,.cmScrollTableWrap #mainofficeTable tr td:nth-child(13) input{
        width: 50px;
    }
    
    /*契約名選択モーダル*/
    /*工種、内容、業者名*/
    #modal02 #workFilterBox tr th:nth-child(1)
    ,#modal02 #workFilterBox tr th:nth-child(2)
    ,#modal02 #workFilterBox tr th:nth-child(3){
        width: 200px;
    }
    
    #modal02 #workFilterBox tr td{
        padding: 0 3px 0 3px;
    }
    
    #modal02 .billingBtnWrap{
        text-align: center;
    }
    
    .billingWrap .hanrei{
        font-size: 10px;
    }
    /*------------- CSV取込みここから -------------*/
    #csvImpBox div::before{
        font-family: "Font Awesome 5 Free";
        content: "\f6dd";
        font-weight: 900;
        font-size: 2.5em;
        color: #0756b0;
        margin-right: 5px;
    }

    #csvImpBox{
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin: 0 20px;
        color: #0756b0;
        font-size: 14px;
        width: 200px;
        height: 35px;
        padding: 10px;
        background:#fff;
        border: 3px dashed #0756b0;
        border-radius: 2px;
        text-align: center;
    }

    /* #csvImpBox::before{
        position: absolute;
        top: 10px;
        left: 40%;
        font-family: "Font Awesome 5 Free";
        content: "\f6dd";
        font-weight: 900;
        font-size: 3em;
        color: #0756b0;
    } */


    /*------------- CSV取込みここまで -------------*/

    
    
/*    .quoteComparisonTable tr td:nth-child(2) input
    ,.quoteComparisonTable tr td:nth-child(5) input
    ,.quoteComparisonTable tr td:nth-child(6) input
    ,.quoteComparisonTable tr td:nth-child(9) input
    ,.quoteComparisonTable tr td:nth-child(13) input
    ,.quoteComparisonTable tr td:nth-child(17) input
    ,.quoteComparisonTable tr td:nth-child(2) input
    ,.quoteComparisonChildTable tr td:nth-child(2) input
    ,.quoteComparisonChildTable tr td:nth-child(5) input
    ,.quoteComparisonChildTable tr td:nth-child(6) input
    ,.quoteComparisonChildTable tr td:nth-child(9) input
    ,.quoteComparisonChildTable tr td:nth-child(13) input
    ,.quoteComparisonChildTable tr td:nth-child(17) input
    ,.quoteComparisonChildTable tr td:nth-child(2) input{
        width: 80%;
    }*/
    
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*原価計算書*/
    /*--------------------------------------------*/
    #costcalcTable tr th
    ,#costcalcTable tr td{
        font-size: 12px;
    }
    #costcalcTable th:nth-child(1)
    ,#costcalcTable th:nth-child(2){
        width: 30px;
    }
    
    #costcalcTable .color_01{
        background-color: #98fb98;
    }
    
    #costcalcTable .color_02{
        background-color: #f4a460;
    }
    
    #costcalcTable .color_03{
        background-color: #f0e68c;
    }
    
    #costcalcTable .color_04{
        background-color: #98fb98;
    }
    
    #costcalcTable .color_05{
        background-color: #f0e68c;
    }
    #costcalcTable .color_06{
        background-color: #b0e0e6;
    }
    #costcalcTable .color_07{
        background-color: #f4a460;
    }
    
    #costcalcTable tr td input,
    #ccdata-9999-remark{
        width: 90%;
        margin: 0;
        font-size: 12px;
    }
    
    #ccdata-9999-remark{
        resize: none;
        width:1000px;
        height:105px;
    }
    
    #ccDataRemarkTitle{
        padding-top: 5px;
        padding-left: 10px;
        font-size: 14px;
        color: #222222;
    }
    
    #costcalcTable tr td .replaceReBudget{
        /*手書きの未取極額*/
        color: #ff0000;
    }
    
    #costcalcTable tr .dekidaka::after {
        content: "%";
    }
    
    #costcalcTable .hanrei{
        display: block;
        font-size: 12px;
        text-align: left;
    }
    
    #costcalcTable .management_value{
        text-align: right;
        padding-right: 15px;
    }
    
    
    
    /*--------------------------------------------*/
    /*変更増減登録ページ*/
    /*--------------------------------------------*/
    #ChangeWorkingTableHead{
        margin-top: 20px;
        margin-bottom: 20px;
        /*margin-bottom: -1px;*/
    }
    
    #ChangeWorkingTableHead{
        width: 1284px;
    }
    
    #ChangeWorkingTableHead th{
        width: 150px;
    }
    
    #ChangeWorkingTableHead td{
        width: 200px;
        background-color: #fff;
        box-shadow: 0 1px 1px rgba(0,0,0,.5);
    }
    
    #ChangeWorkingTableHead td select{
        width: 100%;
    }
    
    .cwbTableWrap{
        height: 550px;
    }
    
    .cwbTableWrap input{
        margin: 0px;
    }
    
    /* テーブル先頭行固定 */
    #ChangeWorkingTable th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #ChangeWorkingTable th:nth-child(1)
    ,#ChangeWorkingTable td:nth-child(7)
    ,#ChangeWorkingTable td:nth-child(7) input{
        width: 30px;
    }
    
    #ChangeWorkingTable th:nth-child(2)
    ,#ChangeWorkingTable td:nth-child(8)
    ,#ChangeWorkingTable td:nth-child(8) input{
        width: 30px;
    }
    
    #ChangeWorkingTable th:nth-child(3)
    ,#ChangeWorkingTable td:nth-child(9)
    ,#ChangeWorkingTable td:nth-child(9) input{
        width: 230px;
    }
    
    #ChangeWorkingTable th:nth-child(4)
    ,#ChangeWorkingTable td:nth-child(10)
    ,#ChangeWorkingTable td:nth-child(10) input{
        width: 230px;
    }
    
    #ChangeWorkingTable th:nth-child(5)
    ,#ChangeWorkingTable td:nth-child(11)
    ,#ChangeWorkingTable td:nth-child(11) input{
        width: 50px;
    }
    
    #ChangeWorkingTable th:nth-child(6)
    ,#ChangeWorkingTable td:nth-child(12)
    ,#ChangeWorkingTable td:nth-child(12) input{
        width: 50px;
        background-color: #ffd6d6;
    }
    
    #ChangeWorkingTable th:nth-child(7)
    ,#ChangeWorkingTable td:nth-child(13)
    ,#ChangeWorkingTable td:nth-child(13) input{
        width: 120px;
        background-color: #ffd6d6;
    }
    
    #ChangeWorkingTable th:nth-child(8)
    ,#ChangeWorkingTable td:nth-child(14)
    ,#ChangeWorkingTable td:nth-child(14) input{
        width: 120px;
        background-color: #ffd6d6;
    }
    
    #ChangeWorkingTable th:nth-child(9)
    ,#ChangeWorkingTable td:nth-child(15)
    ,#ChangeWorkingTable td:nth-child(15) input{
        width: 50px;
        background-color: #d6eaff;
    }
    
    #ChangeWorkingTable th:nth-child(n+10)
    ,#ChangeWorkingTable td:nth-child(n+16)
    ,#ChangeWorkingTable td:nth-child(n+16) input{
        width: 120px;
        background-color: #d6eaff;
    }
    
    #ChangeWorkingTable tbody .selected td input{
        background-color: #D9E5FF;
    }
    
    #appAddingConstructionList, #appAllAddingConstructionList{
        width: 120px;
    }
    
    /*--------------------------------------------*/
    
    /********************************************************************************************/
    /********************************************************************************************/
    /* 施工管理システム */
    /********************************************************************************************/
    /********************************************************************************************/
    /*--------------------------------------------*/
    /*基本*/
    /*--------------------------------------------*/
    .newListArea{
        border: 2px solid #ddd;
        border-radius: 4px;
        max-width: 1000px;
        margin : 0 auto;
        margin-top: 10px;
        padding: 10px 20px;
        width: calc(100% - 70px);
    }
    
    .wideWrap{
        max-width: 100%;
    }
    
    .sekoukanriWrap{
        margin-top: 30px;
        max-width: 1000px;
    }
    
    .inlineBox{
        display: inline-block;
    }
    
    .scrollWrap{
        height: 600px;
        border: 1px solid grey;
        background-color: #fff;
        overflow-y: scroll;
        display: inline-block;
        width: 100%;
    }
    
    .searchBox input, .searchBox select{
        padding: 2px;
        font-size: 14px;
    }
    
    .bottomBtnBox .button{
        display: inline-block;
        width: 100px;
    }
    
    /*更新情報テーブル*/
    #sAlertInformation thead, #sAlertInformation tbody{

        display: block;
    }

    #sAlertInformation tbody{
        overflow-x: hidden;
        overflow-y: scroll;
        /*width: 600px;*/
        height: 150px;
    }

    #sAlertInformation th{
        /*width: 600px;*/
    }

/*    #sAlertInformation td:nth-child(3){
        width: 100px;
    }*/

    #sAlertInformation td:nth-child(3){
        width: 500px;
    }
    
    #sAlertInformation td:nth-child(4){
        width: 300px;
    }
    
    /*--------------------------------------------*/
    /*顧客台帳*/
    /*--------------------------------------------*/
    .customerWrap {
        max-width: 1000px;
    }

    #wideArea {
        max-width: calc(100% - 70px);
        width: calc(100% - 70px);
    }
    
    .customerWrap h3{
        color: #333333;
    }
    
    .customerWrap .borderBox{
        max-width: 1000px;
    }
    
    .customerWrap .scrollTableWrap{
        height: 200px;
        overflow-x: scroll;
    }
    
    .customerWrap #customer-name
    ,.customerWrap #customer-kana{
        width: 300px;
    }
    
    .customerWrap #address-1
    ,.customerWrap #address-2{
        width: 500px;
    }
    
    #process2{
        width: 120px;
    }
    
    .customerWrap table{
        width: 100%;
    }
    
    .customerWrap table td{
        font-size: 12px;
    }
    
    .customerWrap #remark{
        width: 80%;
    }
    
    .borderBox label{
        width: 100px;
    }
    
    .serchBtnBox button:first-child
    ,.serchBtnBox label:first-child{
        margin-left: 0px;
    }

    .customerWrap .borderBox .modifiDateBox{
        display: inline-block;
        padding: 0 10px;
        margin-top: 10px;
        float: right;
        font-size: 14px;
        text-align: left;
    }
    
    #familyField input
    ,#buildingField input
    ,#ownershipField input{
        margin: 0px;
    }
    
    #familyField th ,#familyField td
    ,#buildingField th ,#buildingField td
    ,#ownershipField th ,#ownershipField td{
        width: auto;
    }
    
    #familyField td input
    ,#buildingField td input
    ,#ownershipField td input{
        width: 100%;
    }
    
    #familyField .tdRadio
    ,#buildingField .tdRadio
    ,#ownershipField .tdRadio{
        width: 50px;
        text-align: center;
    }
    
    #familyField .tdRadio label
    ,#buildingField .tdRadio label
    ,#ownershipField .tdRadio label{
        width: auto;
    }
    
    #familyField .tdRadio input
    ,#buildingField .tdRadio input
    ,#ownershipField .tdRadio input{
        width: auto;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #familyField .floorBox input
    ,#buildingField .floorBox input
    ,#ownershipField .floorBox input{
        width: 50px;
    }
    
    #familyField input
    ,#buildingField input
    ,#ownershipField input{
        margin: 0px;
    }

    #familyField td
    ,#corporateField td{
        padding-left: 5px;
        padding: 5px 0 5px 5px;
        text-align: left;
    }
    
    #familyField td:nth-child(1){
        width: 100px;
    }
    
    #familyField td:nth-child(2){
        width: 50px;
        text-align: center;
    }
    
    #familyField td:nth-child(3){
        width: 300px;
    }
    
    #familyField td:nth-child(4){
        width: 100px;
    }
    
    #familyField td:nth-child(5){
        width: 150px;
    }
    
    #familyField td:nth-child(6){
        width: 200px;
    }
    
    #familyField td:nth-child(7){
        text-align: center;
        width: 100px;
    }

    #familyField td:nth-child(8){
        /* text-align: center; */
        /* width: 400px; */
    }

    #familyField td:nth-child(8) div{
        width: 320px;
        overflow-x: scroll;
        height: 35px;
        white-space: nowrap;
        scrollbar-width: thin;
    }

    #familyField td:nth-child(9)
    ,#familyField th:nth-child(9){
        text-align: center;
        width: 80px;
    }

    #familyField td:nth-child(10)
    ,#familyField th:nth-child(10){
        text-align: center;
        width: 80px;
    }

    #corporateField td:nth-child(1){
        width: 150px;
    }

    #corporateField td:nth-child(2){
        width: 150px;
    }

    #corporateField td:nth-child(3){
        width: 150px;
    }
    

    #corporateField td:nth-child(4){
        width: 150px;
    }
    
    #corporateField td:nth-child(5){
        width: 300px;
    }
    
    #corporateField td:nth-child(6){
        /* width: 300px; */
    }

    #corporateField td:nth-child(6) div{
        width: 500px;
        overflow-x: scroll;
        height: 35px;
        white-space: nowrap;
        scrollbar-width: thin;
    }

    #corporateField td:nth-child(7){
        width: 80px;
        text-align: center;
    }
    
    #corporateField td:nth-child(8){
        width: 80px;
        text-align: center;
    }
    
    
    
    #buildingField td:nth-child(2){
        width: 200px;
    }
    
    #buildingField td:nth-child(3){
        width: 300px;
    }
    
    #buildingField td:nth-child(4){
        width: 50px;
    }
    
    #buildingField td:nth-child(5){
        width: 100px;
    }
    
    #buildingField td:nth-child(6){
        width: 100px;
    }
    
    #buildingField td:nth-child(7){
        width: 80px;
    }
    
    #buildingField td:nth-child(8){
        width: 150px;
    }

    #buildingField td:nth-child(9){
        width: 150px;
    }

    #buildingField td:nth-child(10){
        width: 150px;
    }

    #buildingField td:nth-child(11){
        width: 100px;
    }
    
    /* テーブル先頭行固定 */
    #familyField th
    ,#corporateField th
    ,#buildingField th
    ,#ownershipField th{
        height: 34px;
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #familyField th::after
    ,#corporateField th::after
    ,#buildingField th::after
    ,#ownershipField th::after{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #333333;
    }
    
    #customerList
    ,#customerListFf{
        margin-top: 20px;
    }
    
    .customerWrap .customerListWrap{
        height: 550px;
        overflow-y: scroll;
    }
    
     /* テーブル先頭行固定 */
    #customerList th
    ,#customerListFf th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    .customerWrap #customerList td
    ,.customerWrap #customerListFf td{
        font-size: 14px;
    }

    #repNameList{
        width: initial;
    }

    .selectRepWrap{
        border: 2px solid #ddd;
        border-radius: 4px;
        max-width: 800px;
        margin : 0 auto;
        margin: 30px;
        padding: 20px 60px;
    }

    .salesRepWrap
    , .reformRepWrap{
        border: 2px solid #ddd;
        display: inline-block;
        overflow: scroll;
        height: 500px;
    }

    .reformRepWrap{
        margin-left: 50px;
    }

    #salesRepTable
    , #reformRepTable{
        border: none;
    }

    #salesRepTable th
    ,#salesRepTable td
    , #reformRepTable th
    ,#reformRepTable td{
        border: none;
    }

    /* テーブル先頭行固定 */
    #salesRepTable th
    , #reformRepTable th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }

    #salesRepTable td
    ,#reformRepTable td{
        text-align: left;
        width: 200px;
    }

    .selectRepWrap .sameBox{
        text-align: center;
    }

    /* チェックボックス */
    #salesRepTable input[type=checkbox] 
    ,#reformRepTable input[type=checkbox]{
        display: none;
    }
    
    .d_chk_001{
        box-sizing: border-box;
        cursor: pointer;
        display: inline-block;
        padding: 5px 30px;
        position: relative;
        width: auto;
    }
    .d_chk_001::before{
        background: #fff;
        border: 1px solid #ccc;
        border-radius: 3px;
        content: '';
        display: block;
        height: 16px;
        left: 5px;
        margin-top: -8px;
        position: absolute;
        top: 50%;
        width: 16px;
    }
    .d_chk_001::after{
        border-right: 6px solid #3cb3e4;
        border-bottom: 3px solid #3cb3e4;
        content: '';
        display: block;
        height: 20px;
        left: 7px;
        margin-top: -16px;
        opacity: 0;
        position: absolute;
        top: 50%;
        transform: rotate(45deg) translate3d(0,2px,0) scale3d(.7,.7,1);
        transition: transform .2s ease-in-out, opacity .2s ease-in-out;
        width: 9px;
    }

    #salesRepTable input[type=checkbox]:checked + .d_chk_001::before
    ,#reformRepTable input[type=checkbox]:checked + .d_chk_001::before{
        border-color: #666;
    }

    #salesRepTable input[type=checkbox]:checked + .d_chk_001::after
    ,#reformRepTable input[type=checkbox]:checked + .d_chk_001::after{
        opacity: 1;
        transform: rotate(45deg) scale3d(1,1,1);
    }
    /* チェックボックスここまで */

    /* 属性セレクトボックス大きさ */
    #customer-type{
        width: 250px;
    }

    .updateDateBox{
        display: table;
        width: 100%;
    }

    #familyField .linkButton
    ,#corporateField .linkButton{
        width: 60px;
        margin: 0 5px;
    }

    /* 家族情報モーダル */
    #familyFieldEditTable{
        margin: 0px;
    }

    #familyFieldEditTable td:nth-child(2) input{
        width: 200px;
    }
    
    #familyFieldEditTable td:nth-child(3) input{
        width: 50px;
    }
    
    #familyFieldEditTable td:nth-child(4) input{
        width: 300px;
    }

    #familyFieldEditTable td:nth-child(6) input{
        width: 100px;
    }

    #familyFieldEditTable td:nth-child(9) input{
        width: 300px;
    }

    #familyFieldEditTable td:nth-child(10) input{
        width: 80px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    #familyFieldEditTable td:nth-child(11) input{
        width: 80px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    #arrowTable{
        width: 100%;
        border: none;
    }

    #arrowTable td{
        border: none;
    }

    #arrowTable td:nth-child(1){
        text-align: left;
    }

    #arrowTable td:nth-child(2){
        text-align: right;
    }

    #arrowTable .linkButton{
        background: none;
        border: none;
        border-bottom: none;
        width: initial;
        margin: 2px 0;
        padding: 0;
    }

    #arrowTable #nextFamilyList:before
    ,#arrowTable #nextCorporateList:before{
        font-family: "Font Awesome 5 Free";
        content: "\f191";
        font-weight: 400;
        font-size: 3em;
        color: #0756b0;
    }

    #arrowTable #previousFamilyList:before
    ,#arrowTable #previousCorporateList:before{
        font-family: "Font Awesome 5 Free";
        content: "\f152";
        font-weight: 400;
        font-size: 3em;
        color: #0756b0;
    }

    /* 法人情報モーダル */
    #corporateFieldEditTable{
        margin: 0px;
    }

    #corporateFieldEditTable td:nth-child(2) input{
        width: 120px;
    }
    
    #corporateFieldEditTable td:nth-child(3) input{
        width: 150px;
    }
    
    #corporateFieldEditTable td:nth-child(4) input{
        width: 150px;
    }

    #corporateFieldEditTable td:nth-child(5) input{
        width: 150px;
    }

    #corporateFieldEditTable td:nth-child(6) input{
        width: 200px;
    }

    #corporateFieldEditTable td:nth-child(7) input{
        width: 200px;
    }

    #corporateFieldEditTable td:nth-child(8) input{
        width: 100px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }

    #corporateFieldEditTable td:nth-child(9) input{
        width: 100px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }


    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*建物台帳*/
    /*--------------------------------------------*/
    .buildingListWrap{
        height: 550px;
        overflow-y: scroll;
    }
    
    #buildingList{
        cursor: pointer;
        margin-top: 20px;
    }
    
     /* テーブル先頭行固定 */
    #buildingList th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    .customerWrap #buildingList td{
        font-size: 14px;
    }
    
    .buildinglistWrap .checkBtn label{
        text-align: left;
        width: 120px;
    }
    
    .buildinglistWrap .checkBtn input[type="checkbox"]{
        width: auto;
        margin-right: 2px;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    .buildinglistWrap .checkBtn input[type="number"]{
        width: 50px;
    }
    
    .buildinglistWrap .checkBtn .small{
        font-size: 11px;
    }
    
    .buildinglistWrap .checkBtn .small input{
        margin: 0px;
    }
    
    .buildinglistWrap .builderBox label:nth-child(n+4):nth-child(-n+5){
        width: 150px;
    }
    
    .buildinglistWrap #building-name
    ,.buildinglistWrap #building-kana
    ,.buildinglistWrap #address{
        width: 500px;
    }
    
    .structureBox label{
        width: 50px;
    }
    
    .structureBox label:nth-child(1){
        width: 100px;
    }
    
    .structureBox label:nth-child(5){
        width: 60px;
    }
    
    .structureBox label:nth-child(7){
        width: 80px;
    }

    .buildinglistWrap .designCompanyBox #design-company
    ,.buildinglistWrap .managementCompanyBox #management-company{
        width: 300px;
    }
    
    .buildinglistWrap .floorBox input{
        width: 50px;
    }
    
    .buildinglistWrap .areaBox label{
        width: 80px;
    }
    
    .buildinglistWrap .areaBox input{
        width: 100px;
    }
    
    .buildinglistWrap .hoshoBox input{
        width: 100px;
    }
    
    .buildinglistWrap .topBox label{
        text-align: center;
    }
    
    .buildinglistWrap .topBox label:first-child{
        margin-left: 30px;
        text-align: left;
    }
    
    .buildinglistWrap .topBox .sameBox label{
        width: 50px;
    }
    
    .buildTypeColor1{
        background-color: #c1e4e9;
    }
    
    .buildTypeColor2{
        background-color: #e0ebaf;
    }
    
    .buildTypeColor3{
        background-color: #d6e9ca;
    }
    
    .buildTypeColor4{
        background-color: #e8d3c7;
    }
    
    .buildTypeColor5{
        background-color: #f2f2b0;
    }
    
    .buildTypeColor6{
        background-color: #dcdddd;
    }
    
    .buildTypeColor7{
        background-color: #dbd0e6;
    }
    
    /*--------------------------------------------*/
    
    
    .testTableTop{
        margin-top: 20px;
        
    }
    
    .testTableTop table{
        margin-bottom: -1px;
    }
    
    .testTableTop .scrollTableWrap{
        height: 460px;
        overflow-x: scroll;
    }
    
    .kiriBtnBox{
        display: inline-block;
    }
    
    
    .kiriBtnBox .button{
        margin: 0px;
        width: 30px;
    }
    
    .buildinglistWrap #addCustomerInformation{
        width: 210px;
    }
    
    .buildinglistWrap #openSearchCustomer{
        display: inline;
    }

    .buildinglistWrap #printCustomerName{
        text-align: left;
        width: 70%;
    }

    .buildinglistWrap .borderBoxWide table{
        margin: 0 auto;
    }

    .buildinglistWrap .borderBoxWide #constructionHistoryHead th{
        border-bottom: none;
    }

    #constructionHistoryListHead{
        width: 100%;
    }

    #constructionHistoryListHead th{
        border-bottom: none;
    }

    .constructionHistoryListWrap{
        overflow-y: auto;
        height: 200px;
        -webkit-overflow-scrolling: touch;
    }

    #constructionHistoryList{
        cursor: pointer;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
    }

    #constructionHistoryList th{
        position: sticky;
        top: 0;
        left: 0;
        border-top: none;
    }

    #constructionHistoryList th::before{
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        background: #ccc;
        z-index: -1;
    }

    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*工事コード*/
    /*--------------------------------------------*/
    .constructionCdWrap label{
        width: 160px;
        text-align: right;
    }
    
    #construction-field-abbreviation
    ,#construction-field-abbreviation-kana{
        width: 400px;
    }
    
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*工事台帳一覧*/
    /*--------------------------------------------*/
    /* テーブル先頭行固定 */
    #constructionListTable th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    .typeCd1{
        background-color: #ffd700;
    }
    .typeCd15{
        background-color: #e8d9ba;
    }
    .typeCd2{
        /*background-color: #d2691e;*/
        /*background-color: #b9da6d;*/
        background-color: #b7ffb7;
    }
    
    .typeCd25{
        background-color: #d2691e;
    }
    
    .typeCd3{
        background-color: #b22222;
        color: #fff;
    }
    .typeCd4{
        background-color: #b9da6d;
    }
    .typeCd5{
        background-color: #79d2f4;
    }
    
    /*管理者キャンセル*/
    .typeCd6{
        /*background-color: #fff;*/
        background-color: #add8e6;
    }
    
/*    .typeCd6 span{
        font-size: 1.2em;
    }*/
    
/*    .typeCd6:before{
        content: "X";
        font-size: 1.2em;
        color: #b22222;
    }*/
    
    /*見積書あり 期限切れ*/
    .typeCd7{
        background-color: #79d2f4;
    }
    
/*    .typeCd7 span{
        font-size: 1.2em;
    }*/
    
    .typeCd7:before{
        font-family: "Font Awesome 5 Free";
        content: "\f00d";
        font-weight: 900;
        font-size: 2em;
        color: #b22222;
    }
    
    /*瑕疵工事*/
    .typeCdKa:before{
        content: "瑕";
        /*font-weight: 900;*/
        font-size: 1em;
        color: #b22222;
    }
    
    /*サービス工事*/
    .typeCdSa:before{
        content: "サ";
        /*font-weight: 900;*/
        font-size: 1em;
        color: #000080;
    }
    
    .typeCdSa2:before{
        content: "サ";
        /*font-weight: 900;*/
        font-size: 1em;
        color: #b22222;
    }
    
    /*アスベスト・フロン有無*/
    .typeCdAsfr1:before{
        content: "ア";
        /*font-weight: 900;*/
        font-size: 1em;
    }
    
    
    
    .typeCdCreated:before{
        color: #000080;
    }
    
    .customerWrap {
        max-width: 1000px;
    }
    
    .constructionDataWrap{
        margin-top: 30px;
    }
    
    #searchTable{
        margin: initial;
        width: 800px;
    }
    
    #searchTable th
    ,#searchTable td{
        width: inherit;
    }
    
    #searchTable td:nth-child(1){
        width: 150px;
    }
    
    #searchTable td:nth-child(3){
        width: 150px;
    }
    
    #searchTable td{
        border: none;
    }
    
    #searchTable button{
        margin: initial;
    }
    
    .searchBox{
        margin: initial;
        display: inline-block;
    }
    
    .rightBox{
        width: 400px;
    }
    
    .rightBox table td{
        border: none;
    }
    
    .searchBox label{
        margin-left: 50px;
    }
    
    .searchBox .radioBox label{
        margin-left: 0px; 
    }
    
    #openPrintConstructionList{
        margin: inherit;
        vertical-align: top;
        width: 60px;
    }
    
    #openPrintAsbestoList{
        margin: inherit;
        vertical-align: top;
        width: 200px;
    }
    
    #openConstructionSchedule{
        margin: inherit;
        vertical-align: top;
        width: 120px;
    }
    
    #openPrintResponsibleRate{
        margin: inherit;
        vertical-align: top;
        width: 80px;
    }
    
    #openEvaluationList
    ,#openConstructionOrderReport{
        margin: inherit;
        vertical-align: top;
    }
    
    #printConstructionTable td{
        width: inherit;
    }
    #printConstructionTable #construction-code{
        width: 300px;;
    }
    
    .printConstructionBox label{
        width: inherit;
    }
    
    .printConstructionBox input{
        margin: inherit;
        vertical-align: middle;
    }
    
    #constCount{
        display: inline-block;
        vertical-align: top;
        width: 550px;
    }
    
    #constCount .borderBox{
        margin: 5px 0 0 0;
    }
    
    #constCount .borderBox table{
        margin: 0 auto;
    }
    
    #constCount .borderBox table td{
        text-align: right;
        font-size: 12px;
        padding: 2px;
        width: inherit;
    }
    
    #constructionListTable
    ,constructionHeadTable{
        margin: inherit;
    }
    
    #constructionListTable th:nth-child(1){
        width: 200px;
    }
    
    #constructionListTable th:nth-child(2){
        width: 40px;
    }
    
    #constructionListTable th:nth-child(3){
        width: 100px;
    }
    
/*    #constructionListTable th:nth-child(3){
        width: 80px;
    }*/
    
    #constructionListTable th:nth-child(5){
        width: 100px;
    }
    
    #constructionListTable th:nth-child(6){
        width: 100px;
    }
    
    #constructionListTable th:nth-child(7){
        width: 200px;
    }
    
    #constructionListTable th:nth-child(n+8){
        width: 30px;
    }

    #constructionListTable td{
        width: inherit;
    }
    
    #constructionListTable td:nth-child(4){
        width: 30px;
    }

    #constructionListTable td:nth-child(4) span{
        font-size: 1em;
        padding: 0px;
    }
    
    .listField #gantt-flg{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    /*チーム編成*/
    #teamOrganizationTbl{
        margin: 0 auto;
    }
    
    .employeeList{
        height: 300px;
        margin: 0;
    }
    
    #firstList{
        height: 350px;
    }
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*工事台帳*/
    /*--------------------------------------------*/
    #constructionTable td input
    ,#constructionTable td select
    ,#underTable td input
    ,#underTable td select
    ,#footTable td input
    ,#footTable td select
    ,.footTable2  td input
    ,.footTable2  td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
    }
    
    .constructionListWrap .thButton{
        font-weight: bold;
        text-decoration: none;
        background:#3cb3e4;
        border: 1px solid #0756b0;
        border-bottom:4px solid #0756b0;
        
    }
    
    #yosoutyokou{
        text-align: right;
    }
    
    #ConstAcceptBtn
    ,#copyConstructionList{
        width: 130px;
    }
    
    
    #dateBox #term-start
    ,#dateBox #term-end{
        width: 120px;
    }
    
    #constructionTable #construction-field-name
    ,#constructionTable #construction-field-kana
    ,#constructionTable #construction-overview{
        /*width: 300px;*/
        min-width: 200px;
    }
    
    #constructionTable{
        width: 100%;
    }
    
    #constructionTable th:nth-child(1){
        width: 500px;
    }
    
    .constructionListWrap #printCustomerName
    ,.constructionListWrap #printBuildingName{
        width: 300px;
    }
    
/*    #constructionTable td:nth-child(1){
        width: 100px;
    }
    
    #constructionTable td:nth-child(2){
        width: 200px;
    }*/
    
    #constructionTable th:nth-child(2){
        width: 100px;
    }
    
    #constructionTable th:nth-child(3){
        width: 180px;
    }
    
    #constructionTable th:nth-child(4){
        width: 180px;
    }
    
    #constructionTable th:nth-child(5){
        width: 180px;
    }
    
    #constructionTable th:nth-child(6){
        width: 360px;
    }
    
    #constructionTable th:nth-child(7){
        width: 60px;
    }

    #constructionTable td:nth-child(1){
        width: 80px;
    }
    
    #constructionTable input{
        width: 95%;
    }
    
/*    #constructionTable input:nth-child(1){
        width: 200px;
    }*/
    
    #constructionTable td{
        width: inherit;
    }
    
    #constructionTable #creation-date
    ,#constructionTable #tarm-start
    ,#constructionTable #tarm-end{
        width: 140px;
    }
    
    #constructionCodeTable{
        /*width: 550px;*/
        width: inherit;
        margin: initial;
        margin-bottom: -1px;
    }
    
    #constructionCodeTable td button{
        margin: initial;
    }
    
    #constructionCodeTable td:nth-child(n+3){
        border: none;
    }
    
    #uketsukeBtn{
        width: 150px;
    }
    
    #constructionCodeTable #linkToDropBox,
    #constructionCodeTable #openLinkCreatingToDropBox{
        width: 180px;
    }
    
/*    #linkCreatingToDropBoxTable{
        width: 600px;
    }*/
    
    #linkCreatingToDropBoxTable th{
        width: 150px;
    }
    
    #linkCreatingToDropBoxTable td{
        width: 500px;
    }
    
    #linkCreatingToDropBoxTable td input{
        width: 500px;
    }
    
    #constructionTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    .constructionDataWrap #footTable{
        width: 1000px;
        /*width: 100%;*/
        margin: initial;
    }
    
    .constructionDataWrap #footTable{
        margin-top: 10px;
        border: none;
    }
    
    .constructionDataWrap .footTable2{
        border: none;
        width: 70%;
        margin-left: 0;
        margin-right: auto;
    }
    
    .constructionDataWrap #footTable th
    ,.constructionDataWrap #footTable td
    ,.constructionDataWrap .footTable2 td{
        border: none;
    }
    
    .constructionDataWrap #footTable td{
        width: 150px;
    }
    
    .footTable2{
        background-color: #ffdab9;
    }
    
    .footTable2 td:nth-child(1){
        background-color: #ffe4e1;
    }
    
    .constructionDataWrap #asbestoTable{
        width: 1250px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(1){
        width: 120px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(2){
        width: 120px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(3){
        width: 80px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(4){
        width: 150px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(5){
        width: 280px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(6){
        width: 100px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(7){
        width: 100px;
    }
    
    .constructionDataWrap #asbestoTable td:nth-child(8){
        width: 300px;
    }
    
    .constructionDataWrap #asbestoTable #asbestos-rep{
        width: 150px;
    }
    
    .constructionDataWrap #asbestoTable #gbiz-no{
        width: 120px;
    }
    
    #underTable{
        width: 100%;
        margin: initial;
    }
    
    #underTable printCustomerName
    ,#underTable printBuildingName{
        border-right: none;
    }
    
    #underTable button{
        width: 100px;
        margin: initial;
    }
    
    .remarkBox{
        max-width: 90%;
    }
    
    .remarkBox textarea{
        width: 80%;
    }
    
    .constructionDataWrap #tyokkou th{
        width: 200px;
    }
    
    .constructionDataWrap #tyokkou td span{
        font-size: 14px;
    }
    
    .constAddModal{
        width: 700px;
    }
    
    .customerAddModal{
        width: 800px;
        
    }
    
    .buildingAddModal{
        width: 900px;
        
    }
    
    #edit-customer
    ,#edit-building{
        height: 900px;
        overflow: scroll;
    }
    
    .repBox{
        padding: 0px;
    }
    
    .repBox select:nth-child(1){
        width: 61%;
    }
    
    #constructionTable .repBox select:nth-child(2){
        /*font-size: 12px;*/
        width: 35%;
    }
    
    .managementBox{
        /*margin-top: 10px;*/
        text-align: left;
    }
    
    .managementBox label{
        margin-left: 40px;
    }
    
    .managementBox input{
        padding: 2px;
        padding-left: 5px;
        font-size: 14px;
        margin: 0px;
        width: 50px;
    }
    
    .managementBox span{
        font-size: 14px;
        text-align: left;
    }

    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*工事予定表*/
    /*--------------------------------------------*/
    #gantt-bar-area #gantt-bar{
        /*background-color: #0073a8;*/
        background-color: #90ee90;
    }
    
    #gantt-content .tateGaki{
        -ms-writing-mode: tb-rl;
        writing-mode: vertical-rl;
    }
    
    #gantt-content .progress{
        color: #ff7fff;
    }
    
    #gantt-header .button{
        display: inline-block;
        text-align: center;
        width: 100px;
    }
    
    .teamOrganizationWrap .bottomBox{
        margin-top: 30px;
    }

    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*評価表出力対象一覧*/
    /*--------------------------------------------*/
    /* テーブル先頭行固定 */
    .evaluationListWrap{
        margin-top: 20px;
    }
    
    #evaluationListTable th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #evaluationListTable td{
        padding: 2px;
    }
    
    #evaluationListTable tr:nth-child(even) td {
        background: #bbe2f1;
    }
    
    #evaluationListTable td:nth-child(2){
        width: 100px;
    }
    
    #evaluationListTable td:nth-child(3){
        width: 450px;
    }
    
    #evaluationListTable .linkButton{
        margin: inherit;
    }
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*工事受付シート*/
    /*--------------------------------------------*/
    .acceptWrap{
        margin-top: 30px;
    }
    
    .acceptWrap table{
        width: 100%;
    }
    
    #acceptHeadTable{
        /*width: inherit;*/
        margin: initial;
        margin-bottom: -1px;
    }
    
    #acceptHeadTable th{
        width: 16%;
    }
    
    #acceptHeadTable td{
        width: 84%;
    }

    #acceptHeadTable th
    ,acceptHeadTable td{
        font-size: 16px;
    }
    
    #uketsukeTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #uketsukeTable th{
        width: 16%;
    }
    
    #uketsukeTable td{
        width: 17%;
    }
    
    #customerTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #customerTable td input
    ,#customerTable td textarea
    ,#customerTable td select
    ,#buildingTable td input
    ,#buildingTable td textarea
    ,#buildingTable td select
    ,#policyTable td textarea
    ,#policyTable td select
    ,policyFootTable td textarea
    ,policyFootTable td select
    {
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    #customerTable td textarea{
        resize: none;
    }
    
    #customerTable th{
        width: 30px;
    }
    
    #customerTable th .button{
        margin: initial;
        display: block;
        margin:0 auto;
        
    }
    
    #buildingTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #buildingTable th{
        width: 30px;
    }
    
    #deadlineTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #deadlineTable th{
        width: 16%;
        font-size: 16px;
    }
    
    #deadlineTable td:nth-child(2){
        width: 20%;
        font-size: 16px;
        background-color: #f7c9c2;
    }
    
    #policyTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #policyFootTable{
         margin: initial;
    }
    
    .managerSign{
        width: 100px;
        height: 100px;
        margin: 0 auto;
        /*background-color: red;*/
        border:solid 1px #93B8CA;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*見積り*/
    /*--------------------------------------------*/
    #tabs .ui-tabs-panel{
        /*タブ内Div*/
        /*padding: 5px;*/
    }
    
    #tabs .quote-tab-title-box{
        display: flex;
        justify-content: center;
    }
    
    #tabs .quote-tab-title{
        margin-top: 2px;
        width: 90%;
    }
    
    #addArariBtn{
        padding-top: 6px;
        width: 150px;
        height: 23px;
        box-sizing: content-box;
        font-size: 12px;
    }
    
    .infoBox{
        margin-top: 10px;
    }
    
    .infoBox th
    ,.infoBox td{
        width: inherit;
    }
    
    .quoteIndexArea{
        border: 2px solid #ddd;
        border-radius: 4px;
        max-width: 1200px;
        margin : 0 auto;
        margin-top: 10px;
        padding: 10px 20px;
        width: calc(100% - 70px);
    }

    
    #quoteTitleList input{
        width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #quoteTitleList .linkButton{
        margin: inherit;
    }
    
    #quoteTitleList td
    {
        width: inherit;
    }
    
    #quoteTitle01Table
    ,#quoteTitle02Table
    ,#quoteTitle03Table
    ,#quoteTitleWtcTable{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #quoteTitle03Table th{
        /*text-align: right;*/
    }
    
    #quoteTitle01Table td input
    ,#quoteTitle01Table td textarea
    ,#quoteTitle01Table td select
    ,#quoteTitle02Table td input
    ,#quoteTitle02Table td textarea
    ,#quoteTitle02Table td select
    ,#quoteTitle03Table td input
    ,#quoteTitle03Table td textarea
    ,#quoteTitle03Table td select
    ,#quoteTitleWtcTable td input
    ,#quoteTitleWtcTable td textarea
    ,#quoteTitleWtcTable td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    /*先頭行固定*/
    #quoteTitleWtcTable th{
        position: sticky;
        top: 0;
/*        color: #fff;
        background: #333;*/
        &:before{
            content: "";
            position: absolute;
            top: -1px;
            left: -1px;
            width: 100%;
            height: 100%;
            border: 1px solid #ccc;
        }
    }
    
    #quoteTitle01Table{
        margin-top: 20px;
    }
    
    #quoteTitle01Table td:nth-child(n+7){
        border: none;
    }
    
    #quoteTitle01Table{
        /*width: 80%;*/
    }
    
    #quoteTitle03Table{
        /*width: 730px;*/
    }
    
    #quoteTitle02Table th
    ,#quoteTitle02Table td
    ,#quoteTitle03Table th
    ,#quoteTitle03Table td{
        width: inherit;
    }
    
    #quoteTitle01Table input
    ,#quoteTitle02Table select{
        font-size: 14px;
    }
    
    #quoteTitle03Table #quote-deadline{
        width: 150px;
    }
    
    #quoteTitle03Table .flexLeft div{
        margin-left: 20px;
    }
    
    #quoteTitle03Table .commat
    ,.quoteWtcListWrap .commat{
        text-align: right;
        padding-right: 2px;
    }
    
    .quoteWtcListWrap{
        height: 180px;
        overflow-y: scroll;
    }
    
    #quoteTitleWtcTable{
        margin-left: 5px;
    }
    
    #quoteTitleWtcTable th{
        width: 100px;
    }
    
    #quoteTitleWtcTable td{
        width: inherit;
    }
    
    #quoteTitleWtcTable th:nth-child(1){
        width: 150px;
    }
    
    .quoteTable{
        /*margin-top: 20px;*/
        width: 100%;
    }
    
    .quoteTable td select{
        padding: 0;
    }
    
    .quoteTable tr td{
        width: 50px;
    }
    
    .quoteTable tr td input{
        padding: 1px;
    }
    
    .quoteTable tr td:nth-child(3){
        text-align: right;
    }
    
    .quoteTable tr td:nth-child(3) input{
        width: 95%;
        
    }
    
    .quoteTable tr td:nth-child(4) input{
        /*width: 250px;*/
        width: 98%;
    }
    
    .quoteTable tr td:nth-child(n+5):nth-child(-n+7) input
    ,.quoteTable tr td:nth-child(10) input
    ,.quoteTable tr td:nth-child(11) input{
        /*width: 100px;*/
        width: 95%;
    }
    
    .quoteTable tr td:nth-child(9) input{
        width: 70%;
    }

/*    .quoteTable tr td:nth-child(6) input{
        width: 50px;
        width: 95%;
    }*/
    
    .quoteTable tr td:nth-child(13) input{
        /*width: 200px;*/
        width: 98%;
    }
    
    #quoteTitle03Table .btnTd{
        width: 110px;
    }
    
    #quoteTitle03Table #wariai{
        width: 60%;
    }
    
    #quoteTitle03Table .button{
        margin: 0;
        display: inline-block;
    }
    
    .quoteTable tr td:nth-child(7)
    ,.quoteTable tr td:nth-child(7) input
    ,.quoteTable tr td:nth-child(8)
    ,.quoteTable tr td:nth-child(9)
    ,.quoteTable tr td:nth-child(9) input
    ,.quoteTable tr td:nth-child(14) select{
        background-color: #dcdcdc;
    }
    
    .quoteWrap #appAllWorkTypeCd
    ,.quoteWrap #addRowBtn
    ,.quoteWrap #delRowBtn{
        text-align: center;
        margin: 0 0 5px 5px;
    }
    
    .quoteWrap #allWorkTypeCd{
        width: 15%;
        font-size: 14px;
    }
    
    .quoteWrap #allWorkTypeCdBox>div:nth-of-type(3)
    ,.quoteWrap #allWorkTypeCdBox>div:nth-of-type(4){
        margin-left: 10px;
        margin-right: 5px;
    }
     
    .quoteWrap #allWorkTypeCdBox>div:nth-of-type(3)
    ,.quoteWrap #allWorkTypeCdBox>div:nth-of-type(4)
    ,.quoteWrap #allWorkTypeCdBox>div:nth-of-type(5){
        padding: 2px;
        border: solid 1px #333333;
        background-color: #dcdcdc;
        width: 202px;
        text-align: right;
    }
    
    .quoteWrap #allWorkTypeCdBox>div:nth-of-type(3){
        width: 300px;
    }
    
    .quoteWrap #allWorkTypeCdBox div
    ,.quoteWrap #allWorkTypeCdBox span{
        font-size: 14px;
    }
    
    /*要項書モーダル*/
    .quoteYoukouWrap input
    , .quoteYoukouWrap select
    , .quoteYoukouWrap label
    , .quoteYoukouWrap span{
        color: #333333;
        font-size: 14px;
        padding:3px;
    }
    
    .quoteYoukouWrap .borderBox label{
        width: 150px;
        text-align: left;
    }
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*施工管理 発注伺い書*/
    /*--------------------------------------------*/
    .sOrderWrap{
        max-width: inherit;
    }
    
    #sOrderListWrap input{
        width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #sOrderListWrap{
        margin: 0 auto;
        margin-top: 30px;
        width: 1200px;
        height: 600px;
    }
    
    .scrollListWrap{
        overflow-y: scroll;
    }
    
    /*テーブル先頭行固定*/
    #sOrderListTable th{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #sOrderListTable th::after{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #333333;
    }
    
    #sOrder01Table
    ,#sOrder02Table
    ,#sOrder03Table{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #sOrderListTable td
    ,#sOrderListTable th
    ,#sOrder02Table td
    ,#sOrder03Table td
    ,#sOrder04Table td{
       width: inherit; 
    }
    
    #sOrder01Table td input
    ,#sOrder01Table td textarea
    ,#sOrder01Table td select
    ,#sOrder02Table td input
    ,#sOrder02Table td textarea
    ,#sOrder02Table td select
    ,#sOrder03Table td input
    ,#sOrder03Table td textarea
    ,#sOrder03Table td select
    ,#sOrder04Table td input
    ,#sOrder04Table td textarea
    ,#sOrder04Table td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    
    #sOrder01Table{
        margin-top: 20px;
    }
    
    .openSearchVendor{
        margin: 0 auto;
        width: 50px;
    }
    
    .borderBox label{
        vertical-align: top;
        display: inline-block;
    }
    
    .borderBox #remark
    ,.borderBox #mc-remark
    ,.borderBox #mb-remark{
        width: 80%;
    }
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*支払い総括表*/
    /*--------------------------------------------*/
    .overlapModal #modal01
    ,.overlapModal #modal03{
        z-index: 9999;
    }
    
    .sBillingListWrap{
        height: 500px;
        overflow-y:scroll
    }
    
    /* テーブル先頭行固定 */
    #sBilling02Table .head{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #sBilling02Table .head::after{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #333333;
    }
    
    #sBillingListWrap input{
        width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #sBilling01Table
    ,#sBilling02Table
    ,#sBilling03Table{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #sBilling01Table td
    ,#sBilling02Table td
    ,#sBilling03Table td{
       width: inherit; 
    }
    
    #sBilling01Table td input
    ,#sBilling01Table td textarea
    ,#sBilling01Table td select
    ,#sBilling02Table td input
    ,#sBilling02Table td textarea
    ,#sBilling02Table td select
    ,#sBilling03Table td input
    ,#sBilling03Table td textarea
    ,#sBilling03Table td select
    ,#sBilling04Table td input
    ,#sBilling04Table td textarea
    ,#sBilling04Table td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    #sBilling01Table{
        margin-top: 20px;
    }
    
    #billing-tax::after {
        content: "%";
    }
    
    #sBilling03Table td radio{
        width: auto;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #sBilling03Table td #creation-date{
        width: 135px;
    }
    #sBilling03Table td #inputvendorid{
        width: 80px;
    }
    #sBilling03Table #inputVendorNn
    ,#sBilling04Table .vebdorBox{
        width: 300px;
    }
    #sBilling03Table #input_billing_tax{
        width: 100px;
    }
    
    #sBilling03Table tr th:nth-child(4) label{
        font-size: 12px;
    }
    
    #sBilling04Table tr td:nth-child(8){
        width: 300px;
    }
    
    #sBilling04Table tr td:nth-child(9){
        width: 150px;
    }
    
    #sBilling04Table tr td:nth-child(10){
        width: 100px;
    }
    
    #sBilling04Table tr td:nth-child(15){
        width: 400px;
    }
        
    
    /*// ウィンドウの設定*/
    .sb-modal_content {
        background: #fff;
        left: 20%;
        position: absolute;
        top: 30%;
        transform: translate(-15%, -10%);
        border-radius: 5px;

/*        &._sm {
            width: 30%;
        }

        &._md {
            width: 50%;
        }

        &._lg {
            width: 70%;
        }*/
    }
    
    .sb-modal_content_lg {
        background: #fff;
        left: 50%;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        border-radius: 5px;
        width: 70%;
    }

    .sb-modal_content_inner {
        position: relative;
        padding: 24px;
    }
    
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*注文請書*/
    /*--------------------------------------------*/
    #confirmOrderWrap input{
        width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #confirmOrder01Table
    ,#confirmOrder02Table
    ,#sBilling03Table
    ,#sBilling04Table{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #confirmOrder01Table td
    ,#confirmOrder02Table td
    ,#confirmOrder03Table td
    ,#confirmOrder04Table td{
       width: inherit; 
    }
    
    #confirmOrder01Table th input{
        margin: initial;
        font-size: 12px;
    }
    
    #confirmOrder01Table td input
    ,#confirmOrder01Table td textarea
    ,#confirmOrder01Table td select
    ,#confirmOrder02Table td input
    ,#confirmOrder02Table td textarea
    ,#confirmOrder02Table td select
    ,#confirmOrder03Table td input
    ,#confirmOrder03Table td textarea
    ,#confirmOrder03Table td select
    ,#confirmOrder04Table td input
    ,#confirmOrder04Table td textarea
    ,#confirmOrder04Table td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    #confirmOrder03Table td #term-start
    ,#confirmOrder03Table td #term-end{
        width: 40%;
    }
    
    #confirmOrder01Table{
        margin-top: 20px;
    }

    #confirmOrder02Table tr th:nth-child(1){
        width: 100px;
        text-align: left;
    }
    
    #confirmOrder02Table tr td:nth-child(n+2):nth-child(-n+4){
        width: 100px;
    }
    
    #confirmOrder02Table tr td:nth-child(n+3):nth-child(-n+5){
        border: none;
    }
    
    #confirmOrder03Table tr th:nth-child(1){
        width: 100px;
        text-align: left;
    }
    
    #confirmOrder04Table tr td:nth-child(1) input{
        width: 98%;
    }
    
    #confirmOrder04Table tr td:nth-child(3) input{
        width: 90%;
    }
    
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*請求書*/
    /*--------------------------------------------*/
    #invoiceTitleList input{
        width: inherit;
        box-shadow: none;
        -webkit-box-shadow: none;
    }
    
    #invoiceTitle01Table
    ,#invoiceTitle02Table
    ,#invoiceTitle03Table{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #invoiceTitle01Table td input
    ,#invoiceTitle01Table td textarea
    ,#invoiceTitle01Table td select
    ,#invoiceTitle02Table td input
    ,#invoiceTitle02Table td textarea
    ,#invoiceTitle02Table td select
    ,#invoiceTitle03Table td input
    ,#invoiceTitle03Table td textarea
    ,#invoiceTitle03Table td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    #invoiceTitle01Table{
        margin-top: 20px;
    }
    
    #invoiceTitle01Table td:nth-child(n+3){
        border: none;
    }
    
    #invoiceTitle01Table{
        width: 50%;
    }
    
    #invoiceTitle01Table input
    ,#invoiceTitle02Table select{
        font-size: 14px;
    }
    
    #invoiceTitle03Table #invoice-deadline{
        width: 150px;
    }
    
    #invoiceTitle04Table th
    ,#invoiceTitle04Table td{
        margin: initial;
        border-left: none;
    }
    
    #invoiceTitle04Table input
    ,#invoiceTitle04Table select{
        margin: initial;
    }
    
    #invoiceList{
        /*margin-top: 20px;*/
        width: 100%;
    }
    
    #invoiceList tr td{
        width: 50px;
    }
    
    #invoiceList tr td input{
        padding: 1px;
        margin: inherit;
    }
    
    #invoiceList tr td:nth-child(3) input
    ,#invoiceList tr td:nth-child(4) input{
        /*width: 250px;*/
        width: 98%;
    }
    
    #invoiceList tr td:nth-child(5) input
    ,#invoiceList tr td:nth-child(7) input
    ,#invoiceList tr td:nth-child(8) input
    ,#invoiceList tr td:nth-child(9) input{
        /*width: 100px;*/
        width: 95%;
    }

    #invoiceList tr td:nth-child(6) input{
        /*width: 50px;*/
        width: 95%;
    }
    
    #invoiceList tr td:nth-child(10) input{
        /*width: 200px;*/
        width: 98%;
    }
    
    /*--------------------------------------------*/
    
    /*--------------------------------------------*/
    /*伝票一覧*/
    /*--------------------------------------------*/
    /* テーブル先頭行固定 */
    #payment01Table .head{
        /* 縦スクロール時に固定する */
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        /* tbody内のセルより手前に表示する */
        z-index: 1;
    }
    
    #payment01Table .head::after{
        content: "";
        position: absolute;
        top: -1px;
        left: -1px;
        width: 100%;
        height: 100%;
        border: 1px solid #333333;
    }

    
    .paymentSlipWrap{
        height: 500px;
        overflow-y:scroll
    }
    
    #payment01Table
    ,#payment02Table{
        margin: initial;
        margin-bottom: -1px;
    }
    
    #payment01Table td input
    ,#payment01Table td textarea
    ,#payment01Table td select
    ,#payment02Table td input
    ,#payment02Table td textarea
    ,#payment02Table td select{
        padding: 2px;
        font-size: 14px;
        margin: initial;
        width: 95%;
    }
    
    #payment01Table{
        margin-top: 20px;
    }
    
    /*--------------------------------------------*/
    /*入金一覧*/
    /*--------------------------------------------*/
    /* テーブル先頭行固定 */
    #depositList{
        margin-top: 20px;
        
    }
    
    #depositList td{
        vertical-align: top;
        height: 31px;
    }
    
    #invoiceList td{
        padding-right: 2px;
        vertical-align: middle;
    }
    
    /*--------------------------------------------*/
    /*アスベスト申請書*/
    /*--------------------------------------------*/
    .AsbestoFormWrap label{
        width: 300px;
    }
    
    .AsbestoFormWrap input{
        width: 400px;
    }
    
    .AsbestoFormWrap div{
        color: #333333;
    }
    
    .AsbestoFormChkWrap h4
    ,.AsbestoFormChkWrap h5{
        color: #333333;
        font-weight: normal;
    }
    
    .AsbestoFormChkWrap label{
        /*width: inherit;*/
        text-align: left;
    }
    
    .AsbestoFormChkWrap .chkBox{
        width: 30px;
        box-shadow: none;
    }
    
    .AsbestoFormChkWrap input{
        width: 300px;
    }
    
    .AsbestoFormChkWrap .borderBox .chkBox_2 label
    ,.AsbestoFormChkWrap .borderBox .chkBox_5 label{
        width: 300px;
    }
    
    .AsbestoFormChkWrap .s_inputMidashi{
        margin-bottom: 0px;
    }
    
    
    
    /*--------------------------------------------*/
    /*工事受注報告書*/
    /*--------------------------------------------*/
    #corTable01 td input
    ,#corTable01 td textarea
    ,#corTable01 td select
    ,#corTable02 td input
    ,#corTable02 td textarea
    ,#corTable02 td select
    ,#corTable03 td input
    ,#corTable03 td textarea
    ,#corTable03 td select
    {
        padding: 2px;
        margin: none;
        font-size: 14px;
        margin: initial;
        width: 93%;
    }
    
    #corTable01 td:nth-child(3){
        font-size: 12px;
    }
    
    #uList{
        width: 130px;
        margin: inherit;
        vertical-align: top;
    }
    
    #corTable03{
        margin-top: 10px;
    }
    
    #printCorListBtn{
        margin-top: 0px;
    }
    
    .overWrite input{
        color: #ff0000;
    }
    
    
    /*--------------------------------------------*/
    /*メッセージ*/
    /*--------------------------------------------*/
    .messageListWrap{
        height: 550px;
        overflow-y: scroll;
    }
    
    #messageList{
        margin-top: 20px;
    }
    
    #messageList tr td{
        padding-left: 10px;
    }
    
    #messageList .unread td{
        font-weight: bold;
        background-color: rgba(167,210,141,0.6);
    }
    
    #messageDetailList{
        margin-top: 20px;
    }
    
    #messageDetailList p{
        display: block;
        margin: 0 20px;
    }
    
    #messageDetailList .unread p{
        font-weight: bold;
    }
    
    .messageListWrap .fromMes{
        width: 500px;
/*        height: 100px;*/
        background-color: rgba(167,210,141,0.6);
        border-radius: 15px;
        margin-bottom: 10px;
        padding: 5px 0 10px 0;
    }
    
    .messageListWrap .toMes{
        width: 500px;
        /*height: 100px;*/
        /*display: inline-block;*/
        /*margin: 0 0 0 auto;*/
        margin-right: 0;
        margin-left: auto;
        background-color: rgba(162,194,230,0.6);
        border-radius: 15px;
        margin-bottom: 10px;
        padding: 5px 0 10px 0;
    }
    
    .messageListWrap p:nth-child(-n+2){
        border-bottom:dotted;/*下線を点線にする*/
        border-color:#333333;
        border-width:1px;
    }
    
    .messageListWrap p:nth-child(3){
        background-color: #ffffff;
        padding: 5px;
        border-radius: 5px;
    }
    
    .messageBox label{
        width: 50px;
    }
    
    .messageBox .sameBox{
        display: inline-flex;
        /*width: 100%;*/
    }
    
    .messageBox form{
        margin: 0;
    }
    
    .messageBox textarea{
        width: 500px;
    }
    
    .messageBox .button{
        display: inline-block;
        vertical-align:top;
    }
    
    .messageBox #newMessage{
        margin: 0;
    }
    
    /*--------------------------------------------*/
    /*査定表*/
    /*--------------------------------------------*/
    #assessmentWrap{
        margin-top: 30px;
        text-align: center;
    }
    
    #assessmentTablemid
    ,#assessmentTable{
        margin: initial;
    }
    
    #assessmentTablemid td
    ,#assessmentTable th
    ,#assessmentTable td{
       width: inherit; 
    }
    
    #assessmentTablemid .noneBorder1{
        border-right: none;
    }
    
    #assessmentTablemid .noneBorder2{
        border-left: none;
    }
    
    #assessmentTableHead{
        /*margin: auto;*/
    }
    
    #assessmentTableHead th{
        font-weight: normal;
        font-size: 20px;
    }
    
    #assessmentTablemid{
        margin-bottom: -1px;
    }
    
    #assessmentTable th{
        width: 150px;
    }
    
    #assessmentTablemid td #payment-terms
    ,#assessmentTable td input
    ,#assessmentTable td textarea
    ,#assessmentTable td select
    {
        padding: 2px;
        margin: none;
        font-size: 14px;
        margin: initial;
        width: 93%;
    }
    
    #assessmentTable td
    ,#assessmentTable th{
        height: 27px;
    }
    
    #assessmentTable .batu{
        background-color: #808080;
    }
    
    #assessmentWrap .sameBox{
        display: flex;
        align-items: center;
        justify-content: flex-start;
    }
    
    /*--------------------------------------------*/
    /*精算書*/
    /*--------------------------------------------*/
    #balanceTableHead td
    ,#balanceTableCalc th
    ,#balanceTableCalc th
    ,#balanceTableCalc td{
       width: inherit; 
    }
    
    #balanceTableHead
    ,#balanceTableData{
        margin-bottom: -1px;
    }
    
    #balanceTableCalc td input{
        padding: 2px;
        margin: 0;
        font-size: 14px;
        margin: initial;
        width: 93%;
    }
    
    
}
/* ===== PC版の設定ここまで ===== */