body,
div,
th, td,
p,i,span,
input,select,
button,
h1,h2,h3,h4,h5,h6
{
  margin:0;
  padding:0;
  font-family: 'Noto Sans JP', sans-serif;
}
a{
  margin:0;
  padding:0;
  text-decoration:none;
}
ul,
li{
  margin:0;
  padding:0;
  list-style-type:none;
}

.mainSection{
  width:95%;
  margin:20px 2.5%;
}
.searchSection{
  margin-bottom:40px;
}
.searchItemWrapper{
  width:30%;
  display:inline-block;
}
.searchItemWrapper input[type="text"]{
  width:12em;
  display:block;
}
.searchItemWrapper input[name="leaseDate"]{
  display:inline-block;
}
.searchItemWrapper label{
  display:block;
}
.searchItemWrapper select{
  width:8em;
  display:inline-block;
}
.searchButtonWrapper{
  display:inline-block;
}
.searchButton{
  width:6em;
  padding:2px 0;
  color:#FFF;
  background-color:#5B9BD5;
  border:solid 1px #1B1D22;
  border-radius:6px;
}
.searchButton:hover{
  background-color:#2B6BA5;
}
/* .tableWrapper{

} */
.tableWrapper th,
.icListTable th,
.productListTable th {
	/* background: white; */
	position: sticky;
	top: 0;
	/* border: solid 1px #4ceaff; */
  background-color: #fff;
  background-clip: padding-box;
}

.tableWrapper table{
  border-collapse:collapse;
  border-bottom:solid 1px #000;
}
.tableWrapper tr{
  border-bottom:solid 1px #000;
}
.tableWrapper th:not(:first-child),
.tableWrapper td:not(:first-child){
  width:150px;
  border-bottom:solid 1px #000;
  text-align:center;
}
.tableWrapper th{
  font-weight:normal;
}
.tableWrapper .closeButton,
.tableWrapper .editButton,
.tableWrapper .historyButton{
  width:5em;
  padding:6px 0;
  margin:1px 0;
  color:#FFF;
  background-color:#5B9BD5;
  border:solid 1px #1B1D22;
  border-radius:6px;
}
.tableWrapper .closeButton:hover,
.tableWrapper .editButton:hover,
.tableWrapper .historyButton:hover{
  background-color:#2B6BA5;
  transition:background 0.3s;
}

.editContent{
  position:fixed;
  top:0;
  left:0;
  height:100%;
  width:100%;
  background-color:rgba(0, 0, 0, 0.7);
  display:none;
}
.editItemWrapper{
  position:relative;
  top:calc(50% - 200px);
  right:0;
  height:500px;
  width:900px;
  margin:auto;
  padding:2em 0;
  background-color:#FFF;
  border-radius:25px;
}
.editItem{
  width:auto;
  margin:0.5em 2em;
}
.editItem span:not(.value){
  width:10em;
  display:inline-block;
}
.editContent .editButtonWrapper{
  margin-top:40px;
  text-align:center;
}
.editContent .editButtonWrapper button{
  width:7em;
  padding:6px 0;
  margin:1px 20px;
  color:#FFF;
  background-color:#5B9BD5;
  border:solid 1px #1B1D22;
  border-radius:6px;
}

.for-pc { display:block; }
.for-sp { display:none; }

@media only screen and (max-width : 767px){
  .for-pc { display:none; }
  .for-sp { display:block; }
}

#wrapper{
  width: 375px;
  max-width: 100%;
  margin: 0 auto;
}
#content{
  position: relative;
  margin-top: 50px;
  width: 375px;
  max-width: 100%;
}
.centering{
  margin-top: unset;
  margin-top: 100px;
}
.btnPosition{
  /* position: relative; */
  text-align: center;
  margin: 30px 0 30px 0;
}
.btnProperty{
  width: 50%;
  padding: 20px 20px;
  background-color: #5B9BD5;
  border: none;
  border-radius: 6px;
  color: #FFF;
}
.btn{
  color: white;
  font-weight:200;
  font-size: 16px;
}
.btnOther{
  position:absolute;
  margin: 0 auto;
}
.message{
  position: absolute;
  width: 100%;
  text-align: center;
}
.pairingMessage{
  margin-top: 30px;
}
.btnCommon{
  position: absolute;
  width: 100%;
  top: 381px;
  text-align: center;
}
.btnSubmit{
  width: 75%;
  /* height: 30px; */
  margin: 10px;
  background-color: #2B6BA5;
  color: white;
  border: none;
  border-radius: 5px;
  padding: 10px;
  font-size: 18px;
  text-align: center;
}
.submitPosition{
  margin: 47px;
}
.reason{
  top: 160px;
}
.endReason{
  height: unset;
  padding: 20px;
  font-size: 24px;
  width: 50%;
}
.cancel{
  width: 100%;
  top: 450px;
  text-align: center;
  color: white;
  border-radius: 5px;
  padding: 10px;
}
.btnText{
  color: white;
  font-size: 18px;
}
.contents{
  margin-left: 47px;
  margin-top: 30px;
}
.btnBottom{
  position: absolute;
  width: 100%;
  top: 437px;
}
#btnEndLease{
  position: absolute;
  width: 100%;
  top: 120px;
}
/* カメラの描画スペース */
.canvas-wrapper{
  text-align: center;
}
#canvas {
width: 90%;
}