@charset "UTF-8";
/* ▼モバイルファースト (全環境に共通のデザイン) */
.l-main .l-reservationBox {
  width: 100%;
  margin: 0 auto; }
  .l-main .l-reservationBox .li-detail {
    display: flex;
    margin-bottom: 24px; }
    .l-main .l-reservationBox .li-detail dt {
      font-weight: bold;
      width: 5em; }
    .l-main .l-reservationBox .li-detail dd {
      line-height: 2; }
      .l-main .l-reservationBox .li-detail dd select {
        margin-right: 3px;
        margin-bottom: 8px; }
      .l-main .l-reservationBox .li-detail dd select ~ select {
        margin-left: 12px; }

/* ▼モバイルのみ付け足すデザイン */
@media all and (max-width: 767px) {
  .l-main .l-reservationBox .li-detail dd select.ui-areaSelect {
    width: 100%; }
  .l-main .l-reservationBox .li-detail dd select ~ select {
    margin-left: 0px; } }
/* ▼タブレット用デザインとして付け足すデザイン */
@media all and (min-width: 768px) {
  .l-main .li-detail {
    margin-left: 15%;
    margin-right: 5%; } }
/* ▼PC用デザインとして付け足すデザイン */