body{
    font-family: "Mplus 1p";
}
input {
    padding:4px;
}

select {
    padding:4px 0px;
    height:29px;
}

.detail_table th,td{
    padding:4px !important;
    font-size:9pt;
}

.row {
    margin:0px;
}
.navbar-header {
    margin-left:0px !important;
}
.wrapper{
    padding-top: 200px;
}

.none{
    display: none;
}

.clear{
    clear:both;
}

.err{
    color:red;
}

div.attention{
    color:red;
    margin:0px;
    padding:10px 0px;
}

.lb{
    display:block;
    font-weight:normal;
    cursor:pointer;
}

.nblue{
    background-color:#ededed;
}

.ngrey{
    background-color:#cdcdcd;
}

.sat{
    background-color:#cde0ff;
}

.sun{
    background-color:#ffdfe0;
}

.go_status{
    color:red;
    font-size:20px;
    text-align:center;
    vertical-align:middle !important;
}

.user-action{
    width: 160px;
}

.norange{
    color:#000000;
    background-color:#efcea4;
}

.tc th,.tc td{
    text-align:center;
    vertical-align:middle !important;
}
.tr th,.tr td{
    text-align:right;
    vertical-align:middle !important;
}

td.bb{
    text-align:center;
    font-size:20px;
    font-weight:bold;
    vertical-align:middle !important;
}

td.ba{
    text-align:center;
    font-weight:bold;
}

th.tc,td.tc{
    text-align:center;
    vertical-align:middle !important;
}
th.tr,td.tr{
    text-align:right;
    vertical-align:middle !important;
}

.p10{
    padding:5px;
}

.w100{
    width: 100%;
}

.fl{
    float: left;
}

.fr{
    float: right;
}

.cspt{
    cursor: pointer;
}

.txr{
    text-align: right;
}

.txl{
    text-align: right;
}

.txc{
    text-align: center;
}

.ok {
    color: green;
}

.ng {
    color: red;
}

.complete{
    margin: 80px auto;
    color: #556B2F;
    font-weight: bold;
    font-size: 2em;
    text-align: center;
    width: 100%;
}

li.pg-page, li.pg-next ,li.pg-last ,li.pg-first ,li.pg-prev {
    margin:5px;
}

li.pg-number {
    border: solid 1px;
    margin:5px;
    padding: 5px;
}

ul.pager {
    width: 100%;
    margin: 20px;
    text-align: center;
}

ul.pager li {
    display: inline;
    margin: 5px;
}

li.pg-number {
    border: 1px solid;
    padding: 3px;
}
.pg-search {
    width:100%;
    padding:5px;
}
.pg-search-text {
    width:calc(100% - 190px);
    display:inline-block;
}
.pg-search-text-list {
    width:calc(100% - 110px);
    display:inline-block;
}
.pg-search-text input{
    width:100%;
}
.pg-search-text-list input{
    width:100%;
}
.pg-search-btn {
    width:180px;
    display:inline-block;
}
.pg-search-btn-list {
    width:100px;
    display:inline-block;
}
.pg-search-target span.kana {
    font-size:8px;
}
#s_find{
    display: none;
}

#modal{
    margin:10px;
    padding:10px;
}

#modal .line{
    border: solid 1px;
    padding:5px;
    margin:20px;
}

#modal .station{
    padding:5px;
}

#modal .condition{
    border: solid 1px;
    padding:5px;
    margin:20px;
}

#modal .attribute{
    padding:5px;
}

.map_display{
    display: none;
}
.memo-display{
    height:500px;
    border:1px solid;
}
.memo-tab{
    background-color:#fff;
    color:#466;
    height:25px;
    text-align:center;
    cursor: pointer;
}
.memo-tab:hover,.memo-tab-selected{
    background-color:#466;
    color:#fff;
    height:25px;
    text-align:center;
}
.memo-article-header{
    background-color:#466;
    color:#fff;
    height:50px;
    padding:13px;
}
.memo-article-header select{
    color:#333;
}
.memo-content {
    display: none;
}
.memo-ul {
  padding: 0;
  height: 450px;
  overflow-y: scroll;
  border: 1px solid #ccc
}
.memo-ul2 {
  padding: 0;
  overflow-y: none;
  border: 1px solid #ccc
}
.memo-li {
  list-style: none!important;
  padding: 4px
}

