img {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  
  .parking-module .map-update-date {
    text-align: right;
  }
  
  .parking-module .map-wrap {
    position: relative;
  }
  
  .parking-module .map-marker {
    position: absolute;
  }
  
  .parking-module .map-marker::before {
    content: '';
    display: block;  
    padding-top: 100%;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
  }
  
  .parking-module .map-marker.is-empty::before {
    background-image: url(/assets/ist/images/template_01/icon_empty.png)
  }
  .parking-module .map-marker.is-full::before {
    background-image: url(/assets/ist/images/template_01/icon_full.png)
  }
  
  .parking-module .status-list {
    display: flex;
    padding: 0;
    list-style: none;
  }
  .accordion-detail ul.status-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
  }
  .accordion-detail .status-list small::before {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    content: '';
  }
  
  .parking-module .status-list-itm-desc {
    font-size: 1rem;
  }
  
  .parking-module .status-list-itm {
    padding: 0;
    text-align: center;
  }
  
  .parking-module .status-list-itm-head-status {
    color: #fff;
    letter-spacing: 0.1em;
    border-radius: 14px;
  }
  
  .parking-module .status-list-itm-head-status.is-empty {
    background-color: #004EA2;
  }
  .parking-module .status-list-itm-head-status.is-full {
    background-color: #D9374B;
  }
  
  @media screen and (max-width: 768px) {
  
    .parking-module .map-update-date {
      font-size: 13px;
    }
  
    .parking-module .map-marker {
      width: 5.8%;
    }
  
    .parking-module .map-marker.is-mori {
      bottom: 23%;
      right: 36.7%;
    }
    .parking-module .map-marker.is-business {
      top: 23%;
      right: 29.2%;
    }
    .parking-module .map-marker.is-business_highroof {
      top: 33.3%;
      right: 29.2%;
    }
  
    .parking-module .map-img-desktop {
      display: none;
    }
  
    .parking-module .map-img-mobile {
      display: block;
    }
  
    .parking-module .status-list {
      flex-direction: column;
      margin: 0;
    }
  
    .parking-module .status-list-itm {
      display: flex;
      padding: 15px 0 13px;
      border-bottom: 1px solid #eff1f1;
    }
  
    .parking-module .status-list-itm:last-child {
      border-bottom: none;
    }
  
    .parking-module .status-list-itm-head-status {
      padding: 3.5px 14px;
      font-size: 10px;
    }
  
    .parking-module .status-list-itm-head-marker {
      margin: 5px auto 0;
      width: 50%;
    }
  
    .parking-module .status-list-itm-desc {
      flex-grow: 1;
      margin: 16px 0 0 7px;
      font-size: 13px;
      text-align: left;
    }
  
    .parking-module .status-list-itm-desc small {
      font-size: 10px;
    }
  
  }
  
  @media screen and (min-width: 769px) {
  
    .parking-module .map-update-date {
      font-size: 0.854rem;
    }
  
    .parking-module .map-marker {
      width: 4.36%;
    }
  
    .parking-module .map-marker.is-mori {
      bottom: 20.5%;
      right: 35%;
    }
    .parking-module .map-marker.is-business {
      top: 24.8%;
      right: 30.3%;
    }
    .parking-module .map-marker.is-business_highroof {
      top: 33.5%;
      right: 30.3%;
    }
  
    .parking-module .map-img-desktop {
      display: block;
    }
  
    .parking-module .map-img-mobile {
      display: none;
    }
  
    .parking-module .status-list {
      margin: 35px 0 0;
    }
  
    .parking-module .status-list-itm {
      width: 33.33333%;
      border-left: 1px solid #eff1f1;
    }
  
    .parking-module .status-list-itm:last-child {
      border-right: 1px solid #eff1f1;
    }
  
    .parking-module .status-list-itm-head-status {
      padding: 4.5px 25px;
      font-size: 14px;
    }
  
    .parking-module .status-list-itm-head-marker {
      margin: 12px auto 0;
      width: 16%;
    }
    .parking-module .status-list-itm-desc {
      margin: 12px 0 0;
    }
  
    .parking-module .status-list-itm-desc small {
      font-size: 12px;
    }
  }
  
  
  /* template_02 ã‚¤ãƒ™ãƒ³ãƒˆã‚«ãƒ¬ãƒ³ãƒ€ãƒ¼ å®Ÿè£… */
  
  .event-calendar-module .event-container {
    margin-top: 30px;
  }
  
  .event-calendar-module .slide-controller-inr {
    display: flex;
    justify-content: space-between;
    width: 100%;
  }
  
  .event-calendar-module .slide-controller-today {
    color: #333;
  }
  
  .event-calendar-module .slide-controller-actions-active {
    margin: 0;
  }
  
  .event-calendar-module .slide-controller-actions-year,
  .event-calendar-module .slide-controller-actions-month,
  .event-calendar-module .slide-controller-actions-day {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1px;
    font-weight: 400;
    color: #333;
  }
  
  .event-calendar-module .slide-controller-actions-year:hover,
  .event-calendar-module .slide-controller-actions-month:hover,
  .event-calendar-module .slide-controller-actions-day:hover {
    text-decoration: none;
  }
  
  .event-calendar-module .slide-controller-actions-dropdown {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: calc(45px * 7);
    overflow-y: hidden;
    z-index: 1;
  }
  
  .event-calendar-module .slide-controller-actions-dropdown.is-no-scroll {
    height: calc(45px * 3);
  }
  
  .event-calendar-module .slide-controller-actions-dropdown-up,
  .event-calendar-module .slide-controller-actions-dropdown-down {
    position: absolute;
    left: 0;
    width: 100%;
    height: 45px;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background-color: #464646;
    z-index: 1
  }
  
  .event-calendar-module .slide-controller-actions-dropdown-up {
    top: 0;
  }
  
  .event-calendar-module .slide-controller-actions-dropdown-down {
    bottom: 0
  }
  
  .event-calendar-module .slide-controller-actions-dropdown-list {
    position: absolute;
    top: 45px;
    left: 0;
    margin: 0;
    padding: 0;
    width: 100%;
    background-color: #717171;
    list-style: none;
  }
  
  .event-calendar-module .slide-controller-actions-dropdown.is-no-scroll .slide-controller-actions-dropdown-list {
    top: 0;
  }
  
  .event-calendar-module .slide-controller-actions-dropdown-itm {
    width: 100%;
    height: 45px;
    color: #fff;
    line-height: 45px;
    text-align: center;
  }
  
  .event-calendar-module .slide-controller-actions-year,
  .event-calendar-module .slide-controller-actions-month,
  .event-calendar-module .slide-controller-actions-day {
    width: 120px;
  }
  
  .event-calendar-module .slide-controller-actions {
    display: flex;
    height: 100%;
  }
  
  .event-calendar-module .slide-controller-actions-nav {
    display: flex;
  }
  
  .event-calendar-module .slide-controller-actions-nav-prev,
  .event-calendar-module .slide-controller-actions-nav-next {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 1px;
    padding: 0 15px;
    min-width: 45px;
    font-size: 24px;
    font-weight: 900;
    color: #333;
  }
  
  .event-calendar-module .slide-controller-actions-nav-prev:hover,
  .event-calendar-module .slide-controller-actions-nav-next:hover {
    text-decoration: none;
  }
  
  
  .event-calendar-module .date-slider-wrap {
    position: relative;
    width: 100%;
    height: 110px;
    overflow: hidden;
    cursor: grab;
  }
  
  .event-calendar-module .month-list {
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
  }
  
  .event-calendar-module .month-list-itm {
    float: left;
    padding: 15px 0 0;
    width: 85px;
    height: 90px;
    list-style: none;
  }
  
  .event-calendar-module .month-list-itm:hover {
    background-color: #f0f1f2;
  }
  
  .event-calendar-module .month-list-itm .week {
    font-size: 14px;
    color: #717171;
    text-align: center;
  }
  
  .event-calendar-module .month-list-itm .day {
    font-size: 24px;
    text-align: center;
  }
  
  .event-calendar-module .month-list-itm .events {
    display: flex;
    padding: 0 23px;
    width: 100%;
  }
  
  .event-calendar-module .month-list-itm .events .place {
    border-radius: 3px;
  }
  
  .event-calendar-module .month-list-itm .events .place {
    width: 100%;
    height: 10px;
  }
  
  .event-calendar-module .month-list-itm.is-today .week {
    color: #e25261;
  }
  .event-calendar-module .month-list-itm.is-today .day {
    color: #e25261;
  }
  
  .event-calendar-module .month-list-itm.is-active {
    background-color: #717171;
  }
  
  .event-calendar-module .month-list-itm.is-active .week,
  .event-calendar-module .month-list-itm.is-active .day {
    color: #fff;
  }
  
  .event-calendar-module .event-list {
    margin: 0;
    padding: 0;
  }
  
  .event-calendar-module .event-list-itm {
    list-style-type: none;
  }
  
  .event-calendar-module .event-list-itm-preview {
    display: flex;
    align-items: center;
    padding: 0 15px;
    width: 100%;
    height: 85px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    cursor: pointer;
    transform-origin: top;
    transform: rotateX(-90deg);
    transition: all 0.35s ease-in-out;
    background: #999;
  }
  
  .event-calendar-module .event-list-itm-preview.is-anime {
    height: 100px;
    background: #fff;
    transform: none;
    border-radius: 5px;
  }
  
  .event-calendar-module .event-list-itm-preview-icon {
    width: 10px;
    min-width: 10px;
    height: 54px;
    border-radius: 3px;
    overflow: hidden;
  }
  
  .event-calendar-module .event-list-itm-preview-details-title {
    /*
    margin: 0;
    font-family: "Noto Sans Japanese",sans-serif;
    color: #4d576c;
    line-height: 1.2;
    */
    margin: 0;
    font-family: "din-2014","Noto Sans Japanese","Noto Sans SC","Noto Sans TC","Noto Sans KR",sans-serif;
    color: #333;
    line-height: 1.45;
  }
  
  .event-calendar-module .event-list-itm-preview-details {
    flex-grow: 1;
    margin-left: 15px;
  }
  
  .event-calendar-module .event-list-itm-preview-details-date {
    /*
    display: flex;
    color: #bdc1c8;
    line-height: 1.2;
    */
    display: flex;
    color: #717171;
    line-height: 1.2;
  }
  
  /**/
  .event-list-itm-detail-map-summary p.summary {
    font-size: .754em;
  }
  
  .event-calendar-module .event-list-itm-preview-details-date i {
    margin-right: 5px;
    font-weight: 900;
  }
  
  .event-calendar-module .event-list-itm-preview-details-date-day {
    margin-right: 5px;
  }
  
  .event-calendar-module .event-list-itm-preview-details-icn-toggle {
    min-width: 40px;
    width: 40px;
    height: 40px;
    color: #717171;
    border-radius: 3px;
    cursor: pointer;
  }
  
  .event-calendar-module .event-list-itm-preview-details-icn-toggle i {
    font-size: 20px;
    font-weight: 900;
    line-height: 40px;
    width: 100%;
    text-align: center;
  }
  
  .event-calendar-module .event-list-itm.is-open .event-list-itm-preview-details-icn-toggle {
    color: #343d46;
  }
  
  .event-calendar-module .event-list-itm-preview-details-icn-toggle i:first-child {
    display: block;
  }
  .event-calendar-module .event-list-itm-preview-details-icn-toggle i:last-child {
    display: none
  }
  .event-calendar-module .event-list-itm.is-open .event-list-itm-preview-details-icn-toggle i:first-child {
    display: none;
  }
  .event-calendar-module .event-list-itm.is-open .event-list-itm-preview-details-icn-toggle i:last-child {
    display: block;
  }
  
  .event-calendar-module .event-list-itm-detail-inr {
    display: flex;
  }
  
  .event-calendar-module .event-list-itm-detail-intro {
    padding: 20px 15px 10px 0;
    width: 100%;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-media {
    /*
    width: 100%;
    height: 278px;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    */
    width: 100%;
    /* height: 278px; */
    height: auto;
    background-color: #f1f1f1;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    padding-top: 56.25%;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-desc {
    margin-top: 10px;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-desc-txt {
    margin: 0;
    padding: 5px 0;
    color: #333;
  }
  
  /**/
  p.event-list-itm-detail-map-controller-lead {
    font-size: .954em;
  }
  /**/
  
  .event-calendar-module .event-list-itm-detail-intro-desc-txt a:hover {
    text-decoration: none;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share {
    display: block;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    padding-top: 25px;
    width: 100%;
    border-top: 1px solid #e5e5e5;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share-sns {
    display: flex;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share-sns a {
    margin-right: 5px;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share-sns i {
    /*
    display: block;
    width: 35px;
    height: 35px;
    color: #fff;
    text-align: center;
    line-height: 35px;
    border-radius: 3px;
    */
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share-sns .fa-facebook {
    /*background-color: #3b5998;*/
  }
  .event-calendar-module .event-list-itm-detail-intro-share-sns .fa-twitter {
    /*background-color: #55acee;*/
  }
  .event-calendar-module .event-list-itm-detail-intro-share-sns .fa-line {
    /*background-color: #1dcd00;*/
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share-calendar a {
    display: block;
    padding: 15px 20px;
    font-size: 16px;
    color: #999da2;
    border: 1px solid #e5e5e5;
    border-radius: 3px;
    transition: background, 0.2s, ease-in-out color, 0.2s, ease-in-out linear;
  }
  
  .event-calendar-module .event-list-itm-detail-intro-share-calendar a:hover {
    text-decoration: none;
  }
  
  .event-calendar-module .event-list-itm-detail-map {
    width: 100%;
  }
  
  .event-calendar-module .event-list-itm-detail-map-map {
    width: 100%;
    height: 275px;
  }
  
  .event-calendar-module .event-list-itm-detail-map-map * {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller {
    padding: 20px;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller-input {
    margin-bottom: 15px;
    padding: 0 25px;
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #999da2;
    background: #f1f1f1;
    border: none;
    border-radius: 3px;
    box-shadow: none;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller-actions {
    display: flex;
    justify-content: space-between;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller-actions-btn {
    position: relative;
    padding: 12px 15px;
    width: 100%;
    font-size: 16px;
    color: #fff;
    text-align: center;
    background: #717171;
    border-radius: 3px;
    text-decoration: none;
    transition: background, 0.2s, ease-in-out color, 0.2s, ease-in-out linear;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller-actions-btn:active {
    top: 1px;
    left: 1px;
    background: #555;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller-actions-btn:not(:first-child) {
    margin-left: 10px;
  }
  
  .event-calendar-module .event-list-itm-detail-map-controller-error {
    margin-top: 10px;
    color: #f15e6e;
    opacity: 0;
  }
  
  .event-calendar-module .gm-style-iw button.gm-ui-hover-effect {
    /*
    top: 16px !important;
    right: 14px !important;
    width: 20px !important;
    height: 20px !important;
    background: #fff !important;
    border-radius: 50% !important;
    z-index: 9999 !important;
    */
    top: 4px !important;
    right: 5px !important;
    width: 25px !important;
    height: 25px !important;
    background: #fff !important;
    border-radius: 50% !important;
    z-index: 9999 !important;
  }
  
  .event-calendar-module .gm-style-iw button.gm-ui-hover-effect img {
    /*margin: auto !important;*/
    margin: auto !important;
    width: 18px !important;
    height: 18px !important;
  }
  
  .event-calendar-module .gm-style .gm-style-iw-t::after {
    content: none;
  }
  
  .event-calendar-module .gm-style-iw-a:before {
    content: "";
    position: absolute;
    top: -32px;
    left: 31px;
    transform: translate(-50%,-50%) rotate(-90deg);
    width: 20px;
    height: 20px;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 15px solid transparent;
    z-index: 998;
  }
  
  .event-calendar-module .gm-style .gm-style-iw-c {
    max-width: 100% !important;
    max-height: none !important;
    padding: 0 !important;
  }
  
  .event-calendar-module .gm-style-iw-d {
    max-width: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
  }
  
  .event-calendar-module .infowindow-container {
    width: 240px;
    /* height: 270px; */
    border-radius: 5px;
  }
  
  .event-calendar-module .infowindow-media {
    width: 240px;
    height: 140px;
    background-color: #f1f1f1;
  }
  .event-calendar-module .infowindow-media img {
    max-width: 240px;
  }
  
  .event-calendar-module .infowindow-media img:hover {
    opacity: .85;
  }
  
  .event-calendar-module .infowindow-inr {
    position: relative;
    /*padding: 15px 20px;*/
    padding: 5px 15px;
  }
  
  .event-calendar-module .infowindow-title {
    /*
    font-size: 16px;
    font-weight: 500;
    color: #717171;
    line-height: 1.1;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    */
    font-size: .894em;
    font-weight: 400;
    color: #333;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
  .event-calendar-module .infowindow-title a {
    font-size: .894em;
    font-weight: 400;
    color: #333;
    line-height: 1.45;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-decoration: underline;
  }
  .event-calendar-module .infowindow-title a:hover {
    text-decoration: none;
  }
  
  .event-calendar-module .infowindow-time,
  .event-calendar-module .infowindow-place {
    /*
    font-size: 13px;
    font-weight: 500;
    color: #999;
    line-height: 1.1;
    */
    font-size: .854em;
    font-weight: 300;
    color: #333;
    line-height: 1.4;
  }
  
  .event-calendar-module .infowindow-time {
    margin-top: 5px;
  }
  
  .event-calendar-module .infowindow-place {
    margin-top: 5px;
  }
  
  .event-calendar-module .infowindow-route {
    margin-top: 5px;
  }
  
  .event-calendar-module .infowindow-route a {
    /*
    position: relative;
    padding-left: 20px;
    font-size: 13px;
    font-weight: 500;
    color: #717171;
    */
    position: relative;
    padding-left: 20px;
    font-size: .854em;
    font-weight: 400;
    color: #333;
  }
  
  .event-calendar-module .infowindow-route a::before {
    content: "\e080";
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    font-size: 14px;
    font-family: "ElegantIcons";
  }
  

  @media screen and (max-width: 768px) {
    
    .event-calendar-module .slide-controller-inr {
      flex-direction: column;
    }
  
    .event-calendar-module .slide-controller-actions {
      margin-top: 10px;
    }
  
    .event-calendar-module .event-list-itm-preview {
      padding: 0 10px;
    }
  
    .event-calendar-module .event-list-itm-preview.is-anime {
      height: 150px;
    }
  
    .event-calendar-module .event-list-itm-preview-details {
      margin-left: 10px;
    }
  
    .event-calendar-module .event-list-itm-preview-details-title {
      font-size: 14px;
    }
  
    .event-calendar-module .event-list-itm-preview-details-date {
      flex-direction: column;
      font-size: 11px;
    }
  
    .event-calendar-module .event-list-itm-preview-details-date-day,
    .event-calendar-module .event-list-itm-preview-details-date-place {
      margin-top: 10px;
    }
  
    .event-calendar-module .event-list-itm-preview-details-icn-toggle {
      display: none;
    }
  
    .event-calendar-module .event-list-itm-detail-inr {
      flex-direction: column;
    }
  
    .event-calendar-module .event-list-itm-detail-intro-desc-txt {
      font-size: 14px;
    }
  
    .event-calendar-module .event-list-itm-detail-intro-share {
      flex-direction: column;
    }
  
    .event-calendar-module .event-list-itm-detail-intro-share-calendar {
      margin-top: 10px;
      width: 100%;
      text-align: center;
    }
  }
  
  @media screen and (min-width: 769px) {
  
    .event-calendar-module .slide-controller-inr {
      flex-direction: row;
      align-items: center;
      height: 45px;
    }
  
    .event-calendar-module .slide-controller-actions-dropdown-up:hover,
    .event-calendar-module .slide-controller-actions-dropdown-down:hover,
    .event-calendar-module .slide-controller-actions-dropdown-itm:hover {
      background-color: #555555
    }
  
    .event-calendar-module .slide-controller-actions-nav-prev:hover,
    .event-calendar-module .slide-controller-actions-nav-next:hover {
      color: #fff;
      background-color: #555;
    }
  
    .event-calendar-module .event-list-itm-preview:hover {
      background-color: #f0f1f2;
    }
  
    .event-calendar-module .event-list-itm-preview-details-title {
      font-size: 18px;
    }
  
    .event-calendar-module .event-list-itm-preview-details-date {
      flex-direction: row;
      align-items: center;
      margin-top: 5px;
      font-size: 14px;
    }
  
    .event-calendar-module .event-list-itm-detail-inr {
      flex-direction: row;
    }
  
    .event-calendar-module .event-list-itm-detail-intro-desc-txt {
      font-size: .954em;
    }
  
    .event-calendar-module .event-list-itm-detail-intro-share-calendar a:hover {
      color: #fff;
      border-color: #464646;
      background-color: #464646;
    }
  
    .event-calendar-module .event-list-itm-detail-map-controller-actions-btn:hover {
      background: #464646;
    }
  
  }
  
  .shop-reserve-module .form-control[readonly] {
    background-color: #fff;
  }
  
  .shop-reserve-module .icon_calendar {
    pointer-events: none;
  }
  
  .shop-reserve-module .post-box input[type=radio] {
    display: none;
  }
  
  .shop-reserve-module .post-box input[type=radio] + label {
    margin: 0;
    width: 100%;
    font-weight: 300;
    color: #000;
    text-align: center;
    border: 1px solid rgba(161,136,127,0.5);
    background: rgba(203,192,168,0.5);
    opacity: .7;
    cursor: pointer;
  }
  
  .shop-reserve-module .post-box input[type=radio]:checked + label {
    color: #fff;
    border: 1px solid rgba(144,121,90,0.8);
    background: rgba(144,121,90,0.8);
    opacity: 1;
  }
  
  .shop-reserve-module .yokocho-head {
    display: flex;
  }
  
  .shop-reserve-module .yokocho-head-update {
    font-size: 0.754332em;
  }
  
  /* SPå›ºæœ‰ */
  @media screen and (max-width: 768px) {
    
    .shop-reserve-module .yokocho-head {
      flex-direction: column;
    }
  }
  
  /* PCå›ºæœ‰ */
  @media screen and (min-width: 769px) {
  
    .shop-reserve-module .yokocho-head {
      justify-content: space-between;
    }
    
  }
  
  .map-viewer .viewer-map {
    text-align: center;
  }
  
  .map-viewer .viewer-map-image {
    display: none;
  }
  
  .map-viewer .leaflet-marker-pane img {
    top: -300px;
    transition: top 0.6s ease-out;
  }
  .map-viewer .leaflet-marker-pane img.is-active {
    top: 0;
  }
  
  .map-viewer .leaflet-container {
    width: 100% !important;
    height: 100% !important;
  }
  
  .map-viewer .leaflet-right .leaflet-control {
    border-radius: 18px;
  }
  
  .map-viewer .leaflet-bar {
    border: 1px solid #eff1f1;
    box-shadow: none;
  }
  .map-viewer .leaflet-bar a {
    width: 36px;
    height: 36px;
    font-size: 26px;
    font-weight: 400;
    color: #9fa0a0;
    line-height: 36px;
    border-bottom: none;
  }
  
  .map-viewer .leaflet-bar a:first-child {
    border-top-left-radius: 18px;
    border-top-right-radius: 18px;
  }
  
  .map-viewer .leaflet-bar a:last-child {
    border-bottom-left-radius: 18px;
    border-bottom-right-radius: 18px;
  }
  
  /* SPå›ºæœ‰ */
  @media screen and (max-width: 768px) {
  
    .map-viewer .leaflet-right .leaflet-control {
      margin-right: 10px;
      margin-bottom: 10px;
    }
  }
  
  @media screen and (min-width: 769px) {
  
    .map-viewer .leaflet-right .leaflet-control {
      margin-right: 20px;
      margin-bottom: 20px;
    }
  
  } 
  
  .floor-map .map-wrap {
    position: relative;
  }
  
  .floor-map .map-wrap-link {
    position: absolute;
    display: block;
  }
  
  .floor-map .map-wrap-link:hover .map-wrap-link-more::after {
    opacity: 1;
  }
  
  .floor-map .map-wrap-link.is-cross-mori {
    top: 0%;
    left: 9%;
    width: 45%;
    height: 91%;
  }
  
  .floor-map .map-wrap-link.is-cross-business {
    top: 2%;
    left: 64%;
    width: 27%;
    height: 85%;
  }
  
  .floor-map .map-wrap-link.is-birds-mori {
    top: 30%;
    left: 14%;
    width: 42%;
    height: 22%;
  }
  
  .floor-map .map-wrap-link.is-birds-business {
    top: 57%;
    left: 15%;
    width: 22%;
    height: 28%;
  }
  
  .floor-map .map-wrap-link-more {
    position: absolute;
  }
  
  .floor-map .map-wrap-link-more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/ist/images/template_04/icon-more.png) no-repeat center/contain;
  }
  
  .floor-map .map-wrap-link-more::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/assets/ist/images/template_04/icon-more-hover.png) no-repeat center/contain;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    animation: flash-btns 1.5s ease-in-out 5 alternate;
  }
  
  .floor-map .map-wrap-link.is-cross-mori .map-wrap-link-more {
    top: 19.8%;
    left: 0%;
    width: 19.668%;
    height: 4.617%;
  }
  
  .floor-map .map-wrap-link.is-cross-business .map-wrap-link-more {
    top: 18.6%;
    left: 10%;
    width: 32.781%;
    height: 4.94%;
  }
  
  .floor-map .map-wrap-link.is-birds-mori .map-wrap-link-more {
    top: 71.6%;
    left: 12.5%;
    width: 21.073%;
    height: 13.388%;
  }
  
  .floor-map .map-wrap-link.is-birds-business .map-wrap-link-more {
    top: 64.6%;
    left: 8%;
    width: 40.232%;
    height: 10.633%;
  }
  
  .floor-map .floor-map-wrap {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 100%;
    overflow-y: auto;                  /* è¿½åŠ  */
    -webkit-overflow-scrolling: touch; /* è¿½åŠ  */
  }
  
  .floor-map .floor-map-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 1px solid #f5f8f8;
  }
  
  .floor-map .floor-map-actions-link {
    display: inline-block;
    color: #111111;
    text-align: center;
    border-radius: 50%;
    background-color: #eff1f1;
    transition: all 1s ease 0s;
  }
  
  .floor-map .floor-map-actions-link.is-active {
    color: #ffffff;
    background-color: #343a40;
    pointer-events: none;
  }
  
  .floor-map .floor-map-actions-link:hover {
    text-decoration: none;
  }
  
  .floor-map .floor-map-actions-link:not(:last-child) {
      margin-right: 9.5px;
    }
  
  .floor-map .floor-map-note img {
    width: 100%;
  }
  
  @keyframes flash-btns {
    0% {
      opacity: 0;
    }
    50% {
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  @media screen and (max-width: 768px) {
  
    .floor-map .map-wrap:not(:first-child) {
      margin-top: 40px;
    }
  
    .floor-map .floor-map-actions {
      padding: 6px 14px 0;
    }
  
    .floor-map .floor-map-actions-link {
      margin-top: 5px;
      width: 47px;
      height: 47px;
      font-size: 12px;
      line-height: 47px;
    }
  
    .floor-map .floor-map-note {
      margin-top: 42.5px;
      padding: 0 15px;
    }
  
    .floor-map .floor-map-note-desktop {
      display: none;
    }
  
    .floor-map .floor-map-note-mobile {
      display: block;
    }
  
  }
  
  /* PCå›ºæœ‰ */
  @media screen and (min-width: 769px) {
  
    .floor-map .map-wrap:not(:first-child) {
      margin-top: 85px;
    }
  
    .floor-map .floor-map-actions {
      padding: 5px 0 0;
    }
  
    .floor-map .floor-map-actions-link {
      margin-top: 5px;
      width: 44px;
      height: 44px;
      font-size: 14px;
      line-height: 44px;
    }
  
    .floor-map .floor-map-actions-link:hover {
      opacity: 0.6;
    }
  
    .floor-map .floor-map-note {
      margin-top: 42px;
      padding: 0 15px;
    }
  
    .floor-map .floor-map-note-desktop {
      display: block;
    }
  
    .floor-map .floor-map-note-mobile {
      display: none;
    }
  
  }
  
  .modal-module .modal-container {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    z-index: 2000;
  }
  
  .modal-module .modal-inr {
    position: relative;
    width: 711px;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    background-color: #FFFFFF;
  }
  
  .modal-module .modal-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px 10px 10px 18px;
    font-size: 14px;
    color: #151515;
    z-index: 1;
  }
  
  .modal-module .modal-close::before,
  .modal-module .modal-close::after {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 13px;
    height: 1px;
    background-color: #666;
    transform-origin: center;
  }
  
  .modal-module .modal-close::before {
    transform: rotate(45deg)
  }
  .modal-module .modal-close::after {
    transform: rotate(-45deg)
  }
  
  .modal-module .modal-content {
    padding: 34px 14px;
  }
  
  .modal-module .modal-ttl {
    margin: 0;
    padding-bottom: 28px;
    border-bottom: 1px solid #bbb;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
  }
  
  .modal-module .modal-ttl.is-mori {
    color: #d9e038;
  }
  .modal-module .modal-ttl.is-business {
    color: #a3aed8;
  }
  
  
  .modal-module .modal-floor-list {
    display: flex;
    margin: 0;
    padding-top: 7px;
    min-height: 70px;
    border-bottom: 1px solid #eee;
  }
  
  .modal-module .modal-floor-list-name {
    min-width: 100px;
    font-size: 24px;
    font-weight: 400;
    line-height: 1.4;
    opacity: .5;
  }
  
  .modal-module .modal-floor-list-data {
    font-size: 14px;
    font-weight: 300;
  }
  
  .modal-module .modal-floor-list-data a {
    color: #151515;
    text-decoration: underline;
  }
  
  .modal-module .modal-floor-details-data-subway {
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
    font-size: 11px;
    color: #666;
  }
  
  .modal-module .modal-floor-details-data-subway::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 16px;
    height: 16px;
    background: url(/assets/ist/images/template_04/icn-subway.svg) no-repeat center/contain;
  }
  
  .map-viewer .leaflet-marker-icon.is-link-icon {
    opacity: 0;
  }