.calcont {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.calbox {
  margin: 0;
  padding: 15px 10px;
}

.calbox li {
  list-style: none;
}

.calbox input[type="button"] {
  cursor: pointer;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  margin: 0;
  padding: 15px;
  border: 1px solid #e26923;
  border-radius: 5px;
  text-shadow: 1px 1px 1px #9c641e;
  background: #ffa84c;
  background: -moz-linear-gradient(top,#ffa84c 0%,#ff7b0d 100%);
  background: -webkit-linear-gradient(top,#ffa84c 0%,#ff7b0d 100%);
  background: linear-gradient(to bottom,#ffa84c 0%,#ff7b0d 100%);
  width: 250px;
}

.calbox input[type="button"]:hover {
  opacity: 0.6;
}

.calbox  .calhead {
  border-left: 5px solid #80ba48;
  background: #f5f5f5;
  padding: 10px 5px 5px 20px;
}


/** pc **/
@media screen and (min-width: 768px){

.calbox >div {
  margin: 0 auto;
  text-align: center;
  width: 95%;
}

.calbox >div >div >ul {
  display: inline-block;
}

.calbox >div >div:nth-of-type(1) ul {
  border: 2px solid #fdf1c8;
  padding: 0;
  margin: 0 1% 10px;
  width: 30%;
}

.calbox >div >div:nth-of-type(1) li:nth-of-type(1) {
  background-color: #fdf1c8;
  text-align: center;
  color: #88520c;
  padding-top: 10px;
}

.calbox >div >div:nth-of-type(2) {
  display: block;
}

.calbox li {
  padding: 5px 10px;
}

.calbox input[type="number"] {
  text-align: right;
  width: 90px;
}

.kingakukekka ,
.hensaikekka ,
.hengakukekka {
  margin: 10px auto 5px;
  text-align: center;
  border: 2px solid #96c369;
}

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

.calbox>p {
  text-align: center;
}

.calbox>div >p {
  text-align: center;
}

.calbox>div >p span {
  display: block;
  padding-left: 20px;
}

.calbox {
  margin: 0;
  padding: 0;
}

.calbox ul {
  margin: 0;
  padding: 10px 5px;
}

.calbox li {
  display: table-cell;
  padding-right: 10px
}

.calbox li:nth-of-type(1) {
  text-align: right;
  width: 120px;
}

.calbox input[type="number"] {
  text-align: right;
  width: 50px;
}

.calbox >div >div:nth-of-type(2) {
  text-align: center;
}

.kingakukekka ,
.hensaikekka ,
.hengakukekka {
  margin: 10px auto 5px;
  font-weight: bold;
  text-align: center;
}

}