.memo-li:nth-child(even) {
  background: #fff;
}

.memo-li:nth-child(odd) {
  background: #eee;
}

#memo-editor{
    width:100%;
    height:450px;
}

#add_distance{
    padding:10px 0 0 10px;
    display:none;
}

.file-display{
    border:1px solid #909090;
}
.file-tab{
    background-color:#fff;
    color:#466;
    height:25px;
    text-align:center;
    cursor: pointer;
}
.file-tab:hover,.file-tab-selected{
    background-color:#466;
    color:#fff;
    height:25px;
    text-align:center;
}
.file-article-header{
    background-color:#466;
    color:#fff;
    height:50px;
    padding:13px;
}
.file-article-header select{
    color:#333;
}
.file-content {
    display: none;
}
.file-upload {
    margin: 30px 10px;
}


.dropdown-submenu {
    position: relative;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    -webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover>.dropdown-menu {
    display: block;
}

.dropdown-submenu>a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #ccc;
    margin-top: 5px;
    margin-right: -10px;
}

.dropdown-submenu:hover>a:after {
    border-left-color: #fff;
}

.dropdown-submenu.pull-left {
    float: none;
}

.dropdown-submenu.pull-left>.dropdown-menu {
    left: -100%;
    margin-left: 10px;
    -webkit-border-radius: 6px 0 6px 6px;
    -moz-border-radius: 6px 0 6px 6px;
    border-radius: 6px 0 6px 6px;
}

/** プロセス管理 **/
.proc_area{
    background: #f9f9f9;
}

.proc_head{
    background: #efefef;
    padding: 10px;
    margin-left: -15px;
    margin-right: -15px;
}
.proc_body{
    margin-top:10px;
    padding: 10px;
}

.proc_field{
    padding: 10px;
    display: none;
}

.pager_cnt_area{
    margin:5px;
    float:left;
}
.data_head_area{
    margin:5px;
    padding: 10px;
    font-size: 14pt;
}

.dlup_area{
    margin:5px;
    float:right;
    width:120px;
}

.dl_area{
    margin: 10px;
}

.up_area{
    margin: 10px;
}

.j_indent{
    margin-left:0px;
}

/** 一覧のセル幅
 *  w_(カラム名)
**/
.w_admin_id{
    min-width: 60px;
}
.w_process_status{
    min-width: 120px;
}
.w_user_name{
    min-width: 130px;
}
.w_tel{
    min-width: 180px;
}
.w_pref_cd{
    min-width: 80px;
}
.w_address{
    min-width: 250px;
}
.w_created_at{
    min-width: 150px;
}
.w_updated_at{
    min-width: 150px;
}
.w_facility_name{
    min-width: 350px;
}
.w_license_name{
    min-width: 100px;
}
.w_shokai{
    min-width: 80px;
}

.w_100px {
    min-width: 100px;
}
.w_200px {
    min-width: 200px;
}

.topic_header{
    clear:both;
    padding: 5px;
    margin:5px;
    font-weight:bold;
    font-size:12px;
    background-color:#f4fcea;
}

.topic_content{
    width:100%;
    font-size:13px;
    padding: 5px;
    margin:5px;
    display:flex;
    flex-wrap:wrap;
}
.topic_content div {
    min-width:120px;
}
.topic_content label {
    font-weight: normal;
}
.topic_content div.op-addition {
    margin-bottom: 10px;
    width: 100%;
    display:flex;
}
.topic_content div.op-addition:nth-child(2n+1) {
    background-color: #ffffef;
}
.topic_content div.op-head {
    padding-top:5px;
    width:25%;
}
.topic_content div.op-area {
    width:calc(75% - 10px);
}

.topic_content div.op-area > div{
    float:left;
    min-width:140px;
}

.indent{
    margin-left:20px;
}

.col-pl {
    padding: 0px;
}

.col-pr {
    padding: 0px;
}

.el-left {
    padding-left:0px;
    padding-right:0px;
}

.el-right {
    padding-right:0px;
    padding-left:0px;
}

.header-red {
    border-radius:5px 5px 0px 0px;
    background-color:#99290a;
    color:#fff;
}

