html{
font-size: .9em;
}
select[multiple]{
overflow-x: auto;
}
.mb0{
margin-bottom: 0;
}
.pb0{
padding-bottom: 0;
}
.pb20{
padding-bottom: 20px;
}
.pl0{
padding-left: 0;
}
.pt20{
padding-top: 20px;
}
.width70 {
width: 70px;
}
.width120 {
width: 120px;
}
.width150 {
width: 150px;
}
.width200 {
width: 200px;
}
.width270 {
width: 270px;
}
.width850 {
width: 850px;
}
.width100pct {
width: 100%;
}
.text-middle {
display: flex;
align-items: center;
}
.text-bottom {
display: flex;
align-items: flex-end;
}
#header{
overflow-y: visible;
}
#system-header {
max-width: 100%;
margin: 0 auto;
position: relative;
padding: 0;
}
#system-header h1{
display: inline-block;
background-image: url("../images/logo_80.png");
background-repeat: no-repeat;
background-size: 100%;
width: 42px;
height: 42px;
margin: 8px 0 0 5px;
font-size: 1px;
text-indent: -9999px;
}
#system-header #nav-head{
display: inline-block;
margin-top: 4px;
padding: 0;
}
#system-header #nav-head ul li{
font-size: .9em;
}
.navbar{
padding: 0;
}
#breadcrumb{
clear: both;
max-width: 1260px;
margin: .75em auto 0 auto;
background-color: #ffffff;
}
#breadcrumb ol{
padding: .4em .7em;
margin: 0;
}
#breadcrumb ol li{
font-size: .9em;
}
.breadcrumb-item+.breadcrumb-item::before {
color: #c0c0c0;
font-family: FontAwesome;
content: "＞";
}
#gyoshaBreadHeader{
width: 100%;
position: relative;
background: lightgray;
border-radius: 0.5rem;
}
.breadcrumbGyosha{
overflow: hidden;
width: 100%;
padding-left: 1.5rem;
padding-bottom: .5rem;
}
.breadcrumbGyosha-item{
background: #f1f1f1;
padding: .7em 1em;
float: left;
text-decoration: none;
color: #444;
border-radius: 0.25rem;
position: relative;
}
.breadcrumbGyosha-item::after{
content: "";
position: absolute;
top: 50%;
margin-top: -0.5em;
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.5em solid #ddd;
right: -1em;
}
.breadcrumbGyosha-item.text-dark.end::after{
border: none;
}
.breadcrumbGyosha-item.active.end::after{
border: none;
}
.breadcrumbGyosha li{
float: left;
margin: 0 .5em 0 1em;
list-style: none;
}
.breadcrumbGyosha-item.active{
font-weight: bold;
color: #ffffff;
background: #19adc3;
}
.breadcrumbGyosha-item.active::after{
border-left-color: #19adc3;
}
.gyoshaTableHover{
background: rgb(255, 243, 224);
}
@counter-style gm-list-style{
system: numeric;
symbols: '0' '１' '２' '３' '４' '５' '６' '７' '８' '９';
prefix: '（';
suffix: '）';
range: 1 9;
fallback: numeric;
speak-as: number;
}
.gm-table-counter {
counter-reset: section;
}
.gm-tb-li {
margin: 0px;
padding: 0px;
}
.gm-tb-li::before {
counter-increment: section;
content: "（" counters(section,'',gm-list-style) "）" ;
}
.breadcrumbBuppin{
overflow: hidden;
width: 100%;
padding-left: 1.5rem;
}
.breadcrumbBuppin-item{
background: #f1f1f1;
padding: .7em 2em;
float: left;
text-decoration: none;
color: #444;
border-radius: 0.25rem;
position: relative;
height: 60px;
}
.breadcrumbBuppin-item::after{
content: "";
position: absolute;
top: 50%;
margin-top: -0.5em;
border-top: 0.5em solid transparent;
border-bottom: 0.5em solid transparent;
border-left: 0.5em solid #ddd;
right: -1em;
}
.breadcrumbBuppin-item.text-dark.end::after{
border: none;
}
.breadcrumbBuppin-item.active.end::after{
border: none;
}
.breadcrumbBuppin li{
float: left;
margin: 0 .5em 0 1em;
list-style: none;
}
.breadcrumbBuppin-item.active{
font-weight: bold;
color: #ffffff;
background: #19adc3;
}
.breadcrumbBuppin-item.active::after{
border-left-color: #19adc3;
}
.footer-inner {
max-width: 95%;
margin: 0 auto;
padding-top: 6px;
}
.footer-inner ul{
float: right;
}
.footer-inner ul li{
float: left;
list-style: none;
margin-left: 10px;
}
.footer-inner ul-left{
float: left;
}
.footer-inner ul-left li{
float: left;
list-style: none;
margin-right: 10px;
}
.card{
border-color: #c0c0c0;
box-shadow: 0 2px 2px #eee;
}
.card-header{
font-size: 1.35em;
padding-top: .35em;
padding-bottom: .35em;
background-color: #e7e7e7;
border-color: #d7d7d7;
}
.card-header,
.card-body{
position: relative;
overflow: hidden;
}
.card-body .overflow-visible {
overflow: visible;
}
.card-body:has(div.bootstrap-datetimepicker-widget) {
overflow: visible !important;
}
.card-header:before,
.card-body:before{
position: absolute;
top: -50px;
left: 20px;
color: rgba(32,32,32,.1);
font-family: FontAwesome;
font-size: 120px;
-moz-transform: rotate(-16deg);
-webkit-transform: rotate(-16deg);
-o-transform: rotate(-16deg);
-ms-transform: rotate(-16deg);
transform: rotate(-16deg);
}
.card-body:before{
top: -99px;
color: rgba(32,32,32,.04);
}
#personName .card-header:before,
#personName .card-body:before{
content: '\f007';
}
#person{
position: relative;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
}
#personName{
margin-bottom: 0;
padding-bottom: 0;
min-width: 1260px;
}
#personName > div{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-top: .4em;
padding-bottom: .8em;
}
#personName dl{
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
flex-direction: column;
padding: 0 1em;
margin-bottom: 0;
}
#personName dl dt{
font-size: 1em;
font-weight: normal;
color: #999;
padding-bottom: .2em;
border-bottom: 1px solid #eee;
}
#personName dl dd{
font-size: 1.15em;
padding-top: .55em;
margin-bottom: 0;
line-height: 1em;
width: 170px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
#personName dl.horizon{
flex-direction: row;
align-items: flex-start;
align-content: flex-start;
justify-content: flex-start;
padding-left: .4em;
}
#personName dl.horizon dt{
align-self: flex-start;
padding-bottom: 0;
padding-right: .4em;
border-bottom: 0 none;
}
#personName dl.horizon dd{
padding-top: 0;
}
#person .face{
width: 140px;
}
#person .face > div{
position: absolute;
top: 0;
right: 0;
background-color: #eee;
width: 90px;
height: 120px;
display: flex;
align-items: center;
}
#personRow1 div{
font-size: 1.15em;
padding-top: .55em;
margin-right: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 2px solid #eee;
}
#personRow2 div{
font-size: 1.15em;
margin-left: 15px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
border-bottom: 2px solid #eee;
}
#personRow2 div:first-child{
margin-left: .4em;
}
#personInfo .card-header .right {
float: right;
}
#personInfo .card-header .left {
float: left;
}
#personInfo div .border-right {
border-right: 1px solid #d7d7d7;
list-style-type:none;
}
#buttonInfo .card-header:before,
#buttonInfo .card-body:before{
content: '\f1d8';
}
#headMenu div dl,
#headMenu div dt,
#headMenu div dd,
#headMenu div ul,
#headMenu div li{
margin: 0;
padding: 0;
}
#headMenu > div{
background-color: #1E88E5;
padding-bottom: 15px;
}
#headMenu > div > div{
margin: 0 auto;
max-width: 1260px;
}
#headMenu div > dl{
float: left;
vertical-align: top;
position: relative;
padding-top: 3.6em;
padding-right: 15px;
}
#headMenu div > dl > dt{
display: block;
position: absolute;
top: .5em;
left: 0;
color: #fff;
width: 9.5em;
font-size: 1.3em;
font-weight: normal;
}
#headMenu div > dl > dd{
display: table-cell;
vertical-align: top;
}
#headMenu div > dl > dd > dl{
float: left;
display: block;
width: 12em;
margin: 0 1.5em 1.5em 0;
}
#headMenu div > dl > dd > dl:first-child{
}
#headMenu div > dl > dd > dl > dt{
background-color: #e7e7e7;
font-size: 0.9em;
padding: .2em .40em;
font-weight: normal;
}
#headMenu div > dl > dd > dl > dd{
background-color: #e7e7e7;
}
#headMenu div > dl > dd > dl > dd > ul > li{
list-style-type: none;
margin: 1px 0 0 0;
background-color: #fff;
font-size: 0.8em;
}
#headMenu div > dl > dd > dl > dd > ul > li:first-child{
margin-top: 0;
}
#headMenu div > dl > dd > dl > dd > ul > li > a{
display: block;
padding: .2em .40em;
text-decoration: none;
transition: .4s;
}
#headMenu div > dl > dd > dl > dd > ul > li > a:link,
#headMenu div > dl > dd > dl > dd > ul > li > a:visited{
color: #333;
}
#headMenu div > dl > dd > dl > dd > ul > li > a:hover{
color: #0f4575;
background-color: #a3daff;
}
#headMenu div > ul{
display: table;
float: right;
}
#headMenu div > ul > li{
display: table-cell;
padding: .7em 0 0 .7em;
}
#headMenu div > ul > li > button{
font-size: .9em;
}
#navbar-default {
background-color: #9b59b6;
border-color: #8e44ad;
}
.nav-tabs {
border-bottom: 1px solid #7f7f7f;
}
.nav-link {
padding: .6rem 2rem;
}
.nav-tabs .show.nav-item .nav-link, .nav-tabs .active.nav-link {
border-color: #7f7f7f #7f7f7f #fff ;
border-width: 1px;
border-bottom-width: 0px;
}
tr.tr-coler-gray {
background-color: #E3F2FD;
border-color: #C0C0C0;
}
tr.tr-coler-lightblue {
background-color: #E3F2FD;
border-color: #C0C0C0;
}
th.th-coler-gray {
background-color: #E3F2FD
}
th.th-coler-blue {
background-color: #99ccff
}
th.th-coler-orange {
background-color: #fa8072
}
th.th-coler-frostyblue {
background-color: #bbdbf3;
}
th.th-coler-lightblue {
background-color: #E3F2FD;
}
.table td, .table th {
padding:.20rem;
word-break : break-all
}
button.button2 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に5px余白*/
padding: 5px;
/* 横方向に100.5pxpxの余白を指定*/
width: 100.5px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button3 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 21px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button4 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に5px*/
padding: 5px;
/* 横方向に100.5pxpxの余白を指定*/
width: 100.5px;
/* 背景色を濃い青色に指定 */
background-color: #fff;
/* 文字色を白色に指定 */
color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button5 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 28.2px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button6 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 14px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button7 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 6.6px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button8 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 47.38px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
/* 背景白ボタン(4文字用) */
button.button9 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に5px、
* 横方向に21pxの余白を指定 */
padding: 5px 21px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボタンの間の余白 */
margin-top: 5px;
}
/* 背景白ボタン(3文字用) */
button.button10 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に5px、
* 横方向に28.2pxの余白を指定 */
padding: 5px 28.2px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボタンの間の余白 */
margin-top: 5px;
}
/* 背景白ボタン(5文字用) */
button.button11 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に5px、
* 横方向に14pxの余白を指定 */
padding: 5px 14px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボタンの間の余白 */
margin-top: 5px;
}
/* 背景白ボタン(6文字用) */
button.button12 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に5px、
* 横方向に6.6pxの余白を指定 */
padding: 5px 6.6px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボタンの間の余白 */
margin-top: 5px;
}
/* 背景ボタン(1文字用) */
button.button13 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 42px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
/* 背景白ボタン(1文字用) */
button.button14 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 42px;
/* 背景色を濃い青色に指定 */
background-color: #fff;
/* 文字色を白色に指定 */
color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button15 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 33px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button16 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 33px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button17 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 50px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button18 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 50px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button19 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 26px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button20 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 26px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button21 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 11.5px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button22 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 12px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button23 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 35.5px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button24 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 35.5px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button25 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 57.5px;
/* 背景色を濃い青色に指定 */
background-color: #7f7f7f;
/* 文字色を白色に指定 */
color: #fff;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.button26 {
/* 文字サイズを1.4emに指定 */
/* font-size: 1.4em; */
/* 文字の太さをboldに指定 */
/* font-weight: bold; */
/* 縦方向に10px、
* 横方向に10pxの余白を指定 */
padding: 5px 57.5px;
/* 背景色を白色に指定 */
background-color: #fff;
/* 文字色をグレーに指定 */
color: #7f7f7f;
/* アウトラインをつける */
outline: 1px solid;
outline-color: #7f7f7f;
/* ボーダーをなくす */
border-style: none;
/* ボタンの間の余白 */
margin-top: 5px;
}
button.buttonTeate1 {
height:40px;
width:100%;
margin-top:15px;
}
/* ラベルを太字にする */
.col-form-label {
font-weight: bold;
font-size: 14px;
}
.bottom-text {
/* 文字を下寄せにする */
position: absolute;
bottom: 0;
/* 下線あり */
border-bottom: solid 1px #B7B7B7;
}
.bottom-text-input {
/* 下線あり */
border-bottom: solid 1px #B7B7B7;
}
.item-name {
/* 文字を太字にする */
font-weight: bold;
font-size: 16px;
}
/* 休日 */
.td-holiday {
background-color: #FFCCFF;
}
/* テーブルの一覧クリック時、カーソルを変える */
table.table-clickable tr[data-href]{
cursor: pointer;
}
.bg-lightgray {
background-color: #e7e7e7;
border-color: #e9ecef;
}
/* 中央揃え
.table .td_align{
text-align: right;
vertical-align: middle;
}
/*DIVの中で下寄せ*/
.position-bottom{
position: absolute;
bottom: 0;
}
/* 一覧複数行時にtbody単位でhoverをつける */
.table-tbodyhover tbody:hover {
background-color: rgba(0, 0, 0, 0.075);
}
.form-control {
color: #212529;
}
.form-control:focus {
color: #212529;
}
.form-control::-webkit-input-placeholder {
color: #c0c0c0;
}
.form-control::-moz-placeholder {
color: #c0c0c0;
}
.form-control:-ms-input-placeholder {
color: #c0c0c0;
}
.form-control::-ms-input-placeholder {
color: #c0c0c0;
}
.form-control::placeholder {
color: #c0c0c0;
}
.width-auto {
width: auto;
}
/*ファイル選択用スタイル*/
.inputfile{
display : none;
}
.inputfileNoText{
display : none;
}
.inputfile-txt{
background-color : #fff !important;
}
/*ファイル選択用スタイル*/
.file-link{
white-space: normal;
text-align: left;
}
/*検索条件用 カードヘッダ*/
.card-header-search {
font-size:1rem;
}
.clear-both{
clear:both;
}
.date > text{
width:150px !important;
}
.form-disp{
width:100%;
margin:0;
border:0;
pointer-events: none;
}
.display-none{
display : none;
}
.form-check-inline label {
margin-left: 0.3rem;
margin-bottom:0px;
}
.valid-err{
color: #c00;
font-size: .8em;
clear:both;
}
.cursor-pointer {
cursor: pointer;
}
.whitespace-pre{
white-space:pre;
}
.transparent{
background-color : transparent !important;
}
/* 変更文字色 */
.change-color{
color: #c00;
}
.word-break-break-all{
word-break:break-all;
}
/* 表の角を丸くする */
.table_border_radius {
font-size: 14px;
border: 1px solid #dee2e6;
border-radius: 8px;
border-spacing: 0;
border-collapse: separate;
overflow:hidden;
}
.table_border_radius tr td {
border: none;
border-top: 1px solid #dee2e6;
border-left: 1px solid #dee2e6;
}
.table_border_radius tr th {
border: none;
border-top: 1px solid #dee2e6;
border-left: 1px solid #dee2e6;
font-weight: normal;
}
/* 注意事項記載用の枠 */
.bd-callout {
padding: 1.25rem;
margin-top: 1.25rem;
margin-bottom: 1.25rem;
border: 1px solid #eee;
border-left-width: .25rem;
border-radius: .25rem
}
.bd-callout h4 {
margin-top: 0;
margin-bottom: .25rem
}
.bd-callout p:last-child {
margin-bottom: 0
}
.bd-callout code {
border-radius: .25rem
}
.bd-callout + .bd-callout {
margin-top: -.25rem
}
.bd-callout-info {
border-left-color: #51a4bd;
border-top-color: lightskyblue;
border-right-color: lightskyblue;
border-bottom-color: lightskyblue;
background: rgb(232, 252, 252);
}
.bd-callout-info h4 {
color: #3695b2
}
.bd-callout-warning {
border-left-color: #f0ad4e;
border-top-color: #efd2aa;
border-right-color: #efd2aa;
border-bottom-color: #efd2aa;
background: lightyellow;
}
.bd-callout-warning h4 {
color: #b06f13
}
.bd-callout-danger {
border-left-color: #CC2C37;
border-top-color: #C96A77;
border-right-color: #C96A77;
border-bottom-color: #C96A77;
background: #fff2f0;
}
.bd-callout-danger h4 {
color: #CC2C37
}
.badge-md {
font-size: 1rem;
}
.td-color-danger {
background: #fff200;
}
/*一覧（表示用） 任意のページ*/
.btn-icon-jump-page:before {
font-family: "Font Awesome 5 Free";
font-weight: 900;
content: '\f064';
}
/*線無*/
.table.table-borderless {
margin-top: 0;
margin-bottom: 0;
}
/*表示を上寄せにする（borderless用）*/
.table-borderless th, .table-borderless td.top {
vertical-align: top;
padding-left: 0px;
padding-top: 15px;
}
.table-borderless tr td {
border: none;
font-size: 14px;
}
@keyframes btn-primary-blinking {
0% {background-color: #007bff;
color: white;
}
100% {background-color: white;
color: #007bff;}
}
.btn-outline-primary.blink {
animation: btn-primary-blinking 2s cubic-bezier(0.8, 0, 0.75, 1) infinite alternate;
}
/*業者ファイルエラー*/
.gm-file-upload.is-invalid {
border-bottom: 1px #dc3545 solid;
padding-bottom: 0.25rem;
}
.gm-file-upload.is-invalid ~ .invalid-feedback
{
display: block;
}
.col-bs-postalCode, .col-bs-prifName, .col-bs-cityName {
position: relative;
width: 100%;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;
}
.col-bs-postalCode, .col-bs-prifName, .col-bs-cityName {
-webkit-box-flex: 0;
-ms-flex: 0 0 16.666667%;
flex: 0 0 16.666667%;
max-width: 16.333333%;
}
/* 表の角を丸くする（業者） */
.gm_border_rounded{
border: 1px solid #dee2e6;
border-radius: 8px;
overflow:hidden;
}
.gm_border_rounded.gm_border_rounded_xl{
min-width: 1200px;
}
.gm_table_border_radius, .gm_r_table_m_line{
margin-bottom: 0;
font-size: 0.9em;
}
.gm_table_border_radius.text-small, .gm_r_table_m_line.text-small {
font-size: 0.6em;
}
.gm_table_border_radius thead, .gm_table_border_radius tbody, .gm_table_border_radius tfoot,
.gm_r_table_m_line thead, .gm_r_table_m_line tbody, .gm_r_table_m_line tfoot {
border-collapse: separate;
}
.gm_r_table_m_line tbody:hover{
background: rgb(255, 243, 224);
}
.gm_r_table_m_line tbody+tbody{
border-top: 1px solid #dee2e6;
}
.gm_table_border_radius td, .gm_table_border_radius th, .gm_r_table_m_line td, .gm_r_table_m_line th {
border-top: 1px solid #dee2e6;
border-right: 1px solid #dee2e6;
border-left: 1px solid #dee2e6;
padding: 0.5rem 0.25rem;
}
.gm_table_border_radius.line-slim td, .gm_table_border_radius.line-slim th,
.gm_r_table_m_line.line-slim td, .gm_r_table_m_line.line-slim th {
padding: 0.25rem 0.25rem;
}
.gm_table_border_radius thead th, .gm_r_table_m_line thead th {
border-bottom: 1px solid #dee2e6;
font-weight: inherit;
}
.gm_table_border_radius thead th.bold, .gm_r_table_m_line thead th.bold {
font-weight: bold;
}
.gm_table_border_radius tbody th, .gm_r_table_m_line tbody th {
font-weight: inherit;
}
.gm_table_border_radius td:first-child, .gm_table_border_radius th:first-child,
.gm_r_table_m_line td:first-child, .gm_r_table_m_line th:first-child {
border-left:none;
}
.gm_table_border_radius td:last-child, .gm_table_border_radius thead th:last-child,
.gm_r_table_m_line td:last-child, .gm_r_table_m_line thead th:last-child {
border-right:none;
}
.gm_table_border_radius tbody tr:first-child td, .gm_table_border_radius thead tr:first-child th,
.gm_table_border_radius tbody tr:first-child th, .gm_r_table_m_line tbody tr:first-child td,
.gm_r_table_m_line thead tr:first-child th, .gm_r_table_m_line tbody tr:first-child th {
border-top:none;
}
.gm_table_border_radius tr:last-child td, .gm_r_table_m_line tbody tr:last-child td {
border-bottom:none;
}
.gm_table_border_radius .gm-items-group th, .gm_r_table_m_line .gm-items-group th {
border-top: solid blue 3px !important;
border-left: solid blue 3px;
border-bottom: solid blue 3px;
}
.gm_table_border_radius .gm-items-group, .gm_r_table_m_line .gm-items-group {
border-right: solid blue 3px;
}
.gm_table_border_radius .gm-items-group.first-row, .gm_r_table_m_line .gm-items-group.first-row {
border-top: solid blue 3px;
}
.gm_table_border_radius .gm-items-group.midle-row, .gm_r_table_m_line .gm-items-group.midle-row {
}
.gm_table_border_radius .gm-items-group.last-row, .gm_r_table_m_line .gm-items-group.last-row {
border-bottom: solid blue 3px;
}
.gm-engagement-list-decimal {
line-height: 1.75rem;
list-style-type: decimal;
}
.gm-engagement-list-asterisk {
line-height: 1.75rem;
list-style-type: '* ';
}
.gm-list-wide-asterisk{
list-style-type: '※ ';
}
.gm-tooltip-wrapper .tooltip {
opacity: 1;
}
.gm-tooltip-wrapper .tooltip-inner {
color: black;
background-color: white;
border: 1px solid black;
width: auto;
max-width: none;
text-align: left;
}
.gm-tooltip-wrapper .tooltip.bs-tooltip-top .arrow:before {
border-top-color: black;
}
.gm-stsg-bb {
border-bottom-color: #ffffff !important;
}
.gm-stsg-bb-gray {
border-bottom: 1px solid #dee2e6 !important;
}
.gm-stsg-bt {
border-top-color: #ffffff !important;
}
.gm-stsg-br {
border-right: 1px solid #dee2e6 !important;
}
.gm-stsg-bl-none {
border-left: none !important;
}
.gm-stsg-bg-coution {
background: #fff890;
}
.gm-accordion-list:has(input[name="selectRow"]:checked) {
background-color: rgb(255, 245, 230);
.hide {
display: block;
}
}
.gm-accordion-list:hover {
background-color: rgb(255, 243, 224);
}
.bp_r_table_m_line tbody:hover{
background: rgb(255, 243, 224);
}
.po-mainform {
overflow-y: auto;
margin: 0;
padding: 0;
height: 100vh;
}
.po-content {
overflow-y: visible;
flex-shrink: 0;
}
.po-container {
overflow-y: auto;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.po-container-fill {
overflow-y: auto;
max-width: 100%;
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
#po-header, #po-header-nav {
padding: 0;
overflow-y: auto;
background: #2d4280;
}
#po-header h4 {
color: white;
margin: 0;
}
#po-header h5 {
color: white;
margin-bottom: 0.5em;
}
#po-header h4 a, #po-header h5 a {
color: white;
}
#po-header h4 a:hover, #po-header h5 a:hover {
text-decoration: none;
}
.po-nav {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
padding-left: 0;
margin-bottom: 0;
list-style: none;
min-height: auto;
}
.po-nav-link {
padding-bottom: 0.5rem;
color: white;
flex: 1;
}
.po-nav-link:hover {
background: white;
}
.po-nav-link:focus, .po-nav-link.active {
background: white;
color: #2d4280;
}
.po-head-homebtn {
margin-right: 4.3%;
}
.po-badge-vendor {
background: #c55600;
color: white;
margin: 0 0.25rem;
}
.po-badge-bid {
background: #14876e;
color: white;
margin: 0 0.25rem;
}
.po-badge-portal {
background: #0f829e;
color: white;
margin: 0 0.25rem;
}
.po-badge-other {
background: #ffc107;
color: black;
margin: 0 0.25rem;
}
.po-badge-important {
background: #dc3545;
color: white;
margin: 0 0.25rem;
}
#po-footer {
background: #2d4280;
color: white;
padding: 0.5rem 0;
margin-top: auto;
width: 100%;
}
.po-footer-inner {
max-width: 100%;
padding-left: 15px;
padding-right: 15px;
}
.po-footer-inner p {
word-break:normal
}
.po-info-new {
color: #dc3545;
font-weight: bold;
background-color: transparent;
background-image: none;
border-top: 1px solid #dc3545;
border-bottom: 1px solid #dc3545;
margin: 0 0.25rem;
font-size: 0.6em;
}
.po-info-body {
}
.po-info-body p {
white-space: pre-wrap;
}
.po-qa {
border-radius: unset;
box-shadow: none;
border: none;
}
.po-qa .card-header {
background: inherit;
}
.po-tr-contact p {
margin: 0;
}
.po-qa h5 {
margin: 0;
}
.po-item-title {
padding-top: 0.5rem;
padding-bottom: 0.5rem;
}
.po-item-title.po-item-title-base {
background-color: #2d4280;
color: white;
}
.po-item-title h1, .po-item-title h2, .po-item-title h3,
.po-item-title h4, .po-item-title h5, .po-item-title h6 {
margin-bottom: 0;
}
.po-cat-group {
position: relative;
margin-top: 1em;
padding: 1.5em;
outline: 1px solid black;
outline-offset: -4px;
}
.po-cat-group > .title {
position: absolute;
top: -1.15em;
left: 1em;
padding: .4em 1.4em;
font-size: .9em;
background-color: white;
}
.po-maintanance {
display: grid;
grid-template-columns: 100vw;
grid-template-rows: 100vh;
}
.po-maintanance .po-mnt-inner {
justify-self: center;
align-self: center;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
@media (min-width: 992px) {
.po-links {
display: block !important;
}
}
@media (min-width: 1200px) {
.po-container {
max-width: 1140px;
}
}
/*印刷用メディアクエリ（CSSはこれより上に記載）*/
@media print {
section { display: none; page-break-before: always; }
pre code {page-break-after: always;}
@page {
size: A4 portrait;
margin: 0cm;
margin-top:0.7cm;
margin-bottom:0.7cm;
}
#mainform, #content, #po-content, #po-container-fill {
height: auto;
overflow: visible;
}
#header, #headMenu, #po-header {
display: none;
}
#footer, #po-footer {
display: none;
}
.gm_border_rounded, .gm_border_rounded.gm_border_rounded_xl {
min-width: auto;
}
a:link {
text-decoration: none;
border-bottom: none
}
.btn-light {
border: darkgray solid 1px;
}
.badge-danger {
color: #dc3545;
border: #dc3545 solid 1px;
}
nav > ol > li {
color: lightgray;
border: #17a2b8 solid 1px;
}
nav > ol > li a {
color: lightgray;
}
.breadcrumbGyosha-item.active, .breadcrumbBuppin-item.active {
color: #17a2b8;
}
.po-badge-vendor {
border: #c55600 solid 1px;
color: #c55600;
}
.po-badge-bid {
border: #14876e solid 1px;
color: #14876e;
}
.po-badge-portal {
border: #0f829e solid 1px;
color: #0f829e;
}
.po-badge-other {
border: #ffc107 solid 1px;
color: lightgray;
}
.po-badge-important {
border: #dc3545 solid 1px;
color: #dc3545;
}
p a, code, pre {
word-wrap: break-word;
}
img {
display:none;
}
pre a[href]:after {
content: "";
}
pre abbr[title]:after {
content: "";
}
pre .ir a:after,
pre a[href^="javascript:"]:after,
pre a[href^="#"]:after {
content: "";
}
.no-print {
display:none;
}
}