@charset "UTF-8";
#modal {
  width: auto;
  margin-top: 1.5em;
}

#buyMap {
  margin-bottom: 40px;
}
#buyMap .catch {
  font-family: "游明朝", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: bold;
}
#buyMap .magnifier {
  margin: 40px 0px 40px 170px;
}
#buyMap .stepBox {
  padding: 16px 0;
  padding: 1rem 0;
}
#buyMap .stepBox .row {
  margin: 0;
  padding: 0 32px;
  padding: 0 2rem;
}
#buyMap .stepBox .form-control {
  margin-bottom: 0;
}
#buyMap .stepBox label {
  font-weight: 600;
  color: #0073c4;
}
#buyMap .step1on {
  background-color: #dfeef7;
}
#buyMap .step2on {
  background-color: #dfeef7;
}
#buyMap .step3on {
  background-color: #dfeef7;
}
#buyMap .step2off {
  background-color: #eeeeee;
}
#buyMap .step3off {
  background-color: #eeeeee;
}
#buyMap .borderNow {
  border: 1px solid #99eeff;
}
#buyMap .borderOn {
  border: 1px solid #80bae0;
}
#buyMap .borderOff {
  border: 1px solid #cccccc;
}
#buyMap .stepArrow {
  margin-left: 220px;
}

.buy-index-list h2 {
  background: #F3FBFD;
  border: 1px solid #0073c4;
  height: 64px;
  height: 4rem;
  line-height: 1.5;
  font-size: 16px;
  font-size: 1rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
.buy-index-list h2 img {
  width: 110px;
  height: auto;
}
.buy-index-list h2 span {
  font-size: 12px;
  font-size: 0.75rem;
  color: #000;
}
.buy-index-list h2 strong {
  font-size: 16px;
  font-size: 1rem;
  color: #000;
}
.buy-index-list h2 i {
  color: #0073c4;
  font-size: 14.08px;
  font-size: 0.88rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 5%;
          flex: 0 0 5%;
}
.buy-index-list section h3 {
  color: #0073c4;
  font-size: 18.08px;
  font-size: 1.13rem;
}
.buy-index-list section p {
  font-size: 14.08px;
  font-size: 0.88rem;
}

@media (max-width: 992px) {
  #modal > div {
    margin-bottom: 1rem;
  }
  #modal > div img {
    width: 100%;
    height: auto;
  }
  #buyMap .magnifier {
    margin: 2rem auto;
    width: 100%;
    height: auto;
  }
  #buyMap .searchBox {
    margin-left: 0;
  }
}
@media (max-width: 767px) {
  .accordion-trigger {
    height: auto;
  }
}
/*SELECT2*/
.select2-container .select2-selection--multiple {
  min-height: 40px;
  border: 1px solid #ced4da;
}
.select2-container .select2-search--inline .select2-search__field {
  height: 23px;
  margin-top: 10px;
}

.select2-container--default .select2-container--focus .select2-selection--multiple {
  border: 1px solid #ced4da;
}

.buyTopSumstock {
  background: #FDF5F5;
}
.buyTopSumstock h3 {
  font-size: 24px;
  font-size: 1.5rem;
  color: #D3000C;
  font-weight: bold;
  margin-bottom: 4.8px;
  margin-bottom: 0.3rem;
}