.caution {
    color: blue;
}

.bg-gray {
    background: gray;
}
.bg-white {
    background: white;
}
.font-white {
    color: white;
}


.m-0 {
  margin: 0 !important;
}

.mt-0,
.my-0 {
  margin-top: 0 !important;
}

.mr-0,
.mx-0 {
  margin-right: 0 !important;
}

.mb-0,
.my-0 {
  margin-bottom: 0 !important;
}

.ml-0,
.mx-0 {
  margin-left: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.mt-1,
.my-1 {
  margin-top: 0.25rem !important;
}

.mr-1,
.mx-1 {
  margin-right: 0.25rem !important;
}

.mb-1,
.my-1 {
  margin-bottom: 0.25rem !important;
}

.ml-1,
.mx-1 {
  margin-left: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.mt-2,
.my-2 {
  margin-top: 0.5rem !important;
}

.mr-2,
.mx-2 {
  margin-right: 0.5rem !important;
}

.mb-2,
.my-2 {
  margin-bottom: 0.5rem !important;
}

.ml-2,
.mx-2 {
  margin-left: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.mt-3,
.my-3 {
  margin-top: 1rem !important;
}

.mr-3,
.mx-3 {
  margin-right: 1rem !important;
}

.mb-3,
.my-3 {
  margin-bottom: 1rem !important;
}

.ml-3,
.mx-3 {
  margin-left: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.mt-4,
.my-4 {
  margin-top: 1.5rem !important;
}

.mr-4,
.mx-4 {
  margin-right: 1.5rem !important;
}

.mb-4,
.my-4 {
  margin-bottom: 1.5rem !important;
}

.ml-4,
.mx-4 {
  margin-left: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.mt-5,
.my-5 {
  margin-top: 3rem !important;
}

.mr-5,
.mx-5 {
  margin-right: 3rem !important;
}

.mb-5,
.my-5 {
  margin-bottom: 3rem !important;
}

.ml-5,
.mx-5 {
  margin-left: 3rem !important;
}

.p-0 {
  padding: 0 !important;
}

.pt-0,
.py-0 {
  padding-top: 0 !important;
}

.pr-0,
.px-0 {
  padding-right: 0 !important;
}

.pb-0,
.py-0 {
  padding-bottom: 0 !important;
}

.pl-0,
.px-0 {
  padding-left: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.pt-1,
.py-1 {
  padding-top: 0.25rem !important;
}

.pr-1,
.px-1 {
  padding-right: 0.25rem !important;
}

.pb-1,
.py-1 {
  padding-bottom: 0.25rem !important;
}

.pl-1,
.px-1 {
  padding-left: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.pt-2,
.py-2 {
  padding-top: 0.5rem !important;
}

.pr-2,
.px-2 {
  padding-right: 0.5rem !important;
}

.pb-2,
.py-2 {
  padding-bottom: 0.5rem !important;
}

.pl-2,
.px-2 {
  padding-left: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.pt-3,
.py-3 {
  padding-top: 1rem !important;
}

.pr-3,
.px-3 {
  padding-right: 1rem !important;
}

.pb-3,
.py-3 {
  padding-bottom: 1rem !important;
}

.pl-3,
.px-3 {
  padding-left: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.pt-4,
.py-4 {
  padding-top: 1.5rem !important;
}

.pr-4,
.px-4 {
  padding-right: 1.5rem !important;
}

.pb-4,
.py-4 {
  padding-bottom: 1.5rem !important;
}

.pl-4,
.px-4 {
  padding-left: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.pt-5,
.py-5 {
  padding-top: 3rem !important;
}

.pr-5,
.px-5 {
  padding-right: 3rem !important;
}

.pb-5,
.py-5 {
  padding-bottom: 3rem !important;
}

.pl-5,
.px-5 {
  padding-left: 3rem !important;
}

.m-n1 {
  margin: -0.25rem !important;
}

.mt-n1,
.my-n1 {
  margin-top: -0.25rem !important;
}

.mr-n1,
.mx-n1 {
  margin-right: -0.25rem !important;
}

.mb-n1,
.my-n1 {
  margin-bottom: -0.25rem !important;
}

.ml-n1,
.mx-n1 {
  margin-left: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.mt-n2,
.my-n2 {
  margin-top: -0.5rem !important;
}

.mr-n2,
.mx-n2 {
  margin-right: -0.5rem !important;
}

.mb-n2,
.my-n2 {
  margin-bottom: -0.5rem !important;
}

.ml-n2,
.mx-n2 {
  margin-left: -0.5rem !important;
}

.m-n3 {
  margin: -1rem !important;
}

.mt-n3,
.my-n3 {
  margin-top: -1rem !important;
}

.mr-n3,
.mx-n3 {
  margin-right: -1rem !important;
}

.mb-n3,
.my-n3 {
  margin-bottom: -1rem !important;
}

.ml-n3,
.mx-n3 {
  margin-left: -1rem !important;
}

.m-n4 {
  margin: -1.5rem !important;
}

.mt-n4,
.my-n4 {
  margin-top: -1.5rem !important;
}

.mr-n4,
.mx-n4 {
  margin-right: -1.5rem !important;
}

.mb-n4,
.my-n4 {
  margin-bottom: -1.5rem !important;
}

.ml-n4,
.mx-n4 {
  margin-left: -1.5rem !important;
}

.m-n5 {
  margin: -3rem !important;
}

.mt-n5,
.my-n5 {
  margin-top: -3rem !important;
}

.mr-n5,
.mx-n5 {
  margin-right: -3rem !important;
}

.mb-n5,
.my-n5 {
  margin-bottom: -3rem !important;
}

.ml-n5,
.mx-n5 {
  margin-left: -3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mt-auto,
.my-auto {
  margin-top: auto !important;
}

.mr-auto,
.mx-auto {
  margin-right: auto !important;
}

.mb-auto,
.my-auto {
  margin-bottom: auto !important;
}

.ml-auto,
.mx-auto {
  margin-left: auto !important;
}

.w-25 {
  width: 25% !important;
}

.w-50 {
  width: 50% !important;
}

.w-75 {
  width: 75% !important;
}

.w-100 {
  width: 100% !important;
}

.w-auto {
  width: auto !important;
}

.h-25 {
  height: 25% !important;
}

.h-50 {
  height: 50% !important;
}

.h-75 {
  height: 75% !important;
}

.h-100 {
  height: 100% !important;
}

.h-auto {
  height: auto !important;
}

.mw-100 {
  max-width: 100% !important;
}

.mh-100 {
  max-height: 100% !important;
}

.min-vw-100 {
  min-width: 100vw !important;
}

.min-vw-14 {
  min-width: 14vw !important;
}

.min-vh-100 {
  min-height: 100vh !important;
}

.vw-100 {
  width: 100vw !important;
}

.vh-100 {
  height: 100vh !important;
}
.form-group {
  margin-bottom: 5px;
}

/** フォーム全般 **/
form table input.text{
    width:100%;
}
form table textarea{
    width:100%;
    height:100px;
}

hr{
    margin:7px;
}

/** ホームCSS **/
.paprica-btn-area {
    width:100%;
    margin:10px auto;
}
.paprica-btn-area div{
    display:inline-block;
    width:100%;
}
.paprica-btn-area div a.top{
    padding:30px 5px;
    margin:5px;
    width:calc(50% - 14px);
}
.paprica-btn-area div a.bottom{
    padding:20px 5px;
    margin:5px;
    width:calc(50% - 14px);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.paprica-flex {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}
.paprica-schedule tr th{
    width:14.2%;
    text-align:center;
    vertical-align:middle;
    background-color:#ededed;
}

.paprica-schedule tr td.sp-area{
    display:none;
}

.paprica-schedule tr.pc-area td{
    height:180px;
}

.paprica-schedule tr td a{
    display:block;
    text-decoration:none;
}

.paprica-schedule div.schedule-text{
    margin:5px 0px 10px;
    border:1px solid #999;
    background-color:#fff;
    border-radius:5px;
    cursor:pointer;
}
.paprica-schedule div.schedule-text p{
    font-size:14px;
    font-weight:bold;
    background-color:#a2cad6;
    padding:3px;
    border-radius:5px 5px 0px 0px;
}
.paprica-schedule div.schedule-text div{
    font-size:11px;
    padding:0px 3px 10px;
}

div.paprica-combo{
    display:inline-block;
    margin:5px 0px;
}

/** 一覧CSS **/
h4 {
    margin-bottom:20px;
}
#searchExtension{
    margin-bottom:30px;
}
#searchField{
    clear:both;
    margin:10px;
}
#toggleBox .search-left{
    float:left;
    margin:10px;
}
#toggleBox .search-middle{
    float:left;
    padding-top:25px;
    text-align:center;
    font-size: 20pt;
    color:navy;
}
#toggleBox .search-middle div.item{
    margin-bottom:5px;
    width:80px;
    cursor:pointer;
}
#toggleBox .search-right{
    float:left;
    margin:10px;
}
#searchPanel {
    margin:20px 10px;
}

#pagerNavi{
    text-align:center;
    margin:10px;
}

/** input CSS **/
#submit_area {
    margin:30px auto;
}
#submit_area .back{
    display:inline-block;
    margin:5px;
    padding:10px 18px;
}
#submit_area .conf{
    display:inline-block;
    margin:5px;
    padding:10px 18px;
}
#submit_area .regist{
    display:inline-block;
    margin:5px;
    padding:10px 18px;
}
#submit_area .anti{
    display:inline-block;
    margin:5px;
}
#submit_area .reset{
    display:inline-block;
    margin:5px;
    padding:10px 8px;
}
#submit_area .search{
    display:inline-block;
    margin:5px;
    padding:10px 15px;
}

