/* 主にブース情報（booth）で使用
Masterhubとブース一覧・詳細画面UI同じ */

/*----------------------------------------
会場一覧
----------------------------------------*/
.fa-4xs {
  font-size: 0.3em !important;
  margin-left: 0.3rem;
  margin-right: 0.3rem;
  vertical-align: middle;
}

.related-list .d-inline-block {
  display: block !important;
  text-align: left;
}

#related_item_list .related-name {
  word-break: break-word;
}

#form_input_search_merge_include+.custom-control-label {
  cursor: pointer;
}

/*----------------------------------------
ブース詳細
----------------------------------------*/
.kvsec+.kvsec {
  margin-top: .75rem;
}

.kv-head {
  display: flex;
  align-items: center;
  background: #f0f0f0;
  padding: .375rem .5rem;
  font-weight: 600;
  color: #495057;
}

.kv-head i {
  margin-right: .5rem;
  opacity: .85;
}

.kv-body {
  padding: .5rem .25rem 0;
}

.kv-badges .badge {
  font-weight: 500;
  border: 1px solid #e5e5e5;
  background: #fff;
}

.badge-transport {
  font-size: .85rem;
  padding: 0.35rem 0.6rem;
  border-radius: 999px;
}

.fa-3xs {
  font-size: 0.3em !important;
  margin-left: 0.45rem;
  margin-right: 0.45rem;
  vertical-align: middle;
}

/* 住所横のGoogleマップアイコン */
.icon-map-link {
  font-size: .9rem;
  padding: 3px 0;
  line-height: 1;
}

.swal2-html-container {
  font-size: 0.94rem;
}

/* SweetAlert ローディング（ふよふよ地図ピン） */
.swal-loading-text {
  font-size: 0.92rem;
}

.swal-map-icon {
  text-align: center;
}

.swal-map-icon i {
  font-size: 2.4rem;
  color: #22b4a8;
  animation: marker-bounce 1s ease-in-out infinite;
}

/* ふよふよ上下に揺れるアニメーション */
@keyframes marker-bounce {

  0%,
  100% {
    transform: translateY(0) scale(1);
  }

  25% {
    transform: translateY(-6px) scale(1.03);
  }

  50% {
    transform: translateY(-14px) scale(1.07);
  }

  75% {
    transform: translateY(-6px) scale(1.03);
  }
}

/* マージ済みinfo */
#detail_page .alert.alert-warning .font-weight-bold {
  letter-spacing: .02em;
}


#related_item_list .related-item.is-disabled,
#related_item_list .related-item.is-disabled .related-name {
  color: #6c757d;
}

.related-item.is-disabled a {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
  cursor: default;
}

.related-item.is-disabled i,
.related-item.is-disabled .text-warning {
  color: inherit;
  opacity: .65;
}