/* �u���b�N�v�f�}�[�W��
----------------------------------------------- */
.margin-none {
  margin: 0 !important;
}
.margin-xs {
  margin: 5px !important;
}
.margin-sm {
  margin: 10px !important;
}
.margin-md {
  margin: 15px !important;
}
.margin-lg {
  margin: 20px !important;
}
.margin-xl {
  margin: 40px !important;
}
.margin-top-m10 {
  margin-top: -10px !important;
}
.margin-top-m15 {
  margin-top: -15px !important;
}
.margin-top-none {
  margin-top: 0 !important;
}
.margin-top-xs {
  margin-top: 5px !important;
}
.margin-top-sm {
  margin-top: 10px !important;
}
.margin-top-md {
  margin-top: 15px !important;
}
.margin-top-lg {
  margin-top: 20px !important;
}
.margin-top-xl {
  margin-top: 40px !important;
}
.margin-bottom-none {
  margin-bottom: 0 !important;
}
.margin-bottom-xs {
  margin-bottom: 5px !important;
}
.margin-bottom-sm {
  margin-bottom: 10px !important;
}
.margin-bottom-md {
  margin-bottom: 15px !important;
}
.margin-bottom-lg {
  margin-bottom: 20px !important;
}
.margin-bottom-xl {
  margin-bottom: 40px !important;
}
.margin-left-none {
  margin-left: 0 !important;
}
.margin-left-xs {
  margin-left: 5px !important;
}
.margin-left-sm {
  margin-left: 10px !important;
}
.margin-left-md {
  margin-left: 15px !important;
}
.margin-left-lg {
  margin-left: 20px !important;
}
.margin-left-30 {
  margin-left: 30px !important;
}
.margin-left-xl {
  margin-left: 40px !important;
}
.margin-right-none {
  margin-right: 0 !important;
}
.margin-right-xs {
  margin-right: 5px !important;
}
.margin-right-sm {
  margin-right: 5px !important;
}
.margin-right-md {
  margin-right: 15px !important;
}
.margin-right-lg {
  margin-right: 20px !important;
}
.margin-right-30 {
  margin-right: 30px !important;
}
.margin-right-xl {
  margin-right: 40px !important;
}
.padding-none {
  padding: 0 !important;
}
.padding-xs {
  padding: 5px !important;
}
.padding-sm {
  padding: 10px !important;
}
.padding-md {
  padding: 15px !important;
}
.padding-lg {
  padding: 20px !important;
}
.padding-xl {
  padding: 40px !important;
}
.padding-top-none {
  padding-top: 0 !important;
}
.padding-top-xs {
  padding-top: 5px !important;
}
.padding-top-sm {
  padding-top: 10px !important;
}
.padding-top-md {
  padding-top: 15px !important;
}
.padding-top-lg {
  padding-top: 20px !important;
}
.padding-top-xl {
  padding-top: 40px !important;
}
.padding-bottom-none {
  padding-bottom: 0 !important;
}
.padding-bottom-xs {
  padding-bottom: 5px !important;
}
.padding-bottom-sm {
  padding-bottom: 10px !important;
}
.padding-bottom-md {
  padding-bottom: 15px !important;
}
.padding-bottom-lg {
  padding-bottom: 20px !important;
}
.padding-bottom-xl {
  padding-bottom: 40px !important;
}
.padding-left-none {
  padding-left: 0 !important;
}
.padding-left-xs {
  padding-left: 5px !important;
}
.padding-left-sm {
  padding-left: 10px !important;
}
.padding-left-md {
  padding-left: 15px !important;
}
.padding-left-lg {
  padding-left: 20px !important;
}
.padding-left-xl {
  padding-left: 40px !important;
}
.padding-right-none {
  padding-right: 0 !important;
}
.padding-right-xs {
  padding-right: 5px !important;
}
.padding-right-sm {
  padding-right: 10px !important;
}
.padding-right-md {
  padding-right: 15px !important;
}
.padding-right-lg {
  padding-right: 20px !important;
}
.padding-right-xl {
  padding-right: 40px !important;
}

.display-block {
    display: block;
}

.display-flex {
    display: flex;
}

.display-table {
    display: table;
}

/* ���w��
----------------------------------------------- */

.wide {
    max-width:1366px;
}


/* �w�b�_�[
----------------------------------------------- */

/* ���X�g������ */
li {
  display: inline-block;
}