.add_admin_area {
    margin-bottom:5px;
}

.add_memo_admin:hover {
    text-decoration: none;
}

.remove_memo_admin:hover {
    text-decoration: none;
}

/** contract **/
.contract_exist{
    background-color:#6666FF;
    color:#ffffff;
    text-align:center;
    vertical-align:middle !important;
}
.no_order_exist{
    background-color:#FF6666;
    color:#ffffff;
    text-align:center;
    vertical-align:middle !important;
}

.err_zip,.err_tel{
    color:red;
}

.time_disp {
    font-size: 11px;
}

.top_link {
    display:block;
    text-decoration:none;
    color:#222222;
    padding:15px;
    margin:-4px;
    font-size:14px;
    background-color:#edeefa;
}

.top_link:hover {
    text-decoration:none;
    color:black;
    background-color: #eddac3;
    transition: background-color 0.1s linear; /* 追加 */
}

.signal_blue {
    background-color: #dceeff;
    font-weight: bold;
    color: green;
}

.signal_green {
    background-color: #e5ffeb;
}

.signal_yellow {
    background-color: #faffdc;
}

.signal_orange {
    background-color: #ffe6c5;
}

.signal_red {
    background-color: #ffe9ec;
    color:red;
}

.header-estimate {
    background-color:#d2691e;
    color:#ffffff;
    font-weight:bold;
}

