@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;700&display=swap");
@font-face {
  font-family: "icomoon";
  src: url(/fonts/icomoon.eot?n9nsam);
  src: url(/fonts/icomoon.eot?n9nsam#iefix) format("embedded-opentype"), url(/fonts/icomoon.ttf?n9nsam) format("truetype"), url(/fonts/icomoon.woff?n9nsam) format("woff"), url(/fonts/icomoon.svg?n9nsam#icomoon) format("svg");
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^=icon-], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: "icomoon" !important;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-list:before {
  content: "\e900";
}

.icon-bicycle:before {
  content: "\e901";
}

.icon-category:before {
  content: "\e902";
}

.icon-geo:before {
  content: "\e903";
}

.icon-man_fill:before {
  content: "\e904";
  color: #f88d00;
}

.icon-man:before {
  content: "\e905";
  color: #f88d00;
}

.icon-map:before {
  content: "\e906";
  color: #4b4b4b;
}

.icon-history:before {
  content: "\e907";
}

.icon-calendar:before {
  content: "\e908";
}

.icon-shop:before {
  content: "\e909";
}

.ant-layout {
  background: #F5F5F5;
}

.live {
  display: inline-block;
  margin-left: 4px;
  width: 12px;
  height: 12px;
  border-radius: 6px;
  background: #F88D00;
  animation: flash 1.5s infinite linear;
  -webkit-animation: flash 1.5s infinite linear;
  -moz-animation: flash 1.5s infinite linear;
}

@keyframes flash {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.2;
  }
}
@-webkit-keyframes flash {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.2;
  }
}
@-moz-keyframes flash {
  0% {
    opacity: 0.2;
  }
  50% {
    opacity: 0.7;
  }
  100% {
    opacity: 0.2;
  }
}
#congestion-place {
  padding: 10px 0px;
  background-color: white;
}
#congestion-place .info-block {
  margin-bottom: 12px;
  padding: 0px 10px;
}
#congestion-place .info-block h3 {
  font-weight: bold;
}
#congestion-place .info-block .anticon svg {
  font-size: 1rem;
  position: relative;
  top: 1px;
}
#congestion-place .info-block .ant-avatar {
  width: 108px;
  height: 108px;
}
#congestion-place .info-block .txt .googleIcon {
  margin-left: 4px;
}
#congestion-place .floor-block .ant-image {
  padding-top: 5px;
}
#congestion-place .address-block {
  margin-top: 4px;
}
#congestion-place .description-block .description-txt {
  padding: 12px 5px;
  word-wrap: break-word;
}

.congestion__twitter-timeline-loading {
  text-align: center;
  margin: 10px auto 0;
}

img {
  pointer-events: none;
}