/* �A�C�R���F */
li .fa {
 color:#39b785;
}

/* �A�C�R���‚��Ă郊���N�F */
.link a {
    color: #212529 !important;
}


/*�w�b�_�[���j���[�̃O���[���{�[�_�[*/
.head_border {
    border-bottom: solid #ccc;
    margin:0px !important;
}


/* �t�b�^�[
----------------------------------------------- */

.footer {
    background-color:#ccc;
    width:100%;
    height:45px;
    padding:5px 0;
    display:flex;
}

@media screen and (min-width:768px) and ( max-width:1024px) {
.footer p {font-size: 80%}
}


/* �i�r�Q�[�V�������j���[
----------------------------------------------- */

/* �i�r���j���[�̕����F */
.nav-link {
    color:#000 !important;
}

/* �i�r���j���[�w�i�F */
.bg-dark {
    background-color :#383838 !important;
}

/*�h���b�v�_�E�����j���[*/

.dropmenu{
    *zoom: 1;
    list-style-type: none;
    margin: 5px auto 30px;
    padding: 0;
}
.dropmenu:before, .dropmenu:after{
    content: "";
    display: table;
}
.dropmenu:after{
    clear: both;
}
.dropmenu li{
    position: relative;
    width: 20%;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
}
.dropmenu li a{
    display: block;
    margin: 0;
    padding: 15px 0 11px;
    background: #383838;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    text-decoration: none;
}
.dropmenu li ul{
    list-style: none;
    position: absolute;
    z-index: 9999;
    top: 100%;
    left: 0;
    margin: 0;
    padding: 0;
}
.dropmenu li ul li{
    width: 100%;
}
.dropmenu li ul li a{
    padding: 13px 15px;
    border-top: 1px solid #848484;
    background: #383838;
    text-align: left;
}
.dropmenu li:hover > a{
    background: #383838;
}
.dropmenu li a:hover{
    background: #CCC;
    color: #333;
}

#normal li ul{
    display: none;
}
#normal li:hover ul{
    display: block;
}

li .line {
    padding: 0.5em 1em;
    margin: 2em 0;
    border-left: 1px solid #848484;/*����*/
    border-right:�@1px solid #848484;/*�E��*/
}
.line a {
    margin: 0;
    padding: 0;
}

/* �{�^��
----------------------------------------------- */

/*btn-success*/
.btn-success {
    background-color: #6c757d;
    border-color: #6c757d;
}

.btn-success:hover {
    background-color: #5a6268;
    border-color: #545b62;
}

.btn-success:focus, .btn-success.focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

.btn-success.disabled, .btn-success:disabled {
  color: #fff;
  background-color: #6c757d;
  border-color: #6c757d;
}

.btn-success:not(:disabled):not(.disabled):active, .btn-success:not(:disabled):not(.disabled).active,
.show > .btn-success.dropdown-toggle {
  color: #fff;
  background-color: #545b62;
  border-color: #4e555b;
}

.btn-success:not(:disabled):not(.disabled):active:focus, .btn-success:not(:disabled):not(.disabled).active:focus,
.show > .btn-success.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem rgba(108, 117, 125, 0.5);
}

/*btn-light*/
.btn-light {
    font-size: .875rem;
    border-color:#ccc;
    padding:.25rem 1.0rem;
}

/*�Q�����̏ꍇ�͂����‚���*/
.ji2 {
    padding:.25rem 1.6rem !important;
}

/*�����N�̃G�t�F�N�g����*/
button a:link, button a:visited {
    color: #fff;
    text-decoration: none;
}


/* �R���e���c
----------------------------------------------- */

/*�w�i�F�v*/
.contents_back {
    background-color:#f1f1f1;
    padding-bottom:20px;
    height: 84vh;
}

/*�_�C�A���O�{�b�N�X*/
.dialog_box {
    padding: 20px 10px;
    border: 1px solid #39b785;
    background-color: #fff;
}

/*���o��*/
h1{
    padding: 7px 15px;
    color: #fff;
    background: #396cb8;
    border-bottom: solid 3px #bed0eb;
    font-size: 18px;
    font-weight: bold;
    margin-top: -27px;
}

h1.bg_green{
    background: #39b785;
    border-bottom: solid 3px #beebd9;
}

h1.bg_red{
    background: #b8396c;
    border-bottom: solid 3px #ebbed0;
}

