@charset "UTF-8";

/*請求書*/
.inv {
    background-color: rgba(33, 40, 50, 0.01);
}

.inv dt,.inv dd {
    margin: 0;
    padding: 0;
	background:#FFF;
}

.invTable {
    width: 100%;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
    display: flex;
    flex-wrap: wrap;
	margin:0;
	background:#FFF;
}
.invTable dt,
.invTable dd {
    border-bottom: 1px solid #ddd;
    box-sizing: border-box;
    padding: 15px 20px;
	font-weight:bold;
}
.invTable dt {
    font-size: 16px;
    width: 200px;
}
.invTable dd {
    width: calc(100% / 3);
}

.inv_tdw {
    width:70%;
}

@media screen and (max-width:767px) {

    .invTable {
        width: 100%;
		border-bottom: 1px solid #ddd;
		padding:10px 0;
		font-size: 0.875em;
    }
    .invTable dt,
    .invTable dd {
        border: none;
		width: 100%;
        padding: 1px 15px;
		font-weight:normal;
    }

	.invTable dd.r1 {
		width:100%;
	}

	.invTable dd.r2 {
		width:50%;
		padding-right:5px;
	}

	.invTable dd.r3 {
		width:50%;
		padding-left:5px;
	}	
    .invTable dt {
        border-bottom: none;
        padding-bottom: 0;
    }

	.inv_tdw {
		width:55%;
	}


}

/*ユーザーページカラー*/
.user_side_bg {
	background-color:#054FBE !important;
}


/*フォーム・テーブル汎用*/

form select.form-control {
  font-size:16px;
  height: calc(1em + 1.75rem + 2px);
  padding: 0.2rem 1.125rem;
}

form input.form-control {
  font-size:16px;
}

form textarea.form-control {
  font-size:16px;
}

form input.fileup {
  height: calc(1em + 1.75rem);
}

.tr_hidden {
  background:#CCC;
}

#footer-menu-bar {
  position: fixed;
  z-index: 10;
  bottom: 0;
  left: 0;
  background-color: rgba(255, 255, 255, 0.9);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}

#footer-menu-bar a {
	text-decoration:none;
}

#footer-menu-bar.js_hide {
    transform: translateY(100%);
}

/*ローダー*/

#loader-bg {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: rgba(255,255,255,0.8);
  z-index: 2000;
  display:none;

}

#loader {
  height:auto;
  text-align: center;
  color: #af9b65;
  margin-top:-50px;
  font-size: 18px;
  font-weight: 700;
}