@charset "utf-8";

/* ==========================================================================
   フォームコンポーネント：共通
========================================================================== */

/* Bootstrap のオーバーライド */
.help-block {
  font-size: 1.4rem;
  margin: 0 0;
}
.error-block {
  background: #f2dede;
  border: 1px solid #ebccd1;
  border-radius: 4px;
  padding: 15px;
  padding: 5.5px 12px;
  margin-bottom: 0.5em;
}

/* Bootstrap 3 の ページネーション を Kaminari でも使えるようにする */
.bootstrap-pagination {}

.bootstrap-pagination nav.pagination {
  display: flex;
  padding-left: 0;
  margin: 20px 0;
  border-radius: 4px;
}
.bootstrap-pagination .pagination > .page,
.bootstrap-pagination .pagination > .first,
.bootstrap-pagination .pagination > .last,
.bootstrap-pagination .pagination > .next,
.bootstrap-pagination .pagination > .prev {
  background-color: #fff;
  border: 1px solid #ddd;
  color: #337ab7;
  float: left;
  line-height: 1.42857143;
  margin-left: -1px;
  padding: 6px 12px;
  position: relative;
  text-decoration: none;
}
.bootstrap-pagination .pagination > .page > a,
.bootstrap-pagination .pagination > .first > a,
.bootstrap-pagination .pagination > .last > a,
.bootstrap-pagination .pagination > .next > a,
.bootstrap-pagination .pagination > .prev > a {
  margin: -6px -12px;
  padding: 6px 12px;
}
.bootstrap-pagination .pagination > .page > a:hover,
.bootstrap-pagination .pagination > .page > a:hover,
.bootstrap-pagination .pagination > .first > a:hover,
.bootstrap-pagination .pagination > .first > a:focus,
.bootstrap-pagination .pagination > .last > a:hover,
.bootstrap-pagination .pagination > .last > a:focus,
.bootstrap-pagination .pagination > .next > a:hover,
.bootstrap-pagination .pagination > .next > a:focus,
.bootstrap-pagination .pagination > .prev > a:hover,
.bootstrap-pagination .pagination > .prev > a:focus {
  color: #23527c;
  background-color: #eeeeee;
  border-color: #ddd;
  z-index: 2;
}
.bootstrap-pagination .pagination > .page:first-child {
  margin-left: 0;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
}
.bootstrap-pagination .pagination > .page:last-child {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
}
.bootstrap-pagination .pagination > .current {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}
.bootstrap-pagination .pagination > .disabled {
  color: #777777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.entry_last_name,
.entry_first_name,
.entry_last_name_kana,
.entry_first_name_kana {
  width: calc( 50% - 1.0em );
}
.entry_first_name,
.entry_first_name_kana {
  margin-left: 1.0em;
}
@media (min-width: 576px) {
  .entry_first_name,
  .entry_first_name_kana {
    margin-left: 2.0em;
  }
}
.entry_postal_code {
  width: 10.0em;
}
.entry_prefecture label {
  white-space: nowrap;
}
label.check_boxes,
label.radio_buttons {
  display: block;
}
.entry_address1 {
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-left: 1.0em;
}
@media (min-width: 576px) {
  .entry_address1 {
    margin-left: 2.0em;
  }
}