h1.bg_purple{
    background: #724095;
    border-bottom: solid 3px #d9beeb;
}

h1.bg_ygreen{
    background: #6cb839;
    border-bottom: solid 3px #d0ebbe;
}

h1.bg_yocher{
    background: #b88539;
    border-bottom: solid 3px #ebd9be;
}

h2{
    padding: 5px;
    color: #333;
    border-bottom: solid 1px #396cb8;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
}

h2.bb_green{
    border-bottom: solid 1px #39B785;
}

h2.bg_red{
    color: #fff;
    background: #b8396c;
    border-bottom: solid 3px #ebbed0;
}

h2.bg_green{
    color: #fff;
    background: #39b785;
    border-bottom: solid 3px #beebd9;
}


/*�R���e���c�g��*/
.contents_box {
    background-color: #fff;
    border: solid 1px #396cb8;
    padding:10px 20px;
    margin: 20px 15px 0 15px;
    min-height:100%;
}

/* �e�[�u��
----------------------------------------------- */
/*�‚̑���*/
.thead-blue{
  color: #fff;
  background-color: #00457e;
  border: solid 3px #00457e;
}

/*table��X�|���V�u�̉��X�N���[��*/
.scroll{
    overflow: auto;�@�@�@�@
    white-space: nowrap;�@�@/*table�̃Z����ɂ��镶���̐܂�Ԃ���֎~*/
}

.scroll::-webkit-scrollbar{�@�@/*table�ɃX�N���[���o�[��lj�*/
    height: 5px;
}
.scroll::-webkit-scrollbar-track{�@�@/*table�ɃX�N���[���o�[��lj�*/
    background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {�@�@/*table�ɃX�N���[���o�[��lj�*/
    background: #BCBCBC;
}

/*�G���[���b�Z�[�W*/
.error {
    padding: 10px 15px;
    width: 100%;
    color: #ff0000;
    /* margin: 20px 0; */
    font-size: 0.9em;
}

/*�G���[���b�Z�[�W*/
.span-error {
    color: #ff0000;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button{
    -webkit-appearance: none !important;
    margin: 0;
}

/* ���ʃT�C�h���j���[
----------------------------------------------- */
/*�ڋq���*/
.site_table{
  font-size: 11px;
}
.site_table tbody{
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ccc;
}
.site_table th{
  background-color: #efefef;
  width: 80px;
}

.site_table td{
  width: 110px;
}
.site_table tbody th,.site_table tbody td{
  border-top: none;
  height: 1rem;
  padding:.05rem;
}
.site_shimei {
    font-size: 18px;
}
.site_seibetu_label {
    width: 30px !important;
}
.site_seibetu {
    width: 50px !important;
}
.site_comment{
  border-color: #e66a5c;
  font-size: 13px !important;
  height: 4rem;
}
.site_btn-xs{
  padding: .2rem .5rem;
  font-size: 0.75rem;
  line-height: 1.5;
  border-radius: .2rem;
}
.site_list{
  padding: 0;
}
.site_list li{
    line-height:0.8rem;
  border-bottom: ;
  font-size: 11px;
  width: 100%;
}
.site_list li span{

  font-size: 11px;
  width: 65px;
  display: inline-block;
  color: #333;
  background-color: #efefef;
  padding: 5px;
  margin-right: 5px;
}
.site_list li .btn-light {
    font-size: .6rem;
    border-color:#ccc;
    padding:.15rem .25rem;
}

/*�ڋq���-�w������*/
.site_rireki{
  border: solid 1px #ccc;
  height:23vh;
  overflow:auto;
}
.site_rireki h2{
  font-size: 14px;
  padding: 5px 0px;
  border-bottom: solid 1px #39B785;
}

.site_rireki_table{
  font-size: 11px;
}

.site_rireki_table tbody th{
  width: 80px;
}

.site_rireki_table tbody th,.site_rireki_table tbody td{
  border-top: none;
  height: 1rem;
  padding:.01rem;
}

/* �v���_�E�� */
.p-meka {
  width: 145px;
}

.p-name {
  width: 250px;
}

.p-iro {
  width: 140px;
}

/* ����� */
.rireki-jan {
    width: 165px;
}

.rireki-lot {
    width: 165px;
    max-width: 165px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rireki-maker {
    width: 100px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rireki-kubun {
    width: 115px;
}

.rireki-name {
    width: 175px;
    max-width: 175px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.rireki-color {
    width: 100px;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}