/* Search/Map */
/* 中央上の検索ボックスとカテゴリリスト */
.top-center-element {
  max-width: 600px;
  width: 95%;
}

/* 検索フォーム */
.search-form {
  margin-top: 10px;
  margin-left: 0px;
  padding: 0px;
  height: 35px;
  display: relative;
}

/* 検索ボックスのアイコン */
.search-form-icon {
  margin: 1px;
  position: absolute;
  left: 0px;
  height: 33px;
  width: 33px;
}

/* 検索ボックスのテキスト入力 */
.search-form-input {
  font-size: large;
  padding-left: 35px;
  width: 100%;
  height: 100%;
  border: none;
  background: white;
}

/* カテゴリ表示のボタンリスト */
.category-button-list {
  margin-top: 5px;
  padding-bottom: 10px;
  overflow-x: auto;
  overflow-y: hidden;
  white-space: nowrap;
}

/* カテゴリ毎のボタン */
.category-item {
  display: inline-block;
  border-radius: 20px;
  padding: 5px;
  margin-left: 5px;
  background: white;
}

/* カテゴリボタンが選択されているとき */
.category-item.selected {
  background-color: #184f9f;
  color: white;
}

/* 現在地アイコン */
.map-current-icon {
  margin-right: 10px;
  height: 40px;
  width: 40px;
  background: white;
}

/* スポット詳細の紹介文 */
.location-introduction {
    padding: 0px 10px 0px 10px;
    font-size: 14px;
}

.location-introduction-NewLine {
    white-space: pre-wrap;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

.a-popup {
  max-height: 80%;
}

@media screen and (max-width: 767px) {
  .a-coupon__content {
    max-height: 100%;
  }
}

.a-search-dest-wrap {
  background: white;
}

.a-result-method-icon--bicycle-ye {
  background-image: url("../img/app_parts/icon-mini-bicycle-ye.svg");
}
.a-result-method-icon--train-bl {
  background-image: url("../img/app_parts/icon-mini-train-bl.svg");
}
.a-multi-dest-btn-change--minus {
  background-image: url("../img/app_parts/icon_dest_minus.svg");
}
.top-search-dest-btn-change--minus {
  background-image: url("../img/pages/icon_dest_minus_wh.svg");
}

.a-route-body-icon--high-ol {
  background-image: url("../img/app_parts/icon-mini-high-ol.svg");
}

.a-route-body-icon--bus-bl {
  background-image: url("../img/app_parts/icon-mini-bus-bl.svg");
}

.a-map-info-start-bar-invisible {
  visibility: hidden;
}

.top-search-dest-btn-replace {
  right: -50px;
}

.a-multi-date-select__item_manual_last-child {
  border-right: 1.15px solid #f2f2f2;
}

.a-multi-method-label.is-modal {
  font-size: 11px;
}

.a-route-body-no-change {
  font-size: 12px;
  font-weight: normal;
}

.a-route-body__fee {
  height: 67px;
}

/**
* 料金についての免責事項
*/

.fare-popup_content {
  padding: 15px;
}

.fare-paragraph--first {
  padding-bottom: 15px;
}

.fare-paragraph {
  padding-top: 15px;
  padding-bottom: 15px;
  border-top: 1.4px solid #e4e4e4;
}

.a-fare-popup-bk {
  width: 100%;
  min-height: 100vh;
  background: rgba(201, 201, 201, 0.3);
  cursor: pointer;
}

.a-fare-popup-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  min-height: 100vh;
  cursor: default;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  justify-content: center;
}

.a-fare-popup {
  position: relative;
  width: 95%;
  border-radius: 16px;
  background: #fff;
}

.a-fare-popup .a-header-simple {
  border-top: none;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

.fare-disclaim-link {
  justify-content: flex-end;
  display: flex;
  font-size: 12px;
}

.c-header-box {
  overflow-y: hidden;
}

@media screen and (min-width: 769px) {
    .c-main-pt {
        padding-top: 84px;
    }
}

@media screen and (max-width: 768px) {
  .c-main-pt {
    padding-top: 60px;
  }
}

.fare-detail-section {
  display: flex;
  justify-content: space-between;
}

.sum-fare {
  text-align: end;
}

.fare-detail-name {
  text-align: start;
  margin-bottom: 10px;
}

.fare-detail-fare {
  min-width: 4rem;
  text-align: end;
}

.fare-detail {
  display: flex;
  justify-content: space-between;
}

.fare-detail-wrap {
  min-width: fit-content;
}

/* .fare-detail-border {
  padding-bottom: 20px;
  margin-bottom: 20px;
} */

.fare-detail-summary {
  display: flex;
  justify-content: space-between;
  padding: 25px 20px;
  border-bottom: solid 1px #e4e4e4;
  font-weight: bold;
}

.fare-detail-base {
  max-width: 2rem;
  min-width: 2rem;
}

.fare-detail-seattype {
  max-width: 5rem;
  min-width: 3rem;
}

.left-margin-1rem {
  margin-left: 1rem;
}

.a-fare-detail__content {
  padding: 0px 20px;
}

.a-fare-detail__content_head {
  font-weight: bold;
  padding: 20px;
}

#taxiModal {
  z-index: 1120;
}

#sharingModal {
  z-index: 1110;
}

#searchForm {
  font-size: 16px;
}

.sub-image-store {
  width: auto;
  height: 200px;
  display: flex;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .top-news-content {
    display: flex;
  }
}

.a-popup-body-inner {
  padding-top: 10px;
}

.a-result-re-search-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 35px;
  margin-top: 8px;
  width: 100%;
  border-radius: 16px;
  background: #184f9f;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.a-result-re-search-btn.is-disabled {
    background: #b4b4b4;
}

.a-result-re-search-btn__content {
  position: relative;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
}

.a-multi-search-btn__content div {
  text-align: center;
}

.a-multi-search-navitime {
  font-size: 10px;
  font-weight: 200;
  text-align: center;
}

@media screen and (min-width:481px) {
    select.a-multi-date-select-menu {
        padding-left: 20%;
    }
}

@media screen and (max-width: 480px) {
  select.a-multi-date-select-menu {
    font-size: 16px;
    transform: scale(calc(7 / 8));
  }
}

.c-header-list-item-site {
  color: #fff;
  font-family: "Zen Maru Gothic", sans-serif;
  font-size: 13px;
  font-weight: 700;
}

.c-header-list-item-site__link {
  text-decoration: underline;
}

.a-congestion-btn__content {
  text-align: center;
}

.p-model-btn--taxi::before {
  background-image: url("../img/pages/btn_circle03.svg");
}

.p-model-btn--bus::before {
  background-image: url("../img/pages/btn_circle04.svg");
}

.p-model-col__top_item {
  margin-right: 20px;
  margin-left: 20px;
}

input:-webkit-autofill {
    box-shadow: 0 0 0 1000px white inset;
}

.permission-link {
    justify-content: flex-end;
    display: flex;
    font-size: 14px;
}