@charset "UTF-8";
/* CSS Document */

* {
  word-break: break-all;
}

.cardImage {
  width:250px;
  margin:10px;
}

.thumbnail {
	height: 186px;
}
.thumbnail .cardImage {
	width:auto;
	height:auto;
	margin:0 auto;
	max-width:100%;
	max-height:100%;
	padding:10px;
}

.terms {
  cursor: pointer;
}

.well .row {
  padding: 5px;
}

.itemNameOnList {
	margin-bottom: 10px;
}

.itemComment {
  font-size: 0.9em;
  color: #898989;
  margin-bottom: 30px;
}

.itemCommentDetail {
  width: 99%;
  height: 120px;
  overflow: auto;
  border: 1px solid #ccc;
  margin:0 auto;
  margin-bottom: 10px;
  text-align:left;
  padding:10px;
  border-radius:6px
}

.panel-body p {
  margin: 0;
}

.smallIcon {
  font-size: 0.8em;
}

.panelForCode {
  margin-bottom: 10px;
}

.footer {
  margin-bottom: 15px;
}
.footer .logout {
  float: right;
}
.footer-company-text {
  display: block !important;
  clear: right;
  text-align: right;
}

.footer-company-text p {
  text-align: right;
  word-break: normal;
  -webkit-line-break: strict; /* Chrome用 */
}

#companyName {
  font-size: 1.7em;
}
.itemName {
  font-weight: bold;
  font-size: 1.2em;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}
.clearfix {
  zoom: 1; /* for IE6/7 */
}

.floatLeft {
  float: left;
}
.floatRight {
  float: right;
}

.barcodeImg {
  width: 50%;
}

.barcodeModal {
  position: relative;
}

.barcodeBox {
  text-align:center;
  display:table;
}

.barcodeInner {
  display:table-cell;
  vertical-align:middle
}

.numbersWithBc {
  font-weight: bold;
}

.close.withBc {
  position: absolute;
  right: 0;
  width: 44px;
  height: 44px;
  z-index: 9999
}

.canCopy {
  -webkit-appearance: none;
  border: none;
  background: none;
  text-align: left;
  cursor: default;
}
.canCopy:focus {
  outline: none;
}

.logoutDescription {
  font-size: 18px;
  margin: 100px auto;
}

.errorDescription {
  font-size: 18px;
  margin:30px auto;
}

form#bizContext {
	display: inline;
}

pre {
	margin: 0;
	padding: 0;
	font-size: 1.0em;
	line-height: 1.25em;
	background: none;
	border: none;
	display: block;
	font-family: inherit;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: pre-wrap;
}

.btn-link {
	white-space: normal;
	text-align: left;
}

#receiveButtonFrame {
	text-align:center;
	margin-bottom:15px;
}

#receiveButtonFrame button {
	width:100%;
}

.lightButton {
	background-color:#f1f5f8;
	color:rgb(51, 122, 183);
	font-weight:bold;
	border-color:#64a2d7;
}

.toast {
  position: fixed;
  left:0;
  bottom: 0;
  background: #000;
  opacity:0.75;
  color:#fff;
  margin: 0 auto;
  width: 100%;
  z-index: 9999;
}

.toast p {
  margin-bottom:0;
  padding: 20px;
	text-align: center;
}

.companyText {
	display: inline-block;
}

h3.caption {
  font-size:1.0em;
  margin:0 0 0 0.5em;
}