.web-location-map__map-container {
  position: relative;
  top: 0;
}
.web-location-map__map-container .map-loading {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.web-location-map__map-container .map-style-info {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 12px;
  text-align: center;
}
.web-location-map__map-container .map-style-info .ant-typography mark {
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(255, 255, 255, 0.5);
}
.web-location-map__map-container .current-zoom-level {
  z-index: 999;
  position: absolute;
  bottom: 40px;
  left: 5px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
  background-color: rgba(128, 128, 128, 0.8);
}
.web-location-map__map-container .current-center-lnglat {
  z-index: 999;
  position: absolute;
  bottom: 10px;
  left: 5px;
  padding: 3px 10px;
  border-radius: 20px;
  font-size: 13px;
  color: white;
  background-color: rgba(128, 128, 128, 0.8);
}
.web-location-map__map-container .center-mark-container {
  z-index: 999;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-location-map__map-container .center-mark-container .center-mark {
  display: inline-block;
  vertical-align: middle;
  color: #ff0000;
  line-height: 1;
  width: 30px;
  height: 3px;
  background: currentColor;
  border-radius: 3px;
  position: relative;
}
.web-location-map__map-container .center-mark-container .center-mark::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  border-radius: inherit;
  transform: rotate(90deg);
}
.web-location-map__map-container .debug-message {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  font-size: 16px;
  text-align: center;
  color: #ffffff;
  background-color: #ff0000;
  font-size: 16px;
}
@keyframes blinking {
  0% {
    opacity: 0;
  }
  80% {
    opacity: 1;
  }
}
.web-location-map__map-container .debug-message .blink {
  animation: blinking 1.5s ease-in-out infinite alternate;
}

.web-location-map__map {
  position: relative;
  top: 0;
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.web-location-map__map .mapboxgl-control-container {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.web-location-map__map.touch-panel .mapboxgl-ctrl-top-right {
  top: 60px;
}
.web-location-map__map.touch-panel .mapboxgl-ctrl-bottom-right {
  z-index: 100000;
}
.web-location-map__map.touch-panel .mapboxgl-ctrl-logo {
  pointer-events: none;
}
.web-location-map__map.touch-panel .mapboxgl-ctrl-logo.activated {
  pointer-events: auto;
}
.web-location-map__map.touch-panel .mapboxgl-ctrl-attrib-inner a {
  pointer-events: none;
}
.web-location-map__map.touch-panel .mapboxgl-ctrl-attrib-inner a.activated {
  pointer-events: auto;
}

.web-location-map__popup-content, .web-location-map__station-popup-content, .web-location-map__vehicle-popup-content {
  padding: 10px 5px;
  overflow: auto;
  width: 100%;
}
.web-location-map__popup-content .header, .web-location-map__popup-content .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .web-location-map__popup-content .footer, .web-location-map__station-popup-content .header, .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer, .web-location-map__vehicle-popup-content .header, .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.web-location-map__popup-content .header .image, .web-location-map__popup-content .header .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__popup-content .header .image__static, .web-location-map__popup-content .web-tourist-map__child-place-list .footer .image, .web-location-map__popup-content .web-tourist-map__child-place-list .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__popup-content .web-tourist-map__child-place-list .footer .image__static, .web-tourist-map__child-place-list .web-location-map__popup-content .footer .image, .web-tourist-map__child-place-list .web-location-map__popup-content .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .web-location-map__popup-content .footer .image__static, .web-location-map__station-popup-content .header .image, .web-location-map__station-popup-content .header .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__station-popup-content .header .image__static, .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .image, .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .image__static, .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .image, .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .image__static, .web-location-map__vehicle-popup-content .header .image, .web-location-map__vehicle-popup-content .header .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__vehicle-popup-content .header .image__static, .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .image, .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .image__static, .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .image, .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .image__static {
  margin-right: 8px;
}
.web-location-map__popup-content .header .image img, .web-location-map__popup-content .header .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__popup-content .header .image__static img, .web-location-map__popup-content .web-tourist-map__child-place-list .footer .image img, .web-location-map__popup-content .web-tourist-map__child-place-list .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__popup-content .web-tourist-map__child-place-list .footer .image__static img, .web-tourist-map__child-place-list .web-location-map__popup-content .footer .image img, .web-tourist-map__child-place-list .web-location-map__popup-content .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .web-location-map__popup-content .footer .image__static img, .web-location-map__station-popup-content .header .image img, .web-location-map__station-popup-content .header .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__station-popup-content .header .image__static img, .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .image img, .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .image__static img, .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .image img, .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .image__static img, .web-location-map__vehicle-popup-content .header .image img, .web-location-map__vehicle-popup-content .header .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__vehicle-popup-content .header .image__static img, .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .image img, .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .image__static img, .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .image img, .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static img, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .image__static img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.web-location-map__popup-content .header .name, .web-location-map__popup-content .web-tourist-map__child-place-list .footer .name, .web-tourist-map__child-place-list .web-location-map__popup-content .footer .name, .web-location-map__station-popup-content .header .name, .web-location-map__station-popup-content .web-tourist-map__child-place-list .footer .name, .web-tourist-map__child-place-list .web-location-map__station-popup-content .footer .name, .web-location-map__vehicle-popup-content .header .name, .web-location-map__vehicle-popup-content .web-tourist-map__child-place-list .footer .name, .web-tourist-map__child-place-list .web-location-map__vehicle-popup-content .footer .name {
  color: black;
  font-weight: bold;
}

.web-location-map__vehicle-popup .mapboxgl-popup-tip {
  border-top-color: #000000;
}
.web-location-map__vehicle-popup .mapboxgl-popup-content, .web-location-map__vehicle-popup .web-tourist-map__child-place-list-popup-container {
  background: #000000;
}

.web-location-map__vehicle-popup-content .service-status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-location-map__vehicle-popup-content .service-status .content {
  margin: 10px 0;
  color: white;
  font-size: 40px;
  font-weight: 1000;
}
.web-location-map__vehicle-popup-content .service-status .image, .web-location-map__vehicle-popup-content .service-status .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__vehicle-popup-content .service-status .image__static {
  width: 240px;
  height: 40px;
  object-fit: contain;
}
.web-location-map__vehicle-popup-content .occupancy-status {
  display: flex;
  align-items: center;
  justify-content: center;
}
.web-location-map__vehicle-popup-content .occupancy-status .image, .web-location-map__vehicle-popup-content .occupancy-status .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-location-map__vehicle-popup-content .occupancy-status .image__static {
  width: 240px;
  height: 40px;
  object-fit: contain;
}
.web-location-map__vehicle-popup-content .border-line {
  border-top: 3px solid #ffffff;
  margin-top: 10px;
  padding-top: 10px;
}

.web-location-map__debug-information {
  background: #ffffff;
}
.web-location-map__debug-information .ant-descriptions-header {
  margin-bottom: 5px;
}

img {
  pointer-events: none;
}

.web-tourist-map__map-container {
  position: relative;
  top: 0;
}

.web-tourist-map__map {
  position: relative;
  top: 0;
  width: 100%;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}
.web-tourist-map__map .mapboxgl-control-container {
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.web-tourist-map__map.touch-panel .mapboxgl-ctrl-top-right {
  top: 60px;
}
.web-tourist-map__map.touch-panel .mapboxgl-ctrl-bottom-right {
  z-index: 100000;
}
.web-tourist-map__map.touch-panel .mapboxgl-ctrl-logo {
  pointer-events: none;
}
.web-tourist-map__map.touch-panel .mapboxgl-ctrl-logo.activated {
  pointer-events: auto;
}
.web-tourist-map__map.touch-panel .mapboxgl-ctrl-attrib-inner a {
  pointer-events: none;
}
.web-tourist-map__map.touch-panel .mapboxgl-ctrl-attrib-inner a.activated {
  pointer-events: auto;
}

.web-tourist-map__loading {
  z-index: 1000;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.web-tourist-map__twitter-timeline-loading {
  text-align: center;
  margin: 10px auto 0;
}

.web-tourist-map__popup {
  width: 500px !important;
  z-index: 1000;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  /* 500px未満の端末 */
}
@media (max-width: 500px) {
  .web-tourist-map__popup {
    width: 87% !important;
  }
}

.web-tourist-map__popup-place-qr-code {
  position: absolute;
  bottom: -6px;
  right: -140px;
  text-align: center;
}
.web-tourist-map__popup-place-qr-code .img-baloon {
  margin-bottom: 8px;
  width: 96px;
  height: 96px;
}

.web-tourist-map__popup-close-button {
  position: absolute;
  top: -15px;
  right: -15px;
  width: 40px;
  height: 40px;
  background-color: transparent;
}

.mapboxgl-popup-content, .web-tourist-map__child-place-list-popup-container {
  box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
  border-radius: 12px;
  padding: 5px 5px 10px 10px;
}

.web-tourist-map__child-place-list-popup-container {
  position: relative;
  background: #ffffff;
  max-width: 330px;
}

.mapboxgl-marker-occluded {
  opacity: 1;
}

.ant-carousel .slick-list .slick-slide {
  padding: 0 5px;
}

.web-tourist-map__marker-container, .web-tourist-map__marker-container-region-area-link, .web-tourist-map__marker-mapimage-container, .web-tourist-map__marker-container-current-location, .web-tourist-map__marker-container-place-active, .web-tourist-map__marker-container-place-with-tweet-new, .web-tourist-map__marker-container-place-with-tweet, .web-tourist-map__marker-container-place-with-instagram, .web-tourist-map__marker-container-place, .web-tourist-map__marker-container-vehicle {
  text-align: center;
}

.web-tourist-map__marker-container-vehicle {
  z-index: 1;
  cursor: auto;
  pointer-events: none !important;
}

.web-tourist-map__marker-container-place {
  z-index: 2;
  pointer-events: none !important;
}

.web-tourist-map__marker-container-place-with-instagram {
  z-index: 3;
  pointer-events: none !important;
}

.web-tourist-map__marker-container-place-with-tweet {
  z-index: 3;
  pointer-events: none !important;
}

.web-tourist-map__marker-container-place-with-tweet-new {
  z-index: 4;
  pointer-events: none !important;
}

.web-tourist-map__marker-container-place-active {
  z-index: 5;
  pointer-events: none !important;
}

.web-tourist-map__marker-container-current-location {
  z-index: 6;
  pointer-events: none !important;
}

.web-tourist-map__marker-mapimage-container {
  z-index: 1;
  pointer-events: none;
}

.web-tourist-map__marker-container-region-area-link {
  z-index: 1;
  cursor: pointer;
}
.web-tourist-map__marker-container-region-area-link .region-area-link-button-container {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background: rgba(15, 50, 77, 0.5019607843) 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1019607843);
  border-radius: 8px;
  border-color: rgba(15, 50, 77, 0.5019607843);
  opacity: 1;
  width: auto;
  height: 48px;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  padding: 0 16px;
}
.web-tourist-map__marker-container-region-area-link.top {
  margin-top: 60px;
}
.web-tourist-map__marker-container-region-area-link.top .region-area-link-button-container:before {
  content: "";
  border: 10px solid transparent;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -15px;
  border-bottom: 15px solid rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__marker-container-region-area-link.top.touch-panel {
  margin-top: 100px;
}
.web-tourist-map__marker-container-region-area-link.bottom {
  margin-bottom: 200px;
}
.web-tourist-map__marker-container-region-area-link.bottom .region-area-link-button-container:before {
  content: "";
  border: 10px solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 15px solid rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__marker-container-region-area-link.bottom.touch-panel {
  margin-bottom: 450px;
}
.web-tourist-map__marker-container-region-area-link.left {
  margin-left: 20px;
}
.web-tourist-map__marker-container-region-area-link.left .region-area-link-button-container:before {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  top: 50%;
  left: -25px;
  margin-top: -10px;
  border-right: 15px solid rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__marker-container-region-area-link.right {
  margin-right: 20px;
}
.web-tourist-map__marker-container-region-area-link.right .region-area-link-button-container:before {
  content: "";
  position: absolute;
  border: 10px solid transparent;
  top: 50%;
  left: 100%;
  margin-top: -10px;
  border-left: 15px solid rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__marker-container-region-area-link.bottom-fit .region-area-link-button-container:before {
  content: "";
  border: 10px solid transparent;
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border-top: 15px solid rgba(15, 50, 77, 0.5019607843);
}

.web-tourist-map__marker-popup-icon, .web-tourist-map__marker-popup-icon-sns, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .icon, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .image, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .image__static, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .icon, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .image, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .image__static {
  width: 50px;
  margin-left: auto;
  margin-right: auto;
}
.web-tourist-map__marker-popup-icon.touch-panel, .touch-panel.web-tourist-map__marker-popup-icon-sns, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .touch-panel.icon, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .touch-panel.image, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .touch-panel.image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .touch-panel.image__static, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .touch-panel.icon, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .touch-panel.image, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .touch-panel.image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .touch-panel.image__static {
  width: 100px;
}

.web-tourist-map__marker-popup-icon-sns, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .icon, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .image, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .image__static, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .icon, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .image, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .image__static {
  width: 60px;
  height: 50px;
  padding: 5px;
}
.web-tourist-map__marker-popup-icon-sns.large, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .large.icon, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .large.image, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .large.image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .large.image__static, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .large.icon, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .large.image, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .large.image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .large.image__static {
  width: 120px;
  height: 100px;
}
.web-tourist-map__marker-popup-icon-sns.large.touch-panel, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .large.touch-panel.icon, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .large.touch-panel.image, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .large.touch-panel.image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .large.touch-panel.image__static, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .large.touch-panel.icon, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .large.touch-panel.image, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .large.touch-panel.image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .large.touch-panel.image__static {
  width: 240px;
  height: 200px;
}

.web-tourist-map__marker-additional-info-image-container {
  position: absolute;
  left: 5%;
  z-index: 1;
}
.web-tourist-map__marker-additional-info-image-container.active {
  top: 10%;
  left: 15%;
  z-index: 1;
}

.web-tourist-map__marker-additional-info-image-content {
  border-radius: 4px;
  background-color: rgb(255, 255, 255);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
  text-align: center;
  margin: auto;
  position: relative;
  display: inline-block;
}

.web-tourist-map__marker-additional-info-image-content:before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent;
  border-width: 10px 5px 0 2px;
  bottom: -15%;
  left: 92%;
  transform: rotate(-60deg);
}

.web-tourist-map__marker-additional-info-image-icon {
  width: 32px;
  height: 24px;
  margin: 3px;
  object-fit: contain;
}
.web-tourist-map__marker-additional-info-image-icon.touch-panel {
  width: 64px;
  height: 48px;
}

.web-tourist-map__marker-popup-icon-content, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .container, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .container, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .container {
  border-radius: 8px;
  background-color: rgb(255, 255, 255);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
  text-align: center;
  margin: auto;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}

.web-tourist-map__marker-popup-icon-content:before, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .container:before, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container:before, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .container:before, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .container:before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: rgb(255, 255, 255) transparent;
  border-width: 6px 6px 0 6px;
  top: 100%;
  left: 50%;
  margin-left: -6px;
}

.web-tourist-map__marker-popup-icon-content-new, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .container-new, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container-new, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .container-new, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .container-new {
  border-radius: 8px;
  background-color: rgb(252, 228, 4);
  filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.2));
  text-align: center;
  margin: auto;
  position: relative;
  display: inline-block;
  margin-bottom: 5px;
}

.web-tourist-map__marker-popup-icon-content-new:before, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .container-new:before, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container-new:before, .web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .container-new:before, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .container-new:before {
  content: "";
  position: absolute;
  display: block;
  border-style: solid;
  border-color: rgb(252, 228, 4) transparent;
  border-width: 6px 6px 0 6px;
  top: 100%;
  left: 50%;
  margin-left: -6px;
}

.web-tourist-map__marker-popup-icon-tip {
  align-self: center;
  border-bottom: none;
  border-top-color: #fff;
}

.web-tourist-map__marker-popup-icon-container {
  z-index: 2;
  position: absolute;
  top: -18px;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  pointer-events: auto;
  cursor: pointer;
}
.web-tourist-map__marker-popup-icon-container.large {
  top: -60px;
}
.web-tourist-map__marker-popup-icon-container.touch-panel {
  top: -36px;
}
.web-tourist-map__marker-popup-icon-container.touch-panel.large {
  top: -90px;
}

.web-tourist-map__marker-popup-icon-animation-container, .web-tourist-map__marker-child-place-popup-icon-animation-container {
  animation-name: popup;
  animation-duration: 1.5s;
  animation-timing-function: ease-in;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-fill-mode: both;
  animation-play-state: running;
}

.web-tourist-map__marker-child-places-popup-icon-container {
  z-index: 1;
  display: flex;
  position: absolute;
  top: -38px;
  width: 100%;
  justify-content: center;
}
.web-tourist-map__marker-child-places-popup-icon-container.touch-panel {
  top: -76px;
}

.web-tourist-map__marker-child-place-popup-icon-animation-container {
  position: relative;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.left {
  top: 35px;
  left: 45px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.left.touch-panel {
  top: 70px;
  left: 90px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.top-left {
  top: 10px;
  left: 25px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.top-left.touch-panel {
  top: 20px;
  left: 50px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.center {
  top: 0;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.top-right {
  top: 20px;
  right: 15px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.top-right.touch-panel {
  top: 40px;
  right: 30px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.right {
  top: 5px;
  right: 50px;
}
.web-tourist-map__marker-child-place-popup-icon-animation-container.right.touch-panel {
  top: 10px;
  right: 100px;
}

@keyframes popup {
  0% {
    transform: scale(0.5) translateY(100%);
    opacity: 0;
  }
  10% {
    transform: scale(0.6) translateY(100%);
    opacity: 0.1;
  }
  20% {
    opacity: 0.8;
  }
  30% {
    transform: scale(1) translateY(0%);
    opacity: 1;
  }
}
.web-tourist-map__marker-current-location {
  width: 80px;
}
.web-tourist-map__marker-current-location.touch-panel {
  width: 160px;
}

.web-tourist-map__marker-vehicle-current-location {
  height: 35px;
}
.web-tourist-map__marker-vehicle-current-location.touch-panel {
  height: 70px;
}

.web-tourist-map__marker-place-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
}

.web-tourist-map__marker-place-clickable-area {
  position: absolute;
  margin: auto;
  width: 0;
  height: 0;
  pointer-events: auto;
  cursor: pointer;
}

.web-tourist-map__marker-place-active {
  filter: drop-shadow(0 0 5px #FFA500);
  animation: bound 3s infinite;
}

@keyframes bound {
  0% {
    transform: scale(1, 1) translate(0%, 0%);
  }
  5% {
    transform: scale(0.9, 0.9) translate(0%, 5%);
  }
  10% {
    transform: scale(1.3, 0.8) translate(0%, 10%);
  }
  20% {
    transform: scale(0.8, 1.3) translate(0%, -10%);
  }
  30% {
    transform: scale(1.1, 0.9) translate(0%, 5%);
  }
  40% {
    transform: scale(1, 1) translate(0%, 0%);
  }
}
.web-tourist-map__marker-place-moving-animation {
  animation: swing 2s linear infinite !important;
}

@keyframes swing {
  0% {
    transform-origin: bottom center;
    transform: rotate(0deg);
  }
  25% {
    transform-origin: bottom center;
    transform: rotate(10deg);
  }
  50% {
    transform-origin: bottom center;
    transform: rotate(0deg);
  }
  75% {
    transform-origin: bottom center;
    transform: rotate(-10deg);
  }
  100% {
    transform-origin: bottom center;
    transform: rotate(0deg);
  }
}
.web-tourist-map__place-popup-auto-display-area-container {
  z-index: 999;
  position: absolute;
  bottom: 170px;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  pointer-events: none;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.web-tourist-map__place-popup-auto-display-area-container .icon {
  margin-bottom: -30px;
}
.web-tourist-map__place-popup-auto-display-area-container .clickable-icon-area {
  position: absolute;
  top: 65%;
  left: 49.8%;
  transform: translate(-50%, -50%);
}
.web-tourist-map__place-popup-auto-display-area-container .area {
  width: 40px;
  height: 40px;
  margin: 0 auto;
}
.web-tourist-map__place-popup-auto-display-area-container.touch-panel {
  bottom: 25%;
}
.web-tourist-map__place-popup-auto-display-area-container.touch-panel .icon {
  height: 160px;
}
.web-tourist-map__place-popup-auto-display-area-container.touch-panel .area {
  width: 80px;
}

.web-tourist-map__place-detail-wrapper {
  z-index: 1000;
  width: 100%;
  height: 114px;
}
.web-tourist-map__place-detail-wrapper .place-detail-card {
  border-radius: 8px;
  height: 114px;
  background-color: #ffffff;
  border: 2px solid #ffffff;
  overflow: hidden;
  cursor: pointer;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .avatar-container {
  margin: 7px 8px 7px 7px;
  width: 96px;
  height: 96px;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .avatar-container .ant-avatar {
  width: 100%;
  height: 100%;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .avatar-container .ant-avatar img {
  object-fit: contain;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .avatar-container .avatar-place-icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #eeeeee;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container {
  padding-top: 3px;
  padding-right: 7px;
  position: relative;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container .name {
  font-size: 16px;
  font-weight: bold;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container .detail-link {
  width: 16px;
  height: 16px;
  margin-top: 6px;
  margin-right: 7px;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container .distance {
  font-size: 14px;
  font-weight: bold;
  color: #979797;
  margin-top: -3px;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container .description {
  font-size: 14px;
  color: #000000;
  line-height: 1.4;
  margin-top: 8px;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container .description a {
  pointer-events: none;
  color: inherit;
  text-decoration: none;
}
.web-tourist-map__place-detail-wrapper .place-detail-card .place-detail-container .blur {
  position: absolute;
  top: 96px;
  width: 100%;
  height: 15px;
  background: linear-gradient(rgba(255, 255, 255, 0), 3%, #ffffff);
}
@media screen and (min-width: 768px) {
  .web-tourist-map__place-detail-wrapper .ant-carousel .slick-list .slick-slide {
    pointer-events: auto;
  }
  .web-tourist-map__place-detail-wrapper .slick-center .place-detail-card {
    border: 2px solid #000000;
  }
  .web-tourist-map__place-detail-wrapper .place-detail-card {
    width: 325px !important;
  }
}

.web-tourist-map__twitter-timeline {
  margin-top: 5px;
}
.web-tourist-map__twitter-timeline.touch-panel {
  pointer-events: none;
}
.web-tourist-map__twitter-timeline .twitter-tweet {
  min-width: 250px;
}

::-webkit-full-page-media, :future, :root .web-tourist-map__twitter-timeline {
  margin-right: 7px;
}

.web-tourist-map__popup-content-height-default {
  max-height: min(calc(var(--vh, 1vh) * 100 * 0.4), 320px);
  overflow-y: auto;
  overflow-x: hidden;
}

.web-tourist-map__popup-content-height-default::-webkit-scrollbar-thumb {
  background: rgba(106, 106, 106, 0.5019607843);
  border-radius: 20px;
}

.web-tourist-map__popup-content-height-default::-webkit-scrollbar {
  width: 7px;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__popup-content-height-default::-webkit-scrollbar {
    width: 5px;
  }
}

.web-tourist-map__popup-content-height-default::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2392156863);
}

.web-tourist-map__popup-content-height-tabs {
  max-height: min(calc(var(--vh, 1vh) * 100 * 0.4), 320px);
}
.web-tourist-map__popup-content-height-tabs .web-tourist-map__popup-content-height-default {
  max-height: min(calc(var(--vh, 1vh) * 100 * 0.4 - 30px), 290px);
  overflow-y: auto;
  overflow-x: hidden;
}

.web-tourist-map__popup-place-like {
  text-align: right;
  margin-top: 5px;
  margin-right: 25px;
}
.web-tourist-map__popup-place-like .anticon svg {
  position: relative;
  top: 1px;
}
.web-tourist-map__popup-place-like.tabs {
  margin-bottom: 40px;
}

.web-tourist-map__twitter-content-list {
  padding-top: 5px;
  overflow: auto;
}
.web-tourist-map__twitter-content-list .ant-list-item {
  padding: 0;
}

.web-tourist-map__twitter-content {
  padding: 10px 5px;
  width: 100%;
}
.web-tourist-map__twitter-content:hover {
  background-color: #f5f8fa;
}
.web-tourist-map__twitter-content .link-block {
  color: inherit;
}
.web-tourist-map__twitter-content .author-info-block {
  display: flex;
  align-items: center;
  position: relative;
}
.web-tourist-map__twitter-content .author-info-block .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.web-tourist-map__twitter-content .author-info-block .author-image {
  margin-right: 8px;
}
.web-tourist-map__twitter-content .author-info-block .author-image img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.web-tourist-map__twitter-content .author-info-block .author-name-block .name {
  color: black;
  font-size: 12px;
  font-weight: bold;
}
.web-tourist-map__twitter-content .author-info-block .author-name-block .screen-name {
  color: #657786;
  font-size: 12px;
}
.web-tourist-map__twitter-content .author-info-block .twitter-logo {
  margin: 5px 2px auto auto;
  width: 16px;
}
.web-tourist-map__twitter-content .tweet-block {
  margin-top: 6px;
  position: relative;
}
.web-tourist-map__twitter-content .tweet-block .text {
  font-size: 12px;
}
.web-tourist-map__twitter-content .tweet-block .link {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.web-tourist-map__twitter-content .media-block {
  margin-top: 16px;
}
.web-tourist-map__twitter-content .footer-block {
  display: flex;
  margin-top: 16px;
}
.web-tourist-map__twitter-content .footer-block a {
  font-size: 16px;
  color: #686868;
  margin-right: 24px;
}
.web-tourist-map__twitter-content .footer-block .action-replay:hover {
  color: #1890ff;
}
.web-tourist-map__twitter-content .footer-block .action-retweet:hover {
  color: #00ba7c;
}
.web-tourist-map__twitter-content .footer-block .action-like:hover {
  color: #f91880;
}
.web-tourist-map__twitter-content .footer-block .created-at {
  margin: auto 0 auto auto;
  color: #686868;
  font-size: 12px;
}

.web-tourist-map__instagram-album-content-page, .web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .next, .web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .prev {
  z-index: 10;
  position: absolute;
  top: 45%;
  width: 30px;
  height: 30px;
  color: rgba(var(--ca6, 219, 219, 219), 0.9);
  border-radius: 50%;
}
.web-tourist-map__instagram-album-content-page:hover, .web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .next:hover, .web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .prev:hover {
  color: rgba(var(--ca6, 219, 219, 219), 0.9);
}

.web-tourist-map__instagram-content-list {
  margin-top: 5px;
  height: 300px;
}
.web-tourist-map__instagram-content-list .ant-list-item {
  padding: 0;
}
.web-tourist-map__instagram-content-list .ant-list-item .ant-image {
  width: 100%;
}

.web-tourist-map__instagram-content {
  padding: 10px 5px;
  width: 100%;
  color: black;
  font-size: 12px;
}
.web-tourist-map__instagram-content .link-block {
  color: inherit;
}
.web-tourist-map__instagram-content .header-block {
  height: 30px;
}
.web-tourist-map__instagram-content .header-block .header-user .user-link {
  color: #262626;
  color: rgba(var(--i1d, 38, 38, 38), 1);
  font-weight: 600;
  padding-left: 5px;
  margin-left: -5px;
}
.web-tourist-map__instagram-content .header-block .header-user .user-link .a {
  color: #00376B;
  color: rgba(var(--fe0, 0, 55, 107), 1);
  text-decoration: none;
}
.web-tourist-map__instagram-content .footer-block {
  padding: 0 8px;
  width: 100%;
}
.web-tourist-map__instagram-content .footer-block .footer-info-block {
  margin-top: 16px;
  margin-bottom: 4px;
}
.web-tourist-map__instagram-content .footer-block .footer-info-block .footer-info {
  display: block;
}
.web-tourist-map__instagram-content .footer-block .footer-info-block .footer-info .footer-caption {
  overflow-wrap: break-word;
  margin-top: 4px;
}
.web-tourist-map__instagram-content .footer-block .footer-timestamp-block .footer-timestamp {
  color: #8e8e8e;
  color: rgba(var(--f52, 142, 142, 142), 1);
}
.web-tourist-map__instagram-content .content-block {
  pointer-events: auto;
  background-color: #FFFFFF;
  background-color: rgba(var(--d87, 255, 255, 255), 1);
}
.web-tourist-map__instagram-content .content-block .image-content-block {
  max-height: inherit;
  background-color: #EFEFEF;
  background-color: rgba(var(--bb2, 239, 239, 239), 1);
  display: block;
  width: 100%;
}
.web-tourist-map__instagram-content .content-block .image-content-block .image-content {
  display: block;
  overflow: hidden;
}
.web-tourist-map__instagram-content .content-block .image-content-block .image-content .image, .web-tourist-map__instagram-content .content-block .image-content-block .image-content .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__instagram-content .content-block .image-content-block .image-content .image__static {
  object-fit: cover;
  height: 100%;
  left: 0;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.web-tourist-map__instagram-content .content-block .video-content-block {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 100%;
  display: block;
  overflow: hidden;
  max-height: inherit;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content {
  height: 100%;
  position: relative;
  width: 100%;
  display: block;
  overflow: hidden;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-block {
  bottom: 0;
  left: 0;
  position: relative;
  right: 0;
  top: 0;
  background-color: #000000;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-width: 100%;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-block .video {
  height: 100%;
  width: 100%;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-playar-block {
  height: 135px;
  left: 50%;
  margin-left: -67px;
  margin-top: -67px;
  top: 50%;
  width: 135px;
  display: inline-block;
  position: absolute;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-playar-block .anticon {
  opacity: 0.6;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-playar-block .anticon svg {
  font-size: 5.7rem;
  color: #FFFFFF;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-playar-block .video-play-icon {
  text-align: center;
  vertical-align: middle;
  margin-top: 20px;
}
.web-tourist-map__instagram-content .content-block .video-content-block .video-content .video-play {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: transparent;
}
.web-tourist-map__instagram-content .content-block .album-content-block {
  left: 0;
  position: relative;
  top: 0;
}
.web-tourist-map__instagram-content .content-block .album-content-block .album-content {
  display: block;
}
.web-tourist-map__instagram-content .content-block .album-content-block .album-content .album {
  z-index: 1000;
  min-height: 130px;
  width: 100%;
}
.web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .ant-carousel .slick-slider .slick-list {
  padding: 0 !important;
}
.web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .ant-carousel .slick-list .slick-slide {
  padding: 0 !important;
}
.web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .prev {
  left: 0;
  padding-left: 8px;
}
.web-tourist-map__instagram-content .content-block .album-content-block .album-content .album .next {
  right: 0;
  padding-right: 8px;
}

.web-tourist-map__popup-tabs-content {
  margin-bottom: 35px;
  min-width: 310px;
}
.web-tourist-map__popup-tabs-content .button-container {
  position: absolute;
  bottom: -26px;
  left: 0;
  padding: 0 10px;
  width: 100%;
  height: 80px;
  display: flex;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle .ant-radio-button-wrapper, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-ellipse .ant-radio-button-wrapper, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .ant-radio-button-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 64px;
  height: 64px;
  color: #000000;
  border-radius: 50px;
  border: 1px solid #e6e6e6;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
  padding: 0;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle .ant-radio-button-wrapper-checked, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-ellipse .ant-radio-button-wrapper-checked, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .ant-radio-button-wrapper-checked {
  border: 2px solid #000000;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle .ant-radio-button-wrapper:not(:first-child)::before, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-ellipse .ant-radio-button-wrapper:not(:first-child)::before, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .ant-radio-button-wrapper:not(:first-child)::before {
  width: 0;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle .ant-image, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-ellipse .ant-image, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .ant-image {
  display: flex;
  margin: 0 auto;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle .label, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-ellipse .label, .web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .label {
  width: 64px;
  font-size: 11px;
  text-align: center;
  line-height: 13px;
  margin-top: 3px;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .ant-radio-button-wrapper {
  width: 80px;
  height: 80px;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .ant-image {
  width: 40px;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-circle-large .label {
  width: 80px;
}
.web-tourist-map__popup-tabs-content .button-container .radio-button .radio-button-ellipse .ant-radio-button-wrapper {
  width: 120px;
  height: 32px;
  border-radius: 16px;
  font-size: 11px;
}
.web-tourist-map__popup-tabs-content .button-container .ambassador-tweet {
  position: absolute;
  right: 0;
}

.web-tourist-map__place-content {
  padding: 10px 5px;
  overflow: auto;
  width: 100%;
}
.web-tourist-map__place-content .place-info-block {
  display: flex;
  align-items: center;
}
.web-tourist-map__place-content .place-info-block .place-image {
  margin-right: 8px;
}
.web-tourist-map__place-content .place-info-block .place-image img {
  width: 32px;
  height: 32px;
  border-radius: 50%;
  object-fit: cover;
}
.web-tourist-map__place-content .place-info-block .place-name {
  color: black;
  font-weight: bold;
}
.web-tourist-map__place-content .content-block {
  font-size: 12px;
}

.web-tourist-map__popup-content-hashtag {
  margin: 10px auto 0;
  width: 100%;
}
.web-tourist-map__popup-content-hashtag .ant-typography-copy {
  display: block !important;
}
.web-tourist-map__popup-content-hashtag .hashtag {
  font-size: 14px;
}
.web-tourist-map__popup-content-hashtag .ant-typography-copy {
  margin-top: 10px;
  margin-left: 0;
  text-align: center;
}
.web-tourist-map__popup-content-button-container {
  padding: 5px 8px;
  width: 100%;
  height: 48px;
}
.web-tourist-map__popup-content-button-container .button {
  color: white;
  background-color: #30A5FF;
  border-color: #30A5FF;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  height: 40px;
  border-radius: 24px;
}
.web-tourist-map__popup-content-button-container .bus-route-guide {
  background-color: #F1A239;
  border-color: #F1A239;
}
.web-tourist-map__popup-content-button-container .reservation_button {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #0F7929;
  border-color: #0F7929;
}

.web-tourist-map__popup-content-place {
  margin: 10px auto 0;
}

.web-tourist-map__popup-content-rental-shop {
  margin: 5px auto 0;
}
.web-tourist-map__popup-content-rental-shop .vehicle-icon {
  font-size: 36px;
  margin-top: auto;
}
.web-tourist-map__popup-content-rental-shop .vehicle-icon .icon-bicycle {
  line-height: 0;
}
.web-tourist-map__popup-content-rental-shop .vehicle-availabl-rental {
  margin-left: 8px;
  font-size: 12px;
  text-align: center;
}
.web-tourist-map__popup-content-rental-shop .vehicle-availabl-rental .vehicle-availabl-rental-count {
  margin-top: 5px;
  font-size: 30px;
  font-weight: bold;
}

.web-tourist-map__popup-content-congestion {
  margin: 5px auto 0;
}
.web-tourist-map__popup-content-congestion .man-icon {
  font-size: 36px;
  margin-top: auto;
}
.web-tourist-map__popup-content-congestion .congestion {
  margin-left: 16px;
  font-size: 12px;
}
.web-tourist-map__popup-content-congestion .congestion .congestion-rate {
  margin-top: 5px;
  font-size: 30px;
  font-weight: bold;
}

.web-tourist-map__preview-qr-code-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0);
  padding: 8px 8px 10px;
}
.web-tourist-map__preview-qr-code-content.invisible {
  display: none;
}
.web-tourist-map__preview-qr-code-content .qr-container {
  padding: 16px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
  height: 100%;
}
.web-tourist-map__preview-qr-code-content .qr-container .qr-content {
  background: #ffffff;
  text-align: center;
  height: 100%;
}
.web-tourist-map__preview-qr-code-content .qr-container .qr-content .qr-img {
  padding: 16px 0 8px;
}
.web-tourist-map__preview-qr-code-content .qr-container .qr-content .url-text {
  text-align: left;
  font: normal normal normal 10px/15px Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 8px;
  padding: 8px;
  margin: 0 16px;
  word-break: break-all;
}
.web-tourist-map__preview-qr-code-content .qr-container .qr-content .close-button {
  position: relative;
  height: 48px;
  width: 50%;
  padding: 12px 40px;
  margin: 16px 0;
  color: white;
  background: rgba(15, 50, 77, 0.5019607843) 0% 0% no-repeat padding-box;
  border-radius: 40px;
}
.web-tourist-map__preview-qr-code-content .qr-container .qr-content .close-button .fa-position-right {
  top: 55%;
}

.web-tourist-map__description-image-split-base, .web-tourist-map__description-image-container .split-4, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4, .signage__description-image-container .split-4, .place__description-image-container .split-4, .web-tourist-map__twitter-content .media-block .media-container .split-4, .web-tourist-map__description-image-container .split-3, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3, .signage__description-image-container .split-3, .place__description-image-container .split-3, .web-tourist-map__twitter-content .media-block .media-container .split-3, .web-tourist-map__description-image-container .split-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2, .signage__description-image-container .split-2, .place__description-image-container .split-2, .web-tourist-map__twitter-content .media-block .media-container .split-2, .web-tourist-map__description-image-container .split-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-1, .signage__description-image-container .split-1, .place__description-image-container .split-1, .web-tourist-map__twitter-content .media-block .media-container .split-1 {
  width: auto;
  overflow: hidden;
}

.web-tourist-map__description-image-image-base, .web-tourist-map__description-image-container .split-4 .image-4, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-4, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-4, .signage__description-image-container .split-4 .image-4, .place__description-image-container .split-4 .image-4, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-4, .web-tourist-map__description-image-container .split-4 .image-3, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-3, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-3, .signage__description-image-container .split-4 .image-3, .place__description-image-container .split-4 .image-3, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-3, .web-tourist-map__description-image-container .split-4 .image-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-2, .signage__description-image-container .split-4 .image-2, .place__description-image-container .split-4 .image-2, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-2, .web-tourist-map__description-image-container .split-4 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-1, .signage__description-image-container .split-4 .image-1, .place__description-image-container .split-4 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-1, .web-tourist-map__description-image-container .split-3 .image-3, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-3, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-3, .signage__description-image-container .split-3 .image-3, .place__description-image-container .split-3 .image-3, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-3, .web-tourist-map__description-image-container .split-3 .image-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-2, .signage__description-image-container .split-3 .image-2, .place__description-image-container .split-3 .image-2, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-2, .web-tourist-map__description-image-container .split-3 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-1, .signage__description-image-container .split-3 .image-1, .place__description-image-container .split-3 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-1, .web-tourist-map__description-image-container .split-2 .image-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2 .image-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2 .image-2, .signage__description-image-container .split-2 .image-2, .place__description-image-container .split-2 .image-2, .web-tourist-map__twitter-content .media-block .media-container .split-2 .image-2, .web-tourist-map__description-image-container .split-2 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2 .image-1, .signage__description-image-container .split-2 .image-1, .place__description-image-container .split-2 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-2 .image-1, .web-tourist-map__description-image-container .split-1 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-1 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-1 .image-1, .signage__description-image-container .split-1 .image-1, .place__description-image-container .split-1 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-1 .image-1 {
  border: 0 solid #FFF;
  position: absolute;
}
.web-tourist-map__description-image-image-base .image-fit, .web-tourist-map__description-image-container .split-4 .image-4 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-4 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-4 .image-fit, .signage__description-image-container .split-4 .image-4 .image-fit, .place__description-image-container .split-4 .image-4 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-4 .image-fit, .web-tourist-map__description-image-container .split-4 .image-3 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-3 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-3 .image-fit, .signage__description-image-container .split-4 .image-3 .image-fit, .place__description-image-container .split-4 .image-3 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-3 .image-fit, .web-tourist-map__description-image-container .split-4 .image-2 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-2 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-2 .image-fit, .signage__description-image-container .split-4 .image-2 .image-fit, .place__description-image-container .split-4 .image-2 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-2 .image-fit, .web-tourist-map__description-image-container .split-4 .image-1 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-1 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-1 .image-fit, .signage__description-image-container .split-4 .image-1 .image-fit, .place__description-image-container .split-4 .image-1 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-1 .image-fit, .web-tourist-map__description-image-container .split-3 .image-3 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-3 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-3 .image-fit, .signage__description-image-container .split-3 .image-3 .image-fit, .place__description-image-container .split-3 .image-3 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-3 .image-fit, .web-tourist-map__description-image-container .split-3 .image-2 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-2 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-2 .image-fit, .signage__description-image-container .split-3 .image-2 .image-fit, .place__description-image-container .split-3 .image-2 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-2 .image-fit, .web-tourist-map__description-image-container .split-3 .image-1 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-1 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-1 .image-fit, .signage__description-image-container .split-3 .image-1 .image-fit, .place__description-image-container .split-3 .image-1 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-1 .image-fit, .web-tourist-map__description-image-container .split-2 .image-2 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2 .image-2 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2 .image-2 .image-fit, .signage__description-image-container .split-2 .image-2 .image-fit, .place__description-image-container .split-2 .image-2 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-2 .image-2 .image-fit, .web-tourist-map__description-image-container .split-2 .image-1 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2 .image-1 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2 .image-1 .image-fit, .signage__description-image-container .split-2 .image-1 .image-fit, .place__description-image-container .split-2 .image-1 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-2 .image-1 .image-fit, .web-tourist-map__description-image-container .split-1 .image-1 .image-fit, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-1 .image-1 .image-fit, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-1 .image-1 .image-fit, .signage__description-image-container .split-1 .image-1 .image-fit, .place__description-image-container .split-1 .image-1 .image-fit, .web-tourist-map__twitter-content .media-block .media-container .split-1 .image-1 .image-fit {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.web-tourist-map__description-image-container, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container, .signage__description-image-container, .place__description-image-container, .web-tourist-map__twitter-content .media-block .media-container {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  margin-top: 10px;
  max-width: 100%;
  width: 500px;
  height: 200px;
}
.web-tourist-map__description-image-container .ant-image, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .ant-image, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .ant-image, .signage__description-image-container .ant-image, .place__description-image-container .ant-image, .web-tourist-map__twitter-content .media-block .media-container .ant-image {
  width: 100%;
  height: 100%;
}
.web-tourist-map__description-image-container .split-1 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-1 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-1 .image-1, .signage__description-image-container .split-1 .image-1, .place__description-image-container .split-1 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-1 .image-1 {
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.web-tourist-map__description-image-container .split-2 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2 .image-1, .signage__description-image-container .split-2 .image-1, .place__description-image-container .split-2 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-2 .image-1 {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.web-tourist-map__description-image-container .split-2 .image-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-2 .image-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-2 .image-2, .signage__description-image-container .split-2 .image-2, .place__description-image-container .split-2 .image-2, .web-tourist-map__twitter-content .media-block .media-container .split-2 .image-2 {
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
  border-left-width: 1px;
}
.web-tourist-map__description-image-container .split-3 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-1, .signage__description-image-container .split-3 .image-1, .place__description-image-container .split-3 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-1 {
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
}
.web-tourist-map__description-image-container .split-3 .image-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-2, .signage__description-image-container .split-3 .image-2, .place__description-image-container .split-3 .image-2, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-2 {
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
  border-left-width: 1px;
}
.web-tourist-map__description-image-container .split-3 .image-3, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-3 .image-3, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-3 .image-3, .signage__description-image-container .split-3 .image-3, .place__description-image-container .split-3 .image-3, .web-tourist-map__twitter-content .media-block .media-container .split-3 .image-3 {
  top: 50%;
  right: 0;
  width: 50%;
  height: 50%;
  border-width: 1px 0 0 1px;
}
.web-tourist-map__description-image-container .split-4 .image-1, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-1, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-1, .signage__description-image-container .split-4 .image-1, .place__description-image-container .split-4 .image-1, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-1 {
  top: 0;
  left: 0;
  width: 50%;
  height: 50%;
}
.web-tourist-map__description-image-container .split-4 .image-2, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-2, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-2, .signage__description-image-container .split-4 .image-2, .place__description-image-container .split-4 .image-2, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-2 {
  top: 0;
  right: 0;
  width: 50%;
  height: 50%;
  border-left-width: 1px;
}
.web-tourist-map__description-image-container .split-4 .image-3, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-3, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-3, .signage__description-image-container .split-4 .image-3, .place__description-image-container .split-4 .image-3, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-3 {
  top: 50%;
  left: 0;
  width: 50%;
  height: 50%;
  border-top-width: 1px;
}
.web-tourist-map__description-image-container .split-4 .image-4, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .split-4 .image-4, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .split-4 .image-4, .signage__description-image-container .split-4 .image-4, .place__description-image-container .split-4 .image-4, .web-tourist-map__twitter-content .media-block .media-container .split-4 .image-4 {
  top: 50%;
  right: 0;
  width: 50%;
  height: 50%;
  border-width: 1px 0 0 1px;
}

.web-tourist-map__carousel-page-button-width, .web-tourist-map__carousel-page-button, .web-tourist-map__carousel-next-button, .web-tourist-map__carousel-prev-button {
  width: 30px;
}

@media screen and (min-width: 768px) {
  .web-tourist-map__carousel-page-button-width, .web-tourist-map__carousel-page-button, .web-tourist-map__carousel-next-button, .web-tourist-map__carousel-prev-button {
    width: 80px;
  }
}
#web-tourist-map__place-free-link-list .ant-carousel .slick-list .slick-slide {
  padding: 0;
}

.web-tourist-map__place-free-link-list-button, .web-tourist-map__place-free-link-list-next-button, .web-tourist-map__place-free-link-list-prev-button {
  width: 30px;
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-top: 5px;
  height: 40px;
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__place-free-link-list-button:hover, .web-tourist-map__place-free-link-list-next-button:hover, .web-tourist-map__place-free-link-list-prev-button:hover {
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__place-free-link-list-button:focus, .web-tourist-map__place-free-link-list-next-button:focus, .web-tourist-map__place-free-link-list-prev-button:focus {
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__place-free-link-list-button:active, .web-tourist-map__place-free-link-list-next-button:active, .web-tourist-map__place-free-link-list-prev-button:active {
  background-color: rgba(15, 50, 77, 0.5019607843);
}

.web-tourist-map__place-free-link-list-prev-button {
  pointer-events: auto;
  left: 0;
  border-radius: 0 8px 8px 0;
}

.web-tourist-map__place-free-link-list-next-button {
  pointer-events: auto;
  right: 0;
  border-radius: 8px 0 0 8px;
}

.web-tourist-map__carousel-page-button, .web-tourist-map__carousel-next-button, .web-tourist-map__carousel-prev-button {
  z-index: 10;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  padding-top: 5px;
  height: 80px;
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__carousel-page-button:hover, .web-tourist-map__carousel-next-button:hover, .web-tourist-map__carousel-prev-button:hover {
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__carousel-page-button:focus, .web-tourist-map__carousel-next-button:focus, .web-tourist-map__carousel-prev-button:focus {
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__carousel-page-button:active, .web-tourist-map__carousel-next-button:active, .web-tourist-map__carousel-prev-button:active {
  background-color: rgba(15, 50, 77, 0.5019607843);
}

.web-tourist-map__carousel-prev-button {
  left: 0;
  border-radius: 0 8px 8px 0;
}

.web-tourist-map__carousel-next-button {
  right: 0;
  border-radius: 8px 0 0 8px;
}

.core_web-tourist-map__custom-modal, .web-tourist-map__custom-modal-place-iframe, .web-tourist-map__custom-modal, .web-tourist-map__custom-modal-description, .web-tourist-map__custom-modal-place-icon, .web-tourist-map__custom-modal-place-filter, .web-tourist-map__custom-modal-header-footer-none, .web-tourist-map__custom-modal-child-place-list, .web-tourist-map__custom-modal-footer-none, .web-tourist-map__custom-modal-disclaimer, .web-tourist-map__custom-modal-place-list, .web-tourist-map__custom-modal-place-info, .web-tourist-map__custom-modal-tweet-post-preparation {
  --header-height: 60px;
  --footer-height: 80px;
  overflow-y: hidden;
  top: 0;
  left: 0;
  margin: 0 auto;
  padding: 70px 0;
  max-width: 100vw;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .core_web-tourist-map__custom-modal, .web-tourist-map__custom-modal-place-iframe, .web-tourist-map__custom-modal, .web-tourist-map__custom-modal-description, .web-tourist-map__custom-modal-place-icon, .web-tourist-map__custom-modal-place-filter, .web-tourist-map__custom-modal-header-footer-none, .web-tourist-map__custom-modal-child-place-list, .web-tourist-map__custom-modal-footer-none, .web-tourist-map__custom-modal-disclaimer, .web-tourist-map__custom-modal-place-list, .web-tourist-map__custom-modal-place-info, .web-tourist-map__custom-modal-tweet-post-preparation {
    margin: 0;
    padding: 0;
    width: 100vw !important;
  }
}
.core_web-tourist-map__custom-modal .ant-modal-content, .web-tourist-map__custom-modal-place-iframe .ant-modal-content, .web-tourist-map__custom-modal .ant-modal-content, .web-tourist-map__custom-modal-description .ant-modal-content, .web-tourist-map__custom-modal-place-icon .ant-modal-content, .web-tourist-map__custom-modal-place-filter .ant-modal-content, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content, .web-tourist-map__custom-modal-child-place-list .ant-modal-content, .web-tourist-map__custom-modal-footer-none .ant-modal-content, .web-tourist-map__custom-modal-disclaimer .ant-modal-content, .web-tourist-map__custom-modal-place-list .ant-modal-content, .web-tourist-map__custom-modal-place-info .ant-modal-content, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content {
  overflow-y: hidden;
  width: 720px;
  height: 100%;
}
@media screen and (max-width: 767px) {
  .core_web-tourist-map__custom-modal .ant-modal-content, .web-tourist-map__custom-modal-place-iframe .ant-modal-content, .web-tourist-map__custom-modal .ant-modal-content, .web-tourist-map__custom-modal-description .ant-modal-content, .web-tourist-map__custom-modal-place-icon .ant-modal-content, .web-tourist-map__custom-modal-place-filter .ant-modal-content, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content, .web-tourist-map__custom-modal-child-place-list .ant-modal-content, .web-tourist-map__custom-modal-footer-none .ant-modal-content, .web-tourist-map__custom-modal-disclaimer .ant-modal-content, .web-tourist-map__custom-modal-place-list .ant-modal-content, .web-tourist-map__custom-modal-place-info .ant-modal-content, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content {
    width: 100vw;
  }
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-body {
  padding: 0;
  height: calc(100% - var(--header-height) - var(--footer-height));
  overflow-y: scroll;
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-body::-webkit-scrollbar-thumb {
  background: rgba(106, 106, 106, 0.5019607843);
  border-radius: 20px;
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-body::-webkit-scrollbar {
  width: 7px;
}
@media screen and (max-width: 767px) {
  .core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-body::-webkit-scrollbar, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-body::-webkit-scrollbar {
    width: 5px;
  }
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-body::-webkit-scrollbar-track, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-body::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2392156863);
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-header {
  text-align: center;
  background-color: #30A5FF;
  height: var(--header-height);
  padding: 20px;
  border-bottom: none;
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-header .ant-modal-title, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: 20px;
  font-weight: 600;
  color: white;
  width: 90%;
  margin: 0px auto;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-footer, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-footer {
  height: var(--footer-height);
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-description .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-btn-icon-only > *, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-btn-icon-only > * {
  font-size: 24px;
  margin-left: 5px;
  margin-top: 2px;
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-close-icon {
  background: white;
  color: #30A5FF;
  padding: 4px;
  border-radius: 16px;
  margin-top: 6px;
}
.core_web-tourist-map__custom-modal .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-place-filter .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-header-footer-none .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-footer-none .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-close, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-close {
  top: 1px;
}
.core_web-tourist-map__custom-modal .back-to-map-button, .web-tourist-map__custom-modal-place-iframe .back-to-map-button, .web-tourist-map__custom-modal .back-to-map-button, .web-tourist-map__custom-modal-description .back-to-map-button, .web-tourist-map__custom-modal-place-icon .back-to-map-button, .web-tourist-map__custom-modal-place-filter .back-to-map-button, .web-tourist-map__custom-modal-header-footer-none .back-to-map-button, .web-tourist-map__custom-modal-child-place-list .back-to-map-button, .web-tourist-map__custom-modal-footer-none .back-to-map-button, .web-tourist-map__custom-modal-disclaimer .back-to-map-button, .web-tourist-map__custom-modal-place-list .back-to-map-button, .web-tourist-map__custom-modal-place-info .back-to-map-button, .web-tourist-map__custom-modal-tweet-post-preparation .back-to-map-button {
  z-index: 999;
  position: absolute;
  right: 8px;
  bottom: 8px;
  width: 80px;
  height: 80px;
  padding: 12px 0;
  color: #ffffff;
  line-height: 1.2;
  font-size: 12px;
  border-radius: 50%;
  border-color: #7D8B98;
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.core_web-tourist-map__custom-modal .back-to-map-button:hover, .web-tourist-map__custom-modal-place-iframe .back-to-map-button:hover, .web-tourist-map__custom-modal .back-to-map-button:hover, .web-tourist-map__custom-modal-description .back-to-map-button:hover, .web-tourist-map__custom-modal-place-icon .back-to-map-button:hover, .web-tourist-map__custom-modal-place-filter .back-to-map-button:hover, .web-tourist-map__custom-modal-header-footer-none .back-to-map-button:hover, .web-tourist-map__custom-modal-child-place-list .back-to-map-button:hover, .web-tourist-map__custom-modal-footer-none .back-to-map-button:hover, .web-tourist-map__custom-modal-disclaimer .back-to-map-button:hover, .web-tourist-map__custom-modal-place-list .back-to-map-button:hover, .web-tourist-map__custom-modal-place-info .back-to-map-button:hover, .web-tourist-map__custom-modal-tweet-post-preparation .back-to-map-button:hover {
  color: #ffffff;
  background-color: rgba(15, 50, 77, 0.5019607843);
}

.web-tourist-map__custom-modal, .web-tourist-map__custom-modal-description, .web-tourist-map__custom-modal-place-icon, .web-tourist-map__custom-modal-place-filter, .web-tourist-map__custom-modal-header-footer-none, .web-tourist-map__custom-modal-child-place-list, .web-tourist-map__custom-modal-footer-none, .web-tourist-map__custom-modal-disclaimer, .web-tourist-map__custom-modal-place-list, .web-tourist-map__custom-modal-place-info, .web-tourist-map__custom-modal-tweet-post-preparation {
  width: 720px !important;
}

.web-tourist-map__custom-modal-touch-panel, .web-tourist-map__custom-modal-child-place-list.touch-panel, .web-tourist-map__custom-modal-place-list.touch-panel, .web-tourist-map__custom-modal-place-filter.touch-panel, .web-tourist-map__custom-modal-place-info.touch-panel, .touch-panel.web-tourist-map__custom-modal-tweet-post-preparation {
  width: 900px !important;
}
.web-tourist-map__custom-modal-touch-panel .ant-modal-content, .web-tourist-map__custom-modal-child-place-list.touch-panel .ant-modal-content, .web-tourist-map__custom-modal-place-list.touch-panel .ant-modal-content, .web-tourist-map__custom-modal-place-filter.touch-panel .ant-modal-content, .web-tourist-map__custom-modal-place-info.touch-panel .ant-modal-content, .touch-panel.web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content {
  position: absolute;
  width: 900px;
  height: 1500px;
  bottom: 200px;
}
@media screen and (max-height: 1799px) {
  .web-tourist-map__custom-modal-touch-panel .ant-modal-content, .web-tourist-map__custom-modal-child-place-list.touch-panel .ant-modal-content, .web-tourist-map__custom-modal-place-list.touch-panel .ant-modal-content, .web-tourist-map__custom-modal-place-filter.touch-panel .ant-modal-content, .web-tourist-map__custom-modal-place-info.touch-panel .ant-modal-content, .touch-panel.web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content {
    height: clamp(50%, 70%, 1500px);
    bottom: clamp(10%, 20%, 200px);
  }
}
.web-tourist-map__custom-modal-touch-panel .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-child-place-list.touch-panel .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-list.touch-panel .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-filter.touch-panel .ant-modal-content .ant-modal-body, .web-tourist-map__custom-modal-place-info.touch-panel .ant-modal-content .ant-modal-body, .touch-panel.web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-body {
  overflow-y: auto;
}
.web-tourist-map__custom-modal-touch-panel .back-to-map-button, .web-tourist-map__custom-modal-child-place-list.touch-panel .back-to-map-button, .web-tourist-map__custom-modal-place-list.touch-panel .back-to-map-button, .web-tourist-map__custom-modal-place-filter.touch-panel .back-to-map-button, .web-tourist-map__custom-modal-place-info.touch-panel .back-to-map-button, .touch-panel.web-tourist-map__custom-modal-tweet-post-preparation .back-to-map-button {
  bottom: 96px;
}
.web-tourist-map__custom-modal-touch-panel .ant-modal-footer, .web-tourist-map__custom-modal-child-place-list.touch-panel .ant-modal-footer, .web-tourist-map__custom-modal-place-list.touch-panel .ant-modal-footer, .web-tourist-map__custom-modal-place-filter.touch-panel .ant-modal-footer, .web-tourist-map__custom-modal-place-info.touch-panel .ant-modal-footer, .touch-panel.web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-footer {
  padding: 0;
}

.web-tourist-map__custom-modal-footer-none:not(.touch-panel), .web-tourist-map__custom-modal-disclaimer:not(.touch-panel), .web-tourist-map__custom-modal-place-list:not(.touch-panel), .web-tourist-map__custom-modal-place-info:not(.touch-panel), .web-tourist-map__custom-modal-tweet-post-preparation:not(.touch-panel) {
  --footer-height: 0px;
}

.web-tourist-map__custom-modal-header-footer-none:not(.touch-panel), .web-tourist-map__custom-modal-child-place-list:not(.touch-panel) {
  --header-height: 0px;
  --footer-height: 0px;
}

.web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-close-icon, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-close-icon {
  color: #0E0069;
}
.web-tourist-map__custom-modal-place-info .ant-modal-content .ant-modal-header, .web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-header {
  background-color: #0E0069;
}

.web-tourist-map__custom-modal-place-filter.touch-panel {
  --footer-height: 160px;
}

.web-tourist-map__custom-modal-place-list .ant-modal-content {
  background: #f5f5f5;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body .ant-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-body .ant-row .ant-col {
  padding-right: 3px !important;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-header {
  background-color: #ffffff;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-header .ant-modal-title {
  color: inherit;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .ant-modal-footer {
  background-color: #ffffff;
  position: relative; /* 子要素の起点を指定 */
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .filter-button {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .filter-button .checkmark {
  position: absolute;
  top: -5px;
  right: 2px;
  color: #30a5ff;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .filter-button.touch-panel {
  height: 80px;
  margin-right: 3px;
  float: right;
}
.web-tourist-map__custom-modal-place-list .ant-modal-content .filter-button.touch-panel .checkmark {
  top: 20px;
  right: 8px;
}

.web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-close-icon {
  color: #0F7929;
}
.web-tourist-map__custom-modal-tweet-post-preparation .ant-modal-content .ant-modal-header {
  background-color: #0F7929;
}

.web-tourist-map__custom-modal-disclaimer {
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-tourist-map__custom-modal-disclaimer .ant-modal-content {
  max-width: 80vw;
  height: 80%;
}
.web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-header {
  background-color: #e09416;
}
.web-tourist-map__custom-modal-disclaimer .ant-modal-content .ant-modal-header .ant-modal-title {
  font-size: clamp(16px, 3vw, 20px);
}
@media screen and (max-width: 767px) {
  .web-tourist-map__custom-modal-disclaimer .ant-modal-content {
    max-width: 80vw;
  }
}
.web-tourist-map__custom-modal-disclaimer .button {
  font-size: 16px;
  width: auto;
  height: 48px;
  padding: 0 40px;
  border-radius: 24px;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__custom-modal-disclaimer .button {
    width: 80%;
  }
}
.web-tourist-map__custom-modal-disclaimer .button.ok {
  color: white;
  background-color: #ff4d4f;
  border-color: #ff4d4f;
}

.web-tourist-map__custom-modal-place-iframe:not(.touch-panel) {
  --footer-height: 0px;
}
.web-tourist-map__custom-modal-place-iframe .ant-modal-content {
  width: 100%;
}
.web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-close-icon {
  color: #0F7929;
}
.web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-header {
  background-color: #0F7929;
}
.web-tourist-map__custom-modal-place-iframe .ant-modal-content .ant-modal-body iframe {
  height: 100%;
  width: 100%;
}

.web-tourist-map__disclaimer-container {
  background-color: white;
  margin: 20px;
}

.web-tourist-map__disclaimer-follow-map-to-current-location {
  font-size: 16px;
}
.web-tourist-map__disclaimer-follow-map-to-current-location .disclaimer {
  margin: 40px 0;
}
.web-tourist-map__disclaimer-follow-map-to-current-location .border-line {
  border-top: 1px double #e09416;
  margin-top: 10px;
  padding-top: 10px;
}

.web-tourist-map__place-list-container {
  height: 100%;
  padding: 8px 10px;
  overflow: auto;
}

.web-tourist-map__place-list-container::-webkit-scrollbar-thumb {
  background: rgba(106, 106, 106, 0.5019607843);
  border-radius: 20px;
}

.web-tourist-map__place-list-container::-webkit-scrollbar {
  width: 7px;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__place-list-container::-webkit-scrollbar {
    width: 5px;
  }
}

.web-tourist-map__place-list-container::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2392156863);
}

.web-tourist-map__place-list, .web-tourist-map__place-list .sub-place-list-container .sub-place-list, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list {
  padding: 10px 0;
  margin-bottom: 50px;
}
.web-tourist-map__place-list .ant-list-item, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .ant-list-item, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list .ant-list-item {
  padding: 0 0 10px;
  border-bottom: none;
}
.web-tourist-map__place-list .place-info-item, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list .place-info-item {
  border-radius: 8px;
  width: 100%;
  background-color: #ffffff;
  border: 1px solid #e7e7e7;
  overflow: hidden;
}
.web-tourist-map__place-list .place-info-item .place-info-container, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container {
  margin: 14px;
  cursor: pointer;
}
.web-tourist-map__place-list .place-info-item .place-info-container .place-icon, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .place-icon {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-tourist-map__place-list .place-info-item .place-info-container .place-icon .ant-avatar {
  width: 100%;
  height: 100%;
}
.web-tourist-map__place-list .place-info-item .place-info-container .place-icon .ant-avatar img {
  object-fit: contain;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .place-icon {
  width: 96px;
  height: 96px;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter {
  top: 65px;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter .container-new, .web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter .container {
  top: -10px;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter.new {
  top: 55px !important;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter .image, .web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter .image__static {
  width: 60px;
  height: 45px;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-twitter .icon {
  width: 68px;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-instagram {
  top: 55px;
}
.web-tourist-map__place-list .place-info-item .place-info-container.touch-panel .sns-instagram .icon {
  width: 60px;
  height: 45px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .additional-info-image, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .additional-info-image {
  height: 100%;
  display: flex;
  align-items: center;
}
.web-tourist-map__place-list .place-info-item .place-info-container .additional-info-image .ant-image-img {
  width: 56px;
  height: 42px;
  object-fit: contain;
}
.web-tourist-map__place-list .place-info-item .place-info-container .new-arrival, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .new-arrival {
  position: absolute;
  top: -14px;
  left: -6px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .new-arrival .icon {
  width: 48px;
  height: auto;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .sns-twitter {
  position: absolute;
  top: 35px;
  right: -8px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter.new {
  top: 26px !important;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .container-new, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .container {
  top: -5px;
  right: 2px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .image, .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .image__static {
  width: 40px;
  height: 30px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-twitter .icon {
  width: 48px;
  height: auto;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .sns-instagram {
  position: absolute;
  top: 30px;
  right: -6px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .sns-instagram .icon {
  width: 40px;
  height: 30px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .name-container, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .name-container {
  display: flex;
}
.web-tourist-map__place-list .place-info-item .place-info-container .name-container .name {
  margin: 7px 8px;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.web-tourist-map__place-list .place-info-item .place-info-container .name-container .name.touch-panel {
  -webkit-line-clamp: 3;
}
.web-tourist-map__place-list .place-info-item .place-info-container .name-container .name .spot-detail {
  display: inline-block;
  position: relative;
  top: 2.5px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .name-container .name .spot-detail .ant-image {
  margin-left: 4px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .name-container .spot-detail-for-line-clamp {
  position: absolute;
  right: 3px;
  bottom: 5px;
}
.web-tourist-map__place-list .place-info-item .place-info-container .spot-link, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-item .place-info-container .spot-link {
  width: 30px;
  height: 100%;
  display: flex;
  justify-content: right;
  align-items: center;
}
.web-tourist-map__place-list .place-info-item .place-info-container .spot-link .icon {
  width: 20px;
  height: 20px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list {
  padding: 0 10px;
  margin-bottom: 0;
  background-color: #dddddd;
  overflow-y: auto;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .ant-list-items, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list .ant-list-items {
  padding-top: 10px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .ant-list-item, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list .ant-list-item {
  max-height: 100%;
  transition: all 0.3s ease-in-out;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list.close, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .sub-place-list.close {
  overflow-y: hidden;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list.close .ant-list-items {
  padding-top: 0;
  transition: all 0.3s ease-in-out;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list.close .ant-list-item {
  max-height: 0;
  padding-bottom: 0;
  transition: all 0.3s ease-in-out;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .place-icon {
  width: 96px;
  height: 96px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-twitter {
  top: 65px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-twitter.new {
  top: 55px !important;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-twitter .image, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-twitter .image__static {
  width: 60px;
  height: 45px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-twitter .icon {
  width: 68px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-instagram {
  top: 58px;
}
.web-tourist-map__place-list .sub-place-list-container .sub-place-list .place-info-container.touch-panel .sns-instagram .icon {
  width: 60px;
  height: 45px;
}
.web-tourist-map__place-list .sub-place-list-container .accordion-botton, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .accordion-botton {
  background-color: #ffffff;
  border-top: 1px solid #e7e7e7;
  width: 100%;
  height: 40px;
}
.web-tourist-map__place-list .sub-place-list-container .accordion-botton .open, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .accordion-botton .open {
  transform: rotate(90deg);
}
.web-tourist-map__place-list .sub-place-list-container .accordion-botton .close, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .sub-place-list-container .accordion-botton .close {
  transform: rotate(-90deg);
}
.web-tourist-map__place-list .empty .ant-result-icon > .anticon, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .empty .ant-result-icon > .anticon {
  font-size: 48px;
}
.web-tourist-map__place-list .empty .ant-result-title, .web-tourist-map__place-list .sub-place-list-container .sub-place-list .empty .ant-result-title {
  font-size: 16px;
}

.web-tourist-map__custom-modal-child-place-list {
  --header-height: 0px;
  --footer-height: 0px;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content {
  background: transparent;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-close {
  display: none;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body {
  overflow: hidden;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body .ant-row {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-body .ant-row .ant-col {
  padding-left: 0px !important;
  padding-right: 0px !important;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .ant-modal-header {
  display: none;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .filter-button {
  width: 56px;
  height: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-tourist-map__custom-modal-child-place-list .ant-modal-content .filter-button .checkmark {
  position: absolute;
  top: -5px;
  right: 2px;
  color: #30a5ff;
}

.web-tourist-map__child-place-list-container {
  height: 100%;
  padding: 0;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__child-place-list-container {
    padding: 15px;
  }
}

.web-tourist-map__child-place-list {
  --child-place-list-header-height: 60px;
  --child-place-list-footer-height: 0px;
  --child-place-list-place-info-name-container-height: 60px;
  --child-place-list-place-list-margin-top: 8px;
  --child-place-list-place-list-margin-bottom: 0px;
  height: 100%;
}
.web-tourist-map__child-place-list.touch-panel {
  --child-place-list-footer-height: 80px;
  --child-place-list-place-list-margin-bottom: 8px;
}
.web-tourist-map__child-place-list .header, .web-tourist-map__child-place-list .footer {
  background: #ffffff;
  width: 100%;
  height: var(--child-place-list-header-height);
  margin: 0 auto;
  padding: 0 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
}
.web-tourist-map__child-place-list .header .title, .web-tourist-map__child-place-list .footer .title {
  width: 100%;
  margin: 0 10px;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.web-tourist-map__child-place-list .header .menu-button, .web-tourist-map__child-place-list .footer .menu-button {
  width: 40px;
  height: 40px;
  padding: 0;
  border: none;
}
.web-tourist-map__child-place-list .header .menu-button .ant-image, .web-tourist-map__child-place-list .footer .menu-button .ant-image {
  padding-top: 7px;
}
.web-tourist-map__child-place-list .header .menu-button .checkmark, .web-tourist-map__child-place-list .footer .menu-button .checkmark {
  position: absolute;
  top: -8px;
  right: -5px;
  color: #30a5ff;
}
.web-tourist-map__child-place-list .footer {
  height: var(--child-place-list-footer-height);
}
.web-tourist-map__child-place-list .place-info {
  background-color: #dddddd;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.web-tourist-map__child-place-list .place-info .popup-container {
  height: min(calc(var(--vh, 1vh) * 100 * 0.4 + 50px), 370px);
  display: flex;
  justify-content: center;
  padding: 12px 12px 21px 12px;
}
.web-tourist-map__child-place-list .place-info .popup-container .web-tourist-map__twitter-timeline-loading {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 80px;
  height: 64px;
}
.web-tourist-map__child-place-list .place-info .name-container {
  cursor: pointer;
  background: #ffffff;
  width: 100%;
  height: var(--child-place-list-place-info-name-container-height);
  padding: 0 16px;
  line-height: 56px;
  font-size: 16px;
  font-weight: bold;
}
.web-tourist-map__child-place-list .place-info .name-container .name {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.web-tourist-map__child-place-list .place-info .name-container .right-outlined {
  width: 16px;
  height: 16px;
}
.web-tourist-map__child-place-list .place-list {
  margin-top: var(--child-place-list-place-list-margin-top);
  margin-bottom: var(--child-place-list-place-list-margin-bottom);
  padding: 20px 16px 65px 16px;
  background: #ffffff;
  border-radius: 10px;
  height: calc(100% - var(--child-place-list-header-height) - var(--child-place-list-footer-height) - var(--child-place-list-place-list-margin-top) - var(--child-place-list-place-list-margin-bottom));
  overflow: auto;
}
.web-tourist-map__child-place-list .place-list.show-popup {
  height: calc(100% - min(var(--vh, 1vh) * 100 * 0.4 + 50px, 370px) - var(--child-place-list-place-info-name-container-height) - var(--child-place-list-place-list-margin-top) - var(--child-place-list-place-list-margin-bottom));
}
.web-tourist-map__child-place-list .place-list .ant-list-item {
  border-bottom: none;
  margin-bottom: 5px;
}
.web-tourist-map__child-place-list .place-list .place-info-item {
  border-radius: 10px;
  border: 2px solid #ffffff;
  overflow: hidden;
  height: 80px;
}
.web-tourist-map__child-place-list .place-list .place-info-item.touch-panel {
  height: 128px;
}
.web-tourist-map__child-place-list .place-list .place-info-item.selected {
  border-color: #000000;
  display: flex;
  align-items: center;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container {
  padding: 5px 10px;
  width: 100%;
  height: 100%;
  cursor: pointer;
  display: flex;
  align-items: center;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .ant-row {
  width: 100%;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container.thumbnail .ant-row {
  justify-content: center;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .place-icon {
  width: 48px;
  height: 48px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .place-icon.touch-panel {
  width: 80px;
  height: 80px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .place-icon .ant-avatar {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .new-arrival {
  position: absolute;
  top: -16px;
  left: -6px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .new-arrival .icon {
  width: 48px;
  height: auto;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter {
  position: absolute;
  top: 31px;
  right: -14px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter.new {
  top: 22px !important;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter.touch-panel {
  top: 58px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter.touch-panel.new {
  top: 50px !important;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container-new, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container {
  top: -5px;
  right: 2px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container-new.touch-panel, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .container.touch-panel {
  top: 22px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .image, .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .image__static {
  width: 40px;
  height: 30px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-twitter .icon {
  width: 48px;
  height: auto;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram {
  position: absolute;
  top: 26px;
  right: -12px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram.touch-panel {
  top: 53px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .place-icon-container .sns-instagram .icon {
  width: 40px;
  height: 30px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .additional-info-image {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 8px;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .additional-info-image .ant-image-img {
  width: 48px;
  height: 36px;
  object-fit: contain;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .name-container.thumbnail {
  display: none;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .name-container .name {
  margin: auto 8px auto 16px;
  font-size: 15px;
  font-weight: bold;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.web-tourist-map__child-place-list .place-list .place-info-item .place-info-container .name-container .name.touch-panel {
  -webkit-line-clamp: 3;
}
.web-tourist-map__child-place-list .place-list .empty .ant-result-icon > .anticon {
  font-size: 48px;
}
.web-tourist-map__child-place-list .place-list .empty .ant-result-title {
  font-size: 16px;
}
.web-tourist-map__child-place-list .ant-list::-webkit-scrollbar-thumb {
  background: rgba(106, 106, 106, 0.5019607843);
  border-radius: 20px;
}
.web-tourist-map__child-place-list .ant-list::-webkit-scrollbar {
  width: 7px;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__child-place-list .ant-list::-webkit-scrollbar {
    width: 5px;
  }
}
.web-tourist-map__child-place-list .ant-list::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2392156863);
}

.ant-modal-wrap {
  overflow-y: hidden;
}

.web-tourist-map__place-filter-container {
  background-color: white;
}
.web-tourist-map__place-filter-container .checkbox-group {
  width: 100%;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-header {
  margin: 0 16px;
  height: 56px;
  font-size: 16px;
  font-weight: bold;
  border: none;
  display: flex;
  align-items: center;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items {
  border-bottom: 1px solid #e7e7e7;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items .ant-list-item {
  min-height: 56px;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items .ant-list-item.section-item {
  border-bottom: none;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items .ant-list-item .section {
  margin: 0 5px 0 34px;
  font-size: 16px;
  font-weight: bold;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items .ant-list-item .ant-checkbox-wrapper {
  margin: 0 5px 0 34px;
  font-size: 16px;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items .ant-list-item .ant-checkbox-wrapper .ant-checkbox {
  margin-right: 13px;
}
.web-tourist-map__place-filter-container .checkbox-group .filter-list .ant-list-items .ant-list-item .ant-checkbox-wrapper .ant-checkbox .ant-checkbox-inner {
  width: 18px;
  height: 18px;
}

.web-tourist-map__place-filter-button-wrapper {
  text-align: center;
  margin-top: 5px;
}
.web-tourist-map__place-filter-button-wrapper.touch-panel {
  margin: 0 16px;
}
.web-tourist-map__place-filter-button-wrapper .finish-button {
  color: white;
  background-color: #30A5FF;
  border-color: #30A5FF;
  font-size: 20px;
  width: 100%;
  height: 48px;
  border-radius: 24px;
}
.web-tourist-map__place-filter-button-wrapper .finish-button.touch-panel {
  margin: 16px 0;
}

.web-tourist-map__map-overlay-default, .web-tourist-map__map-overlay-touch-panel-interactive {
  z-index: 999;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.web-tourist-map__map-overlay-default .container, .web-tourist-map__map-overlay-touch-panel-interactive .container {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: 100%;
}
.web-tourist-map__map-overlay-default .container .header-default, .web-tourist-map__map-overlay-touch-panel-interactive .container .header-default {
  width: 85%;
  height: 48px;
  background: rgba(15, 50, 77, 0.5019607843) 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.1019607843);
  border-radius: 0px 0px 8px 8px;
  opacity: 1;
}
.web-tourist-map__map-overlay-default .container .header-default .header-container, .web-tourist-map__map-overlay-touch-panel-interactive .container .header-default .header-container {
  height: 100%;
}
.web-tourist-map__map-overlay-default .container .header-default .header-container .title, .web-tourist-map__map-overlay-touch-panel-interactive .container .header-default .header-container .title {
  margin: 0 5px;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  color: #ffffff;
  font: normal normal bold 16px/24px Noto Sans JP;
  letter-spacing: 0px;
}
.web-tourist-map__map-overlay-default .container .header-default .header-container .back-region-area-button, .web-tourist-map__map-overlay-touch-panel-interactive .container .header-default .header-container .back-region-area-button {
  pointer-events: auto;
  width: 48px;
  height: 48px;
  background: rgba(15, 50, 77, 0.3490196078) 0% 0% no-repeat padding-box;
}
.web-tourist-map__map-overlay-default .container .content, .web-tourist-map__map-overlay-touch-panel-interactive .container .content {
  flex: auto;
  position: relative;
  width: 100%;
}
.web-tourist-map__map-overlay-default .container .content .content-top, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .content-top {
  position: absolute;
  top: 0;
  width: 100%;
}
.web-tourist-map__map-overlay-default .container .content .content-top .place-free-link-list, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .content-top .place-free-link-list {
  left: 0;
  position: absolute;
  top: 16px;
  width: 100vw;
}
.web-tourist-map__map-overlay-default .container .content .content-top .place-free-link-list .slick-slide, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .content-top .place-free-link-list .slick-slide {
  pointer-events: auto !important;
}
.web-tourist-map__map-overlay-default .container .content .content-top .place-free-link-list .slick-slide a, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .content-top .place-free-link-list .slick-slide a,
.web-tourist-map__map-overlay-default .container .content .content-top .place-free-link-list .slick-slide button,
.web-tourist-map__map-overlay-touch-panel-interactive .container .content .content-top .place-free-link-list .slick-slide button {
  background-color: transparent;
  border-style: none;
  display: block;
  height: 40px;
  text-align: left;
  width: 100%;
}
.web-tourist-map__map-overlay-default .container .content .content-bottom, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .content-bottom {
  position: absolute;
  bottom: 0;
  width: 100%;
}
.web-tourist-map__map-overlay-default .container .content .menu.top, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .menu.top {
  margin-top: 68px;
}
.web-tourist-map__map-overlay-default .container .content .menu.bottom, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .menu.bottom {
  margin-bottom: 26px;
}
.web-tourist-map__map-overlay-default .container .content .place-info-card-list, .web-tourist-map__map-overlay-touch-panel-interactive .container .content .place-info-card-list {
  pointer-events: auto;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.web-tourist-map__map-overlay-default .container .footer .operation-guide, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .operation-guide {
  height: 80px;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.5;
  margin-top: 23px;
  color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
}
.web-tourist-map__map-overlay-default .container .footer .operation-guide .text, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .operation-guide .text {
  font: normal normal normal 16px/24px Noto Sans JP;
  letter-spacing: 0px;
}
.web-tourist-map__map-overlay-default .container .footer .information, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information {
  height: 192px;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 0.85;
}
.web-tourist-map__map-overlay-default .container .footer .information .ant-row, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .ant-row {
  height: 100%;
}
.web-tourist-map__map-overlay-default .container .footer .information .message, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .message {
  margin: 30px 60px 0 32px;
}
.web-tourist-map__map-overlay-default .container .footer .information .message .welcome, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .message .welcome {
  font: normal normal bold 24px/35px Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
}
.web-tourist-map__map-overlay-default .container .footer .information .message .description, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .message .description {
  margin-top: 8px;
  height: 118px;
  font: normal normal normal 20px/29px Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
}
.web-tourist-map__map-overlay-default .container .footer .information .check-web .img-baloon, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .check-web .img-baloon {
  width: 134px;
  height: 134px;
  position: absolute;
  top: 10px;
  left: -30px;
}
.web-tourist-map__map-overlay-default .container .footer .information .check-web .img-illust, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .check-web .img-illust {
  height: 192px;
}
.web-tourist-map__map-overlay-default .container .footer .information .qr-img, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .information .qr-img {
  margin-right: 32px;
  height: 100%;
  display: flex;
  align-items: center;
}
.web-tourist-map__map-overlay-default .container .footer .map-style-info, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .map-style-info {
  margin-top: 23px;
  font-size: 12px;
  text-align: center;
}
.web-tourist-map__map-overlay-default .container .footer .map-style-info .ant-typography mark, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .map-style-info .ant-typography mark {
  padding: 0 5px;
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(255, 255, 255, 0.5);
}
.web-tourist-map__map-overlay-default .container .footer .preview-mode, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .preview-mode {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  text-align: center;
}
.web-tourist-map__map-overlay-default .container .footer .preview-mode.tag-red, .web-tourist-map__map-overlay-touch-panel-interactive .container .footer .preview-mode.tag-red {
  border: 1px solid;
  padding: 0 7px;
  font-size: 13px !important;
  color: #cf1322;
  background: #fff1f0;
  border-color: #ffa39e;
}
.web-tourist-map__map-overlay-default .menu-button-container, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container {
  width: 60px;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: 0;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.web-tourist-map__map-overlay-default .menu-button-container.left, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container.left {
  margin-left: 0;
  margin-right: auto;
}
.web-tourist-map__map-overlay-default .menu-button-container .menu-button, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .menu-button {
  pointer-events: auto;
  border-radius: 20%;
  width: 40px;
  height: 40px;
  padding: 7px 0;
}
.web-tourist-map__map-overlay-default .menu-button-container .menu-button .checkmark, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .menu-button .checkmark {
  position: absolute;
  top: -5px;
  right: -5px;
  color: #30a5ff;
}
.web-tourist-map__map-overlay-default .menu-button-container .button-circle, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .button-circle {
  pointer-events: auto;
  width: 50px;
  height: 50px;
  padding: 12px 0;
  border-radius: 50%;
  border-color: #7D8B98;
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__map-overlay-default .menu-button-container .button-circle.ant-btn:hover, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .button-circle.ant-btn:hover, .web-tourist-map__map-overlay-default .menu-button-container .button-circle.ant-btn:focus, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .button-circle.ant-btn:focus, .web-tourist-map__map-overlay-default .menu-button-container .button-circle.ant-btn:active, .web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .button-circle.ant-btn:active {
  background-color: rgba(15, 50, 77, 0.5019607843);
}
.web-tourist-map__map-overlay-default .mapLink, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink {
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.5rem 0rem 0rem 0.5rem;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 165px;
  margin-left: auto;
  margin-right: 0px;
  pointer-events: auto;
}
@media screen and (max-width: 500px) {
  .web-tourist-map__map-overlay-default .mapLink, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink {
    width: 50px;
  }
}
.web-tourist-map__map-overlay-default .mapLink a, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink a {
  display: block;
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 18px;
  padding-right: 16px;
}
@media screen and (max-width: 500px) {
  .web-tourist-map__map-overlay-default .mapLink a, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink a {
    padding-left: 12px;
  }
  .web-tourist-map__map-overlay-default .mapLink a span, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink a span {
    display: none;
  }
}
.web-tourist-map__map-overlay-default .mapLink a div, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink a div {
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .web-tourist-map__map-overlay-default .mapLink a div, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink a div {
    width: 25px;
  }
}
.web-tourist-map__map-overlay-default .mapLink a div img, .web-tourist-map__map-overlay-touch-panel-interactive .mapLink a div img {
  margin-left: 3px;
}

.web-tourist-map__map-overlay-touch-panel-interactive .container .header-touch-panel-interactive {
  width: 100%;
  height: 64px;
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.75;
}
.web-tourist-map__map-overlay-touch-panel-interactive .container .header-touch-panel-interactive .welcome {
  position: absolute;
  top: 0;
  left: 0;
}
.web-tourist-map__map-overlay-touch-panel-interactive .container .header-touch-panel-interactive .welcome .img {
  width: 136px;
  object-fit: contain;
}
.web-tourist-map__map-overlay-touch-panel-interactive .container .header-touch-panel-interactive .title {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font: normal normal bold 32px/46px Noto Sans JP;
  letter-spacing: 0px;
}
.web-tourist-map__map-overlay-touch-panel-interactive .container .footer {
  width: 100%;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-wrapper {
  display: flex;
  flex-wrap: wrap;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container {
  width: 100px;
  display: flex;
  align-items: flex-end;
  -moz-user-select: none;
  -webkit-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .menu-button {
  width: 60px;
  height: 60px;
  padding-top: 9px;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .menu-button .ant-image {
  width: 32px;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .menu-button .checkmark {
  top: -8px;
  right: -8px;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .menu-button .checkmark .ant-image {
  width: 24px;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .button-circle {
  width: 60px;
  height: 60px;
  padding: 12px 0;
}
.web-tourist-map__map-overlay-touch-panel-interactive .menu-button-container .button-circle .ant-image {
  width: 32px;
}

.web-tourist-map__map-overlay-sub-menu .ant-popover-inner-content {
  padding-left: 5px;
  padding-right: 5px;
}
.web-tourist-map__map-overlay-sub-menu .button-container {
  display: flex;
  align-items: center;
  padding-right: 10px;
}
.web-tourist-map__map-overlay-sub-menu .button-container:hover {
  background-color: #f5f8fa;
}
.web-tourist-map__map-overlay-sub-menu .button-container .separate-line {
  width: 100%;
  height: 1px;
  margin: 8px 0 8px 35px;
  background-image: linear-gradient(to right, #333, #333 6px, transparent 6px);
  background-size: 10px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__map-overlay-sub-menu.en .button-container .ant-btn {
    padding-left: 10px;
    padding-right: 10px;
    font-size: 12px;
  }
}

#place {
  padding: 10px 0px 0px;
  background-color: white;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
#place .info-block h3 {
  font-weight: bold;
}
#place .info-block .anticon svg {
  font-size: 1.2rem;
  position: relative;
  top: 2px;
}
#place .info-block .ant-avatar {
  width: 360px;
  height: auto;
  margin-bottom: 12px;
}
#place .info-block .ant-avatar img {
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  #place .info-block .ant-avatar {
    width: 50vw;
    height: auto;
  }
}
#place .info-block .no-data-image {
  height: 50vh;
}
@media screen and (max-width: 767px) {
  #place .info-block .no-data-image {
    max-height: 25vh;
  }
}
#place .info-block .bottom-content {
  width: 100vw;
}
#place .info-block .right-content {
  margin: 10px;
  width: 330px;
}
@media screen and (max-width: 767px) {
  #place .info-block .right-content {
    width: 25vw;
  }
}
#place .info-block .infomation h3 {
  padding: 0px 10px;
}
#place .info-block .txt .googleIcon {
  margin-left: 4px;
}
#place .info-block .txt .googleIcon svg {
  font-size: 1.4rem;
  position: relative;
  top: 4px;
}
#place .twitterInfo-block a {
  word-break: break-all;
}
#place .twitterInfo-block .anticon svg {
  font-size: 1.2rem;
  position: relative;
  top: 2px;
}
#place .twitterInfo-block .weblink-padding {
  padding-top: 10px;
}
#place .icon-holiday {
  margin: 1px 10px 0px 0px;
  border: 1px solid #afadad;
  border-radius: 12px;
  padding: 3px 5px;
  color: #afadad;
  font-size: 10px;
  min-width: 18%;
  text-align: center;
  height: 20px;
}
@media screen and (max-width: 767px) {
  #place .icon-holiday {
    min-width: 20%;
  }
}
#place .icon-node {
  position: relative;
  top: 2px;
  padding: 0px 5px;
}
#place .icon-link {
  position: relative;
  top: 3px;
  padding: 0px 2px;
}
#place .sns-block {
  text-align: center;
}
#place .sns-block .anticon svg {
  font-size: 1.7rem;
}
#place .sns-block .sns-img {
  width: 24px;
}
#place .sns-block .anticon.disabled {
  color: #C4C4C4;
}
#place .border-line {
  border-bottom: 1px double #e6e6e6;
  margin-top: 15px;
  margin-bottom: 15px;
}
@media screen and (max-width: 767px) {
  #place .like-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
#place .child-place-list-block, #place .reservation-button-block, #place .region-map-block {
  padding: 0 16px;
}
#place .child-place-list-block .button, #place .reservation-button-block .button, #place .region-map-block .button {
  color: white;
  background-color: #30A5FF;
  border-color: #30A5FF;
  font-size: 16px;
  font-weight: bold;
  width: 100%;
  height: 42px;
  border-radius: 24px;
}
#place .child-place-list-block .reservation_button, #place .reservation-button-block .reservation_button, #place .region-map-block .reservation_button {
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  background-color: #0F7929;
  border-color: #0F7929;
}
@media screen and (max-width: 767px) {
  #place .additional-info-images-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
#place .additional-info-images-block .additional-info-image {
  margin-bottom: 10px;
}
#place .additional-info-images-block .additional-info-image .image, #place .additional-info-images-block .additional-info-image .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static #place .additional-info-images-block .additional-info-image .image__static {
  width: 80px;
  height: 60px;
  object-fit: contain;
}
#place .additional-info-images-block .additional-info-image .description-container {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  #place .floor-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
#place .floor-block .ant-image {
  width: 19.2px;
  height: 19.2px;
  margin-top: 2px;
}
#place .address-block {
  margin-top: 15px;
}
@media screen and (max-width: 767px) {
  #place .address-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media screen and (max-width: 767px) {
  #place .period-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
@media screen and (max-width: 767px) {
  #place .sns-block {
    padding-bottom: 9px;
  }
}
@media screen and (max-width: 767px) {
  #place .twitterInfo-block {
    padding-left: 3vw;
    padding-right: 3vw;
  }
}
#place .txt-contact {
  margin-bottom: 0px;
}
#place .bus-route-guide-block {
  height: 800px;
  padding: 10px 15px;
}
#place .bus-route-guide-block iframe {
  border: 1px solid #ccc;
}
#place .map-block {
  text-align: left;
}
#place .map-block .web-tourist-map__map {
  margin-top: -16px;
  min-height: 20vh;
}
#place .map-block .botton-link {
  position: relative;
  top: 23px;
  left: 5px;
  z-index: 10;
}
#place .map-block .botton-link svg {
  margin-right: 4px;
}
#place .map-block .botton-link .map-botton {
  background-color: white;
  padding: 3px 6px 5px;
  border: 1px solid;
  border-radius: 11px;
  border-color: #afadad;
  box-shadow: 3px 3px 2px grey;
}
#place .map-block .botton-link .map-botton .txt {
  color: black;
}
#place .map-block.touch-panel {
  position: relative;
}
#place .map-block.touch-panel .web-tourist-map__map {
  margin-top: 0px;
  min-height: 12vh;
}
#place .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-logo {
  pointer-events: none;
}
#place .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-logo.activated {
  pointer-events: auto;
}
#place .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-attrib-inner a {
  pointer-events: none;
}
#place .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-attrib-inner a.activated {
  pointer-events: auto;
}
#place .map-block.touch-panel .map-side-area {
  width: fit-content;
  position: absolute;
  z-index: 20;
  margin-left: 10px;
  display: flex;
  flex-flow: column;
}
#place .map-block.touch-panel .map-side-area .distance-bar {
  margin-top: 10px;
  background-color: white;
  padding: 3px 6px 5px;
  border: 1px solid;
  border-radius: 11px;
  border-color: #afadad;
  box-shadow: 3px 3px 2px grey;
}
#place .map-block.touch-panel .map-side-area .distance-bar .txt {
  color: black;
}
#place .map-block.touch-panel .map-side-area .qr-img {
  margin-top: 15px;
  width: 100%;
}
#place .congestion-block .congestion-header {
  font-weight: bold;
  padding: 16px 16px 0px;
}
#place .congestion-block .ant-card-grid {
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
#place .congestion-block .congestion-title {
  font-size: small;
}
#place .congestion-block .congestion-num {
  font-weight: bolder;
  font-size: 2.5rem;
}
#place .congestion-block .congestion-per {
  font-weight: normal;
  font-size: 1.1rem;
}
#place .tabs-block {
  padding: 12px 10px;
  width: 400px;
  max-width: 100%;
}
#place .tabs-block .ant-tabs-nav {
  margin: 0 0 0 5px;
}
#place .tabs-block .ant-tabs-nav::before {
  border-bottom: 1.5px solid #e6e6e6;
}
#place .tabs-block .ant-tabs-tab {
  padding-top: 5px;
}
#place .tabs-block .ant-tabs-tabpane {
  overflow-y: auto;
}
#place .tabs-block .web-tourist-map__twitter-content {
  padding: 5px 10px;
  width: 100%;
}
#place .tabs-block .web-tourist-map__twitter-content .author-info-block .author-name-block .name {
  font-weight: normal;
  font-size: 14px;
  line-height: 18px;
}
#place .tabs-block .web-tourist-map__twitter-content .author-info-block .author-name-block .screen-name {
  font-size: 13px;
  line-height: 18px;
}
#place .tabs-block .web-tourist-map__twitter-content .tweet-block {
  margin-left: 40px;
}
#place .tabs-block .web-tourist-map__twitter-content .tweet-block .text {
  font-size: 14px;
  line-height: 18px;
}
#place .tabs-block .web-tourist-map__twitter-content .media-block {
  margin-left: 40px;
}
#place .tabs-block .web-tourist-map__twitter-content .footer-block {
  margin-left: 40px;
}
#place .tabs-block.touch-panel {
  width: 100%;
}
#place .tabs-block.touch-panel .ant-tabs-nav-list {
  width: 100%;
}
#place .tabs-block.touch-panel .ant-tabs-nav-list .ant-tabs-tab {
  width: 50%;
}
#place .tabs-block.touch-panel .ant-tabs-nav-list .ant-tabs-tab .ant-tabs-tab-btn {
  width: 100%;
  text-align: center;
}
#place .mobility-ports-block {
  overflow-x: hidden;
}
#place .mobility-ports-block .ant-card-head {
  border-bottom: none;
  padding: 0 16px;
}
#place .mobility-ports-block .ant-card-grid {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding-top: 0px;
  padding-bottom: 0px;
}
#place .mobility-ports-block .ant-card-head-title {
  font-size: 14px;
}
#place .mobility-ports-block .ant-card-body {
  font-size: 12px;
}
#place .mobility-ports-block .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
  font-size: 40px;
}
#place .mobility-ports-block .web-mobility-port__vehicle-type-vehicle-count-text {
  font-size: 1rem;
}
#place .description-images-block {
  margin-top: 15px;
  border-top: 1px double #e6e6e6;
  padding: 15px 15px 0;
}
#place .description-images-block .description-image {
  width: 100%;
}
#place .description-images-block .description-image .ant-image {
  display: block;
}
#place .description-images-block .description-image .image-fit-width {
  width: 100%;
  height: auto;
}
#place .footer-block {
  margin-top: auto;
}
#place .footer-block .image, #place .footer-block .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static #place .footer-block .image__static {
  margin-top: 30px;
}
#place .footer-block .image .ant-image, #place .footer-block .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static .ant-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static #place .footer-block .image__static .ant-image {
  display: block;
}

.place_map-marker-icon {
  width: 100px;
}

.place__description-image-container {
  width: 100%;
  height: 300px;
}

.place__twitter-timeline-container {
  overflow-y: auto;
  padding-top: 5px;
  height: 400px;
}
.place__twitter-timeline-container.touch-panel {
  max-height: 405px;
  margin-top: 5px;
  height: auto;
}
.place__twitter-timeline-container .place__twitter-timeline-content.touch-panel {
  pointer-events: none;
}

.place__twitter-timeline-loading {
  text-align: center;
  margin: 10px auto 0;
}

.place__twitter-content-list {
  max-height: 405px;
}
.place__twitter-content-list.touch-panel {
  height: auto;
  padding: 0px;
}

.place__instagram-content-list {
  max-height: 405px;
}
.place__instagram-content-list.touch-panel {
  height: auto;
}

* {
  padding: 0px;
  margin: 0px;
}

.signage__loading {
  width: 100%;
  height: 100vh;
  margin-top: 800px;
  text-align: center;
  justify-content: center;
  align-items: center;
}

.signage__header {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 4rem;
  color: #FFF;
  font-size: 2.5rem;
  font-weight: 700;
  background-color: #000000;
  text-align: center;
  z-index: 10;
}

.signage__qrcode {
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 8rem;
  height: 8rem;
  background-color: #FFFFFF;
  box-shadow: 1rem 1rem 1rem 1rem rgba(0, 0, 0, 0.1333333333);
  z-index: 11;
}
.signage__qrcode img {
  width: 8rem;
  height: 8rem;
}

.signage__map, .signage__map__static {
  width: 1080px;
  height: 1304px;
  overflow: scroll;
}
.signage__map .map, .signage__map__static .map {
  position: relative;
}
.signage__map .map .image, .signage__map .map .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .signage__map .map .image__static, .signage__map__static .map .image, .signage__map__static .map .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .signage__map__static .map .image__static {
  position: absolute;
  top: 0;
  left: 0;
}
.signage__map .map .focused, .signage__map__static .map .focused {
  position: relative;
  justify-content: center;
  align-items: center;
}
.signage__map .map .focused .inner, .signage__map__static .map .focused .inner {
  position: relative;
  width: 200px;
  left: -2rem;
  word-break: break-all;
  font-size: 1.5rem;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 1px #FFFFFF, -2px 2px 1px #FFFFFF, 2px -2px 1px #FFFFFF, -2px -2px 1px #FFFFFF, 2px 0px 1px #FFFFFF, 0px 2px 1px #FFFFFF, -2px 0px 1px #FFFFFF, 0px -2px 1px #FFFFFF;
}
.signage__map .map .focused .marker, .signage__map__static .map .focused .marker {
  position: relative;
  width: 80px;
  height: 80px;
  background: #FF0000;
  border-radius: 50% 45% 50% 0%;
  border: 4px solid #FFFFFF;
  transform: rotate(-45deg);
  top: -135px;
  left: -2.3rem;
  z-index: 2;
}
.signage__map .map .focused .marker_label, .signage__map__static .map .focused .marker_label {
  padding-left: 0.3rem;
  text-align: center;
  font-size: 2.4rem;
  font-weight: 700;
  color: #FFFFFF;
  transform: rotate(45deg);
}
.signage__map .map .current, .signage__map__static .map .current {
  position: absolute;
  width: 120px;
  height: 120px;
  z-index: 1;
}
.signage__map .map .current .current_icon, .signage__map__static .map .current .current_icon {
  position: relative;
  width: 120px;
  height: 120px;
}

.signage__map::-webkit-scrollbar, .signage__map__static::-webkit-scrollbar {
  display: none;
}

.signage__spot-info-area {
  overflow-y: scroll;
  display: flex;
  align-items: stretch;
  background-color: #E5E5E5;
}

.signage__spot-info-area::-webkit-scrollbar {
  display: none;
}

.signage__spot-info-area .spot-info, .signage__spot-info-area .spot-info__static {
  display: flex;
  align-items: stretch;
  padding: 40px;
  width: 1010px;
  height: 616px;
}

.spot-info .spot-description, .signage__spot-info-area .spot-info__static .spot-description, .signage__spot-info-area .spot-info__static .spot-description__static {
  display: flex;
  position: relative;
  width: 630px;
  height: 536px;
  color: #323232;
  background-color: #FFFFFF;
  border-radius: 8px;
  font-size: 1.28rem;
}
.spot-info .spot-description .pin, .signage__spot-info-area .spot-info__static .spot-description .pin, .signage__spot-info-area .spot-info__static .spot-description__static .pin {
  position: absolute;
  top: -1rem;
  left: -1rem;
  background-color: #F00;
  color: #FFF;
  font-size: calc( 4rem / 2 );
  padding: 0px;
  margin: 0px;
  text-align: center;
  vertical-align: middle;
  width: 4rem;
  height: 4rem;
  border-radius: calc( 4rem / 2 );
  border-width: 2px;
  border-style: solid;
  border-color: #cc0000;
}
.spot-info .spot-description .description-info, .signage__spot-info-area .spot-info__static .spot-description .description-info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static {
  display: flex;
  flex-flow: column;
  width: 359px;
  height: 536px;
  padding: 16px;
  overflow: hidden;
}
.spot-info .spot-description .description-info .name, .signage__spot-info-area .spot-info__static .spot-description .description-info .name, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .name, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .name {
  padding-left: calc( 4rem / 2 + 1rem );
  font-size: 2.14rem;
  font-weight: 700;
}
.spot-info .spot-description .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static {
  position: relative;
  left: -16px;
  margin-top: 20px;
}
.spot-info .spot-description .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static {
  width: 359px;
  height: 120px;
  object-fit: cover;
}
.spot-info .spot-description .description-info .info, .signage__spot-info-area .spot-info__static .spot-description .description-info .info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .info {
  display: flex;
  flex-flow: column;
  margin-top: 20px;
  margin-bottom: 20px;
  overflow-y: hidden;
}
.spot-info .spot-description .description-info .description, .signage__spot-info-area .spot-info__static .spot-description .description-info .description, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .description, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .description {
  margin-top: 20px;
  margin-bottom: 16px;
}
.spot-info .spot-description .congestion, .signage__spot-info-area .spot-info__static .spot-description .congestion, .signage__spot-info-area .spot-info__static .spot-description__static .congestion {
  padding: 16px;
  width: 269px;
  font-size: 1rem;
  color: #323232;
}
.spot-info .spot-description .congestion .header, .signage__spot-info-area .spot-info__static .spot-description .congestion .header, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .header, .spot-info .spot-description .congestion .web-tourist-map__child-place-list .footer, .signage__spot-info-area .spot-info__static .spot-description .congestion .web-tourist-map__child-place-list .footer, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .spot-info .spot-description .congestion .footer, .signage__spot-info-area .spot-info__static .web-tourist-map__child-place-list .spot-info .spot-description__static .congestion .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description .congestion .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description__static .congestion .footer, .signage__spot-info-area .web-tourist-map__child-place-list .spot-info__static .spot-description .congestion .footer, .signage__spot-info-area .web-tourist-map__child-place-list .spot-info__static .spot-description__static .congestion .footer {
  font-size: 1.14rem;
  font-weight: bold;
  color: #000000;
}
.spot-info .spot-description .congestion .recorded-at, .signage__spot-info-area .spot-info__static .spot-description .congestion .recorded-at, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .recorded-at {
  color: #686868;
}
.spot-info .spot-description .congestion .ant-row, .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-row, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-row {
  height: 68px;
}
.spot-info .spot-description .congestion .ant-row .congestion-graph, .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-row .congestion-graph, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-row .congestion-graph {
  font-size: 4rem;
}
.spot-info .spot-description .congestion .ant-card-grid, .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-card-grid, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-card-grid {
  padding: 0;
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.spot-info .spot-description .congestion .title, .signage__spot-info-area .spot-info__static .spot-description .congestion .title, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .title {
  height: 16px;
}
.spot-info .spot-description .congestion .num, .signage__spot-info-area .spot-info__static .spot-description .congestion .num, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .num {
  margin-bottom: 0;
  height: 75px;
  font-size: 2.14rem;
  font-weight: bold;
}
.spot-info .spot-description .congestion .percent, .signage__spot-info-area .spot-info__static .spot-description .congestion .percent, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .percent {
  font-size: 1.14rem;
  font-weight: normal;
}
.spot-info .spot-description .congestion .spot-info-title, .signage__spot-info-area .spot-info__static .spot-description .congestion .spot-info-title, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .spot-info-title {
  color: #686868;
}
.spot-info .spot-description .mobility, .signage__spot-info-area .spot-info__static .spot-description .mobility, .signage__spot-info-area .spot-info__static .spot-description__static .mobility {
  padding: 16px;
  width: 269px;
  font-size: 1rem;
  color: #323232;
}
.spot-info .spot-description .mobility .header, .signage__spot-info-area .spot-info__static .spot-description .mobility .header, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .header, .spot-info .spot-description .mobility .web-tourist-map__child-place-list .footer, .signage__spot-info-area .spot-info__static .spot-description .mobility .web-tourist-map__child-place-list .footer, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .spot-info .spot-description .mobility .footer, .signage__spot-info-area .spot-info__static .web-tourist-map__child-place-list .spot-info .spot-description__static .mobility .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description .mobility .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description__static .mobility .footer, .signage__spot-info-area .web-tourist-map__child-place-list .spot-info__static .spot-description .mobility .footer, .signage__spot-info-area .web-tourist-map__child-place-list .spot-info__static .spot-description__static .mobility .footer {
  font-size: 1.14rem;
  font-weight: bold;
  color: #000000;
}
.spot-info .spot-description .mobility .recorded-at, .signage__spot-info-area .spot-info__static .spot-description .mobility .recorded-at, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .recorded-at {
  color: #686868;
}
.spot-info .spot-description .mobility .ant-card-bordered, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-bordered, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-bordered {
  border: none;
}
.spot-info .spot-description .mobility .vehicle-type, .signage__spot-info-area .spot-info__static .spot-description .mobility .vehicle-type, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .vehicle-type {
  display: flex;
  overflow-y: hidden;
  overflow-x: hidden;
  height: 305px;
  width: 240px;
  padding-right: 5px;
}
.spot-info .spot-description .mobility .ant-card-grid, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid {
  padding: 0 0 16px;
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #323232;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div {
  height: 75px;
  font-size: 4.5em;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title {
  font-size: 0.99rem;
  font-weight: normal;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
  height: 75px;
  margin-top: -16px;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col {
  margin: 0;
  width: 114px;
  height: 73px;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text {
  padding-left: 0;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col {
  font-size: 0.99rem;
}
.spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text {
  font-size: 1.14rem;
}
.spot-info .spot-description .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static {
  padding: 8px;
  width: 366px;
  height: 476px;
}
.spot-info .spot-description .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static .twitter-timeline {
  height: 450px !important;
}
.spot-info .spot-description .spot-tweets-title, .signage__spot-info-area .spot-info__static .spot-description .spot-tweets-title, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets-title {
  padding: 16px 16px 0;
  margin-bottom: 0;
  font-size: 1.14rem;
  font-weight: bold;
}
.spot-info .spot-description .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image__static {
  padding: 16px;
  width: 369px;
  height: 500px;
  overflow-y: hidden;
}
.spot-info .spot-description .spot-description-image-title, .signage__spot-info-area .spot-info__static .spot-description .spot-description-image-title, .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image-title {
  padding: 16px 16px 0;
  margin-bottom: 0;
  font-size: 1.14rem;
  font-weight: bold;
}
.spot-info .spot-description .line, .signage__spot-info-area .spot-info__static .spot-description .line, .signage__spot-info-area .spot-info__static .spot-description__static .line {
  margin: 16px 0;
  border-left: solid #C4C4C4;
  border-width: thin;
}
.spot-info .spot-description .line-vertical, .signage__spot-info-area .spot-info__static .spot-description .line-vertical, .signage__spot-info-area .spot-info__static .spot-description__static .line-vertical {
  margin: 16px 0;
  border-bottom: solid #C4C4C4;
  border-width: thin;
}

.signage__twitter-content-list {
  height: 460px;
  overflow: hidden;
}

.signage__description-image-container {
  width: 100%;
  height: 300px;
}

.signage__debug {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
  color: white;
}

.signage__map__static {
  height: 960px;
}

.signage__spot-info-area .spot-info__static {
  width: 1056px;
  height: 860px;
}
.signage__spot-info-area .spot-info__static .spot-description__static {
  width: 976px;
  height: 780px;
}
.signage__spot-info-area .spot-info__static .spot-description__static .description-info__static {
  width: 459px;
  height: 900px;
}
.signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static {
  width: 459px;
}
.signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static {
  width: 517px;
  height: 716px;
}
.signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static .twitter-timeline {
  height: 680px !important;
}
.signage__spot-info-area .spot-info__static .spot-description__static .signage__twitter-content-list {
  height: 700px;
}
.signage__spot-info-area .spot-info__static .spot-description__static .web-tourist-map__twitter-content .tweet-block .text {
  font-size: 18px;
}
.signage__spot-info-area .spot-info__static .spot-description__static .web-tourist-map__twitter-content .media-block .media-container {
  width: 100vw;
  height: 300px;
  object-fit: contain;
}
.signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image__static {
  width: 516px;
  height: 760px;
}

@media screen and (min-height: 813px) and (max-height: 1080px) {
  .signage__loading {
    margin-top: 500px;
  }
  .signage__header {
    height: 3.5rem;
    font-size: 2.1rem;
  }
  .signage__qrcode {
    width: 5rem;
    height: 5rem;
  }
  .signage__qrcode img {
    width: 5rem;
    height: 5rem;
  }
  .signage__map, .signage__map__static {
    width: 608px;
    height: 700px;
  }
  .signage__spot-info-area .spot-info, .signage__spot-info-area .spot-info__static {
    width: 588px;
    height: 380px;
  }
  .spot-info .spot-description, .signage__spot-info-area .spot-info__static .spot-description, .signage__spot-info-area .spot-info__static .spot-description__static {
    font-size: 0.78rem;
    width: 352px;
    height: 300px;
  }
  .spot-info .spot-description .pin, .signage__spot-info-area .spot-info__static .spot-description .pin, .signage__spot-info-area .spot-info__static .spot-description__static .pin {
    font-size: calc( 3rem / 2 );
    width: 3rem;
    height: 3rem;
  }
  .spot-info .spot-description .description-info, .signage__spot-info-area .spot-info__static .spot-description .description-info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static {
    width: 200px;
    height: 300px;
  }
  .spot-info .spot-description .description-info .name, .signage__spot-info-area .spot-info__static .spot-description .description-info .name, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .name, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .name {
    padding-left: calc( 3rem / 2 + 0rem );
    font-size: 1.24rem;
  }
  .spot-info .spot-description .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static {
    margin-top: 10px;
  }
  .spot-info .spot-description .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static {
    width: 200px;
    height: 60px;
  }
  .spot-info .spot-description .description-info .info, .signage__spot-info-area .spot-info__static .spot-description .description-info .info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .info, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .info {
    margin-top: 10px;
    margin-bottom: 2px;
  }
  .spot-info .spot-description .description-info .description, .signage__spot-info-area .spot-info__static .spot-description .description-info .description, .signage__spot-info-area .spot-info__static .spot-description__static .description-info .description, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .description {
    margin-top: 10px;
    margin-bottom: 8px;
  }
  .spot-info .spot-description .congestion, .signage__spot-info-area .spot-info__static .spot-description .congestion, .signage__spot-info-area .spot-info__static .spot-description__static .congestion {
    padding: 8px 16px 16px;
    width: 155px;
    font-size: 0.4rem;
  }
  .spot-info .spot-description .congestion .header, .signage__spot-info-area .spot-info__static .spot-description .congestion .header, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .header, .spot-info .spot-description .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .spot-info .spot-description .congestion .footer, .signage__spot-info-area .spot-info__static .spot-description .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description .congestion .footer, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description__static .congestion .footer {
    font-size: 0.74rem;
  }
  .spot-info .spot-description .congestion .recorded-at .live, .signage__spot-info-area .spot-info__static .spot-description .congestion .recorded-at .live, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .recorded-at .live {
    width: 8px;
    height: 8px;
  }
  .spot-info .spot-description .congestion .ant-row, .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-row, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-row {
    height: 36px;
  }
  .spot-info .spot-description .congestion .ant-row .congestion-graph, .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-row .congestion-graph, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-row .congestion-graph {
    font-size: 2rem;
  }
  .spot-info .spot-description .congestion .title, .signage__spot-info-area .spot-info__static .spot-description .congestion .title, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .title {
    height: 10px;
  }
  .spot-info .spot-description .congestion .num, .signage__spot-info-area .spot-info__static .spot-description .congestion .num, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .num {
    height: 42px;
    font-size: 1.14rem;
  }
  .spot-info .spot-description .congestion .percent, .signage__spot-info-area .spot-info__static .spot-description .congestion .percent, .signage__spot-info-area .spot-info__static .spot-description__static .congestion .percent {
    font-size: 0.14rem;
  }
  .spot-info .spot-description .mobility, .signage__spot-info-area .spot-info__static .spot-description .mobility, .signage__spot-info-area .spot-info__static .spot-description__static .mobility {
    padding: 8px 16px 16px;
    width: 155px;
    font-size: 0.4rem;
  }
  .spot-info .spot-description .mobility .header, .signage__spot-info-area .spot-info__static .spot-description .mobility .header, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .header, .spot-info .spot-description .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .spot-info .spot-description .mobility .footer, .signage__spot-info-area .spot-info__static .spot-description .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description .mobility .footer, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .spot-description__static .mobility .footer {
    font-size: 0.74rem;
  }
  .spot-info .spot-description .mobility .vehicle-type, .signage__spot-info-area .spot-info__static .spot-description .mobility .vehicle-type, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .vehicle-type {
    height: 160px;
    width: 134px;
  }
  .spot-info .spot-description .mobility .ant-card, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card {
    font-size: 0.5rem;
  }
  .spot-info .spot-description .mobility .ant-card-grid, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid {
    padding: 0 0 10px;
  }
  .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div {
    height: 42px;
  }
  .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title {
    font-size: 0.49rem;
  }
  .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
    height: 42px;
    font-size: 2rem;
  }
  .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col {
    width: 64px;
    height: 41px;
  }
  .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col {
    font-size: 0.49rem;
  }
  .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text {
    font-size: 0.64rem;
  }
  .spot-info .spot-description .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static {
    width: 208px;
    height: 268px;
    overflow: hidden;
  }
  .spot-info .spot-description .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static .twitter-timeline {
    height: 240px !important;
    min-width: 140px !important;
  }
  .spot-info .spot-description .spot-tweets-title, .signage__spot-info-area .spot-info__static .spot-description .spot-tweets-title, .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets-title {
    padding: 8px 16px 0px;
    font-size: 0.74rem;
  }
  .spot-info .spot-description .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image__static {
    padding: 8px 16px 0px;
    width: 207px;
    height: 272px;
  }
  .spot-info .spot-description .spot-description-image-title, .signage__spot-info-area .spot-info__static .spot-description .spot-description-image-title, .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image-title {
    padding: 8px 16px 0px;
    font-size: 0.74rem;
  }
  .signage__twitter-content-list {
    height: 240px;
    overflow: hidden;
  }
  .signage__description-image-container {
    height: 170px;
  }
}
.signage_sendai .signage__loading {
  margin-top: 500px;
}
.signage_sendai .signage__header {
  height: 3.5rem;
  font-size: 2.1rem;
}
.signage_sendai .signage__qrcode {
  right: 1rem;
  width: 5rem;
  height: 5rem;
}
.signage_sendai .signage__qrcode img {
  width: 5rem;
  height: 5rem;
}
.signage_sendai .signage__map, .signage_sendai .signage__map__static {
  width: 608px;
  height: 560px;
}
.signage_sendai .signage__spot-info-area {
  height: 280px;
}
.signage_sendai .signage__spot-info-area .spot-info, .signage_sendai .signage__spot-info-area .spot-info__static {
  width: 468px;
  height: 270px;
  padding-top: 30px;
}
.signage_sendai .spot-info .spot-description, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static {
  font-size: 0.74rem;
  width: 352px;
  height: 200px;
}
.signage_sendai .spot-info .spot-description .pin, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .pin, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .pin, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .pin, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .pin, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .pin {
  font-size: calc( 2rem / 2 );
  width: 2rem;
  height: 2rem;
}
.signage_sendai .spot-info .spot-description .description-info, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .description-info, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .description-info, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static {
  width: 244px;
  height: 204px;
}
.signage_sendai .spot-info .spot-description .description-info .name, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .description-info .name, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .description-info .name, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info .name, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info .name, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info .name, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .name, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .name, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .name, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .name {
  padding-left: calc( 2rem / 2 + 0rem );
  font-size: 1rem;
}
.signage_sendai .spot-info .spot-description .description-info .banner-image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .description-info .banner-image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .description-info .banner-image, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info .banner-image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info .banner-image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .banner-image, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .banner-image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .banner-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .signage_sendai .spot-info .spot-description .description-info .banner-image__static, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .banner-image__static, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .banner-image__static, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .banner-image__static {
  margin-top: 10px;
}
.signage_sendai .spot-info .spot-description .description-info .banner-image .image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .description-info .banner-image .image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info .banner-image .image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info .banner-image .image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .banner-image .image, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .banner-image .image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image .image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .banner-image .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .signage_sendai .spot-info .spot-description .description-info .banner-image__static .image, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .banner-image__static .image, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .banner-image__static .image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .banner-image__static .image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .signage_sendai .spot-info .spot-description .description-info .banner-image .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .signage_sendai .spot-info .spot-description .description-info .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .banner-image__static .image__static, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static {
  width: 200px;
  height: 40px;
}
.signage_sendai .spot-info .spot-description .description-info .info, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .description-info .info, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .description-info .info, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info .info, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info .info, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info .info, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .info, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .info, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .info, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .info {
  margin-top: 10px;
  margin-bottom: 2px;
}
.signage_sendai .spot-info .spot-description .description-info .description, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .description-info .description, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .description-info .description, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info .description, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info .description, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info .description, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .description-info__static .description, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .description-info__static .description, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .description, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .description-info__static .description {
  margin-top: 10px;
  margin-bottom: 8px;
}
.signage_sendai .spot-info .spot-description .congestion, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion {
  padding: 8px 10px 16px;
  width: 155px;
  font-size: 0.4rem;
}
.signage_sendai .spot-info .spot-description .congestion .header, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .header, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .header, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .header, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .header, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .header, .signage_sendai .spot-info .spot-description .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage_sendai .spot-info .spot-description .congestion .footer, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .footer, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .footer, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .footer, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .footer, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .footer {
  font-size: 0.64rem;
}
.signage_sendai .spot-info .spot-description .congestion .recorded-at .live, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .recorded-at .live, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .recorded-at .live, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .recorded-at .live, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .recorded-at .live, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .recorded-at .live {
  width: 6px;
  height: 6px;
}
.signage_sendai .spot-info .spot-description .congestion .ant-row, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-row, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .ant-row, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .ant-row, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-row, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .ant-row {
  height: 12px;
}
.signage_sendai .spot-info .spot-description .congestion .ant-row .congestion-graph, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .ant-row .congestion-graph, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .ant-row .congestion-graph, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .ant-row .congestion-graph, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .ant-row .congestion-graph, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .ant-row .congestion-graph {
  font-size: 2rem;
}
.signage_sendai .spot-info .spot-description .congestion .title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .title, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .title {
  height: 10px;
}
.signage_sendai .spot-info .spot-description .congestion .num, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .num, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .num, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .num, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .num, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .num {
  height: 42px;
  font-size: 1.14rem;
}
.signage_sendai .spot-info .spot-description .congestion .percent, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .percent, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .percent, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .percent, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .percent, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .percent {
  font-size: 0.14rem;
}
.signage_sendai .spot-info .spot-description .congestion .recharts-responsive-container, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .congestion .recharts-responsive-container, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .congestion .recharts-responsive-container, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .congestion .recharts-responsive-container, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .congestion .recharts-responsive-container, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .congestion .recharts-responsive-container {
  height: 60px !important;
  min-height: 60px !important;
}
.signage_sendai .spot-info .spot-description .mobility, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility {
  padding: 8px 10px 16px;
  width: 155px;
  font-size: 0.4rem;
}
.signage_sendai .spot-info .spot-description .mobility .header, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .header, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .header, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .header, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .header, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .header, .signage_sendai .spot-info .spot-description .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage_sendai .spot-info .spot-description .mobility .footer, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .footer, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .footer, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .footer, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .footer, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .footer {
  font-size: 0.64rem;
}
.signage_sendai .spot-info .spot-description .mobility .vehicle-type, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .vehicle-type, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .vehicle-type, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .vehicle-type, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .vehicle-type, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .vehicle-type {
  height: 60px;
  width: 134px;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card {
  font-size: 0.5rem;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid {
  padding: 0 0 10px;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div {
  height: 42px;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title {
  font-size: 0.49rem;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
  height: 42px;
  font-size: 2rem;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col {
  width: 64px;
  height: 41px;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col {
  font-size: 0.49rem;
}
.signage_sendai .spot-info .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text {
  font-size: 0.64rem;
}
.signage_sendai .spot-info .spot-description .spot-tweets, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .spot-tweets, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .spot-tweets, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-tweets, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-tweets, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .spot-tweets__static, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-tweets__static, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-tweets__static {
  width: 205px;
  height: 150px;
  overflow: hidden;
  padding: 0;
}
.signage_sendai .spot-info .spot-description .spot-tweets .twitter-timeline, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .spot-tweets .twitter-timeline, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-tweets .twitter-timeline, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets .twitter-timeline, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-tweets .twitter-timeline, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .spot-tweets__static .twitter-timeline, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-tweets__static .twitter-timeline, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets__static .twitter-timeline, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-tweets__static .twitter-timeline {
  height: 130px !important;
  min-width: 115px !important;
}
.signage_sendai .spot-info .spot-description .spot-tweets-title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .spot-tweets-title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .spot-tweets-title, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-tweets-title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-tweets-title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-tweets-title {
  padding: 8px 8px 0px;
  font-size: 0.64rem;
}
.signage_sendai .spot-info .spot-description .spot-description-image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .spot-description-image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .spot-description-image, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-description-image, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-description-image, .signage__spot-info-area .spot-info__static .spot-description__static .signage_sendai .spot-info .spot-description .spot-description-image__static, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-description-image__static, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image__static, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-description-image__static {
  padding: 8px 10px 0px;
  width: 205px;
  height: 176px;
}
.signage_sendai .spot-info .spot-description .spot-description-image-title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .spot-description-image-title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .spot-description-image-title, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .spot-description-image-title, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .spot-description-image-title, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .spot-description-image-title {
  padding: 8px 16px 0px;
  font-size: 0.74rem;
}
.signage_sendai .spot-info .spot-description .line-vertical, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description .line-vertical, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description .line-vertical, .signage__spot-info-area .spot-info__static .signage_sendai .spot-info .spot-description__static .line-vertical, .signage_sendai .signage__spot-info-area .spot-info__static .spot-description__static .line-vertical, .signage__spot-info-area .signage_sendai .spot-info__static .spot-description__static .line-vertical {
  margin: 16px 0 8px;
}
.signage_sendai .signage__twitter-content-list {
  height: 240px;
  overflow: hidden;
  font-size: 6px;
  padding: 6px;
}
.signage_sendai .signage__description-image-container {
  height: 150px;
}
.signage_sendai .signage__spot-info-area .web-tourist-map__twitter-content {
  padding: 0;
}
.signage_sendai .signage__spot-info-area .web-tourist-map__twitter-content .author-info-block .author-image {
  margin-right: 0;
}
.signage_sendai .signage__spot-info-area .web-tourist-map__twitter-content .author-info-block .author-name-block {
  width: 56px;
}
.signage_sendai .signage__spot-info-area .web-tourist-map__twitter-content .author-info-block .author-name-block .screen-name {
  font-size: 6px;
  word-break: break-all;
}
.signage_sendai .signage__spot-info-area .web-tourist-map__twitter-content .author-info-block .twitter-logo {
  margin-left: 0;
}
.signage_sendai .signage__spot-info-area .web-tourist-map__twitter-content .tweet-block .text {
  font-size: 6px;
}

* {
  padding: 0px;
  margin: 0px;
}

.signage-tourist-map__loading {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.signage-tourist-map__welcome {
  position: absolute;
  display: flex;
  width: clamp(79px, 15vw, 136px);
  top: 0;
  z-index: 10;
}
.signage-tourist-map__welcome .welcome .welcome_img {
  width: clamp(79px, 13vw, 136px);
  object-fit: cover;
}

.signage-tourist-map__header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.signage-tourist-map__header .header-title {
  width: 100%;
  height: clamp(56px, 6vh, 64px);
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.75;
}
.signage-tourist-map__header .header-title .title {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font: normal normal bold clamp(24px, 3.5vw, 32px)/clamp(35px, 5.5vw, 46px) Noto Sans JP;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}
.signage-tourist-map__header .header-progress {
  position: absolute;
  width: 100%;
  bottom: -12px;
  z-index: 9;
}
.signage-tourist-map__header .header-progress .ant-progress-inner {
  opacity: 0.3;
}

.signage-tourist-map__items-displayed {
  position: absolute;
  padding: 15px;
  height: clamp(20px, 2.5vh, 40px);
  bottom: clamp(120px, 13vh, 208px);
  right: 1.5vw;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 64px;
  opacity: 0.5;
  z-index: 3;
}
.signage-tourist-map__items-displayed .items-displayed {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font: normal normal bold clamp(8px, 1.5vw, 16px)/clamp(11px, 2.2vw, 24px) Noto Sans JP;
  letter-spacing: 0px;
  color: #FFFFFF;
  opacity: 1;
}

.signage-tourist-map__footer {
  position: absolute;
  width: 100%;
  height: clamp(112px, 12vh, 192px);
  left: 0;
  bottom: 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  opacity: 0.85;
  z-index: 3;
}
.signage-tourist-map__footer .footer .footer-information {
  position: relative;
  display: flex;
  padding: clamp(16px, 1.8vh, 32px) clamp(16px, 3.1vw, 32px);
  width: 55vw;
  height: 100%;
}
.signage-tourist-map__footer .footer .footer-information .information {
  width: 100%;
}
.signage-tourist-map__footer .footer .footer-information .information .information-welcome {
  text-align: left;
  font: normal normal bold clamp(14px, 2.5vw, 24px)/clamp(20px, 3.7vw, 35px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  opacity: 1;
}
.signage-tourist-map__footer .footer .footer-information .information .information-welcome-width-over {
  font-size: clamp(9px, 1.8vw, 20px);
}
.signage-tourist-map__footer .footer .footer-information .information .information-information {
  text-align: left;
  font: normal normal normal clamp(9px, 1.8vw, 20px)/clamp(13px, 2.7vw, 29px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  opacity: 1;
}
.signage-tourist-map__footer .footer .footer-information .information .information-information-multi-line {
  line-height: 1.05;
  font-size: clamp(9px, 1.7vw, 18px);
}
.signage-tourist-map__footer .footer .footer-information-width-over {
  padding-top: clamp(8px, 0.6vh, 24px);
  padding-bottom: clamp(10px, 0.8vh, 24px);
}
.signage-tourist-map__footer .footer .footer-information-multi-line {
  padding-top: clamp(4px, 0.7vh, 20px);
  padding-left: clamp(8px, 1.9vw, 24px);
}
.signage-tourist-map__footer .footer .footer-for-details {
  position: relative;
  display: flex;
  padding: 16px 32px 0;
  width: clamp(142px, 25vw, 296px);
  height: 100%;
  justify-content: center;
  align-items: center;
}
.signage-tourist-map__footer .footer .footer-for-details .for-details {
  position: absolute;
  height: 100%;
}
.signage-tourist-map__footer .footer .footer-for-details .for-details-img {
  position: relative;
}
.signage-tourist-map__footer .footer .footer-for-details .for-details-img .illust_img {
  height: clamp(112px, 12.5vh, 192px);
  object-fit: cover;
}
.signage-tourist-map__footer .footer .footer-for-details .for-details-img .balloon_img {
  position: absolute;
  height: clamp(78px, 8vh, 134px);
  top: 0;
  left: 0;
  object-fit: cover;
}
.signage-tourist-map__footer .footer .footer-qrcode {
  position: relative;
  display: flex;
  padding: clamp(16px, 1.8vh, 32px) clamp(16px, 3vw, 32px);
  width: clamp(96px, 20vw, 192px);
  height: 100%;
  justify-content: center;
  align-items: center;
}
.signage-tourist-map__footer .footer .footer-qrcode .qrcode .qrcode_img {
  width: clamp(80px, 12vw, 128px);
  height: clamp(80px, 12vw, 128px);
}

.signage-tourist-map__map {
  width: 100vw;
  height: 100vh;
  overflow: scroll;
}
.signage-tourist-map__map .map {
  position: relative;
}
.signage-tourist-map__map .map .image, .signage-tourist-map__map .map .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .signage-tourist-map__map .map .image__static {
  position: absolute;
  top: 0;
  left: 0;
}
.signage-tourist-map__map .map .marker-icon {
  position: absolute;
  z-index: 1;
}
.signage-tourist-map__map .map .marker-icon .icon {
  position: absolute;
  width: clamp(100px, 19.5vw, 200px);
}
.signage-tourist-map__map .map .focus {
  position: relative;
  z-index: 2;
}
.signage-tourist-map__map .map .focus .popup {
  position: absolute;
  pointer-events: none;
}
.signage-tourist-map__map .map .focus .popup .popup-content {
  position: relative;
  width: clamp(400px, 80vw, 640px);
  height: clamp(318px, 40vh, 670px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
  border-radius: 8px;
  opacity: 1;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock {
  position: relative;
  padding: clamp(16px, 1.6vh, 24px) clamp(16px, 3vw, 32px) 0;
  height: 80%;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .name {
  text-align: left;
  font: normal normal bold clamp(16px, 2.7vw, 24px)/clamp(20px, 3.7vw, 35px) Noto Sans JP;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-icon {
  width: 50%;
  height: auto;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .ant-avatar {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  background-color: #FFFFFF;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .avatar-place-icon {
  width: 100%;
  max-height: 400px;
  margin-bottom: 12px;
  background-color: #FFFFFF;
  object-fit: contain;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container {
  width: 100%;
  height: clamp(100px, 11vh, 200px);
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .description-image-container .image-fit {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info {
  padding: clamp(13px, 2.5vw, 24px) 0;
  height: 100%;
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
  overflow-y: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info .right-content {
  padding-left: clamp(8px, 1.5vw, 16px);
  max-width: 280px;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info .right-content .description {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info .right-content .icon-holiday {
  margin: 1px 10px 0px 0px;
  border: 1px solid #afadad;
  border-radius: 12px;
  padding: 3px 5px;
  height: 20px;
  text-align: center;
  color: #afadad;
  font-size: 10px;
  white-space: nowrap;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info .right-content .txt-contact {
  margin-bottom: 0px;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-with-sns {
  width: 30%;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-with-sns.place-icon {
  width: 20%;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-with-sns.right-content {
  width: 30%;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns {
  padding-left: 6px;
  width: 50%;
  height: 100%;
  overflow-y: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns {
  height: 100%;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .signage-tourist-map__twitter-timeline {
  height: auto;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .twitter-timeline {
  max-width: unset !important;
  min-width: unset !important;
  min-height: unset !important;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .signage-tourist-map__twitter-content-list {
  height: 460px;
  overflow: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__twitter-content-list {
  padding-top: 0;
  padding-left: clamp(8px, 1.5vw, 16px);
  overflow: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__twitter-content {
  padding: 0;
  font: normal normal normal clamp(12px, 1.9vw, 16px)/clamp(18px, 2.9vw, 24px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__twitter-content .tweet-block .text {
  font: normal normal normal clamp(12px, 1.9vw, 16px)/clamp(18px, 2.9vw, 24px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__twitter-content .media-block {
  margin-top: clamp(8px, 0.9vh, 16px);
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .instagram-content-list {
  position: relative;
  padding-left: 2px;
  margin-top: 0;
  height: -webkit-fill-available;
  overflow: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__instagram-content {
  padding: 0;
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__instagram-content .footer-block .footer-info-block {
  margin-top: 4px;
  margin-bottom: 0;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .web-tourist-map__instagram-content .footer-block .footer-timestamp-block {
  margin-bottom: 16px;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .image-content-block {
  position: relative;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .image-content-block .image-content .image, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .image-content-block .image-content .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-sns .sns .image-content-block .image-content .image__static {
  position: relative;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility {
  padding-left: clamp(8px, 1.5vw, 16px);
  width: 40%;
  height: 100%;
  font: normal normal normal clamp(12px, 1.9vw, 14px)/clamp(18px, 2.7vw, 20px) Noto Sans JP;
  overflow-y: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .header, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .footer {
  margin-bottom: clamp(6px, 0.7vh, 14px);
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
  color: #000000;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .recorded-at {
  color: #686868;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-bordered {
  border: none;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .vehicle-type {
  display: flex;
  padding-right: 5px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid {
  padding: 0 0 clamp(8px, 0.9vh, 16px);
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.5vw, 20px) Noto Sans JP;
  color: #323232;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div {
  height: clamp(44px, 4.6vh, 75px);
  font: normal normal normal clamp(42px, 7.6vw, 72px)/clamp(60px, 11vw, 100px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title {
  font: normal normal normal clamp(12px, 1.9vw, 16px)/clamp(18px, 3vw, 24px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
  margin-top: clamp(4px, 0.6vh, 16px);
  font-size: clamp(32px, 6.1vw, 64px);
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col {
  margin: 0;
  width: 114px;
  height: clamp(40px, 7.4vh, 73px);
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col .web-mobility-port__vehicle-type-image-col-img {
  width: 100%;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text {
  padding-left: 1px;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text {
  font: normal normal normal clamp(14px, 2.3vw, 18px)/clamp(20px, 3.5vw, 28px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion {
  padding-left: clamp(8px, 1.5vw, 16px);
  width: 40%;
  height: 100%;
  overflow: hidden;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .header, .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .footer {
  margin-bottom: clamp(6px, 0.7vh, 14px);
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
  color: #000000;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .recorded-at {
  margin-bottom: clamp(6px, 0.7vh, 14px);
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.5vw, 20px) Noto Sans JP;
  color: #686868;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .live {
  margin-left: 2px;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .ant-row {
  height: clamp(26px, 2.6vh, 40px);
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .ant-row .congestion-graph {
  font-size: clamp(36px, 6.3vw, 56px);
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .ant-card-grid {
  padding: 0;
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .title {
  height: clamp(10px, 0.9vh, 16px);
  font: normal normal normal clamp(12px, 1.9vw, 14px)/clamp(18px, 2.7vw, 20px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .num {
  margin-bottom: 0;
  height: 75px;
  font: normal normal bold clamp(24px, 3.5vw, 32px)/clamp(35px, 5.7vw, 46px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .percent {
  font: normal normal normal clamp(14px, 2.3vw, 18px)/clamp(20px, 3.5vw, 28px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .spot-info-title {
  font: normal normal normal clamp(12px, 1.9vw, 14px)/clamp(18px, 2.7vw, 20px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .place-info-brock .place-info-congestion .congestion .recharts-responsive-container {
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.5vw, 20px) Noto Sans JP;
}
.signage-tourist-map__map .map .focus .popup .popup-content .border-line {
  border-top: 1px double #e6e6e6;
  margin-top: 15px;
  padding-top: 15px;
}
.signage-tourist-map__map .map .focus .popup .popup-content .blur {
  position: absolute;
  display: flex;
  width: 94%;
  height: clamp(50px, 4.8vh, 70px);
  bottom: calc((clamp(20px, 2vh, 32px) + clamp(8px, 1.3vh, 32px)) * -1);
  background: linear-gradient(rgba(255, 255, 255, 0), 3%, #FFFFFF);
}
.signage-tourist-map__map .map .focus .popup .popup-content .for-details-block {
  display: flex;
  width: 100%;
  padding: clamp(8px, 1.3vh, 32px) clamp(16px, 3vw, 32px) 0;
  justify-content: center;
  align-items: flex-end;
}
.signage-tourist-map__map .map .focus .popup .popup-content .for-details-block .icon-for-details {
  display: flex;
  width: clamp(100px, 18vw, 160px);
  height: clamp(20px, 2vh, 32px);
  justify-content: center;
  align-items: center;
  text-align: center;
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.4vw, 20px) Noto Sans JP;
  letter-spacing: 0px;
  color: #000000;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 32px;
  opacity: 1;
}
.signage-tourist-map__map .map .focus .popup .popup-content .name-width-over {
  padding: 32px 32px;
  height: 64px;
}
.signage-tourist-map__map .map .focus .popup .popup-content::after {
  content: "";
  position: absolute;
  margin: auto;
  width: 0px;
  height: 0px;
  right: 0;
  bottom: -18px;
  left: 0;
  border-style: solid;
  border-color: #FFFFFF transparent transparent transparent;
  border-width: 20px 20px 0 20px;
}
.signage-tourist-map__map .map .focus .place-qr-code {
  display: flex;
  justify-content: center;
  position: relative;
  bottom: clamp(30px, 2vh, 40px);
  left: clamp(120px, 18vw, 160px);
}
.signage-tourist-map__map .map .focus .place-qr-code.place-name-width-over {
  margin-top: -32px;
}
.signage-tourist-map__map .map .focus .focused-marker {
  position: absolute;
  z-index: 2;
}
.signage-tourist-map__map .map .focus .focused-marker .focused-marker-icon {
  width: clamp(150px, 29.5vw, 300px);
  filter: drop-shadow(0 0 10px #FFA500);
}
.signage-tourist-map__map .map .current {
  position: absolute;
  z-index: 2;
}
.signage-tourist-map__map .map .current .current_icon {
  position: relative;
  width: clamp(80px, 14vw, 120px);
  height: clamp(80px, 14vw, 120px);
}

.signage-tourist-map__instruction {
  position: absolute;
  display: flex;
  width: 100%;
  height: calc(100% - 4rem);
  top: 4rem;
  left: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5) 0% 0% no-repeat padding-box;
  z-index: 9;
}
.signage-tourist-map__instruction .instruction {
  position: relative;
  display: inline-grid;
  width: clamp(400px, 78.5vw, 800px);
  height: clamp(540px, 61.5vh, 1080px);
  background: #FFFFFF 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
  border-radius: 8px;
}
.signage-tourist-map__instruction .instruction .instruction-img {
  position: relative;
  width: 100%;
  height: 84%;
  overflow: hidden;
}
.signage-tourist-map__instruction .instruction .instruction-img-img {
  position: absolute;
  width: 100%;
  height: clamp(225px, 25vh, 450px);
  filter: blur(2px);
}
.signage-tourist-map__instruction .instruction .instruction-img-balloon-white {
  position: absolute;
  width: clamp(30px, 5.9vw, 60px);
  top: 20%;
  right: 29%;
}
.signage-tourist-map__instruction .instruction .instruction-img-balloon-blue {
  position: absolute;
  width: clamp(135px, 26.5vw, 272px);
  top: -10%;
  left: -3%;
}
.signage-tourist-map__instruction .instruction .instruction-img-balloon-yellow {
  position: absolute;
  width: clamp(171px, 33vw, 341px);
  top: 40%;
  right: -5%;
}
.signage-tourist-map__instruction .instruction .instruction-find-map-img {
  position: relative;
}
.signage-tourist-map__instruction .instruction .instruction-img-copy-balloon {
  position: absolute;
  width: clamp(68px, 13vw, 135px);
  bottom: clamp(5px, 1vh, 25px);
  right: clamp(40px, 7.9vw, 80px);
}
.signage-tourist-map__instruction .instruction .instruction-welcome {
  position: absolute;
  margin-top: 6.8vh;
  width: 100%;
}
.signage-tourist-map__instruction .instruction .instruction-welcome .instruction-welcome-welcome {
  width: 100%;
  text-align: center;
  font: normal normal 900 clamp(20px, 3.9vw, 40px)/clamp(29px, 5.6vw, 58px) Noto Sans JP;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3019607843);
}
.signage-tourist-map__instruction .instruction .instruction-welcome .instruction-area-name {
  width: 100%;
  text-align: center;
  font: normal normal 900 clamp(38px, 7.6vw, 78px)/clamp(58px, 11vw, 116px) Noto Sans JP;
  letter-spacing: 0px;
  color: #FFFFFF;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3019607843);
}
.signage-tourist-map__instruction .instruction .instruction-welcome .instruction-area-name-width-over {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: clamp(10px, 3.6vw, 38px);
  padding: 0 10px;
}
.signage-tourist-map__instruction .instruction .instruction-welcome .instruction-area-name-multi-line-1 {
  line-height: 1.55;
}
.signage-tourist-map__instruction .instruction .instruction-welcome .instruction-area-name-multi-line-2 {
  line-height: 1.25;
}
.signage-tourist-map__instruction .instruction .instruction-information {
  position: absolute;
  padding: 0 clamp(40px, 7.8vw, 80px) clamp(38px, 7.4vw, 74px);
  width: 100%;
  top: calc(clamp(225px, 25vh, 450px) + clamp(30px, 3.4vh, 60px));
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-welcome {
  text-align: left;
  font: normal normal bold clamp(14px, 2.9vw, 32px)/clamp(20px, 4.2vw, 46px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-information {
  padding: 8px 0 clamp(10px, 1.2vh, 24px);
  text-align: left;
  font: normal normal normal clamp(12px, 2.3vw, 24px)/clamp(18px, 3.5vw, 35px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  opacity: 1;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-information-multi-line {
  line-height: 1.25;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction {
  position: relative;
  width: 100%;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-balloon {
  position: relative;
  height: clamp(12px, 1.3vh, 24px);
  z-index: 10;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-balloon .balloon_img {
  padding-left: clamp(10px, 2.1vw, 24px);
  height: clamp(112px, 12vh, 224px);
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-balloon-width-over {
  height: clamp(12px, 1vh, 24px);
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .illust {
  padding-left: 10vw;
  width: 70%;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .illust .illust_img {
  width: clamp(183px, 36vw, 365px);
  height: clamp(128px, 14.5vh, 255px);
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .qrcode {
  padding-right: 24px;
}
.signage-tourist-map__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .qrcode .qrcode_img {
  width: clamp(80px, 15vw, 160px);
  object-fit: cover;
}
.signage-tourist-map__instruction .instruction .instruction-information-width-over {
  top: calc(clamp(215px, 24vh, 440px) + clamp(20px, 2.5vh, 50px));
}

.signage-tourist-map__debug {
  position: absolute;
  height: clamp(20px, 2.5vh, 40px);
  bottom: clamp(98px, 10.5vh, 160px);
  right: 4vw;
  color: #FFFFFF;
  z-index: 100;
}
.signage-tourist-map__debug .debug-btn {
  height: 100%;
  font: normal normal normal clamp(8px, 1.5vw, 16px)/clamp(11px, 2.2vw, 24px) Noto Sans JP;
}

.signage-tourist-map__map::-webkit-scrollbar {
  display: none;
}

.congestion__twitter-timeline {
  margin-top: 5px;
}
@media screen and (max-width: 700px) {
  .congestion__twitter-timeline.with-embedded-tweet {
    transform: scale(0.7);
    transform-origin: left top;
  }
}

@media screen and (orientation: landscape) {
  .signage-tourist-map__instruction .instruction .instruction-welcome .instruction-area-name-width-over {
    font-size: clamp(10px, 2.1vh, 38px);
  }
  .signage-tourist-map__instruction .instruction .instruction-information .instruction-information-information {
    font-size: clamp(12px, 1.6vh, 24px);
    line-height: 1.5;
  }
  .signage-tourist-map__footer .footer .footer-information .information .information-information {
    font-size: clamp(9px, 1.3vh, 20px);
    line-height: 1.5;
  }
  .signage-tourist-map__footer .footer .footer-qrcode .qrcode .qrcode_img {
    width: clamp(80px, 8vh, 128px);
    height: clamp(80px, 8vh, 128px);
  }
}
* {
  padding: 0px;
  margin: 0px;
}

.embedded-tourist-map-static__loading {
  display: flex;
  width: 100vw;
  height: 100vh;
  justify-content: center;
  align-items: center;
}

.embedded-tourist-map-static__welcome {
  position: absolute;
  display: flex;
  width: clamp(79px, 15vw, 136px);
  top: 0;
  z-index: 10;
}
.embedded-tourist-map-static__welcome .welcome .welcome_img {
  width: clamp(79px, 13vw, 136px);
  object-fit: cover;
}

.embedded-tourist-map-static__header {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 9;
}
.embedded-tourist-map-static__header .header-title {
  width: 100%;
  height: clamp(56px, 6vh, 64px);
  background: #000000 0% 0% no-repeat padding-box;
  opacity: 0.75;
}
.embedded-tourist-map-static__header .header-title .title {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font: normal normal bold clamp(24px, 3.5vw, 32px)/clamp(35px, 5.5vw, 46px) Noto Sans JP;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}
.embedded-tourist-map-static__header .header-progress {
  position: absolute;
  width: 100%;
  bottom: -12px;
  z-index: 9;
}
.embedded-tourist-map-static__header .header-progress .ant-progress-inner {
  opacity: 0.3;
}

.embedded-tourist-map-static__items-displayed {
  position: absolute;
  width: clamp(96px, 18vw, 192px);
  height: clamp(20px, 2.5vh, 40px);
  bottom: clamp(120px, 13vh, 208px);
  right: 1.5vw;
  background: #000000 0% 0% no-repeat padding-box;
  border-radius: 64px;
  opacity: 0.5;
  z-index: 3;
}
.embedded-tourist-map-static__items-displayed .items-displayed {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font: normal normal bold clamp(8px, 1.5vw, 16px)/clamp(11px, 2.2vw, 24px) Noto Sans JP;
  letter-spacing: 0px;
  color: #ffffff;
  opacity: 1;
}

.embedded-tourist-map-static__footer {
  position: absolute;
  width: 100%;
  height: clamp(112px, 12vh, 192px);
  left: 0;
  bottom: 0;
  background: #ffffff 0% 0% no-repeat padding-box;
  opacity: 0.85;
  z-index: 3;
}
.embedded-tourist-map-static__footer .footer .footer-information {
  position: relative;
  display: flex;
  padding: clamp(16px, 1.8vh, 32px) clamp(16px, 3.1vw, 32px);
  width: 55vw;
  height: 100%;
}
.embedded-tourist-map-static__footer .footer .footer-information .information {
  width: 100%;
}
.embedded-tourist-map-static__footer .footer .footer-information .information .information-welcome {
  text-align: left;
  font: normal normal bold clamp(14px, 2.5vw, 24px)/clamp(20px, 3.7vw, 35px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  opacity: 1;
}
.embedded-tourist-map-static__footer .footer .footer-information .information .information-welcome-width-over {
  font-size: clamp(9px, 1.8vw, 20px);
}
.embedded-tourist-map-static__footer .footer .footer-information .information .information-information {
  text-align: left;
  font: normal normal normal clamp(9px, 1.8vw, 20px)/clamp(13px, 2.7vw, 29px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  opacity: 1;
}
.embedded-tourist-map-static__footer .footer .footer-information .information .information-information-multi-line {
  line-height: 1.05;
  font-size: clamp(9px, 1.7vw, 18px);
}
.embedded-tourist-map-static__footer .footer .footer-information-width-over {
  padding-top: clamp(8px, 0.6vh, 24px);
  padding-bottom: clamp(10px, 0.8vh, 24px);
}
.embedded-tourist-map-static__footer .footer .footer-information-multi-line {
  padding-top: clamp(4px, 0.7vh, 20px);
  padding-left: clamp(8px, 1.9vw, 24px);
}
.embedded-tourist-map-static__footer .footer .footer-for-details {
  position: relative;
  display: flex;
  padding: 16px 32px 0;
  width: clamp(142px, 25vw, 296px);
  height: 100%;
  justify-content: center;
  align-items: center;
}
.embedded-tourist-map-static__footer .footer .footer-for-details .for-details {
  position: absolute;
  height: 100%;
}
.embedded-tourist-map-static__footer .footer .footer-for-details .for-details-img {
  position: relative;
}
.embedded-tourist-map-static__footer .footer .footer-for-details .for-details-img .illust_img {
  height: clamp(112px, 12.5vh, 192px);
  object-fit: cover;
}
.embedded-tourist-map-static__footer .footer .footer-for-details .for-details-img .balloon_img {
  position: absolute;
  height: clamp(78px, 8vh, 134px);
  top: 0;
  left: 0;
  object-fit: cover;
}
.embedded-tourist-map-static__footer .footer .footer-qrcode {
  position: relative;
  display: flex;
  padding: clamp(16px, 1.8vh, 32px) clamp(16px, 3vw, 32px);
  width: clamp(96px, 20vw, 192px);
  height: 100%;
  justify-content: center;
  align-items: center;
}
.embedded-tourist-map-static__footer .footer .footer-qrcode .qrcode .qrcode_img {
  width: clamp(80px, 12vw, 128px);
  height: clamp(80px, 12vw, 128px);
}

.embedded-tourist-map-static__map {
  width: 100vw;
  height: 100vh;
  overflow: clip;
}
.embedded-tourist-map-static__map .map {
  position: relative;
}
.embedded-tourist-map-static__map .map .image, .embedded-tourist-map-static__map .map .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .embedded-tourist-map-static__map .map .image__static {
  position: absolute;
  top: 0;
  left: 0;
}
.embedded-tourist-map-static__map .map .marker-icon {
  position: absolute;
  z-index: 1;
}
.embedded-tourist-map-static__map .map .marker-icon .icon {
  position: absolute;
  width: clamp(100px, 19.5vw, 200px);
}
.embedded-tourist-map-static__map .map .focused-marker-icon {
  transform: scale(1.2);
  filter: drop-shadow(0 0 10px #ffa500);
}
.embedded-tourist-map-static__map .map .focus {
  font-style: normal;
  font-variant-caps: normal;
  font-weight: normal;
  font-stretch: normal;
  font-size: 12px;
  line-height: 20px;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  font-size-adjust: none;
  font-kerning: auto;
  font-optical-sizing: auto;
  font-variant-alternates: normal;
  font-variant-east-asian: normal;
  font-variant-ligatures: normal;
  font-variant-numeric: normal;
  font-variant-position: normal;
  font-language-override: normal;
  font-feature-settings: normal;
  font-variation-settings: normal;
}
.embedded-tourist-map-static__map .map .focus .popup {
  max-height: min(calc(var(--vh, 1vh) * 100 * 0.4), 220px);
  padding: 5px 5px 5px 5px;
  margin-bottom: 10px;
  overflow: auto;
}
.embedded-tourist-map-static__map .map .focus .popup.sns .instagram-content-list {
  position: relative;
  padding-left: 2px;
  margin-top: 0;
  height: -webkit-fill-available;
  overflow: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup.sns .web-tourist-map__instagram-content {
  padding: 0;
}
.embedded-tourist-map-static__map .map .focus .popup.sns .web-tourist-map__instagram-content .footer-block .footer-info-block {
  margin-top: 4px;
  margin-bottom: 0;
}
.embedded-tourist-map-static__map .map .focus .popup.sns .web-tourist-map__instagram-content .footer-block .footer-timestamp-block {
  margin-bottom: 16px;
}
.embedded-tourist-map-static__map .map .focus .popup.sns .image-content-block {
  position: relative;
}
.embedded-tourist-map-static__map .map .focus .popup.sns .image-content-block .image-content .image, .embedded-tourist-map-static__map .map .focus .popup.sns .image-content-block .image-content .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .embedded-tourist-map-static__map .map .focus .popup.sns .image-content-block .image-content .image__static {
  position: relative;
}
.embedded-tourist-map-static__map .map .focus .popup.under-dir {
  top: 0;
  left: 50%;
  margin-top: 75%;
  transform: translate(-50%, -50%);
}
.embedded-tourist-map-static__map .map .focus .popup.under-dir .popup-content::before {
  content: "";
  position: absolute;
  margin: auto;
  width: 0px;
  height: 0px;
  right: 0;
  top: -8px;
  left: 0;
  border-style: solid;
  border-color: transparent transparent #ffffff transparent;
  border-width: 0px 10px 10px 10px;
}
.embedded-tourist-map-static__map .map .focus .popup.under-dir .popup-content::after {
  border-width: 0px;
}
.embedded-tourist-map-static__map .map .focus .popup .content-block {
  width: 100%;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content {
  position: relative;
  width: clamp(200px, 40vw, 640px);
  height: clamp(0px, 21vh, 670px);
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
  border-radius: 8px;
  padding-bottom: 20px;
  opacity: 1;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block {
  position: relative;
  padding: clamp(16px, 1.6vh, 24px) clamp(16px, 3vw, 32px) 0;
  height: 100%;
  overflow: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .name {
  text-align: left;
  font: normal normal bold clamp(16px, 2.7vw, 24px)/clamp(20px, 3.7vw, 35px) Noto Sans JP;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-icon {
  width: 50%;
  height: auto;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .ant-avatar {
  width: 100%;
  height: auto;
  margin-bottom: 12px;
  background-color: #ffffff;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .avatar-place-icon {
  width: 100%;
  max-height: 400px;
  margin-bottom: 12px;
  background-color: #ffffff;
  object-fit: contain;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container {
  width: 100%;
  height: clamp(100px, 11vh, 200px);
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .description-image-container .image-fit {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info {
  padding: clamp(13px, 2.5vw, 24px) 0;
  height: 100%;
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
  overflow-y: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info .right-content {
  padding-left: clamp(8px, 1.5vw, 16px);
  max-width: 280px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info .right-content .description {
  text-align: left;
  letter-spacing: 0px;
  color: #000000;
  opacity: 1;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info .right-content .icon-holiday {
  margin: 1px 10px 0px 0px;
  border: 1px solid #afadad;
  border-radius: 12px;
  padding: 3px 5px;
  height: 20px;
  text-align: center;
  color: #afadad;
  font-size: 10px;
  white-space: nowrap;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info .right-content .txt-contact {
  margin-bottom: 0px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-with-sns {
  width: 30%;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-sns {
  padding-left: 6px;
  width: 40%;
  height: 100%;
  overflow-y: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-sns .sns {
  height: 100%;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-sns .sns .embedded-tourist-map-static__twitter-timeline {
  height: auto;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility {
  padding-left: clamp(8px, 1.5vw, 16px);
  width: 40%;
  height: 100%;
  font: normal normal normal clamp(12px, 1.9vw, 14px)/clamp(18px, 2.7vw, 20px) Noto Sans JP;
  overflow-y: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .header, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .footer {
  margin-bottom: clamp(6px, 0.7vh, 14px);
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
  color: #000000;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .recorded-at {
  color: #686868;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-bordered {
  border: none;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .vehicle-type {
  display: flex;
  padding-right: 5px;
  overflow-y: hidden;
  overflow-x: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid {
  padding: 0 0 clamp(8px, 0.9vh, 16px);
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.5vw, 20px) Noto Sans JP;
  color: #323232;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-left-div {
  height: clamp(44px, 4.6vh, 75px);
  font: normal normal normal clamp(42px, 7.6vw, 72px)/clamp(60px, 11vw, 100px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-title {
  font: normal normal normal clamp(12px, 1.9vw, 16px)/clamp(18px, 3vw, 24px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
  margin-top: clamp(4px, 0.6vh, 16px);
  font-size: clamp(32px, 6.1vw, 64px);
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col {
  margin: 0;
  width: 114px;
  height: clamp(40px, 7.4vh, 73px);
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-image-col .web-mobility-port__vehicle-type-image-col-img {
  width: 100%;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text {
  padding-left: 1px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-mobility .mobility .ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text {
  font: normal normal normal clamp(14px, 2.3vw, 18px)/clamp(20px, 3.5vw, 28px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion {
  padding-left: clamp(8px, 1.5vw, 16px);
  width: 40%;
  height: 100%;
  overflow: hidden;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .header, .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .web-tourist-map__child-place-list .footer, .web-tourist-map__child-place-list .embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .footer {
  margin-bottom: clamp(6px, 0.7vh, 14px);
  font: normal normal normal clamp(14px, 2.2vw, 16px)/clamp(20px, 3.1vw, 24px) Noto Sans JP;
  color: #000000;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .recorded-at {
  margin-bottom: clamp(6px, 0.7vh, 14px);
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.5vw, 20px) Noto Sans JP;
  color: #686868;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .live {
  margin-left: 2px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .ant-row {
  height: clamp(26px, 2.6vh, 40px);
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .ant-row .congestion-graph {
  font-size: clamp(36px, 6.3vw, 56px);
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .ant-card-grid {
  padding: 0;
  border: none;
  background-color: white;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .title {
  height: clamp(10px, 0.9vh, 16px);
  font: normal normal normal clamp(12px, 1.9vw, 14px)/clamp(18px, 2.7vw, 20px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .num {
  margin-bottom: 0;
  height: 75px;
  font: normal normal bold clamp(24px, 3.5vw, 32px)/clamp(35px, 5.7vw, 46px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .percent {
  font: normal normal normal clamp(14px, 2.3vw, 18px)/clamp(20px, 3.5vw, 28px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .spot-info-title {
  font: normal normal normal clamp(12px, 1.9vw, 14px)/clamp(18px, 2.7vw, 20px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block .place-info-congestion .congestion .recharts-responsive-container {
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.5vw, 20px) Noto Sans JP;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .place-info-block::after, .embedded-tourist-map-static__map .map .focus .popup .popup-content .popup::after {
  content: "";
  width: 100%;
  height: 100vh;
  bottom: 0;
  left: 0;
  position: absolute;
  box-shadow: 0 -6px 18px 3px #ffffff inset;
  margin-bottom: -2px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .border-line {
  border-top: 1px double #e6e6e6;
  margin-top: 15px;
  padding-top: 15px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .blur {
  position: absolute;
  display: flex;
  width: 94%;
  height: clamp(50px, 4.8vh, 70px);
  bottom: calc((clamp(20px, 2vh, 32px) + clamp(8px, 1.3vh, 32px)) * -1);
  background: linear-gradient(rgba(255, 255, 255, 0), 3%, #ffffff);
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .for-details-block {
  display: flex;
  width: 100%;
  padding: clamp(8px, 1.3vh, 32px) clamp(16px, 3vw, 32px) 0;
  justify-content: center;
  align-items: flex-end;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .for-details-block .icon-for-details {
  display: flex;
  width: clamp(100px, 18vw, 160px);
  height: clamp(20px, 2vh, 32px);
  justify-content: center;
  align-items: center;
  text-align: center;
  font: normal normal normal clamp(10px, 1.6vw, 14px)/clamp(15px, 2.4vw, 20px) Noto Sans JP;
  letter-spacing: 0px;
  color: #000000;
  background: #f5f5f5 0% 0% no-repeat padding-box;
  border-radius: 32px;
  opacity: 1;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content .name-width-over {
  padding: 32px 32px;
  height: 64px;
}
.embedded-tourist-map-static__map .map .focus .popup .popup-content::after {
  content: "";
  position: absolute;
  margin: auto;
  width: 0px;
  height: 0px;
  right: 0;
  bottom: -8px;
  left: 0;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.embedded-tourist-map-static__map .map .focus .focused-marker {
  position: absolute;
  z-index: 2;
  left: -50px;
  top: -10px;
}
.embedded-tourist-map-static__map .map .focus .focused-marker .focused-marker-icon {
  width: clamp(150px, 29.5vw, 300px);
  filter: drop-shadow(0 0 10px #ffa500);
}
.embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-default {
  overflow-y: hidden;
  overflow-x: hidden;
  margin-bottom: 20px;
}
.embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-default::-webkit-scrollbar-thumb {
  background: rgba(106, 106, 106, 0.5019607843);
  border-radius: 20px;
}
.embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-default::-webkit-scrollbar {
  width: 7px;
}
@media screen and (max-width: 767px) {
  .embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-default::-webkit-scrollbar {
    width: 5px;
  }
}
.embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-default::-webkit-scrollbar-track {
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.2392156863);
}
.embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-tabs {
  max-height: min(calc(var(--vh, 1vh) * 100 * 0.4), 320px);
}
.embedded-tourist-map-static__map .map .focus .web-embedded-map__popup-content-height-tabs .web-embedded-map__popup-content-height-default {
  max-height: min(calc(var(--vh, 1vh) * 100 * 0.4 - 30px), 290px);
  overflow-y: auto;
  overflow-x: hidden;
}
.embedded-tourist-map-static__map .map .focus-wrap::after {
  content: "";
  position: absolute;
  margin: auto;
  width: 0px;
  height: 0px;
  right: 0;
  bottom: -8px;
  left: 0;
  border-style: solid;
  border-color: #ffffff transparent transparent transparent;
  border-width: 10px 10px 0 10px;
}
.embedded-tourist-map-static__map .map .current {
  position: absolute;
  z-index: 2;
}
.embedded-tourist-map-static__map .map .current .current_icon {
  position: relative;
  width: clamp(80px, 14vw, 120px);
  height: clamp(80px, 14vw, 120px);
}
.embedded-tourist-map-static__map #embedded-tourist-map-static__menu-button-gyro-icon {
  position: fixed;
  right: 30px;
  top: 30px;
  z-index: 100;
  background-color: rgba(255, 255, 255, 0.6);
  border-radius: 3rem;
  width: 2rem;
}
.embedded-tourist-map-static__map .mapLink {
  position: fixed;
  bottom: 30px;
  right: -5px;
  z-index: 101;
  background-color: rgba(255, 255, 255, 0.8);
  border-radius: 0.5rem;
}
.embedded-tourist-map-static__map .mapLink a {
  display: block;
  color: black;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 18px;
  padding-right: 16px;
}
@media screen and (max-width: 500px) {
  .embedded-tourist-map-static__map .mapLink a {
    padding-left: 8px;
  }
  .embedded-tourist-map-static__map .mapLink a span {
    display: none;
  }
}
.embedded-tourist-map-static__map .mapLink a div {
  vertical-align: middle;
}
@media screen and (max-width: 500px) {
  .embedded-tourist-map-static__map .mapLink a div {
    width: 25px;
  }
}
.embedded-tourist-map-static__map .mapLink a div img {
  margin-left: 3px;
}

.embedded-tourist-map-static__instruction {
  position: absolute;
  display: flex;
  width: 100%;
  height: calc(100% - 4rem);
  top: 4rem;
  left: 0;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5) 0% 0% no-repeat padding-box;
  z-index: 9;
}
.embedded-tourist-map-static__instruction .instruction {
  position: relative;
  display: inline-grid;
  width: clamp(400px, 78.5vw, 800px);
  height: clamp(540px, 61.5vh, 1080px);
  background: #ffffff 0% 0% no-repeat padding-box;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2509803922);
  border-radius: 8px;
}
.embedded-tourist-map-static__instruction .instruction .instruction-img {
  position: relative;
  width: 100%;
  height: 84%;
  overflow: hidden;
}
.embedded-tourist-map-static__instruction .instruction .instruction-img-img {
  position: absolute;
  width: 100%;
  height: clamp(225px, 25vh, 450px);
  filter: blur(2px);
}
.embedded-tourist-map-static__instruction .instruction .instruction-img-balloon-white {
  position: absolute;
  width: clamp(30px, 5.9vw, 60px);
  top: 20%;
  right: 29%;
}
.embedded-tourist-map-static__instruction .instruction .instruction-img-balloon-blue {
  position: absolute;
  width: clamp(135px, 26.5vw, 272px);
  top: -10%;
  left: -3%;
}
.embedded-tourist-map-static__instruction .instruction .instruction-img-balloon-yellow {
  position: absolute;
  width: clamp(171px, 33vw, 341px);
  top: 40%;
  right: -5%;
}
.embedded-tourist-map-static__instruction .instruction .instruction-find-map-img {
  position: relative;
}
.embedded-tourist-map-static__instruction .instruction .instruction-img-copy-balloon {
  position: absolute;
  width: clamp(68px, 13vw, 135px);
  bottom: clamp(5px, 1vh, 25px);
  right: clamp(40px, 7.9vw, 80px);
}
.embedded-tourist-map-static__instruction .instruction .instruction-welcome {
  position: absolute;
  margin-top: 6.8vh;
  width: 100%;
}
.embedded-tourist-map-static__instruction .instruction .instruction-welcome .instruction-welcome-welcome {
  width: 100%;
  text-align: center;
  font: normal normal 900 clamp(20px, 3.9vw, 40px)/clamp(29px, 5.6vw, 58px) Noto Sans JP;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3019607843);
}
.embedded-tourist-map-static__instruction .instruction .instruction-welcome .instruction-area-name {
  width: 100%;
  text-align: center;
  font: normal normal 900 clamp(38px, 7.6vw, 78px)/clamp(58px, 11vw, 116px) Noto Sans JP;
  letter-spacing: 0px;
  color: #ffffff;
  text-shadow: 0px 3px 6px rgba(0, 0, 0, 0.3019607843);
}
.embedded-tourist-map-static__instruction .instruction .instruction-welcome .instruction-area-name-width-over {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  font-size: clamp(10px, 3.6vw, 38px);
  padding: 0 10px;
}
.embedded-tourist-map-static__instruction .instruction .instruction-welcome .instruction-area-name-multi-line-1 {
  line-height: 1.55;
}
.embedded-tourist-map-static__instruction .instruction .instruction-welcome .instruction-area-name-multi-line-2 {
  line-height: 1.25;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information {
  position: absolute;
  padding: 0 clamp(40px, 7.8vw, 80px) clamp(38px, 7.4vw, 74px);
  width: 100%;
  top: calc(clamp(225px, 25vh, 450px) + clamp(30px, 3.4vh, 60px));
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-welcome {
  text-align: left;
  font: normal normal bold clamp(14px, 2.9vw, 32px)/clamp(20px, 4.2vw, 46px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-information {
  padding: 8px 0 clamp(10px, 1.2vh, 24px);
  text-align: left;
  font: normal normal normal clamp(12px, 2.3vw, 24px)/clamp(18px, 3.5vw, 35px) Noto Sans JP;
  letter-spacing: 0px;
  color: #444444;
  opacity: 1;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-information-multi-line {
  line-height: 1.25;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction {
  position: relative;
  width: 100%;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-balloon {
  position: relative;
  height: clamp(12px, 1.3vh, 24px);
  z-index: 10;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-balloon .balloon_img {
  padding-left: clamp(10px, 2.1vw, 24px);
  height: clamp(112px, 12vh, 224px);
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-balloon-width-over {
  height: clamp(12px, 1vh, 24px);
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust {
  position: relative;
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
  background: #f5f5f5 0% 0% no-repeat padding-box;
  border-radius: 16px;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .illust {
  padding-left: 10vw;
  width: 70%;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .illust .illust_img {
  width: clamp(183px, 36vw, 365px);
  height: clamp(128px, 14.5vh, 255px);
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .qrcode {
  padding-right: 24px;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-instruction .instruction-information-illust .qrcode .qrcode_img {
  width: clamp(80px, 15vw, 160px);
  object-fit: cover;
}
.embedded-tourist-map-static__instruction .instruction .instruction-information-width-over {
  top: calc(clamp(215px, 24vh, 440px) + clamp(20px, 2.5vh, 50px));
}

.embedded-tourist-map-static__debug {
  position: absolute;
  height: clamp(20px, 2.5vh, 40px);
  bottom: clamp(98px, 10.5vh, 160px);
  right: 4vw;
  color: #ffffff;
  z-index: 100;
}
.embedded-tourist-map-static__debug .debug-btn {
  height: 100%;
  font: normal normal normal clamp(8px, 1.5vw, 16px)/clamp(11px, 2.2vw, 24px) Noto Sans JP;
}

.embedded-tourist-map-static__map::-webkit-scrollbar {
  display: none;
}

.congestion__twitter-timeline {
  margin-top: 5px;
}

@media screen and (orientation: landscape) {
  .embedded-tourist-map-static__instruction .instruction .instruction-welcome .instruction-area-name-width-over {
    font-size: clamp(10px, 2.1vh, 38px);
  }
  .embedded-tourist-map-static__instruction .instruction .instruction-information .instruction-information-information {
    font-size: clamp(12px, 1.6vh, 24px);
  }
  .embedded-tourist-map-static__footer .footer .footer-information .information .information-information {
    font-size: clamp(9px, 1.3vh, 20px);
  }
  .embedded-tourist-map-static__footer .footer .footer-qrcode .qrcode .qrcode_img {
    width: clamp(80px, 8vh, 128px);
    height: clamp(80px, 8vh, 128px);
  }
}
.web-landing {
  margin-right: auto;
  margin-left: auto;
}

.web-landing__top {
  position: relative;
  max-width: 100vw;
  height: 500px;
}

.web-landing__top-image {
  background-repeat: no-repeat;
  background-position-x: center;
  background-position-y: top;
  background-size: cover;
  position: relative;
  overflow: hidden;
  height: 100%;
  display: block;
  filter: brightness(75%);
}

.web-landing__top-image:before {
  content: "";
  background: inherit;
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  z-index: -1;
}

.web-landing__top-text {
  position: absolute;
  margin: 0 16px;
  text-align: left;
  color: #FFFFFF;
  top: 0;
  left: 0;
}
.web-landing__top-text .web-landing__top-text-welcome {
  margin-top: 60px;
  margin-bottom: 0;
  font-size: 24px;
  font-weight: 600;
}
.web-landing__top-text .web-landing__top-text-info {
  margin-top: 20px;
  font-size: 16px;
}

.web-landing__top-spot {
  text-align: center;
  position: absolute;
  bottom: 5%;
  left: 0;
  right: 0;
}

.web-landing__spot {
  width: 343px;
  height: 48px;
  font-size: 20px;
  color: #FFFFFF;
  background-color: #2BBFFF;
  border-radius: 100vh;
}
.web-landing__spot:hover {
  color: #FFFFFF;
  background-color: #2BBFFF;
  text-decoration: none;
}

.web-landing__spot-info {
  margin: 24px 0 0;
  text-align: center;
}

.web-landing__info {
  text-align: left;
  color: #444444;
  font-size: 16px;
}

.web-landing__info-title {
  margin: 24px 27px 0;
  font-size: 18px;
  font-weight: 600;
}

.web-landing__info-text {
  margin: 16px 27px 0;
}

.web-landing__info-image {
  padding: 16px 16px 0;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  text-align: center;
  width: 100vw;
}

.web-landing__info-click {
  bottom: -25px;
  right: -10px;
  width: 180px;
}

.web-landing__info-image-info {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 256px;
  color: #FFFFFF;
  font-size: 16px;
}

.web-landing__footer {
  margin-top: 20px;
  color: #444444;
  text-align: center;
  font-size: 12px;
  max-width: 100vw;
}

@media screen and (max-width: 576px) {
  .web-landing__top {
    height: auto;
  }
  .web-landing__top-image {
    width: 100vw;
    height: 260px;
  }
  .web-landing__top-text .web-landing__top-text-info {
    margin-top: 8px;
  }
  .web-landing__top-spot {
    bottom: 6%;
  }
  .web-landing__info-click {
    bottom: -15px;
    right: 0px;
    width: 130px;
  }
}
@media screen and (min-width: 768px) {
  .web-landing {
    width: 700px;
  }
  .web-landing__top-spot {
    left: 25%;
    right: 25%;
    bottom: 30px;
  }
  .web-landing__info-image {
    width: 700px;
  }
  .web-landing__info-click {
    width: 224px;
  }
}
.tweet-post-preparation-form {
  height: 100%;
}

#tweet-post-preparation {
  padding: 10px 0px 0px;
  background-color: white;
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
#tweet-post-preparation label {
  margin: 8px;
  font-weight: bold;
}
#tweet-post-preparation .info-block {
  margin-bottom: 12px;
  padding: 0px 10px;
}
#tweet-post-preparation .info-block h3 {
  font-weight: bold;
}
#tweet-post-preparation .info-block .ant-col {
  margin: 5px;
  width: 300px;
}
@media screen and (max-width: 767px) {
  #tweet-post-preparation .info-block .right-content {
    width: 100vw;
  }
}
#tweet-post-preparation .description-box {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 8px;
  opacity: 1;
}
#tweet-post-preparation .description-box .ant-row {
  flex-flow: nowrap;
}
#tweet-post-preparation .description-box .description-info, #tweet-post-preparation .description-box .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static, .signage__spot-info-area .spot-info__static .spot-description__static #tweet-post-preparation .description-box .description-info__static {
  background-color: rgba(48, 165, 255, 0.1);
  border-radius: 40px;
  font-size: 12px;
  display: flex;
  align-items: center;
  margin: 5px;
}
#tweet-post-preparation .description-box .description-info .ant-image, #tweet-post-preparation .description-box .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .ant-image, .signage__spot-info-area .spot-info__static .spot-description__static #tweet-post-preparation .description-box .description-info__static .ant-image {
  padding: 5px;
}
#tweet-post-preparation .description-box .description-link {
  width: 20px;
  display: flex;
  justify-content: right;
  align-items: center;
}
#tweet-post-preparation .image-block {
  padding-bottom: 10px;
  text-align: center;
}
#tweet-post-preparation .image-block img {
  max-width: 100%;
}
#tweet-post-preparation .position-block {
  margin: 0 12px;
}
#tweet-post-preparation .position-block .ant-col {
  margin: 5px;
  width: 300px;
}
#tweet-post-preparation .position-block .ant-input-number {
  margin-right: 16px;
}
#tweet-post-preparation .display_period-block {
  margin: 0 12px;
}
#tweet-post-preparation .display_period-block .ant-col {
  margin: 5px;
}
#tweet-post-preparation .display_period-block .period_label {
  float: right;
}
#tweet-post-preparation .display_period-block .ant-input-number {
  margin-right: 16px;
  float: right;
}
#tweet-post-preparation .place-tag-block {
  margin: 0 12px;
}
#tweet-post-preparation .place-tag-block .ant-col {
  margin: 5px;
  width: 300px;
}
#tweet-post-preparation .place-tag-block .select-place-tag {
  width: 100%;
}
#tweet-post-preparation .place-tag-block .select-place-tag .ant-select-selector {
  border-radius: 8px;
  min-height: 40px;
}
#tweet-post-preparation .place-tag-block .select-place-tag .ant-select-selection-placeholder {
  color: black;
}
@media screen and (max-width: 767px) {
  #tweet-post-preparation .place-tag-block .right-content {
    width: 50vw;
  }
}
#tweet-post-preparation .avater-block {
  margin: 0 12px;
}
#tweet-post-preparation .avater-block .ant-col {
  margin: 5px;
  width: 300px;
}
#tweet-post-preparation .avater-block .right-content {
  overflow: hidden;
}
@media screen and (max-width: 767px) {
  #tweet-post-preparation .avater-block .right-content {
    width: 50vw;
  }
}
#tweet-post-preparation .avater-block .select-place-icon-button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #D9D9D9;
  border-radius: 8px;
  opacity: 1;
  width: 100%;
  height: 112px;
}
#tweet-post-preparation .avater-block .select-place-icon-button img {
  height: 50px;
  object-fit: contain;
}
#tweet-post-preparation .avater-block .select-place-icon-button .place-icon-container {
  display: flex;
  flex-wrap: wrap; /* 折返し指定 */
  overflow: hidden;
  height: 100%;
}
#tweet-post-preparation .avater-block .select-place-icon-button .place-icon-container .place-icon {
  width: 20%;
  height: 50%;
  position: relative;
}
#tweet-post-preparation .avater-block .select-place-icon-button .place-icon-container .place-icon img {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  object-fit: cover;
}
#tweet-post-preparation .avater-block .select-place-icon-button .place-icon-container .place-icon .more-icon {
  text-align: center;
  vertical-align: bottom;
  margin-bottom: 4px;
}
#tweet-post-preparation .avater-block .select-place-icon-button .place-icon-container .place-icon.selected {
  border: 2px solid #30A5FF;
  border-radius: 10px;
}
#tweet-post-preparation .avater-block .select-place-icon-button .place-icon-container .place-icon.more {
  display: flex;
  justify-content: center;
  align-items: flex-end;
}
#tweet-post-preparation .avater-block .select-place-icon-button:disabled,
#tweet-post-preparation .avater-block .select-place-icon-button[disabled] {
  border: none;
  background-color: #F5F5F5;
}
#tweet-post-preparation .border-line {
  border-bottom: 1px double #e6e6e6;
  margin-top: 15px;
  margin-bottom: 15px;
}
#tweet-post-preparation .hash-tag-block {
  padding: 0 16px;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#tweet-post-preparation .hash-tag-block .button {
  color: white;
  background-color: #30A5FF;
  border-color: #30A5FF;
  font-size: 16px;
  font-weight: bold;
  width: 240px;
  height: 40px;
  border-radius: 24px;
  margin: auto;
}
#tweet-post-preparation .hash-tag-block .button:disabled,
#tweet-post-preparation .hash-tag-block .button[disabled] {
  border: none;
  background-color: #cccccc;
}
#tweet-post-preparation .hash-tag-block .anticon-caret-down {
  font-size: 36px;
  margin: 16px 0;
}
#tweet-post-preparation .hash-tag-block .content-hashtag {
  margin: 10px auto 0;
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #C4C4C4;
  border-radius: 8px;
  opacity: 1;
  padding: 16px;
  width: 100%;
}
#tweet-post-preparation .hash-tag-block .content-hashtag .ant-typography-copy {
  display: block !important;
}
#tweet-post-preparation .hash-tag-block .content-hashtag .hashtag {
  font-size: 14px;
}
#tweet-post-preparation .hash-tag-block .content-hashtag .ant-typography-copy {
  margin-top: 10px;
  margin-left: 0;
  text-align: center;
}
#tweet-post-preparation .hash-tag-block .content-hashtag .copy-button {
  font-size: 16px;
  border-radius: 24px;
}
#tweet-post-preparation .hash-tag-block .content-hashtag .copy-button:disabled,
#tweet-post-preparation .hash-tag-block .content-hashtag .copy-button[disabled] {
  border: none;
  background-color: #cccccc;
}
#tweet-post-preparation .map-block {
  text-align: left;
}
#tweet-post-preparation .map-block .web-tourist-map__map {
  margin-bottom: 12px;
  min-height: 20vh;
}
#tweet-post-preparation .map-block .botton-link {
  position: relative;
  top: 23px;
  left: 5px;
  z-index: 10;
}
#tweet-post-preparation .map-block .botton-link svg {
  margin-right: 4px;
}
#tweet-post-preparation .map-block .botton-link .map-botton {
  background-color: white;
  padding: 3px 6px 5px;
  border: 1px solid;
  border-radius: 11px;
  border-color: #afadad;
  box-shadow: 3px 3px 2px grey;
}
#tweet-post-preparation .map-block .botton-link .map-botton .txt {
  color: black;
}
#tweet-post-preparation .map-block.touch-panel {
  position: relative;
}
#tweet-post-preparation .map-block.touch-panel .web-tourist-map__map {
  margin-top: 0px;
  min-height: 12vh;
}
#tweet-post-preparation .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-logo {
  pointer-events: none;
}
#tweet-post-preparation .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-logo.activated {
  pointer-events: auto;
}
#tweet-post-preparation .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-attrib-inner a {
  pointer-events: none;
}
#tweet-post-preparation .map-block.touch-panel .web-tourist-map__map .mapboxgl-ctrl-attrib-inner a.activated {
  pointer-events: auto;
}
#tweet-post-preparation .map-block.touch-panel .map-side-area {
  width: fit-content;
  position: absolute;
  z-index: 20;
  margin-left: 10px;
  display: flex;
  flex-flow: column;
}
#tweet-post-preparation .map-block.touch-panel .map-side-area .distance-bar {
  margin-top: 10px;
  background-color: white;
  padding: 3px 6px 5px;
  border: 1px solid;
  border-radius: 11px;
  border-color: #afadad;
  box-shadow: 3px 3px 2px grey;
}
#tweet-post-preparation .map-block.touch-panel .map-side-area .distance-bar .txt {
  color: black;
}
#tweet-post-preparation .map-block.touch-panel .map-side-area .qr-img {
  margin-top: 15px;
  width: 100%;
}
#tweet-post-preparation .footer-block {
  margin-top: auto;
}
#tweet-post-preparation .footer-block .image, #tweet-post-preparation .footer-block .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static #tweet-post-preparation .footer-block .image__static {
  margin-top: 30px;
}
#tweet-post-preparation .footer-block .image .ant-image, #tweet-post-preparation .footer-block .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static .image__static .ant-image, .signage__spot-info-area .spot-info__static .spot-description__static .description-info__static .banner-image__static #tweet-post-preparation .footer-block .image__static .ant-image {
  display: block;
}

#tweet-post-description {
  padding: 10px 0px;
  background-color: white;
}
#tweet-post-description .info-block {
  margin-bottom: 12px;
  padding: 0px 10px;
}
#tweet-post-description .info-block h3 {
  font-weight: bold;
}
#tweet-post-description .info-block .ant-col {
  margin: 5px;
  width: 300px;
}
@media screen and (max-width: 767px) {
  #tweet-post-description .info-block .right-content {
    width: 50vw;
  }
}
#tweet-post-description .annotation-box {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 8px;
  opacity: 1;
  padding: 16px;
}
#tweet-post-description .annotation-box .annotation-title {
  font-size: 12px;
  font-weight: bold;
  padding-bottom: 5px;
}
#tweet-post-description .annotation-box .annotation-txt {
  font-size: 12px;
  padding-bottom: 5px;
}
#tweet-post-description .image-block {
  padding-bottom: 10px;
  text-align: center;
}
#tweet-post-description .image-block img {
  max-width: 100%;
}

.web-tourist-map__custom-modal-place-icon {
  --footer-height: 64px;
  width: 675px !important;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__custom-modal-place-icon {
    width: 100vw !important;
  }
}
.web-tourist-map__custom-modal-place-icon .ant-modal-content .ant-modal-header {
  background-color: #0F7929;
}
.web-tourist-map__custom-modal-place-icon .ant-modal-content {
  overflow-y: hidden;
  width: 675px;
}
@media screen and (max-width: 767px) {
  .web-tourist-map__custom-modal-place-icon .ant-modal-content {
    width: 100vw;
  }
}
.web-tourist-map__custom-modal-place-icon .footer-button-wrapper {
  text-align: center;
}
.web-tourist-map__custom-modal-place-icon .footer-button-wrapper .ant-btn {
  margin: 0px 5px;
  width: 152px;
  height: 40px;
}
.web-tourist-map__custom-modal-place-icon .footer-button-wrapper .ok-button {
  background: #30A5FF 0% 0% no-repeat padding-box;
  border-radius: 40px;
  opacity: 1;
}
.web-tourist-map__custom-modal-place-icon .footer-button-wrapper .cancel-button {
  background: #FFFFFF 0% 0% no-repeat padding-box;
  border: 1px solid #30A5FF;
  border-radius: 40px;
  color: #30A5FF;
  opacity: 1;
}

.web-tourist-map__custom-modal-description {
  --footer-height: 56px;
}
.web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-close-icon {
  color: #0F7929;
}
.web-tourist-map__custom-modal-description .ant-modal-content .ant-modal-header {
  background-color: #0F7929;
}
.web-tourist-map__custom-modal-description .ant-modal-footer {
  padding: 0;
}
.web-tourist-map__custom-modal-description .footer-back-wrapper {
  text-align: center;
  width: 100%;
  height: 100%;
}
.web-tourist-map__custom-modal-description .footer-back-wrapper .back-button {
  width: 100%;
  height: 100%;
}

#tweet-post-select-icon {
  background-color: white;
}
#tweet-post-select-icon .description-text {
  padding: 10px;
}
#tweet-post-select-icon .place-icon-group {
  padding: 0px 5px;
}
@media screen and (max-width: 767px) {
  #tweet-post-select-icon .place-icon-group {
    padding: 0px calc((100vw - 332px) / 2);
  }
}
#tweet-post-select-icon .place-icon-group .ant-radio-group {
  width: 656px;
}
@media screen and (max-width: 767px) {
  #tweet-post-select-icon .place-icon-group .ant-radio-group {
    width: 328px;
  }
}
#tweet-post-select-icon .place-icon-group .ant-radio-group .place-icon {
  display: inline-block;
  text-align: center;
  width: 82px;
}
#tweet-post-select-icon .place-icon-group .ant-radio-group .place-icon .ant-radio-button-wrapper {
  height: 72px;
  padding: 1px;
  margin-bottom: 20px;
}
#tweet-post-select-icon .place-icon-group .ant-radio-group .place-icon .ant-radio-button-wrapper .icon {
  width: 72px;
  height: 72px;
  object-fit: contain;
}
#tweet-post-select-icon .place-icon-group .ant-radio-group .place-icon .ant-radio-button-wrapper .icon-label {
  text-align: center;
  font-size: 8px;
  width: 72px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.main-layout__header-title {
  color: white;
  font-size: 1.3rem;
  text-align: center;
}

.place-header {
  background-color: #30A5FF;
}
.place-header .ant-page-header-back-button {
  color: white;
}
.place-header .ant-page-header-heading-title {
  color: white;
}

.main-layout__content {
  margin: 24px 16px;
  padding: 24;
  min-height: 800;
}

.labels {
  color: #ffffff;
  background: #000000;
  font-size: 14px;
  text-align: center;
  padding: 2px 10px;
  border-radius: 8px;
}

body {
  font-family: "Noto Sans JP", sans-serif;
}

body,
.ant-layout {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
  min-height: calc(var(--vh, 1vh) * 100);
}

.common__ant-button, .web-tourist-map__popup-content-hashtag .copy-button, #tweet-post-preparation .hash-tag-block .content-hashtag .copy-button {
  height: auto;
  padding: 8px 40px;
  color: white;
  background-color: #30A5FF;
  border-color: #30A5FF;
}

.button-wrapper {
  text-align: center;
}
.button-wrapper .ant-btn {
  margin: 16px;
}

.ant-card {
  font-size: 1rem;
}
.ant-card .ant-alert-warning {
  background-color: #F88D00;
  margin-top: 1rem;
}
.ant-card .ant-alert-warning .ant-alert-message {
  color: #ffffff;
}
.ant-card .sorry {
  text-align: center;
}
.ant-card .sorry .ant-typography {
  color: #aaa;
}

.ant-card-head-title {
  font-size: 1.4em;
  white-space: normal;
  text-overflow: clip;
}
.ant-card-head-title a {
  color: rgba(0, 0, 0, 0.85);
  text-decoration: none;
}

.ant-card-extra .icon-map {
  font-size: 2rem;
}

.sorry-img {
  width: 200px;
}

.congestion-graph {
  font-size: 8rem;
  margin-right: 0.2rem;
}

.congestion-rate {
  font-size: 4.5rem;
}

@media screen and (max-width: 576px) {
  .congestion-graph {
    font-size: 22vw;
    margin-right: 0.2rem;
  }
  .congestion-rate {
    font-size: 12vw;
  }
}
@media screen and (min-width: 768px) and (max-width: 992px) {
  .congestion-graph {
    font-size: 12vw;
    margin-right: 0.2rem;
  }
  .congestion-rate {
    font-size: 6vw;
  }
}
@media screen and (min-width: 1200px) {
  .congestion-graph {
    font-size: 8vw;
    margin-right: 0.2rem;
  }
  .congestion-rate {
    font-size: 4vw;
  }
}
@media screen and (min-width: 768px) {
  .web-mobility-port__plimary-flexsible-flex {
    display: flex;
  }
}
.web-mobility-port__primary-card-grid {
  width: 50%;
}

.web-mobility-port__primary-card-grid-vehicle-type-image-area {
  width: 50%;
  padding: 0px;
}

.web-mobility-port__other-card-grid {
  width: 100%;
}

.web-mobility-port__other-card-grid-vehicle-type-image-area {
  width: 100%;
  padding: 0px;
}

.ant-card-grid 　.web-mobility-port__primary-card-row {
  display: flex;
}
.ant-card-grid .web-mobility-port__primary-vehicle-icon {
  text-align: center;
  width: 50%;
  font-size: 8em;
}
.ant-card-grid .web-mobility-port__primary-vehicle-availabl-rental {
  text-align: center;
  width: 50%;
}
.ant-card-grid .web-mobility-port__primary-vehicle-availabl-rental-count {
  font-size: 96px;
  font-weight: bold;
}
.ant-card-grid .web-mobility-port__other-card-grid-div {
  display: flex;
}
.ant-card-grid .web-mobility-port__other-card-grid-div-left-div {
  text-align: center;
  width: 50%;
  font-size: 6em;
}
.ant-card-grid .web-mobility-port__other-card-grid-div-right-div {
  text-align: center;
  width: 50%;
}
.ant-card-grid .web-mobility-port__other-card-grid-div-right-div-count {
  font-size: 64px;
  font-weight: bold;
}
.ant-card-grid .web-mobility-port__vehicle-type-image-area-col {
  margin: 6px auto;
}
.ant-card-grid .web-mobility-port__vehicle-type-image-col {
  margin: auto;
  height: 92px;
}
.ant-card-grid .web-mobility-port__vehicle-type-image-col .web-mobility-port__vehicle-type-image-col-img {
  height: 100%;
}
.ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text {
  text-align: left;
  padding-left: 15px;
}
.ant-card-grid .web-mobility-port__vehicle-type-vehicle-name-text .web-mobility-port__vehicle-type-vehicle-name-text-col {
  margin: auto;
}
.ant-card-grid .web-mobility-port__vehicle-type-vehicle-count-text {
  font-weight: bold;
  font-size: 2.4em;
  margin: auto;
  text-align: center;
}

.qr-modal-wrapper {
  text-align: center;
}
.qr-modal-wrapper .description {
  font: normal normal bold 20px Noto Sans JP;
}
.qr-modal-wrapper .illust-img {
  width: clamp(183px, 36vw, 365px);
  height: clamp(128px, 14.5vh, 255px);
  margin: 16px 0;
}
.qr-modal-wrapper .qr-img {
  margin-bottom: 16px;
}
.qr-modal-wrapper .url-text {
  background: #F5F5F5 0% 0% no-repeat padding-box;
  border-radius: 16px;
  padding: 24px;
  text-align: left;
}

.qr-close-button {
  position: relative;
  height: auto;
  width: 240px;
  padding: 12px 40px;
  margin: 16px 0;
  color: white;
  background-color: #8698a5;
  border-color: #8698a5;
  border-radius: 100vh;
}
.qr-close-button.ant-btn:hover, .qr-close-button.ant-btn:focus, .qr-close-button.ant-btn:active {
  color: white;
  background-color: #8698a5;
  border-color: #8698a5;
}

.fa-position-right {
  position: absolute;
  top: 50%;
  right: 0.5rem;
  transform: translateY(-50%);
}

.youtube-content {
  padding-top: 56.25%;
  width: 100%;
  position: relative;
}
.youtube-content .youtube-video {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
}
.youtube-content.touch-panel {
  pointer-events: none;
}