/* order
----------------------------------------------------*/
/*
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
.pageTtl {
  background-image: url("img/page_ttl.jpg");
}
.komidashi {
  color: #A37E57;
  font-weight: bold;
  padding: 5px 0 0 0
}
/*
----------------------------------------------------*/
#order .lead {
  padding: 5px 0;
}
#order .lead strong {
  color: #A37E57;
  font-weight: bold;
}
#order .pht {
  border: 1px solid #cccccc;
  margin: 8px 0;
  padding: 10px;
}
#order .pht::after {
  clear: both;
  content: '';
  display: block;
}
#order .phtBox {
  font-size: 1.1rem;
  float: right;
  width: 50%;
}
#order .phtBox p {
  color: #A37E57;
  font-weight: bold;
  padding: 0 0 10px 0
}
#order .pht img {
  float: left;
  width: 45%;
}
@media (min-width: 415px) {
  #order .lead {
    float: left;
    width: 50%;
  }
  #order .pht {
    width: 48%;
    float: right;
  }
}
@media (min-width: 960px) {}
/*
----------------------------------------------------*/
@media (min-width: 415px) {}
@media (min-width: 960px) {}
/* order
----------------------------------------------------*/
.flow {}
.flowBox {}
.flowBox p {
  font-weight: bold;
}
.flowBox table {
  border-left: 0;
}
.flowBox .tbl01 th, .flowBox .tbl01 td {
  border-left: 1px solid #cccccc;
  padding: 10px 5px;
}