@charset "UTF-8";

/*
**************************************
*Since: 2025-06-01
*Modified: 
**************************************
*/


/* body
---------------------------------------------------------------------------------------- */
body {width: 100%; background: #f3f8f9;}

body input:focus {background: #f1f1f1;}

/* 全共通-placeholderのテキストカラー変更
---------------------------------------------------------------------------------------- */
input::placeholder {
  color: #CCCCCC;
}
/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper {width: 100%;min-width: 1280px;min-height: 100vh;display: flex;position: relative;overflow: hidden;}
#wrapper:after {content: '';display: block;clear: both;}
#wrapper .openbtn2 {content: '';position: fixed;z-index: 11;top: 0px;left: 176px;cursor: pointer;width: 40px;height:40px;box-sizing: border-box;transition: all 0.5s;background-color: #0b589c;box-shadow: 2px 0px 4px rgba(0, 0, 0, 0.3);border-radius: 0px 0px 16px 0;}
#wrapper.openbtn2 span {}
.icon-close {color: #FFF;width: 24px;height: 24px;position: absolute;left: 6px;top:6px;}
.icon-close:before,.icon-close:after {content: "";position: absolute;top: 12px;width: 24px;height: 3px;background-color:#FFF;}
.icon-close:before {-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}
.icon-close:after {-webkit-transform: rotate(45deg);transform: rotate(45deg);}
#wrapper .openbtn2.active {left: 0;}
.active .icon-close::before,.active .icon-close::after {content: "";position: absolute;top: calc(50% - 2px);right: 6px;width: 12px;height: 3px;border-radius: 9999px;background-color: #FFF;transform-origin: calc(100% - 2px) 50%;}
.active .icon-close::before {transform: rotate(45deg);}
.active .icon-close::after {transform: rotate(-45deg);}

#wrapper select {padding: 0.594em;border-radius: 8px;background-color: #FFF;border:inset 2px #CCC;font-size: 14px;width: 96%;}


/* header
---------------------------------------------------------------------------------------- */
header#nav {width: 176px;height: 100%; margin: 0;padding: 2px 0;background: #0b589c;transition: all 0.5s;position: fixed;left: 0;top:0;overflow: auto;z-index: 10;box-shadow: 2px 0px 5px rgba(0,0,0,0.3);}
header#nav.panelactive {width: 5px;}
header#nav .inner {padding: 16px 0;}
header#nav.panelactive .inner {display: none;}
header#nav .inner ul {margin-bottom: 6px;padding: 0px 16px;}
header#nav .inner ul .nav_t {font-size: 12px;font-weight: 700;color: #629dc9;line-height: 1.8;}
header#nav .inner ul .nav_t span {padding: 0 0.6em;position: relative;}
header#nav .inner ul .nav_t span:before {content: ''; width: 0.5em;height: 1px;background-color:#629dc9;position: absolute; left: 0;top:50%;}
header#nav .inner ul .nav_t span:after {content: ''; width: 0.5em;height: 1px;background-color:#629dc9;position: absolute; right: 0;top:50%;}
header#nav .inner ul li {padding-left: 1.5em;line-height: 1.8;position: relative;}
header#nav .inner ul li:before {content: '';width: 1em;height: 1em;background-repeat: no-repeat;background-position: center center;position: absolute;left: 0;top: calc(50% - 0.5em);}
header#nav .inner ul li.ico_shinki:before {background-image: url("../img/ico_shinki.svg");background-size: auto 100%;}
header#nav .inner ul li.ico_ichiran:before {background-image: url("../img/ico_ichiran.svg");background-size: auto 100%;}
header#nav .inner ul li.ico_mitsumori:before {background-image: url("../img/ico_mitsumori.svg");background-size: auto 100%;}
header#nav .inner ul li.ico_hattyu:before {background-image: url("../img/ico_hattyu.svg");background-size: auto 100%;}
header#nav .inner ul li.ico_hattyu_ichiran:before {background-image: url("../img/ico_hattyu_ichiran.svg");background-size: auto 100%;}
header#nav .inner ul li a {font-size: 13px;font-weight: 700;color: #FFF;letter-spacing: 0.05em;}
header#nav .inner ul.kanri {background-color: #1b609c;padding: 16px 16px;}
header#nav .inner ul.kanri li {padding-left: 1.5em;line-height: 1.8;position: relative;}
header#nav .inner ul.kanri li:before {background-image: url("../img/ico_kanri.svg");background-size: auto 100%;}
header#nav .inner ul.kanri li.ico_home:before {background-image: url("../img/ico_home.svg");background-size: auto 100%;}
header#nav .inner ul.kanri li a {font-size: 12px;font-weight: 500;color: #FFF;letter-spacing: 0.05em;}
header#nav .inner ul li a:hover {color: #9CADC5;
}

/* footer
---------------------------------------------------------------------------------------- */
#footer {width: 100%;height: 63px;background: url(../img/bg_footer.png) repeat-x bottom;}
#footer .inner {position: relative;width: 1000px;margin: 0 auto;padding: 39px 0 0 0;text-align: right;}
#footer .inner p {position: absolute;width: 114px;height: 23px;top: 0;right: 0;}
#footer .inner small {width: 1000px;font-size: 0;line-height: 0;}




/* contents
---------------------------------------------------------------------------------------- */
#contents {margin: 0;padding: 72px 0 0;float: left;}
.login #contents {margin: 0;padding: 72px 0 0;float: left;}

/*usr_top
---------------------------------------------------------------------------------------- */
#contents {width: 100%;box-sizing: border-box;padding-left: 176px; transition: all 0.5s;}
#wrapper.panelactive #contents {width: calc(100% - 5px);padding-left: 5px;}
#contents .user_head {width: 100%;height: 72px;display: flex;justify-content: space-between;align-items: center;background-color: #FFF;box-sizing: border-box;padding: 0 0 0 224px;position: fixed;left: 0;top:0;transition: all 0.5s;box-shadow: 1px 2px 5px rgba(0,0,0,0.3);z-index: 3;}
#contents .user_head.lay01 {width: auto;z-index: 10;background-color: inherit;position: absolute;right: 400px;left: auto;padding: 0;box-shadow: none;}
#contents .user_head.lay02 {width: auto;z-index: 10;background-color: inherit;position: absolute;right: 773px;left: auto;padding: 0;box-shadow: none;}
#wrapper.panelactive #contents .user_head {padding-left: 48px;}
#contents .user_head .tit {}
#contents .user_head .tit span {font-size: 20px;font-weight: 700;color: #3366cc;padding: 0 0 0 0.5em;box-sizing: border-box;border-left: solid 3px #3366cc;letter-spacing: 0.05em;}
#contents .user_head .btn_area {display: flex;justify-content: flex-end;align-items: center;z-index: 11;}
#contents .user_head .btn_area .btn_duplication {width: 40px;height: 40px; line-height: 40px;margin: 0 1.5em 0 0; display: block;cursor: pointer;transition: all 0.5s;}
.btn_all {width: 40px;height: 40px; line-height: 40px;margin: 0 1.5em 0 0; display: block;cursor: pointer;transition: all 0.5s;}
.btn_unordered {width: 40px;height: 40px; line-height: 40px;margin: 0 1.5em 0 0; display: block;cursor: pointer;transition: all 0.5s;}
.btn_ordered {width: 40px;height: 40px; line-height: 40px;margin: 0 1.5em 0 0; display: block;cursor: pointer;transition: all 0.5s;}
.btn_print2 {width: 40px;height: 40px; line-height: 40px;margin: 0 1.5em 0 0; display: block;cursor: pointer;transition: all 0.5s;}


.display_method {display: flex;justify-content: flex-start;align-items: center; padding-right: 100px;z-index: 11;}
.display_method .tit {line-height: 32px;margin-right: 16px;padding-right: 16px;border-right: solid 2px #666;}








/*----------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------
ボタン関連CSS(エリアについては↑上記に記載してある)
------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------- */


#contents .user_head .btn_area .btn_delete {width: 40px;height: 40px;line-height: 40px;margin: 0 1.5em 0 0;display: block;cursor: pointer;transition: all 0.5s;font-size: 10px;}

.menu_area{;margin-left: 50px;}
.menu_area > li.menu__single {position: relative;}
.menu_area > li.menu__single a {display: flex;align-items: center;padding: 8px;}
.menu_area > li.menu__single a:hover {font-size: 12px;border-radius: 8px;background-color: #EDEDED;color: #000000;}
li.menu__single ul.menu__second-level {position: absolute;font-size: 12px;line-height: 24px;top: 40px;right: 16px;width: 144px;background: #FFF;box-sizing: border-box;padding: 18px;border-radius: 16px;box-shadow: 0px 8px 10px rgba(0,0,0,0.3);-webkit-transition: all .2s ease;transition: all .2s ease;opacity: 0;z-index: 100;}
li.menu__single.open ul.menu__second-level {top: 50px;visibility: visible;opacity: 1;}
#contents .user_head .btn_area .usr_ico {width: 24px;display: block;cursor: pointer;}
#contents .user_head .btn_area .usr_name {font-size: 14px;font-weight: 700;color: #666;margin: 0 12px;display: block;cursor: pointer;}
#contents .user_head .btn_area .menu {width: 4px;margin: 8px 16px;cursor: pointer;}


#contents .user_head .btn_area .btn_copy {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_copy span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_copy span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_duplication.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}


#contents .user_head .btn_area .btn_print {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_print span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_print span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_print.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}

#contents .user_head .btn_area .btn_print02 {width: 40px;height: 40px; line-height: 40px;margin: 0 1.5em 0 0; display: block;cursor: pointer;}

#contents .user_head .btn_area .btn_add {width: 200px;height: 40px;margin-right: 1.5em}
#contents .user_head .btn_area .btn_add a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;background-color: #3366cc;border-radius: 30px;filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));transition: all 0.5s;}
#contents .user_head .btn_area .btn_add a:hover {opacity: 0.7;}
#contents .user_head .btn_area .btn_add a span {position: relative;font-size: 14px;font-weight: 700;color: #FFF;}
#contents .user_head .btn_area .btn_add a span:before, #contents .user_head .btn_area .btn_add a span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #FFF;border-radius: 10px;}
#contents .user_head .btn_area .btn_add a span:before {width: 2px;height: 12px;left:-20px;right:auto;}
#contents .user_head .btn_area .btn_add a span:after {width: 12px;height: 2px;left:-25px;right:auto;}
#contents .user_head .btn_area .btn_add button {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;background-color: #3366cc;border-radius: 30px;filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));transition: all 0.5s;}
#contents .user_head .btn_area .btn_add button:hover {opacity: 0.7;}
#contents .user_head .btn_area .btn_add button span {position: relative;font-size: 14px;font-weight: 700;color: #FFF;}
#contents .user_head .btn_area .btn_add button span:before, #contents .user_head .btn_area .btn_add button span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #FFF;border-radius: 10px;}
#contents .user_head .btn_area .btn_add button span:before {width: 2px;height: 12px;left:-20px;right:auto;}
#contents .user_head .btn_area .btn_add button span:after {width: 12px;height: 2px;left:-25px;right:auto;}


#contents .user_head .btn_area .btn_edit {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_edit span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_edit span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/ico_edit.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_back {width: 200px;height: 40px;margin-right: 1.5em;}
#contents .user_head .btn_area .btn_back a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;background-color: #3366cc;border-radius: 30px;border: 3px solid #3366cc;filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));transition: all 0.5s;}
#contents .user_head .btn_area .btn_back a:hover {opacity: 0.7;}
#contents .user_head .btn_area .btn_back a span {position: relative;font-size: 14px;font-weight: 700;color: #3366cc;}
#contents .user_head .btn_area .btn_back a span:before, #contents .user_head .btn_area .btn_back a span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #3366cc;border-radius: 10px;}
#contents .user_head .btn_area .btn_back a span:after {width: 12px;height: 2px;left:-27px;right:auto;transform: rotate(45deg);}
#contents .user_head .btn_area .btn_back a span:before {width: 2px;height: 12px;left:-20px;right:auto;transform: rotate(45deg);}
#contents .user_head .btn_area .btn_back button {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;position: relative;background-color: #FFF;border-radius: 30px;border: 1px solid #3366cc;filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));transition: all 0.5s;}
#contents .user_head .btn_area .btn_back button:hover {opacity: 0.7;}
#contents .user_head .btn_area .btn_back button span {position: relative;font-size: 14px;font-weight: 700;color: #3366cc;}
#contents .user_head .btn_area .btn_back button span:before, #contents .user_head .btn_area .btn_back button span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #3366cc;border-radius: 10px;}
#contents .user_head .btn_area .btn_back button span:after {width: 8px;height: 2px;left:-22px;right:auto;top: calc(50% - 8px);transform-origin: 0px 50%;transform: rotate(45deg);}
#contents .user_head .btn_area .btn_back button span:before {width: 2px;height: 8px;left:-22px;right:auto;top: calc(50% - 6px);transform-origin: 6px 50%;transform: rotate(45deg);}
button {margin: 0;padding: 0;border: none;background-color: inherit;}
.tooltip {height: auto;padding: 0;width: 40px;}


/* ログアウトdiv */
.menu-item:hover .drop-menu-list {opacity: 1;transition: opacity .3s, visibility .3s;visibility: visible;}
.drop-menu-list {background-color: #696969;opacity: 0;position: absolute;top: 100%;transition: opacity .3s, visibility .3s;visibility: hidden;width: max-content;;margin-top: 5px;margin-right: 70px;}

#month_status_area {width: 100%;height: auto;}
#month_status_area .inner {padding: 64px 48px;box-sizing: border-box;}
#month_status_area .inner .tit {font-size: 24px;font-weight: 700;color: #3366cc;margin: 0 0 16px;}
#month_status_area .inner .tb {width: 168px;}
#month_status_area .inner .tb .tr {width: 100%; display: flex;justify-content: flex-start;}
#month_status_area .inner .tb .tr .th {width: 50%; font-size: 14px;font-weight: 500;color: #666656;text-align: center;white-space: nowrap;}
#month_status_area .inner .tb .tr .td {width: 50%;font-size: 60px;font-weight: 700;line-height: 1.0; color: #3366cc;text-align: center;white-space: nowrap;}
#month_status_area .inner .tb .tr .td span {font-size: 14px;font-weight: 500;color: #666656;}
#month_status_area .inner .pending {padding: 40px 0 0;display: flex;align-items: flex-end;}
#month_status_area .inner .pending .td {width: 84px; font-size: 43px;font-weight: 700;line-height: 1.0; color: #e8410b;}
#month_status_area .inner .pending .td span {font-size: 14px;font-weight: 500;color: #666656;margin: 0 4px;}
#month_status_area .inner .pending .btn {width: 128px;height: 40px;}
#month_status_area .inner .pending .btn a {width: 100%;height: 100%;display: flex;justify-content: center;align-items: center;font-size: 16px;font-weight: 700;box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: all 0.5s;border-radius: 20px;background-color: #3366cc;color: #FFF;}
#month_status_area .inner .pending .btn a:hover {background-color:rgba(51,102,204,0.85);box-shadow: 0px 0px 1px rgba(0,0,0,0.1);}

.openbtn1 {position:fixed;z-index: 106;top: 64px;right: 0px;cursor: pointer;width: 84px;height: 64px;display: flex;justify-content: center;align-items: center; box-sizing: border-box;transition: all 0.5s;background-color: #e8410b;box-shadow: 0px 8px 10px rgba(0,0,0,0.3);border-radius: 16px 0 0 16px;}
.openbtn1.active {right: 55%;}
.openbtn1 img {width: 20px;height: auto;}
.openbtn1:hover {opacity: 0.7;}
.openbtn1 .num span {position: absolute;left:40px;top:16px;background-color: #FFF;color: #e8410b;width: 16px;height: 16px;border: solid 2px #e8410b;border-radius: 20px;font-size: 12px;font-weight: 700;display: flex;justify-content: center;align-items: center;line-height: 1.0;}
#note_area {}
#contents .note_area {width: 55%;height: auto;max-height: 80vh;overflow-y: auto;position: absolute;right: -55%;background-color: #FFF;box-sizing: border-box;padding: 24px; border-radius: 0 0 0 20px;box-shadow: 0px 8px 10px rgba(0,0,0,0.3);transition: all 0.5s;z-index: 106;}
#contents .note_area.panelactive{right: 0%;position: fixed;}
#contents .note_area ul {margin: 0;padding: 0;}
#contents .note_area ul li {display: flex;justify-content: flex-start;align-items: center; padding-left: 1em;position: relative;line-height: 1.86;}
#contents .note_area ul li:before {content: '●';color: #e8410b;position: absolute;left: 0;top:28%;font-size: 8px;}
#contents .note_area ul li .date {font-size: 14px;font-weight: 700;margin-right: 1em;}
#contents .note_area ul li .txt {font-size: 14px;font-weight: 500;color: #666656;}
#contents .list_area {position: relative;padding: 70px 0 0;}
#contents .list_area .search_box {width: 100%;box-sizing: border-box; padding: 15px 92px 15px 24px;background-color: #f2f2f2;position: absolute;top:0;}	
/* 請求処理用の2段バージョン*/
#contents .list_area .search_box-two-tiers {width: 100%;box-sizing: border-box; padding: 15px 92px 15px 24px;background-color: #f2f2f2;position: absolute;top:0;top:-30px}	

/* 検索ボックス設定*/
#contents .list_area .search_box .search-form-1 {width: 30%;height: 40px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;padding-left:20px;padding-right:80px;position: relative;}
#contents .list_area .search_box .search-form-1 label {box-sizing: border-box; width: calc(100% / 1);font-size: 14px;}
#contents .list_area .search_box .search-form-1 label input {border: 1px solid #CCC;padding: 0.5em;border-radius: 6px;}
#contents .list_area .search_box .search-form-1 button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}
#contents .list_area .search_box .search-form-2 {width: 40%;height: 40px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;padding-left:20px;padding-right:80px;position: relative;}
#contents .list_area .search_box .search-form-2 label {box-sizing: border-box; width: calc(100% / 2);font-size: 14px;}
#contents .list_area .search_box .search-form-2 label input {border: 1px solid #CCC;padding: 0.5em;border-radius: 6px;}
#contents .list_area .search_box .search-form-2 button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}
#contents .list_area .search_box .search-form-5 {width: 100%;height: 40px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;padding-left:20px;padding-right:80px;position: relative;}
#contents .list_area .search_box .search-form-5 label {box-sizing: border-box; width: calc(100% / 6);font-size: 14px;}
#contents .list_area .search_box .search-form-5 label input {border: 1px solid #CCC;padding: 0.5em;border-radius: 6px;}
#contents .list_area .search_box .search-form-5 button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}

/* 請求処理用の2段バージョン*/
#contents .list_area .search_box-two-tiers  .search-form-two-tiers {width: 100%;height: 80px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;padding-left:20px;padding-right:80px;position: relative;flex-wrap: wrap;}
#contents .list_area .search_box-two-tiers  .search-form-two-tiers label {box-sizing: border-box; width: calc(100% / 6);font-size: 14px;}
#contents .list_area .search_box-two-tiers  .search-form-two-tiers label input {border: 1px solid #CCC;padding: 0.5em;border-radius: 6px;}
#contents .list_area .search_box-two-tiers  .search-form-two-tiers button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}


#contents .list_area .search_box .search-form-6 {width: 100%;height: 40px;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;padding-left:20px;padding-right:80px;position: relative;}
#contents .list_area .search_box .search-form-6 label {box-sizing: border-box; width: calc(100% / 7);font-size: 14px;}
#contents .list_area .search_box .search-form-6 label input {border: 1px solid #CCC;padding: 0.5em;border-radius: 6px;}
#contents .list_area .search_box .search-form-6 button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}

/* 20250812 畠山が追記
#contents .list_area .search_box {width: 100%;height: 40px;box-sizing: border-box;border: solid 1px #cccccc;background-color: #FFF;display: flex;justify-content: space-between;align-items: center;padding-right:80px;position: relative;}
#contents .list_area .search_box label {box-sizing: border-box; width: calc(100% / 6);font-size: 14px;}
#contents .list_area .search_box label input {border: none;padding: 0.5em;}
#contents .list_area .search_box button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}
 20250812 畠山が追記 */

#contents .list_area.quotation_list_area .tb {height: calc(100vh - 200px);overflow: auto;position: relative;padding: 0;}
#contents .list_area .tb .tr {display: flex;justify-content: space-between;align-items: center; width: 100%;min-height: 48px;box-sizing: border-box;border-bottom: solid 1px #c9dce5;}
#contents .list_area .tb .tr a {display: flex;justify-content: space-between;align-items: center; width: 100%;min-height: 48px;box-sizing: border-box;}
#contents .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#contents .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}

/* 20250805 大畑position: sticky;を追加*/
#contents .list_area .tb .tr:first-child{background-color: #0a487a;position: sticky;}
#contents .list_area #variable_box.tb .tr:first-child{background-color: #f4f4f4;}

/* 20250823 畠山が削除と変更
#contents .list_area .tb .tr.th{background-color: #0a487a;position: absolute;top:0;}*/
#contents .list_area .tb .tr.th{background-color: #0a487a;top:0;}

#contents .list_area .tb .sc_area {height: 100%;}

#contents .list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#contents .list_area .tb .tr .th:nth-child(1) {width: 10%;}
#contents .list_area .tb .tr .th:nth-child(2) {width: 10%;}
#contents .list_area .tb .tr .th:nth-child(3) {width: 19%;}
#contents .list_area .tb .tr .th:nth-child(4) {width: 19%;}
#contents .list_area .tb .tr .th:nth-child(5) {width: 10%;}
#contents .list_area .tb .tr .th:nth-child(6) {width: 10%;}
#contents .list_area .tb .tr .th:nth-child(7) {width: 10%;}
#contents .list_area .tb .tr .th:nth-child(8) {width: 6%;}
#contents .list_area .tb .tr .th:nth-child(9) {width: 6%;}
#contents .list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
#contents .list_area .tb .tr .td:nth-child(1) {width: 10%;}
#contents .list_area .tb .tr .td:nth-child(2) {width: 10%;}
#contents .list_area .tb .tr .td:nth-child(3) {width: 19%;}
#contents .list_area .tb .tr .td:nth-child(4) {width: 19%;}
#contents .list_area .tb .tr .td:nth-child(5) {width: 10%;}
#contents .list_area .tb .tr .td:nth-child(6) {width: 10%;}
#contents .list_area .tb .tr .td:nth-child(7) {width: 10%;}
#contents .list_area .tb .tr .td:nth-child(8) {width: 6%;}
#contents .list_area .tb .tr .td:nth-child(9) {width: 6%;}


/*　login画面
---------------------------------------------------------------------------------------- */
.login #wrapper {text-align: center;}
.login #contents {display: inline-block;position: absolute;top:50%;left: 50%;transform: translate(-50%,-50%);}
#contents .logo {width: 326px;height: auto;margin: 0 auto 72px;}
#contents .logo img {width: 200px;}
#login_area {width: 300px;background-color: #FFF;border-radius:24px;margin: 0px auto;padding: 40px 72px; box-shadow: 0px 4px 16px 0px rgba(17, 17, 26, 0.05), 0px 8px 32px 0px rgba(17, 17, 26, 0.05);}
#login_area .inner {}
#login_area .inner form {}
#login_area .inner form ul {margin: 0;padding: 0;}
#login_area .inner form ul li {display: block;margin-bottom: 1.5em;}
#login_area .inner form ul li p {line-height: 1.0;font-size: 16px; font-weight: 500;text-align: left; color: #666666;display: block;padding: 0;margin: 0 0 8px;}
#login_area .inner form ul li input {width: 100%;padding: 0.813em;border-radius: 50px;border: 1px solid #cccccc;}
#login_area .inner .btn_login {width: 100%;height: 56px;padding-top: 0.813em;}
#login_area .inner .btn_login button {background-color: #3366cc;color: #FFF;font-size: 16px;font-weight: 500;width: 100%;height: 100%;border-radius: 30px;border: none; box-shadow: 0px 0px 10px rgba(0,0,0,0.5);transition: all 0.5s;}
#login_area .inner .btn_login button:hover {background-color: rgba(51,102,204,0.85) ;box-shadow: 0px 0px 1px rgba(0,0,0,0.1);}
#contents .copy {font-size: 12px;font-weight: 700;text-align: center;letter-spacing: 0.05em; color: #666666;margin: 0px auto;padding: 72px 0 0;}

/*　パスワードの目玉部分。*/
.password-wrapper {display: flex;}
.password__input {flex: 1;outline: none;appearance: none;padding: 10px 0 10px 10px;border: none; border-radius: 5px 0 0 5px;font-size: 16px;}
.password__toggle {width: 40px;border: none;background-repeat: no-repeat;background-position: center center;background-image: url(../img/ico_eye_open.svg);background-size: 50% auto;cursor: pointer;background-color:#fff}
.password__toggle.is-visible {background-position: center center;background-image: url(../img/ico_eye_close.svg);}
@media (any-hover: hover) {.password__toggle:hover {opacity: 0.7;}}
/*　エラーのテキスト*/
.login_error {font-size: 14px;font-weight: 500;text-align: center;color: #C40306;}


/*　物件情報登録 画面
---------------------------------------------------------------------------------------- */
#registration_area {min-width: 1160px;}
#registration_area .inner {padding: 32px 0 48px 48px;display: flex;justify-content: flex-start;}
#registration_area .inner .l_box {padding-right: 48px;width: 775px; box-sizing: border-box;}
#registration_area .inner .l_box .tr {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 8px;}
#registration_area .inner .l_box .tr .th {width:auto;font-size: 14px;font-weight: 700;color: #666666;padding-right: 16px; white-space: nowrap;}
#registration_area .inner .l_box .tr .th:first-child {width:98px;padding-right:0px;font-size: 14px;font-weight: 700;color: #666666;}
#registration_area .inner .l_box .tr .td {padding-right: 16px;}
#registration_area .inner .l_box .tr .td input {padding: 0.5em;border-radius: 8px;border-color: #cccccc;}
#registration_area .inner .l_box .tr .td textarea {padding: 9.504px;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;border-width: 2px;border-style: inset;font-size: 16px;}
#registration_area .inner .r_box {padding: 40px 16px 0 0;width: 330px;box-sizing: border-box;}
#registration_area .inner .r_box .tr {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 16px;}
#registration_area .inner .r_box .tr .th {width:98px;  font-size: 14px;font-weight: 700;color: #666666;}
#registration_area .inner .r_box .tr .td {}
#registration_area .inner .r_box .tr .td input {padding: 0.5em;border-radius: 8px;box-sizing: border-box;border-color: #cccccc;}
#registration_area .inner .r_box .tr .td input[type=date] {font-size: 16px; width: 240px;}
#registration_area .list_area {position: relative;padding-top: 30px;}
#registration_area .list_area .tab_box {position: absolute;width: 176px;height: 30px;border-radius: 10px 10px 0 0;background-color: #0a487a;left: calc(50% - 88px);top: 0px;display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 14px;font-weight: 500;}

#create_quote .list_area .tb.fixed .tr.th_line {display: flex;padding-right: 80px;}
#create_quote .list_area .tb .tr.th_line .th.mode-switch-host {width: 175px;}
#create_quote .list_area .tb .tr.th_line .in {width: calc(100% - 180px);display: flex;justify-content:flex-start;}
#create_quote .list_area .tb .tr.th_line .in .th input {width: 96%;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(1) {width: 25.5%;margin-right: 5px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(2) {width: 7.5%;margin-right: 5px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(3) {width: 7.5%;margin-right: 5px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(4) {width: 7.5%;margin-right: 5px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(5) {width: 7.5%;margin-right: 5px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(6) {width: 7.5%;margin-right: 5px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(7) {width: 7.5%;margin-right: 0px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(8) {width: 7.5%;margin-right: 0px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(9) {width: 7.5%;margin-right: 8px;}
#create_quote .list_area .tb .tr.th_line .in .th:nth-child(10) {width: 7.5%;}
#create_quote .list_area .tb #sort .tr {justify-content: flex-start;padding-right: 80px;}
#create_quote .list_area .tb #sort .tr .td.mode-switch-host {width: 175px;}
#create_quote .list_area .tb #sort .tr .mode-block {width: calc(100% - 180px);position: relative;}
.td.mode-switch-host {}
.mode-block {}
#create_quote .list_area .tb #sort .tr .mode-block input.ui-autocomplete-input,
#create_quote .list_area .tb #sort .tr .mode-block input:first-child {width: 25.7%;padding: 0.594em;border-radius: 10px;font-size: 14px;margin-right: 5px;}
#create_quote .list_area .tb #sort .tr .mode-block .td {text-align: left;}
#create_quote .list_area .tb #sort .tr .mode-block .td input{width: 96%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 input:first-child {width: 25.7%;padding: 0.594em;border-radius: 10px;font-size: 14px;margin-right: 5px;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td input {width: 96%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(2) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(3) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(4) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(5) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(6) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(7) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(8) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(9) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(10) {width: 8.0%;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(11) {width: 8.0%;}

#registration_area .btn_add {width: 248px;height: 56px;margin: 8% auto 0}
#registration_area .btn_add a {width: 100%;height: 100%;display:flex;justify-content: center;align-items: center; position: relative; background-color: #3366cc;border-radius: 30px;}
#registration_area .btn_add a span {position: relative;font-size: 16px;font-weight: 700;color: #FFF;}
#registration_area .btn_add a span:before {}
#registration_area .btn_add a span:before, #registration_area .btn_add a span:after {display: block;content: '';position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;background-color: #FFF;border-radius: 10px;}
#registration_area .btn_add a span:before {width: 3px;height: 24px;left:-24px;right:auto;}
#registration_area .btn_add a span:after {width: 24px;height: 3px;left:-34px;right:auto;}


/*　物件情報登録完了 画面
---------------------------------------------------------------------------------------- */
#registration_area.finish {}
#registration_area.finish .inner {padding: 152px 0 0;display: block;}
#registration_area.finish .inner .tit {width: 100%; font-size: 26px;font-weight: 700;color: #666666;text-align: center;position: relative;display: block;margin: 0 auto 48px;}
#registration_area.finish .inner .tit span {position: relative;}
#registration_area.finish .inner .tit span:after {content: ''; width: 60%;height: 4px;border-radius: 2px; background-color: #3366cc;position: absolute;left: 20%;bottom: -24px;}
#registration_area.finish .inner .tr {display: flex;justify-content: center;align-items: center;line-height: 1.86;}
#registration_area.finish .inner .tr .th {width: 80px;box-sizing: border-box; padding-right: 0.5em;font-size: 16px;font-weight: 700;color: #666666;text-align: right;}
#registration_area.finish .inner .tr .td {width: 120px;box-sizing: border-box; padding-left: 0.5em;font-size: 14px;font-weight: 700;color: #666666;text-align: left;}
#registration_area.finish .btn_ichiran {width: 248px;height: 56px;margin: 48px auto 0}
#registration_area.finish .btn_ichiran a {width: 100%;height: 100%;display:flex;justify-content: center;align-items: center; position: relative; background-color: #3366cc;border-radius: 30px;}
#registration_area.finish .btn_ichiran a span {position: relative;font-size: 16px;font-weight: 700;color: #FFF;}


/*　物件情報一覧 画面
---------------------------------------------------------------------------------------- */
#contents .user_head .btn_area .btn_search {display: block;cursor: pointer;padding-right: 2.5em;}
#contents .user_head .btn_area .btn_search span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_search span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/btn_search.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}
#contents .user_head .btn_area .btn_new {display: block;cursor: pointer;}
#contents .user_head .btn_area .btn_new span {font-size: 14px;font-weight: 700;color: #666656;padding: 0 2.5em 0 2.3em;position: relative;}
#contents .user_head .btn_area .btn_new span:before {content: '';width: 25px;height: 25px;position: absolute;left: 0;top:-2px;background-image: url("../img/btn_new.png");background-size: 25px auto;background-repeat: no-repeat;background-position: center center;}


.search-form-4 {display: flex;align-items: center;overflow: hidden;border: 1px solid #0a487a;border-radius: 25px;}
.search-form-4 input {width: 250px;height: 40px;padding: 5px 15px 5px 0;border: none;box-sizing: border-box;font-size: 1em;outline: none;}
.search-form-4 input::placeholder {color: #777777;}
.search-form-4 button {display: flex;justify-content: center;align-items: center;width: 45px;height: 45px;border: none;background-color: transparent;cursor: pointer;}
.search-form-4 button::before {width: 24px;height: 24px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%230a487a'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;content: '';}

.property_registration_ichiran .quotation_list_area .property_list .tr .th {}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(1) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(2) {width: 10%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(3) {width: 23%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(4) {width: 23%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(5) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(6) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(7) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(8) {width: 6%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr .th:nth-child(9) {width: 6%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a {width: 100%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td {}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 10%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 23%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 23%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 8%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(8) {width: 6%}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(9) {width: 6%}

#property_details .inner {box-sizing: border-box; padding: 32px 0 48px 48px;height: 358px;transition: all 0.5s;}
#property_details_info .btn_area {display: flex;justify-content: flex-start;align-items: center;margin-bottom: 1em;}
#property_details .tab_box {position:absolute;width: 176px;height: 30px;border-radius: 10px 10px 0 0;background-color: #0a487a;left: calc(50% - 88px);top:400px;display: flex;justify-content: center;align-items: center;color: #FFF;font-size: 14px;font-weight: 500;}
#property_details .list_area {position: relative;}
#property_details .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#property_details .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}
#property_details .list_area .tb.fixed .tr {position: absolute;left: 0;top:0;height: 40px;background-color: #0a487a;}
#property_details .inner.panelactive {height: 144px;}
#property_details .inner .information_area {width: 100%; display: flex;justify-content: space-between;}
#property_details .inner .information_area .l_box {width: 50%;}
#property_details .inner .information_area .l_box .tb {width: 95%;}
#property_details .inner .information_area .l_box .tb .tr {width: 100%;display: flex;justify-content: flex-start;line-height: 2.4;border-bottom: solid 1px #c9dce5;position: relative;}
#property_details .inner .information_area .l_box .tb .tr .th {font-size: 14px;font-weight: 500;color:#666666;margin-right: 0.3em;width: 96px;}
#property_details .inner .information_area .l_box .tb .tr .td {font-size: 14px;font-weight: 700;color:#666666;}
#property_details .inner .information_area .r_box {width: 50%;}
#property_details .inner .information_area .r_box .tb {width: 95%;}
#property_details .inner .information_area .r_box .tb .tr {width: 100%;display: flex;justify-content: flex-start;line-height: 2.4;border-bottom: solid 1px #c9dce5;position: relative;height: 33.6px}
#property_details .inner .information_area .r_box .tb .tr .th {font-size: 14px;font-weight: 500;color:#666666;margin-right: 0.3em;width: 96px;}
#property_details .inner .information_area .r_box .tb .tr .td {font-size: 14px;font-weight: 700;color:#666666;}


/*　見積作成 画面
---------------------------------------------------------------------------------------- */


.index_quote {overflow: hidden;}
.index_quote #create_quote .inner {height: auto;}
.select_btn_area {width: 100%;height: 100vh;display: flex;justify-content: center;align-items: center;}
.select_btn_area .btn {width: 300px;height: 56px;border-radius: 30px;background-color: #3366cc;margin: 0 5%;}
.select_btn_area .btn a {width: 100%;height: 100%;color: #FFF;font-size: 16px;font-weight: 700;letter-spacing: 0.05em;display: flex;justify-content: center;align-items: center;}
.select_btn_area .btn.select_property {position: relative;}
.select_btn_area .btn.select_property:before {content: '';width: 1.2em;height: 1.2em;position: absolute;left: 30px;top:calc(50% - 0.6em); background-image: url("../img/ico_ichiran.png");background-size: auto 100%;}
.select_btn_area .btn.select_property a {position: relative;}
.select_btn_area .btn.property_registration {position: relative;}
.select_btn_area .btn.property_registration:before {content: '';width: 1.2em;height: 1.2em;position: absolute;left: 30px;top:calc(50% - 0.6em); background-image: url("../img/ico_shinki.png");background-size: auto 100%;}
.select_btn_area .btn.property_registration a {position: relative;}

.create_quote {overflow: hidden;}
#create_quote {}
.btn_close {position:absolute;width: 88px;height: 30px;border-radius: 10px 10px 0 0;background-color: #0a487a;left: calc(50% - 44px);top:-30px;display: flex;justify-content: center;align-items: center;cursor: pointer;transition: all 0.5s;}
.btn_close.active {}
.btn_close span {position: relative;}
.btn_close span::before,.btn_close span::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.btn_close span::before {left: -6px;top:3px;width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);transition: all 0.5s;}
.btn_close.active span::before {-webkit-transform: rotate(135deg);transform: rotate(135deg);}
#create_quote .inner {box-sizing: border-box; padding: 24px 0 32px 24px;transition: all 0.5s;/*height: 358px;*/}
#create_quote .inner.panelactive {height: 144px;}
#create_quote .inner .information_area {width: 100%; display: flex;justify-content: flex-start;}
#create_quote .inner .information_area .l_box {width: 550px;margin-right: 32px;}
#create_quote .inner .information_area .l_box .form_area {width: 100%;background-color: #FFF;border-radius: 10px;box-sizing: border-box;padding: 16px;filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));}
#create_quote .inner .information_area .l_box .form_area .col {display: inline-block;margin: 0 0.3em 0.4em 0; }
#create_quote .inner .information_area .l_box .form_area .col span {font-size: 14px;font-weight: 700;color:#666666;margin-right: 0.3em;display: inline-block;;}
#create_quote .inner .information_area .l_box .form_area .col select {padding: 0.344em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;font-size: 14px;}
#create_quote .inner .information_area .l_box .form_area .col2 {display: flex;justify-content: flex-start;}
#create_quote .inner .information_area .l_box .form_area .flex {display: flex;justify-content: flex-start;}
.col2 .col {width: 50%;}
#create_quote .inner .information_area .l_box .form_area .flex .col {width: auto; display: flex; white-space: nowrap;justify-content: flex-start;align-items: center;margin-right: 0.5em;}
#create_quote .inner .information_area .l_box .form_area .flex .col .txts {font-size: 12px;}
#create_quote .inner .information_area .l_box .form_area .flex .col span {width: auto;}
.w100 {width: 100%;box-sizing: border-box;}
.w100 input {width: 100%;}
.w60 {width: 60px;}
.un_60 {width: calc(100% - 60px);}
#create_quote .inner .information_area .l_box .form_area .col input {padding: 0.375em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .inner .information_area .l_box .form_area .col input[type=date] {padding: 0.5em;}

#create_quote .inner .information_area .r_box {width: 100%; min-width: 440px;max-width: 600px;}
#create_quote .inner .information_area .r_box .form_area {width: 100%;background-color: #FFF;border-radius: 10px;box-sizing: border-box;padding: 16px 16px 8px;filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));margin-bottom: 0.8em;}
#create_quote .inner .information_area .r_box .form_area .in {width: 100%;display: flex;justify-content: space-between;align-items: center;}
#create_quote .inner .information_area .r_box .form_area .in .tit {width: 80px;display: flex;flex-wrap: wrap; justify-content: center;}
#create_quote .inner .information_area .r_box .form_area .in .tit img {width: 40px;margin: 0 auto;}
#create_quote .inner .information_area .r_box .form_area .in .tit span {display: block; width: 100%; font-size: 10px;color: #ABABAB;text-align: center;}
#create_quote .inner .information_area .r_box .form_area .in .r_col {}
#create_quote .inner .information_area .r_box .form_area .in .r_col .col2 {display: flex;justify-content: space-between;}
#create_quote .inner .information_area .r_box .form_area .in .r_col .col2 .col {width: auto;margin-bottom: 0.5em;margin-right: 0.1em;}
#create_quote .inner .information_area .r_box .form_area .in .r_col .col2 .col span {font-size: 14px;font-weight: 700;color:#666666;margin-right: 0.05em;display: inline-block;width:auto;}
#create_quote .inner .information_area .r_box .form_area .in .r_col .col2 .col select {padding: 0.584em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;font-size: 12px;}
#create_quote .inner .information_area .r_box .form_area .in .r_col .col span {font-size: 14px;font-weight: 700;color:#666666;margin-right: 0.05em;display: inline-block;width:auto;}
#create_quote .inner .information_area .r_box .form_area .in .r_col .col select {padding: 0.584em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;font-size: 12px;}
#create_quote .inner .information_area .r_box .tb {width: 100%;height: auto;}
#create_quote .inner .information_area .r_box .tb .tr {border-bottom: solid 1px #c9dce5;line-height: 1.875em;display: flex;justify-content: flex-start;}
#create_quote .inner .information_area .r_box .tb .tr.total_amount {justify-content: flex-end;}
#create_quote .inner .information_area .r_box .tb .total_amount .red {font-size: 19px;color: #e8410b;line-height: 0.8rem;}
#create_quote .inner .information_area .r_box .tb .tr .th {font-size: 14px;font-weight: 500; color: #484848;width: 100px;}
#create_quote .inner .information_area .r_box .tb .tr .th_narrow {font-size: 14px;font-weight: 500; color: #484848;width: 80px;}
#create_quote .inner .information_area .r_box .tb .tr .th_wide {font-size: 14px;font-weight: 500; color: #484848;width: 140px;}
#create_quote .inner .information_area .r_box .tb .tr .td {font-size: 14px;font-weight: 500; color: #484848;}
#create_quote .inner .information_area .r_box .tb .tr.col2 {display: flex;justify-content: space-between;}
.li145 {line-height: 1.6!important;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col {display: flex;justify-content: space-between;width: auto;}
#create_quote .inner .information_area .r_box .tb .tr.col2.flort_r {justify-content: flex-end;align-items: center;line-height: 1.875em;}
#create_quote .inner .information_area .r_box .tb .tr.col2.flort_r .col {width: auto; display: flex;justify-content: flex-start;}
#create_quote .inner .information_area .r_box .tb .tr.col2.flort_r .col .th {font-size: 14px;font-weight: 500; color: #484848;width:auto;margin-right: 0.5em;}
#create_quote .inner .information_area .r_box .tb .tr.col2.flort_r .col .td {font-size: 14px;font-weight: 500;color: #484848;}
#create_quote .inner .information_area .r_box .tb .tr.col2.flort_r span {padding: 0 0.25em;}
#create_quote .inner .information_area .r_box .tb .tr.col2.tt {position: relative;justify-content: space-between;line-height: 1.8;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .l_col {width: 47.5%;display: flex;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .l_col .col {display: flex;justify-content: flex-start;align-items: center;margin-right: 0.5em;}
#create_quote .inner .information_area .r_box .tb .tr.col2.tt .l_col .col .th{width: auto;margin-right: 0.3em;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .r_col {display: flex;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .r_col .col {display: flex;justify-content: flex-end;align-items: center;white-space: nowrap;width: 100%;margin-left: 0.9em;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .r_col .col .th {margin-right: 0.5em;width: auto;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .th {font-size: 14px;font-weight: 500;color: #484848;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .th span {display: flex;justify-content: center;align-items: center;;background-color: #cccaca;color: #FFF;width: 16px;height: 16px;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .td {font-size: 14px;font-weight: 500;color: #484848;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .td .tooltip {width: 32px;position: absolute;left: 25px;top: 4px;}
#create_quote .inner .information_area .r_box .tb .tr.col3 {display: flex;justify-content: space-between;}
#create_quote .inner .information_area .r_box .tb .tr.col3 .col {width: auto; display: flex;justify-content: flex-start;}
#create_quote .inner .information_area .r_box .tb .tr.col3 .col .th {font-size: 14px;font-weight: 500; color: #484848;width:auto;margin-right: 1.0em;}
#create_quote .inner .information_area .r_box .tb .tr.col3 .col .td {font-size: 14px;font-weight: 500;color: #484848;}
span.yen {margin-left: 0.2em}
span.ratio {margin-left: 0.2em}

#create_quote .list_area {position: relative;padding: 0;z-index: 11;}
#create_quote .list_area .tb {position: relative;height: calc(100vh - 500px); overflow: auto;transition: all 0.5s;}
#create_quote .list_area .tb.panelactive {height: calc(100vh - 272px);}
#create_quote .list_area .tb .tr {display: flex;justify-content: space-between;align-items: center; width: 100%;height: 56px;box-sizing: border-box;border-bottom: solid 1px #c9dce5;padding: 0 24px;position: relative;}
#create_quote .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#create_quote .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}
#create_quote .list_area .tb.fixed {height: 48px;}
#create_quote .list_area .tb.fixed .tr {position: absolute;left: 0;top:0;height: 40px;padding-right: 100px; background-color: #0a487a;}

#create_quote .list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#create_quote .list_area .tb .tr .th:nth-child(1) {width: 15%;}/* 5 */
#create_quote .list_area .tb .tr .th:nth-child(2) {width: 15%;}/* 18 */
#create_quote .list_area .tb .tr .th:nth-child(3) {width: 4%;}/* 10 */
#create_quote .list_area .tb .tr .th:nth-child(4) {width: 3%;}/* 5 */
#create_quote .list_area .tb .tr .th:nth-child(5) {width: 7%}/* 3 */
#create_quote .list_area .tb .tr .th:nth-child(6) {width: 7%;}/* 10 */
#create_quote .list_area .tb .tr .th:nth-child(7) {width: 7%;}/* 10 */
#create_quote .list_area .tb .tr .th:nth-child(8) {width: 15%;}/* 10 */
#create_quote .list_area .tb .tr .th:nth-child(9) {width: 15%;}/* 18 */
#create_quote .list_area .tb .tr .th:nth-child(10) {width: 12%;}/* 18 */
#create_quote .list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
#create_quote .list_area .tb .tr .td:nth-child(1) {width: 15%;}/* 5 */
#create_quote .list_area .tb .tr .td:nth-child(2) {width: 15%;}/* 18 */
#create_quote .list_area .tb .tr .td:nth-child(3) {width: 4%;}/* 10 */
#create_quote .list_area .tb .tr .td:nth-child(4) {width: 3%;}/* 5 */
#create_quote .list_area .tb .tr .td:nth-child(5) {width: 7%;}/* 3 */
#create_quote .list_area .tb .tr .td:nth-child(6) {width: 7%;}/* 10 */
#create_quote .list_area .tb .tr .td:nth-child(7) {width: 7%;}/* 10 */
#create_quote .list_area .tb .tr .td:nth-child(8) {width: 15%;}/* 10 */
#create_quote .list_area .tb .tr .td:nth-child(9) {width: 15%;}/* 18 */
#create_quote .list_area .tb .tr .td:nth-child(10) {width: 12%;}/* 18 */
#create_quote .list_area .tb .tr .td input {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .list_area .tb .tr .td select {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_quote .list_area .tb .tr .batsu {position: absolute;top:50%;right: 0;}
#create_quote .list_area .tb .tr .batsu::before, #create_quote .list_area .tb .tr .batsu::after { /* 共通設定 */content: "";position: absolute;top: 50%;right: 20px;width: 3px; /* 棒の幅（太さ） */height: 16px; /* 棒の高さ */background: #e5e5e5;}
#create_quote .list_area .tb .tr:last-child .batsu::before, #create_quote .list_area .tb .tr:last-child .batsu::after {background: #e8410b;}
#create_quote .list_area .tb .tr .batsu::before {transform: translate(-50%,-50%) rotate(45deg);} 
#create_quote .list_area .tb .tr .batsu::after {transform: translate(-50%,-50%) rotate(-45deg);}

#create_quote .list_area .tb .tr .btn_add {position: absolute;top:75%;right: 10px;width: 24px;height: 24px;border-radius: 12px;background-color:#e5e5e5;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);z-index: 50; }
#create_quote .list_area .tb .tr:last-child {margin-bottom: 24px;}
#create_quote .list_area .tb .tr:last-child .btn_add {background-color:#3366cc; }
#create_quote .list_area .tb .tr .btn_add::before, #create_quote .list_area .tb .tr .btn_add::after { /* 共通設定 */content: "";position: absolute;top: 50%;right: 10px;width: 2px; /* 棒の幅（太さ） */height: 10px; /* 棒の高さ */background: #FFF;}
#create_quote .list_area .tb .tr .btn_add::before {transform: translate(-50%,-50%) rotate(90deg);} 
#create_quote .list_area .tb .tr .btn_add::after {transform: translate(-50%,-50%) rotate(-180deg);}

.chart_box {position: absolute;right: -400px;top:50%;transform: translate(0,-50%);background-color: #FFF;border-radius: 10px 0 0 10px;box-sizing: border-box;padding: 10px;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);z-index: 200;transition: all 0.5s;}
.chart_box.chart_open {right: 0px;}
.chart_box .ico_chart {width: 24px;height: 24px;background-image: url("../img/ico_delete.png");background-size: 24px auto;position: absolute;left: -24px;top:0;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);display: block;cursor: pointer;}
.chart_box canvas#myChart {}


/*　見積一覧 画面
---------------------------------------------------------------------------------------- */
#contents .list_area.quotation_list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(1) {width: 5%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(2) {width: 10%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(3) {width: 10%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(4) {width: 10%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(5) {width: 25%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(6) {width: 20%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(7) {width: 10%;}
#contents .list_area.quotation_list_area .tb .tr .th:nth-child(8) {width: 10%;}
#contents .list_area.quotation_list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;width: 5%;}
#contents .list_area.quotation_list_area .tb .tr a {display: flex;width: 95%;border: none;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 10.752%;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 10.752%;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 10.752%;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 26.88%;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 21.505%;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 10.752%;}
#contents .list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 10.752%;}


.quotation_list #contents .list_area.quotation_list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(1) {width: 8%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(2) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(3) {width: 24%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(4) {width: 24%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(5) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(6) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(7) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a {display: flex;width: 100%;border: none;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 8%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 24%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 24%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 10%;}


/*　見積詳細 画面
---------------------------------------------------------------------------------------- 
#create_quote #quote_detail_info.inner {box-sizing: border-box; padding: 32px 0 48px 48px;height: auto;transition: all 0.5s;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area {max-width:500px;box-sizing: border-box;padding: 8px 24px;display: flex;flex-wrap: wrap;justify-content: space-between;background-color: #FFF;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box {width: 50%;display: flex;justify-content: space-between;align-items: center; color: #666666;padding: 0.5em 0;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box .th {width: 30%; font-size: 16px;font-weight: 700;box-sizing: border-box;padding-right: 5%; text-align: right;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box .td {width: 70%; font-size: 23px;font-weight: 700;text-align: right;}
#create_quote .inner .information_area .l_box .form_area .col.cost_area .s_box .td span {font-size: 16px;font-weight: 700;}
#create_quote .inner .information_area .r_box .tb .tr.col2 {display: flex;justify-content: space-between;align-items: center;height: 46px;margin-top: 5px;border-top: solid 1px #c9dce5;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col {display: flex;justify-content: flex-start;line-height: 100%;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .th {width: 96px;font-size: 16px;font-weight: 700;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .td {font-size: 23px;font-weight: 700;}
#create_quote .inner .information_area .r_box .tb .tr.col2 .col .td span {font-size: 16px;font-weight: 700;padding-left: 0.4em;}
#create_quote .inner .information_area .r_box .total_amount {width: 95%; padding-top: 0.3em;text-align: right;font-size: 43px;font-weight: 700;color: #e8410b;line-height: 45px;}
#create_quote .inner .information_area .r_box .total_amount span {font-size: 16px;font-weight: 700;padding-left: 0.4em;color: #666;}
*/

.btn_area .tit {font-size: 14px;font-weight: 700;color:#666656;margin-right: 1.5em; }
.status_area {display: flex;justify-content: flex-end;align-items: center;}
.toggle {position: relative;width: 96px;height: 32px;margin: 0 1.5em 0 0;border-radius: 50px;overflow: hidden;user-select: none;cursor: pointer;}
.toggle input[type=checkbox] {display: none;}
.toggle span {position: absolute;top: 8px;font-size: 16px;font-weight: bold;line-height: 1;-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.toggle span:nth-of-type(1) {right: 20px;color: rgba(0, 0, 0, 0.175);}
.toggle.checked span:nth-of-type(1) {right: 20px;color: rgba(0, 0, 0, 0.0);}
.toggle span:nth-of-type(2) {left: 20px;color: rgba(0, 0, 0, 0.0);letter-spacing: 2px;}
.toggle.checked span:nth-of-type(2) {left: 20px;color: #fff;letter-spacing: 2px;}
.toggle:before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 50px;display: block;box-sizing: border-box;border:solid 2px #cccaca;background-color: #FFF;-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.toggle:after {content: "";position: absolute;top: 3px;left: 3px;width: 26px;height: 26px;display: block;border-radius: 50px;background: #cccaca;box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);-webkit-transition: 0.2s ease-out;transition: 0.2s ease-out;}
.toggle.checked:before {background: #e8410b;border:solid 1px #cccaca;}
.toggle.checked:after {left: 66px;box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);background: #FFF;}
.btn_approval {position: relative;width: 96px;height: 32px;margin: 0 1.5em 0 0;}
.toggle_input {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 5;
opacity: 0;
cursor: pointer;
}

.toggle_label {
width: 96px;
height: 32px;
border-radius: 50px;
box-sizing: border-box;border:solid 2px #cccaca;
background: #FFF;
position: relative;
display: inline-block;
transition: all 0.4s;
}

.toggle_label:after {
content: "承認待ち";
position: absolute;
font-size: 16px;
width: 100%;height: 100%;text-align: center;
left: 0px;
top: 0px;
z-index: 2;
color: #cccaca;
transition: all 0.4s;
}

.toggle_input:checked + .toggle_label {
  background-color: #e8410b;
}

.toggle_input:checked + .toggle_label:after {
  content: "承認完了";
color: #FFF;
}

/*　発注作成
---------------------------------------------------------------------------------------- */
#create_order .inner {box-sizing: border-box; padding: 24px 0 32px 24px;transition: all 0.5s;}
#create_order .inner .information_area {width: 100%; display: flex;justify-content: flex-start;}
#create_order .inner .information_area .l_box {width: 600px;margin-right: 32px;}
#create_order .inner .information_area .l_box .form_area {width: 100%;background-color: #FFF;border-radius: 10px;box-sizing: border-box;padding: 16px;filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));}
#create_order .inner .information_area .l_box .form_area .flex {display: flex;justify-content: space-between;align-items: center;}
#create_order .inner .information_area .l_box .form_area .flex .col {display: flex;height: 100%;align-items: center;margin: 0;}
#create_order .inner .information_area .l_box .form_area .flex .col .col_t {width: 16px;height: 16px;background-color:#cccaca;color: #FFF;line-height: 16px;font-size: 14px;text-align: center;margin-right: 0.3em;}
#create_order .inner .information_area .l_box .form_area .flex .col .num {font-size: 14px;font-weight: 500; color: #484848;}
#create_order .inner .information_area .l_box .form_area .flex .btn_area {}
#create_order .inner .information_area .l_box .form_area .col {margin: 0 0 0.4em 0;}
#create_order .inner .information_area .l_box .form_area .quo_name {display: flex;justify-content: space-between;align-items: center;margin: 0.5em 0;}
#create_order .inner .information_area .l_box .form_area .quo_name .t {width:64px; font-size: 14px;font-weight: 700; color: #666666;}
#create_order .inner .information_area .l_box .form_area .quo_name .n {width:calc(100% - 100px);font-size: 14px;font-weight: 700; color: #484848;border-bottom: solid 1px #cccccc;}
#create_order .inner .information_area .l_box .form_area .quo_name button.tooltip {  position: relative;   /* absolute の基準にする */
  overflow: visible;    /* はみ出すツールチップを隠さない（重要） */width: 32px;margin-left: 0.3em;}
#create_order .inner .information_area .l_box .form_area .col input {width: 100%;box-sizing: border-box; font-size: 14px;padding: 0.5em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;}
#create_order .inner .information_area .l_box .form_area .col2 {display: flex;margin: 0 0.3em 0.4em 0;}
#create_order .inner .information_area .l_box .form_area .col2 .col {width: auto;display: flex;white-space: nowrap;justify-content: flex-start;align-items: center;margin-right: 0.5em;}
#create_order .inner .information_area .l_box .form_area .col2 .col.w30 {width: 30%;}
#create_order .inner .information_area .l_box .form_area .col2 .col.w70 {width: 70%;}
#create_order .inner .information_area .l_box .form_area .col2 .col select {padding: 0.5em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;font-size: 14px;width: auto;}
#create_order .inner .information_area .l_box .form_area .col2 .col input[ name="remark" ] {width: 100%;}
#create_order .inner .information_area .l_box .form_area .col2 .col .t {font-size: 14px;font-weight: 700;color: #666666;margin-right: 0.3em;}
#create_order .inner .information_area .l_box .form_area .col2 .col .txts {font-size: 12px;}
#create_order .inner .information_area .l_box .form_area .col span {font-size: 14px;font-weight: 700;color: #666666;width: 80px !important}


#create_order .inner .information_area .r_box {width: 360px;}
#create_order .inner .information_area .r_box .tb {}
#create_order .inner .information_area .r_box .tb .tr.col2 {display: flex;justify-content: space-between;align-items: center;line-height: 1.875em;margin-bottom: 0.5em;}
#create_order .inner .information_area .r_box .tb .tr.col2 .col {width: auto; display: flex;justify-content: flex-start;align-items: center;}
#create_order .inner .information_area .r_box .tb .tr.col2 .col .th {margin-right: 0.4em;font-size: 12px;font-weight: 500;}
#create_order .inner .information_area .r_box .tb .tr.col2 .col .td {font-size: 14px;font-weight: 700;}
#create_order .inner .information_area .r_box .form_area {width: 100%;background-color: #FFF;border-radius: 10px;box-sizing: border-box;padding: 16px;filter: drop-shadow(0 0 4px rgba(0,0,0,0.4));margin-bottom: 0.5em;}
#create_order .inner .information_area .r_box .form_area .col {margin-bottom: 0.5em;}
#create_order .inner .information_area .r_box .form_area .col input {width: 100%;box-sizing: border-box; font-size: 14px;color: #a5a5a5;padding: 0.5em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;}
#create_order .inner .information_area .r_box .form_area .flex {display: flex;justify-content: flex-start;align-items: center;}
#create_order .inner .information_area .r_box .form_area .flex .col {display: flex;height: 100%;align-items: center;margin: 0 1.5em 0.5em 0;}
#create_order .inner .information_area .r_box .form_area .flex .col .col_t {width: 16px;height: 16px;background-color:#cccaca;color: #FFF;line-height: 16px;font-size: 14px;text-align: center;margin-right: 0.3em;}
#create_order .inner .information_area .r_box .form_area .flex .col .num {font-size: 14px;font-weight: 500; color: #484848;}
#create_order .inner .information_area .r_box .form_area .col2 {display: flex;justify-content: space-between;}
#create_order .inner .information_area .r_box .form_area .col2 .col:first-child {width: 30%;}
#create_order .inner .information_area .r_box .form_area .col2 .col:nth-child(2) {width: 65%;display: flex;align-items: center;}
#create_order .inner .information_area .r_box .form_area .col2 .col span {font-size: 14px;font-weight: 700; color: #666666;}
#create_order .inner .information_area .r_box .form_area .col2 .col input[type="text"] {width: 100%}
#create_order .inner .information_area .r_box .form_area .col2 .col input[type="date"] {width: 60%}
#create_order .inner .information_area .r_box .total_amount {width: 100%;text-align: right;font-size: 27px;font-weight: 700; color: #e8410b;}
#create_order .inner .information_area .r_box .total_amount .n {font-size: 14px;font-weight: 700; color: #666666;}
#create_order .inner .information_area .r_box .total_amount .yen {font-size: 16px;font-weight: 700; color: #666666;}
#create_order .inner .information_area .r_box .total_amount input{box-sizing: border-box;font-size: 14px;color: #a5a5a5;padding: 0.5em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;}

#create_order .list_area {}
#create_order .list_area {position: relative;padding: 0;}
#create_order .list_area .tb {position: relative;height:auto; overflow: auto;transition: all 0.5s;}
#create_order .list_area .tb.th .tr {background-color: #0a487a;margin-bottom: 0;}
#create_order .list_area .tb.th .tr:last-child {background-color: #0a487a;margin-bottom: 0;}
#create_order .list_area .tb .tr {display: flex;justify-content: flex-start;align-items: center; width: 100%;height: 56px;box-sizing: border-box;border-bottom: solid 1px #c9dce5;padding: 0 48px 0 24px;position: relative;}
#create_order .list_area .tb .tr:nth-child(2n){background-color: #FFF;}
#create_order .list_area .tb .tr:nth-child(2n-1){background-color: #f4f4f4;}
#create_order .list_area .tb.fixed {height: 40px;}
#create_order .list_area .tb.fixed .tr {position: absolute;left: 0;top:0;height: 40px;background-color: #0a487a;}

#create_order .list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;margin-right: 1%}
#create_order .list_area .tb .tr .th:nth-child(1) {width: 25%;}
#create_order .list_area .tb .tr .th:nth-child(2) {width: 5%;}
#create_order .list_area .tb .tr .th:nth-child(3) {width: 5%;}
#create_order .list_area .tb .tr .th:nth-child(4) {width: 10%;}
#create_order .list_area .tb .tr .th:nth-child(5) {width: 10%;}
#create_order .list_area .tb .tr .th:nth-child(6) {width: 30%;}
#create_order .list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;margin-right: 1%}
#create_order .list_area .tb .tr .td:nth-child(1) {width: 25%;}
#create_order .list_area .tb .tr .td:nth-child(2) {width: 5%;}
#create_order .list_area .tb .tr .td:nth-child(3) {width: 5%;}
#create_order .list_area .tb .tr .td:nth-child(4) {width: 10%;}
#create_order .list_area .tb .tr .td:nth-child(5) {width: 10%;}
#create_order .list_area .tb .tr .td:nth-child(6) {width: 30%;}
.list_area .tb .tr .td input {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
.list_area .tb .tr .td select {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;}
#create_order .list_area .tb .tr .batsu {position: absolute;top:50%;right: 0;}
#create_order .list_area .tb .tr .batsu::before, #create_order .list_area .tb .tr .batsu::after { /* 共通設定 */content: "";position: absolute;top: 50%;right: 20px;width: 3px; /* 棒の幅（太さ） */height: 16px; /* 棒の高さ */background: #e5e5e5;}
#create_order .list_area .tb .tr:last-child .batsu::before, #create_order .list_area .tb .tr:last-child .batsu::after {background: #e8410b;}
#create_order .list_area .tb .tr .batsu::before {transform: translate(-50%,-50%) rotate(45deg);} 
#create_order .list_area .tb .tr .batsu::after {transform: translate(-50%,-50%) rotate(-45deg);}

#create_order .list_area .tb .tr .btn_add {position: absolute;top:75%;right: 10px;width: 24px;height: 24px;border-radius: 12px;background-color:#e5e5e5;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);z-index: 50; }
#create_order .list_area .tb .tr:last-child {margin-bottom: 24px;}
#create_order .list_area .tb .tr:last-child .btn_add {background-color:#3366cc; }
#create_order .list_area .tb .tr .btn_add::before, #create_order .list_area .tb .tr .btn_add::after { /* 共通設定 */content: "";position: absolute;top: 50%;right: 10px;width: 2px; /* 棒の幅（太さ） */height: 10px; /* 棒の高さ */background: #FFF;}
#create_order .list_area .tb .tr .btn_add::before {transform: translate(-50%,-50%) rotate(90deg);} 
.btn_batsu {width: 34px;height: 30px;border-radius: 20px;background-color:#e8410b;color: #FFF;font-size: 18px;font-weight: 700;display: flex;justify-content: center;align-items: center;cursor: pointer;}



/*　発注予約/処理
---------------------------------------------------------------------------------------- */

#contents .list_area.order_reservation .tb {height: calc(100vh - 200px);overflow: auto;position: relative;}
#contents .list_area.order_reservation .tb .sc_area .tr:first-child {background-color: #f4f4f4;}
#contents .list_area .search_box .search-form-7 {width: 100%;height: 40px;box-sizing: border-box;border: solid 1px #cccccc;background-color: #FFF;display: flex;justify-content: space-between;align-items: center;padding-right:80px;position: relative;}
#contents .list_area .search_box .search-form-7 label {box-sizing: border-box; width: calc(100% / 7);font-size: 14px;}
#contents .list_area .search_box .search-form-7 label input {border: none;padding: 0.5em;}
#contents .list_area .search_box .search-form-7 button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}
#contents .list_area.order_reservation .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(1) {width: 9%;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(2) {width: 11%;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(3) {width: 25%;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(4) {width: 25%;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(5) {width: 10%;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(6) {width: 10%;}
#contents .list_area.order_reservation .tb .tr .th:nth-child(7) {width: 10%;}
#contents .list_area.order_reservation .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(1) {width: 9%;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(2) {width: 11%;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(3) {width: 25%;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(4) {width: 25%;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(5) {width: 10%;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(6) {width: 10%;}
#contents .list_area.order_reservation .tb .tr .td:nth-child(7) {width: 10%;}

.supplier_registration {}
.supplier_registration .inner {width: 100%;box-sizing: border-box;padding: 15px 92px 15px 24px;background-color: #f2f2f2;position: absolute;top: 0;}
.supplier_registration .inner .information_area {}
.supplier_registration .inner .information_area .flex {display: flex;justify-content: flex-start;}
.supplier_registration .inner .information_area .flex .col {display: flex;justify-content: flex-start;margin-right: 2em;align-items: center;}
.supplier_registration .inner .information_area .flex .col .col_t {width: 16px;height: 16px;background-color: #cccaca;color: #FFF;line-height: 16px;font-size: 14px;text-align: center;margin-right: 0.3em;}
.supplier_registration .inner .information_area .flex .col .num {font-size: 14px;font-weight: 500;color: #484848;}
.supplier_registration .inner .information_area .quo_name {display: flex;justify-content: flex-start;}
.supplier_registration .inner .information_area .quo_name .t {width: 64px;font-size: 14px;font-weight: 700;color: #666666;}
.supplier_registration .inner .information_area .quo_name .n {width: calc(100% - 100px);font-size: 14px;font-weight: 700;color: #484848;}
#contents .supplier_registration.list_area {padding: 72px 0 0;}
#contents .supplier_registration.list_area .tb {width: 100%;overflow-x: hidden;height: calc(100vh - 152px);}
#create_order .list_area .tb .tr .btn_add::after {transform: translate(-50%,-50%) rotate(-180deg);}
#contents .list_area.supplier_registration .tb .tr {display: flex;justify-content: flex-start;flex-wrap: wrap;height: auto;min-height: 48px;line-height: 48px;}
#contents .list_area.supplier_registration .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#contents .list_area.supplier_registration .tb .tr.th {display: flex;justify-content: flex-start;}


/*　1003 大畑修正 */
#contents .list_area.supplier_registration .tb .tr:nth-child(2n-1) {background-color: #FFF;}
#contents .list_area.supplier_registration .tb .tr:nth-child(1) {background-color: #0a487a;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(1) {width: 48px;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(2) {width: 25%;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(3) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(4) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(5) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(6) {width: 11%;}
#contents .list_area.supplier_registration .tb .tr .th:nth-child(7) {width: 30%;}
#contents .list_area.supplier_registration .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
#contents .list_area.supplier_registration .tb .tr .td .btn_add_tr {width: 30px;margin: 0 auto;filter: drop-shadow(1px 2px 4px rgba(0, 0, 0, 0.5));cursor: pointer;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(1) {width: 48px;margin: 6.685px 0;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(2) {width: 25%;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(3) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(4) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(5) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(6) {width: 11%;}
#contents .list_area.supplier_registration .tb .tr .td:nth-child(7) {width: 30%;}
.supplier_area {width: 100%;position: relative; }
.supplier_area:before {content: '';position: absolute;width:calc(100% - 56px);height: 100%;left: 56px;top:0; background-color: #f4f4f4;}



#contents .list_area.supplier_registration .tb .tr .ad_tr {width: 100%;min-height: 48px;display: flex;justify-content: flex-start;align-items: center;box-sizing: border-box;padding-left: 64px;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .btn_add {width: 30px;height: 30px;border-radius: 20px;background-color:#3366cc;color: #FFF;font-size: 21px;font-weight: 700;display: flex;justify-content: center;align-items: center;cursor: pointer; }
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(1) {width: 40px;margin: 6.685px 0;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(2) {width: 20%;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(3) {width: 6%;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(4) {width: 20%;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(5) {width: 10%;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(6) {width: 13%;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(7) {width: 8%;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td:nth-child(8) {width: 45px;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .reserve {width: 30px;height: 30px;border-radius: 20px;background-color:#3366cc;color: #FFF;font-size: 16px;font-weight: 500;display: flex;justify-content: center;align-items: center;margin: 0 0.5em;cursor: pointer;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .btn_batsu {width: 30px;height: 30px;border-radius: 20px;background-color:#e8410b;color: #FFF;font-size: 18px;font-weight: 700;display: flex;justify-content: center;align-items: center;cursor: pointer;}
#contents .list_area.supplier_registration .tb .tr .ad_tr .td .order_number a {color: #3366cc;border-bottom: none;}


.order_processing_box {position: absolute;width: 500px; right: -460px;bottom: 0%;transform: translate(0, -50%);background-color: #FFF;box-sizing: border-box;padding: 0px;box-shadow: 0px 3px 4px rgba(0, 0, 0, 0.3);z-index: 200;transition: all 0.5s;}
.order_processing_box.box_open {right: 0px;}
.order_processing_box.active {right: 0px;}
.order_processing_box .processing_close {width: 48px;height: 40px;border-radius: 6px 6px 0 0; background-image: url("../img/ico_hattyu_ichiran.svg");background-size: 24px auto;background-position: center;background-repeat: no-repeat; position: absolute;left: 0;top:-40px;box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);display: block;cursor: pointer;background-color: #3366cc;}
.order_processing_box .processing_head {position: relative;z-index: 10; background-color: #3366cc;color: #FFF;box-sizing: border-box;font-size: 14px;font-weight: 700;padding: 8px 16px;}
.order_processing_box .in {box-sizing: border-box;padding: 8px 16px;}
.order_processing_box .in ul {padding: 0;}
.order_processing_box .in ul li {padding: 8px 0;border-bottom: solid 1px #eee;}
.order_processing_box .in ul li:last-child {border-bottom: none;}
.order_processing_box .in ul li a {line-height: 1.6;font-size: 14px;padding: 5px 8px;}
.order_processing_box .in ul li a:hover {color: #000;background-color: #e7eef2;border-radius: 50px;}



/*　発注一覧
---------------------------------------------------------------------------------------- */

#contents .list_area.order_list_area .tb {height: calc(100vh - 200px);overflow: auto;position: relative;padding: 0;}
#contents .list_area .search_box .search-form-7 {width: 100%;height: 40px;box-sizing: border-box;border: solid 1px #cccccc;background-color: #FFF;display: flex;justify-content: space-between;align-items: center;padding-right:80px;position: relative;}
#contents .list_area .search_box .search-form-7 label {box-sizing: border-box; width: calc(100% / 7);font-size: 14px;}
#contents .list_area .search_box .search-form-7 label input {border: none;padding: 0.5em;}
#contents .list_area .search_box .search-form-7 button {position: absolute;width: 64px;height: 40px;background-color: #e8410b;color: #FFF; right: -1px;top:-1px;}
#contents .list_area.order_list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
#contents .list_area.order_list_area .tb .tr .th:nth-child(1) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(2) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(3) {width: 7%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(4) {width: 20%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(5) {width: 20%;}/* 19 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(6) {width: 10%;}/* 19 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(7) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .th:nth-child(8) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
#contents .list_area.order_list_area .tb .tr .td:nth-child(1) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(2) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(3) {width: 7%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(4) {width: 20%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(5) {width: 20%;}/* 19 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(6) {width: 10%;}/* 19 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(7) {width: 10%;}/* 10 */
#contents .list_area.order_list_area .tb .tr .td:nth-child(8) {width: 10%;display: flex;justify-content: center;}/* 10 */



/*　請求一覧
---------------------------------------------------------------------------------------- */

.charged_list #contents .list_area.quotation_list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(1) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(2) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(3) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(4) {width: 25%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(5) {width: 25%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(6) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .th:nth-child(7) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a {display: flex;width: 100%;border: none;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 25%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 25%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 10%;}
.charged_list #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 10%;}


/*　請求処理
---------------------------------------------------------------------------------------- */
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(1) {width: 5%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(2) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(3) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(4) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(5) {width: 20%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(6) {width: 20%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(7) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr.th .th:nth-child(8) {width: 10%;}

.quotation_list #contents .list_area.quotation_list_area .charge_list .tr .td:nth-child(1) {width: 5%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a {width: 95%;display: flex;justify-content: space-between;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(1) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(2) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(3) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(4) {width: 20%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(5) {width: 20%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(6) {width: 10%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list .tr a .td:nth-child(7) {width: 10%;}


/*　請求処理（個々）
---------------------------------------------------------------------------------------- */
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(1) {width: 30%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(2) {width: 20%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(3) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(4) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(5) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(6) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(7) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr.th .th:nth-child(8) {width: 7%;}

.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(1) {width: 30%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(2) {width: 20%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(3) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(4) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(5) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(6) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(7) {width: 7%;}
.quotation_list #contents .list_area.quotation_list_area .charge_list_koko .tr .td:nth-child(8) {width: 7%;}


/*　ユーザーマスタ
---------------------------------------------------------------------------------------- */
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(1) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(2) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(3) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(4) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(5) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(6) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr.th .th:nth-child(7) {width: 11%;}

#contents #user_list_area.list_area.quotation_list_area .tb .tr a {width: 100%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 11%;}
#contents #user_list_area.list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 11%;}


/*　顧客マスタ
---------------------------------------------------------------------------------------- */
#customer_registration_area {padding: 32px 0 0 32px;font-size: 14px;}
#customer_registration_area .inner {width: 1080px;box-sizing: border-box;padding: 24px;border-radius: 16px;background-color: #FFF;filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));}
#customer_registration_area .inner .tr {display: flex;justify-content: space-between;margin-bottom: 8px;}
#customer_registration_area .inner .tr.start {justify-content: flex-start;}
#customer_registration_area .inner .tr .one_col {width: 96%;display: flex;justify-content: flex-start;align-items: center;}
#customer_registration_area .inner .tr .l_col {width: 48%;display: flex;justify-content: flex-start;align-items: center;}
#customer_registration_area .inner .tr .r_col {width: 48%;display: flex;justify-content: flex-start;align-items: center;}
#customer_registration_area .inner .tr .col {display: flex;justify-content: flex-start;align-items: center;}
#customer_registration_area .inner .tr .th {}
#customer_registration_area .inner .tr .td input {width: 100%;}
#customer_registration_area .inner input {padding: 0.594em;border-radius: 8px;border-color: #cccccc;background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));-webkit-appearance: none;font-size: 14px;}
#customer_registration_area .inner label {display: inline-flex;align-items: center;margin-left: 1.0em;margin-right: 1.0em;font-size: 14px;color: #484848;cursor: pointer;writing-mode: horizontal-tb !important;-webkit-writing-mode: horizontal-tb !important;flex-direction: row !important;}
.radio_text{display: inline-block;writing-mode: horizontal-tb !important;-webkit-writing-mode: horizontal-tb !important;text-orientation: mixed !important;white-space: nowrap;}
#customer_registration_area .inner input[type="radio"] {width: 100%;box-sizing: border-box;font-size: 15px;color: #a5a5a5;padding: 0.5em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;height: auto;cursor: pointer;-webkit-appearance: radio;-moz-appearance: radio;flex-shrink: 0;}



/*　商品マスタ
---------------------------------------------------------------------------------------- */
.product_master {}
#product_master_info {padding: 32px 0 0 32px;font-size: 14px;box-sizing: border-box;display: flex;justify-content: flex-start;}
#product_master_info .product_master_area {border-radius: 16px;box-sizing: border-box;padding: 16px;background-color: #FFF;filter: drop-shadow(0 0 4px rgba(0, 0, 0, 0.4));width: 900px;display: flex;justify-content: space-between;}
#product_master_info .product_master_area .l_box {width: 70%}
#product_master_info .product_master_area .l_box .tr {display: flex;justify-content: flex-start;margin-bottom: 8px;}
#product_master_info .product_master_area .l_box .tr .th {width: 20%;}
#product_master_info .product_master_area .l_box .tr .td {width: 80%;}
.td.tax_radio {display: flex;}
#product_master_info .product_master_area .l_box .tr .td input {width: 100%;box-sizing: border-box; padding: 0.594em;border-radius: 8px;border-color: #cccccc;background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));-webkit-appearance: none;font-size: 14px;}
#product_master_info .product_master_area .l_box .tr .td select {padding: 0.344em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;font-size: 14px;}
#product_master_info .product_master_area input {width: 100%;box-sizing: border-box; padding: 0.375em;border-radius: 8px;border: solid 1px #CCC;background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));-webkit-appearance: none;font-size: 14px;}

#product_master_info .product_master_area .l_box .tr .td input { padding: 0.375em;border-radius: 10px;border: solid 1px #CCC;background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));-webkit-appearance: none;font-size: 14px;}
#product_master_info .product_master_area .l_box .tr .td label {display: inline-flex;align-items: center;margin-left: 0em;margin-right: 1.0em;font-size: 14px;color: #484848;cursor: pointer;writing-mode: horizontal-tb !important;-webkit-writing-mode: horizontal-tb !important;flex-direction: row !important;}
#product_master_info .product_master_area .l_box .tr .td input[type="radio"] {width: 20px;box-sizing: border-box;font-size: 15px;color: #a5a5a5;padding: 0.5em;border-radius: 10px;background-color: #FFF;border: solid 1px #CCC;height: auto;cursor: pointer;-webkit-appearance: radio;-moz-appearance: radio;flex-shrink: 0;}
#product_master_info .product_master_area .l_box .tr .col.w50 {width: 50%;display: flex;justify-content: flex-start;align-items: center;}
#product_master_info .product_master_area .l_box .tr .col.w50 .th {width: 50%;}
#product_master_info .product_master_area .l_box .tr .col.w50 .td {width: 70%;}
#product_master_info .product_master_area .l_box .tr .col.w50p {width: 50%;display: flex;justify-content: flex-start;align-items: center;}
#product_master_info .product_master_area .l_box .tr .col.w50p .th {width: 45%;}
#product_master_info .product_master_area .l_box .tr .col.w50p .td {width: 55%;}
#product_master_info .product_master_area .l_box .tr .col.w45 {width: 45%;margin-right: 5%; display: flex;justify-content: flex-start;align-items: center;}
#product_master_info .product_master_area .l_box .tr .col.w45 .th {width: 70%;}
#product_master_info .product_master_area .l_box .tr .col.w45 .td {width: 45%;}
#product_master_info .product_master_area .l_box .tr .col.w25{width: 25%;display: flex;justify-content: flex-start;align-items: center;}
#product_master_info .product_master_area .l_box .tr .col.w25 .th {width: 50%; white-space: nowrap;}
#product_master_info .product_master_area .l_box .tr .col.w25 .td {width: 30%;white-space: nowrap;}

#product_master_info .product_master_area .r_box {width: 27%;}
#product_master_info .product_master_area .r_box .tb {width: 100%;margin: 0;padding: 0;}
#product_master_info .product_master_area .r_box .tb .tr {width: 100%;margin: 0 0 8px;padding: 0;display: flex;justify-content: flex-start;align-items: center;}
#product_master_info .product_master_area .r_box .tb .tr .th {width: 50%;}
#product_master_info .product_master_area .r_box .tb .tr .td {width: 45%;display: flex;justify-content: flex-start;align-items: center;}
#product_master_info .product_master_area .r_box .tb .tr .td input {width: 100px; margin-right: 2%;}
#product_master_info .product_master_area .r_box .tb .tr.w60 {padding-left: 35%;box-sizing: border-box;}
.file_uploader_area {width: 300px;margin-left: 40px}
.file {width: 100%; display: flex;justify-content: space-between;align-items: center;margin-bottom: 8px}
.file__label {display: block;padding: 8px 16px;font-size: 14px;line-height: 1.5;text-align: center;width: min(100%, 100px);background: #FFF;color: #3366cc;border-radius: 4px;margin-inline: auto;cursor: pointer;    border: 1px solid #3366cc;transition: opacity 0.3s ease;}
.file__label:hover {opacity: 0.7;}
.file input[type=file] {display: none;}
.file__none {width: 150px;height: 40px;box-sizing: border-box; border:solid 1px #CCC;background: #FFF;padding: 8px;margin-bottom: 0;}
.tb.product_list {}
#contents .list_area .tb.product_list .tr.th {width: 100%;min-width: 1008px; display: flex;justify-content: flex-start;box-sizing: border-box;padding-left: 40px;}
#contents .list_area .tb.product_list .tr.th .th {margin-right: 8px;}
#contents .list_area .tb.product_list .tr.th .th:nth-child(1) {width: 20%}
#contents .list_area .tb.product_list .tr.th .th:nth-child(2) {width: 10%}
#contents .list_area .tb.product_list .tr.th .th:nth-child(3) {width: 5%}
#contents .list_area .tb.product_list .tr.th .th:nth-child(4) {width: 40%}
#contents .list_area .tb.product_list .tr {width: 100%;display: flex;justify-content: flex-start;box-sizing: border-box;padding-left: 40px;}
#contents .list_area .tb.product_list .tr .td {margin-right: 8px;}
#contents .list_area .tb.product_list .tr .td input {width: 100%;box-sizing: border-box; padding: 0.594em;border-radius: 8px;border-color: #cccccc;background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));-webkit-appearance: none;font-size: 14px;}
#contents .list_area .tb.product_list .tr .td:nth-child(1) {width: 20%}
#contents .list_area .tb.product_list .tr .td:nth-child(2) {width: 10%}
#contents .list_area .tb.product_list .tr .td:nth-child(3) {width: 5%}
#contents .list_area .tb.product_list .tr .td:nth-child(4) {width: 40%}
#contents .list_area .tb.product_list .tr .td:nth-child(5) {width: 30px}
#contents .list_area .tb.product_list .tr .td .delete{color: #fff;width: 30px;height: 30px;border-radius: 50%;background-color: red;}



/*　物件一覧
---------------------------------------------------------------------------------------- */
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(1) {width: 8%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(2) {width: 8%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(3) {width: 27%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(4) {width: 15%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(5) {width: 10%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(6) {width: 10%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(7) {width: 10%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(8) {width: 6%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(9) {width: 6%;}

.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 8%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 8%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 27%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 15%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 10%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 10%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 10%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(8) {width: 6%;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(9) {width: 6%;}

.flex {display: flex;align-items: baseline;}
.w100 {width: 100.0%}
.w80 {width: 8.0%}
.w129 {width: 12.9%}
.w130 {width: 13.0%}
.w145 {width: 14.5%}
.w153 {width: 15.3%}
.w192 {width: 19.2%}
.w200 {width: 20.0%}
.w260 {width: 26.0%}
.w300 {width: 30.0%}
.w324 {width: 32.4%}
.w350 {width: 35%}
.w410 {width: 41%}
.w440 {width: 44%}
.w450 {width: 45%}
.w500 {width: 50%}
.w600 {width: 60%}
.w700 {width: 70%}
.w920 {width: 92%}
.w960 {width: 96%}
.pl5 {padding-left: 5%;}




/*　商品マスタグループ商品の場合
---------------------------------------------------------------------------------------- */

.p_product_master #contents .list_area .tb {position: relative;height: calc(100vh - 500px);overflow: auto;transition: all 0.5s;}
.p_product_master #contents .list_area .tb .tr .th {font-size: 14px;font-weight: 700;color: #FFF;text-align: center;}
.p_product_master #contents .list_area .tb .tr .th:nth-child(1) {width: 27%;margin-left: 3%;}
.p_product_master #contents .list_area .tb .tr .th:nth-child(2) {width: 15%;}
.p_product_master #contents .list_area .tb .tr .th:nth-child(3) {width: 5%;}
.p_product_master #contents .list_area .tb .tr .th:nth-child(4) {width: 30%;}
.p_product_master #contents .list_area .tb .tr .th:nth-child(5) {width: 10%;}
.p_product_master #contents .list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;}
.p_product_master #contents .list_area .tb .tr .td:nth-child(1) {width: 27%;margin-left: 3%;}
.p_product_master #contents .list_area .tb .tr .td:nth-child(2) {width: 15%;}
.p_product_master #contents .list_area .tb .tr .td:nth-child(3) {width: 5%;}
.p_product_master #contents .list_area .tb .tr .td:nth-child(4) {width: 30%;}
.p_product_master #contents .list_area .tb .tr .td:nth-child(5) {width: 10%;}
.p_product_master #contents .list_area .tb .tr .td input {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;width: 96%;}
.p_product_master #contents .list_area .tb .tr .td select {padding: 0.594em;border-radius: 10px;background-color: #FFF;border:solid 1px #CCC;width: 96%;}


/*　×削除ボタン-- */
.p_product_master #contents .delete_row {
    background: #e8410b;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 50%;
}

/* contents > sbj
-------------------------------------------------------------------- */
#contents .sbj {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
	height: 40px;
	background: #009944;
	text-align: left;
}

#contents .pnv_bottom {
	height: 40px;
	background: #FFF;
}

#contents .sbj h2 {
	float: left;
	font-size: 0;
	line-height: 0;
}

#contents .sbj h3 {
	float: right;
	color: #FFF;
	font-size: 16px;
	line-height: 40px;
	font-weight: bold;
	text-align: center;
}

#contents .sbj ul,
#contents .pnv_bottom ul {
	float: right;
	padding: 7px 9px 7px 0;
}

#contents .sbj ul li,
#contents .pnv_bottom ul li {
	float: left;
	padding: 0 0 0 6px;
	cursor: pointer;
}

#contents .sbj ul li.pnv_nweek,
#contents .pnv_bottom ul li.pnv_nweek {background: url(../img/pnv_nweek_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_lweek,
#contents .pnv_bottom ul li.pnv_lweek {background: url(../img/pnv_lweek_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_front,
#contents .pnv_bottom ul li.pnv_front {background: url(../img/pnv_front_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_rear,
#contents .pnv_bottom ul li.pnv_rear {background: url(../img/pnv_rear_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_prev,
#contents .pnv_bottom ul li.pnv_prev {background: url(../img/pnv_prev_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_next,
#contents .pnv_bottom ul li.pnv_next {background: url(../img/pnv_next_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_lmonth,
#contents .pnv_bottom ul li.pnv_lmonth {background: url(../img/pnv_lmonth_hvr.png) no-repeat right;}

#contents .sbj ul li.pnv_nmonth,
#contents .pnv_bottom ul li.pnv_nmonth {background: url(../img/pnv_nmonth_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_delete,
#contents .pnv_bottom ul li.btn_delete {background: url(../img/btn_delete_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_renew,
#contents .pnv_bottom ul li.btn_renew {background: url(../img/btn_renew_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_schedule,
#contents .pnv_bottom ul li.btn_schedule {background: url(../img/btn_schedule_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_print,
#contents .pnv_bottom ul li.btn_print {background: url(../img/btn_print_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_ichiran_print,
#contents .pnv_bottom ul li.btn_ichiran_print {background: url(../img/btn_ichiran_print_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_print02,
#contents .pnv_bottom ul li.btn_print02 {background: url(../img/btn_print02_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_print03,
#contents .pnv_bottom ul li.btn_print03 {
	width: 90px;
	height: 26px;
	background: url(../img/btn_print_hvr.png) no-repeat right;
}

#contents .sbj ul li.btn_print03 button,
#contents .pnv_bottom ul li.btn_print03 button {
	width: 90px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url(../img/btn_print.png) no-repeat right;
	text-indent: -9999px;
	cursor: pointer;
}

#contents .sbj ul li.btn_master,
#contents .pnv_bottom ul li.btn_master {background: url(../img/btn_master_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_orderto,
#contents .pnv_bottom ul li.btn_orderto {background: url(../img/btn_orderto_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_orderto_chk,
#contents .pnv_bottom ul li.btn_orderto_chk {background: url(../img/btn_orderto_chk_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_decide,
#contents .pnv_bottom ul li.btn_decide {background: url(../img/btn_decide_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_decide_delete,
#contents .pnv_bottom ul li.btn_decide_delete {background: url(../img/btn_decide_delete_hvr.png) no-repeat right;}
/*
#contents .sbj ul li.btn_back,
#contents .pnv_bottom ul li.btn_back {background: url(../img/btn_back_hvr.png) no-repeat right;}
 */
#contents .sbj ul li.btn_estimate,
#contents .pnv_bottom ul li.btn_estimate {background: url(../img/btn_estimate_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_estimate_chk,
#contents .pnv_bottom ul li.btn_estimate_chk {background: url(../img/btn_estimate_chk_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_new,
#contents .pnv_bottom ul li.btn_new {background: url(../img/btn_new_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_property,
#contents .pnv_bottom ul li.btn_property {background: url(../img/btn_property_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_close,
#contents .pnv_bottom ul li.btn_close {background: url(../img/btn_close_hvr.png) no-repeat right;}

#contents .sbj ul li.btn_order_process,
#contents .pnv_bottom ul li.btn_order_process {
	width: 90px;
	height: 26px;
	background: url(../img/btn_order_process_hvr.png) no-repeat right top;
}

#contents .sbj ul li.btn_order_process button,
#contents .pnv_bottom ul li.btn_order_process button {
	width: 90px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 0;
	line-height: 0;
	background: url(../img/btn_order_process.png) no-repeat right top;
}

#contents .sbj ul li.txt,
#contents .pnv_bottom ul li.txt {
	color: #FFF;
	font-size: 14px;
	line-height: 22px;
}

#contents .sbj ul li.txt p,
#contents .pnv_bottom ul li.txt p {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background: #FFFF00;
	border: 1px solid #CDCDCD;
	color: #000;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

#contents .sbj ul li.txt a,
#contents .pnv_bottom ul li.txt a {
	float: left;
	width: 20px;
	height: 20px;
	margin: 0 2px;
	background: #FEFCF6;
	border: 1px solid #CDCDCD;
	color: #000;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
}

#contents .sbj ul li.btn_renew button,
#contents .pnv_bottom ul li.btn_renew button {
	width: 110px;
	height: 26px;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	background: url(../img/btn_renew.png) no-repeat right;
	text-indent: -9999px;
	cursor: pointer;
}

/* カーソルを重ねる要素 */
.tooltip {
  position: relative; /* ツールチップの位置の基準に */
  cursor: pointer; /* カーソルを当てたときにポインターに */	
filter: drop-shadow(1px 2px 4px rgba(0,0,0,0.5));
	z-index: 11;
}
.tooltip:hover img {opacity: 0.7;}

/* ツールチップのテキスト */
.tooltip-text {
opacity: 0; /* はじめは隠しておく */
visibility: hidden; /* はじめは隠しておく */
position: absolute; /* 絶対配置 */
left: 50%; /* 親に対して中央配置 */
transform: translateX(-50%); /* 親に対して中央配置 */
bottom: -35px; /* 親要素下からの位置 */
display: inline-block;
padding: 5px 8px; /* 余白 */
white-space: nowrap; /* テキストを折り返さない */
font-size: 0.8rem; /* フォントサイズ */
line-height: 1.3; /* 行間 */
background: #0a4d89; /* 背景色 */
color: #fff; /* 文字色 */
border-radius: 3px; /* 角丸 */
transition: 0.3s ease-in; /* アニメーション */
box-shadow: 1px 2px 10px 0px rgba(0,0,0,0.5);
	z-index: 11;
}
.tooltip-text:before {
	content: "";
    position: absolute;
    width: 0;
    height: 0;
    top: -8px;
    left: calc(50% - 12px);
    border-style: solid;
    border-top: 0;
    border-bottom: 16px solid #0a4d89;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    transition: all 0.3s;}
/* ホバー時にツールチップの非表示を解除 */
.tooltip:hover .tooltip-text {
  opacity: 1;
  visibility: visible;
}


/* モーダルウィンドウ */
.modal-window {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 800px;max-height: 456px;background-color: #f2f2f2;border-radius: 5px;z-index: 101;padding: 0;}
/* 閉じるボタン */
.button-close {position: absolute;top: 8px;right: 6px;width: 32px;padding: 0.1em;font-size: 40px;line-height: 24px;color: #666666;cursor: pointer;}
.overlay {display: none;position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.5);width: 100%;height: 100%;z-index: 15;}
.modal-window .in {}
.modal-window .in .tit {padding: 16px 24px 8px;font-size: 16px;color: #666666;}

.modal-window .in .search_box form {padding: 7px; box-sizing: border-box;border:solid 1px #cccccc;background-color: #FFF;position: relative;}
.modal-window .in .search_box form label {}
.modal-window .in .search_box form label input {border: none;}
.modal-window .in .search_box form label input::placeholder {color: #cccaca;}
.modal-window .in .search_box form button {background-color: #e8410b;color: #FFF;width: 60px;height: 40px;display: flex;justify-content: center;align-items: center;position: absolute;right: -1px;top:-1px;}

/* 20250812 畠山が追記 */
.modal-window .in .search_box {padding: 7px; box-sizing: border-box;background-color: #F2F2F2;position: relative;}
.modal-window .in .search_box label {}
.modal-window .in .search_box label input {border: 1px solid #CCC;padding: 0.5em;border-radius: 6px;}
.modal-window .in .search_box label input::placeholder {color: #cccaca;}
.modal-window .in .search_box button {background-color: #e8410b;color: #FFF;width: 60px;height: 40px;display: flex;justify-content: center;align-items: center;position: absolute;right: -1px;top:-1px;}
/* 20250812 畠山が追記 */

.modal-window .in .search_tb {width: 100%;}
.modal-window .in .search_tb .tr {width: 100%;height: 40px;box-sizing: border-box;padding: 0 40px; display: flex;justify-content: space-between;align-items: center;background-color: #FFF;}
.modal-window .in .search_tb .tr:nth-child(odd) {background-color: #f3f8f9;}
.modal-window .in .search_tb .tr.th {background-color: #0a487a;}
.modal-window .in .search_tb .tr .td {font-size: 14px;color:#666656; }
.modal-window .in .search_tb .tr .td:first-child {color:#484848;font-weight: 700; width: 18%;text-align: center;}
.modal-window .in .search_tb .tr.th .td {color: #FFF;text-align: center;}
.modal-window .in .search_tb .tr .td:nth-child(2) {width: 34%; }
.modal-window .in .search_tb .tr .td:nth-child(3) {width: 44%; }
.sc_area {overflow: auto;height:300px;}



/* モーダルウィンドウ(見積用) */
.create_quote .modal-window {display: none;position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 1080px;max-height: 456px;background-color: #f2f2f2;border-radius: 5px;z-index: 101;padding: 0;}
.create_quote .modal-window .in .search_tb .tr:nth-child(odd) {background-color: #f3f8f9;}
.create_quote .modal-window .in .search_tb .tr.th {background-color: #0a487a;}
.create_quote .modal-window .in .search_tb .tr {width: 100%;height: 40px;box-sizing: border-box;padding: 0 10px; display: flex;justify-content: space-between;align-items: center;background-color: #FFF;}
.create_quote .modal-window .in .search_tb .tr .td:first-child {color:#484848;font-weight: 700; width: 10%;text-align: center}
.create_quote .modal-window .in .search_tb .tr.th .td {color: #FFF;text-align: center;}
.create_quote .modal-window .in .search_tb .tr .td:nth-child(2) {width: 20%;white-space:normal!important;}
.create_quote .modal-window .in .search_tb .tr .td:nth-child(3) {width: 10%;text-align: left;white-space:normal!important;}
.create_quote .modal-window .in .search_tb .tr .td:nth-child(4) {width: 20%;white-space:normal!important;}
.create_quote .modal-window .in .search_tb .tr .td:nth-child(5) {width: 10%;text-align: left;white-space:normal!important;}
.create_quote .modal-window .in .search_tb .tr .td:nth-child(6) {width: 20%;}

.pagenation_area {width: 100%;height: 56px;box-sizing: border-box; padding: 0 32px;display: flex;background-color: rgba(255,255,255,1.00)}
.pagenation_area .pagenation {width: 65%;display: flex;justify-content: center;align-items: center;}
.pagenation_area .pagenation div {min-width: 24px;height: 24px;display: flex;justify-content: center;align-items: center;border: solid 1px #c9dce5;background-color: #FFF;font-size: 14px;margin: 0 2px;cursor: pointer}
.pagenation_area .pagenation .prev {background-color:#0b589c;border: none;color: #FFF;position: relative;}
.pagenation_area .pagenation .prev::before, .pagenation_area .pagenation .prev::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.pagenation_area .pagenation .prev::before{left: 8px;width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(225deg);transform: rotate(225deg);}
.pagenation_area .pagenation .current {background-color:#cccaca;color: #FFF;cursor: inherit}
.pagenation_area .pagenation .space {background-color:inherit;border: none;cursor: inherit}
.pagenation_area .pagenation .next {background-color:#0b589c;border: none;color: #FFF;position: relative;}
.pagenation_area .pagenation .next::before, .pagenation_area .pagenation .next::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.pagenation_area .pagenation .next::before{left: 4px;width: 8px;height: 8px;border-top: 2px solid #FFF;border-right: 2px solid #FFF;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.pagenation_area .number_rows {display: flex;justify-content: flex-end;align-items: center;}
.pagenation_area .number_rows label {font-size: 14px;margin-right: 1em;width: 50px;}
.pagenation_area .number_rows select {padding: 0.5em;border-radius: 5px;border-color:#cccccc;}
.pagenation_area .number_rows select option {}


/** 数字右寄せ　20251204
*******************************************************************************/
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td input{text-align: right;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td select {text-align: right;}
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(10) input,
#create_quote .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(11) input {text-align: left;}
.text-align-r {text-align: right;}
.quotation_list #contents .list_area.quotation_list_area .tb .tr .td.text-align-r {text-align: right;}
.charged_list #contents .list_area.quotation_list_area .tb .tr .td.text-align-r {text-align: right;}
.property_registration_ichiran #contents .list_area.quotation_list_area .tb .tr a .td.text-align-r {text-align: right;}


/* 20251214 大畑追記 */

/*　顧客一覧
---------------------------------------------------------------------------------------- */
.client_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(1) {width: 15%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(2) {width: 30%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(3) {width: 40%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(4) {width: 10%;margin-right: 5%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 10%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 30%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 40%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 10%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th {width: 95%;}
.client_ichiran #contents .list_area.quotation_list_area .tb .tr a {width: 95%;}




/*　商品一覧
---------------------------------------------------------------------------------------- */
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(1) {width: 15%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(2) {width: 25%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(3) {width: 20%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(4) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(5) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(6) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th:nth-child(7) {width: 10%;margin-right: 5%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(1) {width: 15%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(2) {width: 25%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(3) {width: 20%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(4) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(5) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(6) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a .td:nth-child(7) {width: 10%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr.th .th {width: 95%;}
.item_ichiran #contents .list_area.quotation_list_area .tb .tr a {width: 95%;}





/*　販売・破棄指示作成 画面
---------------------------------------------------------------------------------------- */

#create_quote #sale_discard_registration .list_area .tb .tr .th:nth-child(1) {width: 40%;}
#create_quote #sale_discard_registration .list_area .tb .tr .th:nth-child(2) {width: 20%;}
#create_quote #sale_discard_registration .list_area .tb .tr .th:nth-child(3) {width: 20%;}
#create_quote #sale_discard_registration .list_area .tb .tr .td {font-size: 14px;font-weight: 500;text-align: center;width: 5%;}
#create_quote #sale_discard_registration .list_area .tb .tr a .td:nth-child(1) {width: 40%;}
#create_quote #sale_discard_registration .list_area .tb .tr a .td:nth-child(2) {width: 40%;}
#create_quote #sale_discard_registration .list_area .b .tr a .td:nth-child(3) {width: 20%;}

#create_quote #sale_discard_registration .list_area .tb #sort .tr {justify-content: flex-start;padding-right: 80px;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .td.mode-switch-host {width: 0px;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block {width: calc(100% - 180px);position: relative;}
.td.mode-switch-host {}
.mode-block {}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block input.ui-autocomplete-input,
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block input:first-child {width: 40%;padding: 0.594em;border-radius: 10px;font-size: 14px;margin-right: 5px;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block .td {text-align: left;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block .td input{width: 96%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 input:first-child {width: 40%;padding: 0.594em;border-radius: 10px;font-size: 14px;margin-right: 5px;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td input {width: 96%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(2) {width: 20%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(3) {width: 20%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(4) {width: 20%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(5) {width: 0%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(6) {width: 0%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(7) {width: 0%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(8) {width: 0%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(9) {width: 0%;}
#create_quote #sale_discard_registration .list_area .tb #sort .tr .mode-block.mode-1 .td:nth-child(10) {width: 0%;}


/*　見積作成 画面
---------------------------------------------------------------------------------------- */
.cash_flow {min-width: 1080px;}
.cash_flow .inner { padding:32px 0 24px 48px;}
.cash_flow .inner .information_area {width: 1000px;box-sizing: border-box;display: flex;justify-content: flex-start;font-size: 14px;font-weight: 500;color: #484848;}
.cash_flow .inner .information_area .l_box {width: 70%;}
.cash_flow .inner .information_area .l_box .form_area {}
.cash_flow .inner .information_area .l_box .form_area .col1 {width: 100%;font-size: 14px;line-height: 1.86;}
.cash_flow .inner .information_area .l_box .form_area .col1 span {margin-right: 1.0em;}
.cash_flow .inner .information_area .l_box .form_area .col1 .td {display: inline-block;}
.cash_flow .inner .information_area .l_box .form_area .col2 {width: 100%; display: flex;flex-wrap: wrap; justify-content: flex-start;}
.cash_flow .inner .information_area .l_box .form_area .col2 .col {width: 48.5%; display: flex;justify-content: flex-start;align-items: center;flex: inherit;line-height: 2em;}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .th {width: auto;margin-right: 0.3em;}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .th span {display: flex;justify-content: center;align-items: center;color: #fff; background-color: #DDD;width: 16px;height: 16px;}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .td {font-size: 14px;font-weight: 500;color: #484848;padding: 0 0.5em;}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .td .input-with-button {}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .td .input-with-button input#estimates_id {}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .td .input-with-button button.search-icon-btn {}
.cash_flow .inner .information_area .l_box .form_area .col2 .col .td span {margin-right: 1em}
.cash_flow .inner .information_area .r_box {width: 25%;padding: 32px 0 0;}
.cash_flow .inner .information_area .r_box .in {}
.cash_flow .inner .information_area .r_box .in .col {display: flex;justify-content: space-between;border-bottom: solid 1px #DDD;line-height: 2em;}
.cash_flow .inner .information_area .r_box .in .col .th {}
.cash_flow .inner .information_area .r_box .in .col .td span {}
.cash_flow .inner .information_area .r_box .in .col .td span.red {font-size: 16px; color: red;}
.cash_flow .inner .information_area .r_box .in .col .td span.yen {}
.cash_flow .list_area {}

/*　発注予約から発注処理へ
---------------------------------------------------------------------------------------- */

/* サブ行（.supplier_area）はアニメ可能な初期非表示に */
.supplier_area{
  display:block;           /* アニメのため block を維持 */
  height:0;                /* 閉じた状態 */
  overflow:hidden;
  opacity:0;
}

/* 開いた状態フラグ（JSが付与／高さはJSでautoに戻す） */
.supplier_area._open{
  opacity:1;
}

/* アニメ中だけトランジションを有効化（JSが付与/除去） */
.supplier_area._animating{
  transition: height 240ms ease, opacity 240ms ease;
}
/* --- サブ行（.ad_tr）の追加・削除アニメ --- */
@keyframes adRowAdd {
  from { opacity: 0; transform: translateY(-6px); }
  to   { opacity: 1; transform: translateY(0);    }
}
@keyframes adRowRemove {
  from { opacity: 1; transform: translateY(0);    }
  to   { opacity: 0; transform: translateY(-6px); }
}
.ad_tr { will-change: opacity, transform; }
.ad_tr.anim-add    { animation: adRowAdd 220ms ease-out; }
.ad_tr.anim-remove { animation: adRowRemove 180ms ease-in forwards; }

/* autocomplete fix */
.ui-autocomplete {
  z-index: 9999 !important;
  background-color: #fff !important;
  border: 1px solid #ccc !important;
  opacity: 1 !important;
}


/*　入金確認
---------------------------------------------------------------------------------------- */
.payment_check .filter-form input {
    border: 1px solid #CCC;
    padding: 0.5em;
    border-radius: 6px;
}