@charset "UTF-8";
/* ------------------------------------
 * reservation/ticketing/passengers_name/typing.html
 * --------------------------------- */

.l-box-typing{
  display: flex;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  width: calc(100% + 40px);
  margin-left: -40px;
}
.l-box-typing .l-box-typing-item{
  width: calc(50% - 40px);
  margin-left: 40px;
}
.l-box-typing .l-box-typing-item .l-box-typing-item-inner{
  width: auto;
  table-layout: auto;
}
.l-box-typing table.m-tbl-typing {
  width: 100%;
  table-layout: fixed;
  background: #fff;
  border-spacing: 0;
  border-collapse: collapse;
}
.l-box-typing table.m-tbl-typing.m-tbl-typing-small{
  width: auto;
  table-layout: auto;
}
.l-box-typing table.m-tbl-typing th, table td {
  border: solid 1px #b2b2b2;
}
.l-box-typing table.m-tbl-typing td{
  padding: 20px;
  font-size: 1.6rem;
  text-align: center;
}

@media screen and (max-width: 767px) {
  .l-box-typing{
    width: 100%;
    margin-left: 0;
  }
  .l-box-typing .l-box-typing-item{
    width: 100%;
    margin-left: 0;
  }
  .l-box-typing .l-box-typing-item+.l-box-typing-item{
    margin-top: 40px;
  }
}