.header-claim {
    background-color:#000080;
    color:#ffffff;
    font-weight:bold;
}

.header-receipt {
    background-color:#5da233;
    color:#ffffff;
    font-weight:bold;
}

.title-area {
    font-size:15px;
    font-weight:bold;
    margin :5px 0px 15px;
}

.important{
    color: #b22222;
    font-weight: bold;
}

.talk_area {
    font-size:14px;
}

.talk_head {
    font-size:16px;
    margin-top:25px;
    background-color: #efe4d8;
    padding:10px 15px;
    font-weight: bold;
}

.talk_body {
    background-color: #fefefd;
    padding:20px 10px;
}

.talk_pattern_head {
    background-color: #d0efeb;
    padding:10px 15px;
    font-weight: bold;
}

.talk_pattern_body {
    padding:10px 10px 30px 10px;
}

.droparea {
    margin:20px;
    border:2px dotted #0B85A1;
    width:90%;
    height:200px;
    color:#92AAB0;
    text-align:center;
    vertical-align:middle;
    padding:50px;
    margin-bottom:10px;
    font-size:200%;
}

.offer-detail {
    margin:10px 0px;
    display:inline-block;
}
.offer-detail dt {
    float:left;
    padding: 5px 0px;
}
.offer-detail dd {
    margin-left: 120px;
}
.total_cost_display {
  float:right;
  font-size: 15px;
  font-weight: bold;
  
}
.total_cost_display span{
  font-size: 25px;
  color: green;
}