@charset "UTF-8";
:root {
  --color-gray-pale: #eeeeee;
  --color-beige: #cab992;
  --color-ocher: #bf9000;
  --color-yellow: #ffe900;
  --color-purple: #c670ff;
  --color-blue: #4472c4;
  --color-vividblue: #0292FE;
  --color-skyblue: #34A0FF;
  --color-green: #548235;
  --color-darkgreen: #00853d;
  --color-yellowgreen: #AACA64;
  --color-yellowgreen2: #bad300;
  --color-orange: #ed7d31;
  --color-tag-red: #e33e3e;
  --color-tag-green: #bad300;
  --color-tag-orange: #f9aa43;
  --color-tag-blue: #b1cdff;
  --color-tag-gray: #e9e9e9;
}

html {
  font-size: 1px;
}

body,
input,
textarea,
button {
  font-family: "Zen Kaku Gothic Antique", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

body {
  font-size: 16rem;
}
body .font-din {
  font-family: "din-2014", "Zen Kaku Gothic Antique", "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

/* 指定を上書き */
#container {
  min-height: 0;
}

/* section */
section {
  width: 100%;
  text-align: center;
}
section > div {
  margin: 0 auto;
  max-width: 1030px;
  padding: 0 15px;
  text-align: left;
}
section.w100 > div {
  max-width: 100%;
  padding: 0;
}

/* ページヘッダー */
#page-header-unit ul {
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
}
#page-header-unit ul li {
  /* 地図検索 */
  /*地図表示切替*/
}
#page-header-unit ul li a {
  display: inline-flex;
  height: 50px;
  align-items: center;
  text-decoration: none;
  text-indent: -9999px;
  position: relative;
}
#page-header-unit ul li.ph-top a {
  width: 230px;
  background: no-repeat url("../images/logo_hello_new_hokkaido.svg") left center/230px auto;
}
#page-header-unit ul li.ph-right {
  position: absolute;
  top: 0;
  right: -15px;
}
#page-header-unit ul li.ph-right button {
  position: absolute;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 50px;
  height: 50px;
  border: 0px solid transparent;
  cursor: pointer;
}
#page-header-unit ul li.ph-right button:hover {
  opacity: 0.6;
}
#page-header-unit ul li.ph-right .ph-menu {
  top: 0;
  right: 0;
  background: var(--color-darkgreen);
}
#page-header-unit ul li.ph-right .ph-menu span {
  display: inline-block;
  text-indent: -9999px;
  width: 24px;
  height: 24px;
  background: no-repeat url("../images/icon_black_3line.svg") center center/100% auto;
}
#page-header-unit ul li.ph-right .ph-home {
  top: 50px;
  right: 0;
  background: #000000;
}
#page-header-unit ul li.ph-right .ph-home span {
  color: #ffffff;
  font-size: 9rem;
  padding-top: 18px;
  background: no-repeat url("../images/icon_green_arrow_back.svg") top center/16px auto;
}
#page-header-unit ul li.ph-search {
  position: fixed;
  top: 68px;
  transition: 0.3s;
  left: 0;
  height: 68px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-search {
    top: 58px;
  }
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-search {
    height: 58px;
  }
}
#page-header-unit ul li.ph-search .mapsearch-unit {
  padding-left: 35px;
  transition: 0.3s;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-search .mapsearch-unit {
    padding-left: 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 500px) {
  #page-header-unit ul li.ph-search .mapsearch-unit {
    padding-left: 10px;
  }
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap {
  position: relative;
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap input {
  width: 251px;
  height: 40px;
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border: 0px solid transparent;
  padding: 0px 45px 0px 20px;
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap input:focus-visible {
  outline: none;
}
@media screen and (max-width: 420px) {
  #page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap input {
    width: 210px;
    padding: 0px 35px 0px 20px;
  }
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap #mapsearch-go {
  position: absolute;
  top: 50%;
  right: 5px;
  width: 30px;
  height: 30px;
  margin-top: -15px;
  background: transparent no-repeat url("../images/icon_black_loupe.svg") center center/18px auto;
  border: 0px solid transparent;
  text-indent: -9999px;
  border-radius: 4px;
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap #mapsearch-go:hover {
  background-color: #eeeeee;
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap #mapsearch-clear {
  position: absolute;
  display: none;
  top: 50%;
  left: 3px;
  width: 14px;
  height: 14px;
  margin-top: -7px;
  border: 0px solid transparent;
  border-radius: 20px;
  text-indent: -9999px;
  background: #000000 no-repeat url("../images/icon_white_close.svg") center center/16px auto;
}
#page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap #mapsearch-clear:hover {
  background-color: var(--color-orange);
}
#page-header-unit ul li.ph-search .mapsearch-unit .google-areasearch-unit {
  padding-left: 20px;
}
#page-header-unit ul li.ph-search .mapsearch-unit .google-areasearch-unit button {
  background: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.6);
  border-radius: 4px;
}
#page-header-unit ul li.ph-search .mapsearch-unit .google-areasearch-unit button:hover {
  background: #f5f5f5;
}
@media screen and (max-width: 500px) {
  #page-header-unit ul li.ph-search .mapsearch-unit .google-areasearch-unit button {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    height: 40px;
    width: 58px;
    padding: 0 3px;
    font-size: 11px;
    letter-spacing: 1px;
  }
}
#page-header-unit ul li.ph-search .mapsearch-unit .zoom-index-unit {
  position: fixed;
  left: 35px;
  bottom: 70px;
  padding: 0 0px;
  display: inline-flex;
  align-items: center;
}
#page-header-unit ul li.ph-search .mapsearch-unit .zoom-index-unit > div {
  display: inline-flex;
  flex-direction: column;
}
#page-header-unit ul li.ph-search .mapsearch-unit .zoom-index-unit > div .zoom-index-title {
  font-size: 10rem;
  padding-bottom: 2px;
}
#page-header-unit ul li.ph-search .mapsearch-unit .zoom-index-unit > div #zoom-index {
  font-size: 16rem;
  font-weight: bold;
}
#page-header-unit ul li.ph-mapbtn {
  /*width: 100%;*/
  max-width: calc(100vw - 68px);
  max-width: calc(100dvw - 68px);
  height: 50px;
  max-height: 50px;
  overflow: hidden;
  position: fixed;
  top: 141px;
  left: 0;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-mapbtn {
    top: 126px;
  }
}
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap {
  /*width: 100vw;*/
  max-width: calc(100vw - 68px);
  max-width: calc(100dvw - 68px);
  overflow-x: scroll;
  height: 100px;
  max-height: 100px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  white-space: nowrap;
}
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit {
  /*width: 100%;*/
  height: 50px;
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  padding: 0 35px;
  transition: 0.3s;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit {
    padding: 0 20px;
  }
}
@media screen and (max-width: 768px) and (max-width: 500px) {
  #page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit {
    padding: 0 10px;
  }
}
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit button {
  margin-left: 10px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  background: #ffffff;
  border-radius: 20px;
  padding: 0 16px;
  font-size: 12rem;
  font-weight: bold;
  line-height: 100%;
  white-space: nowrap;
  border: 0px solid transparent;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  pointer-events: auto;
}
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit button:nth-child(1) {
  margin-left: 0;
}
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit button:hover {
  opacity: 0.8;
}

.show-koji_info .mapbtn-unit button[data-tgt=koji_info] {
  background: var(--color-yellow) !important;
}

.show-est .mapbtn-unit button[data-tgt=est] {
  background: var(--color-skyblue) !important;
}

.show-town .mapbtn-unit button[data-tgt=town] {
  background: #e93924 !important;
}

.show-elec .mapbtn-unit button[data-tgt=elec] {
  background: var(--color-purple) !important;
}

.show-kogyo_danchi1 .mapbtn-unit button[data-tgt=kogyo_danchi1] {
  background: #7DCCF3 !important;
}

.show-g1 .mapbtn-unit button[data-tgt=g1] { /*交通*/
  background: #12baee !important;
}

.show-g2 .mapbtn-unit button[data-tgt=g2] { /*飲食*/
  background: #ff6259 !important;
}

.show-g3 .mapbtn-unit button[data-tgt=g3] { /*宿泊施設*/
  background: #ff800d !important;
}

.show-g4 .mapbtn-unit button[data-tgt=g4] { /*教育・育児*/
  background: #ffc000 !important;
}

.show-g5 .mapbtn-unit button[data-tgt=g5] { /*アクティビティ*/
  background: #cae026 !important;
}

.show-g6 .mapbtn-unit button[data-tgt=g6] { /*ランドマーク*/
  background: #3fcfb7 !important;
}

.show-g7 .mapbtn-unit button[data-tgt=g7] { /*公園*/
  background: #65c83e !important;
}

.google-off-all .google-areasearch-unit {
  display: none !important;
}

.with-word #mapsearch-clear {
  display: inline-flex !important;
}

/* iOSのみ16px */
.ios #page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap input {
  font-size: 16rem;
}
.ios #page-header-unit ul li.ph-search .mapsearch-unit .mapsearch-wrap input::placeholder {
  font-size: 12rem;
}

/* 周辺情報取得・施設7種 */
.google-areasearch-unit,
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit button.google_sw {
  display: none;
}

.zoomOver13 .google-areasearch-unit,
.zoomOver13 #page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap .mapbtn-unit button.google_sw {
  display: inline-flex;
}

/* map（ドロワー） */
#mapDrawer-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 10010;
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap {
    width: 100%;
    height: 0;
  }
}
#mapDrawer-wrap #mapDrawer {
  position: absolute;
  right: -414px;
  width: 414px;
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap #mapDrawer {
    left: 0;
    right: auto;
    width: 100%;
  }
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit {
  background: #ffffff;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0px 20px 20px 0px;
  padding: 0 0;
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap #mapDrawer #map-drawer-unit {
    border-radius: 20px 20px 0px 0px;
  }
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header {
  padding: 0 25px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  width: 100%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-back {
  color: var(--color-darkgreen);
  font-size: 13rem;
  font-weight: bold;
  width: 70px;
  cursor: pointer;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  cursor: grab;
  position: absolute;
  right: -40px;
  top: 50%;
  width: 41px;
  height: 100px;
  margin-top: -50px;
  border-radius: 0 8px 8px 0;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-handle::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  display: inline-block;
  width: 5px;
  height: calc(100% + 10px);
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-handle {
    position: relative;
    right: auto;
    top: auto;
    width: calc(100% - 70px);
    height: 60px;
    padding: 0 70px 0 0;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-handle::after {
    content: none;
  }
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-handle span {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 20px;
  text-indent: -9999px;
  background: no-repeat url("../images/parts_green_angle_flat.svg") center center/auto 40px;
  transform: rotate(0deg);
  transform-origin: center;
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-header ul li#dwh-handle span {
    transform: rotate(270deg);
  }
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap {
  position: relative;
  max-width: 414px;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap {
    max-width: 100vw;
    max-width: 100dvw;
  }
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body {
  position: absolute;
  top: 0;
  left: 0;
  right: -50px;
  bottom: 0;
  width: calc(100% + 50px);
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none; /* IE and Edge */
  scrollbar-width: none; /* Firefox */
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body::-webkit-scrollbar {
  display: none;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div {
  padding: 0 25px 30px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul {
  width: 100%;
  max-width: 364px;
  /* 一覧用 */
}
@media screen and (max-width: 768px) {
  #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul {
    max-width: calc(100vw - 50px);
    max-width: calc(100dvw - 50px);
  }
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-point li {
  cursor: pointer;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li {
  width: 100%;
  flex-direction: column;
  /* 別途指定
  display: inline-flex;
  &[data-delbysearch="hidden"] {
    display: none;
  }
  */
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-name,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-name,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-name {
  font-size: 16rem;
  font-weight: bold;
  padding-bottom: 8px;
  letter-spacing: 2.6px;
  line-height: 140%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-open-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail-unit,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail-unit {
  width: 100%;
  margin: 5px 0;
  padding: 2px 0 2px 40px;
  position: relative;
  display: inline-flex;
  align-items: center;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  min-height: 28px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-open-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail-unit::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail-unit::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 20px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-open-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail-unit > div,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail-unit > div {
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address-unit {
  margin-top: 10px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address-unit:before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address-unit:before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address-unit:before {
  background: #000000 no-repeat url("../images/icon_white_postcode.svg") center center/28px auto;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-open-unit:before {
  background: #000000 no-repeat url("../images/icon_white_clock.svg") center center/28px auto;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone-unit:before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone-unit:before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone-unit:before {
  background: #000000 no-repeat url("../images/icon_white_phone.svg") center center/14px auto;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail-unit:before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail-unit:before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail-unit:before {
  background: #000000 no-repeat url("../images/icon_white_mail.svg") center center/14px auto;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-postcode,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-hour,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-day,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-note {
  font-size: 15rem;
  font-weight: bold;
  line-height: 140%;
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-postcode a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-hour a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-day a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail a,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-note a {
  color: var(--color-darkgreen);
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-postcode span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-hour span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-day span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-note span {
  display: inline-flex;
  align-items: center;
  width: 90px;
  min-width: 90px;
  position: relative;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-postcode span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-address span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-address span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-address span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-hour span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-day span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-phone span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-phone span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-phone span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-mail span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .shop-mail span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-mail span::after,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-note span::after {
  content: ":";
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -10px;
  line-height: 100%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-title {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #999999;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-tag-unit {
  margin-top: 15px;
  border-radius: 12px 12px 10px 10px;
  background: var(--color-gray-pale);
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-tag-unit .point-tag-title {
  background: #000000;
  border-radius: 10px 10px 0 0;
  display: inline-flex;
  width: 100%;
  height: 36px;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-tag-unit.point-tag-elec .point-tag-title {
  font-size: 22rem;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-tag-unit ul {
  padding: 20px 10px 10px 20px;
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-tag-unit ul li {
  display: inline-flex;
  height: 22px;
  width: auto;
  padding: 0 5px;
  color: #000000;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  align-items: center;
  justify-content: center;
  background: #cccccc;
  margin: 0 10px 10px 0;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .point-tag-unit ul.long li {
  width: 100%;
  background: transparent;
  flex-direction: row;
  justify-content: flex-start;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li ul.tag-flat {
  padding: 20px 0 0 0;
  margin-right: -10px;
  display: inline-flex;
  width: calc(100% + 10px);
  flex-wrap: wrap;
  justify-content: flex-start;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li ul.tag-flat li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: auto;
  padding: 0 5px;
  height: 22px;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  margin: 0 10px 10px 0;
  background: var(--color-gray-pale);
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap {
  margin: 20px 0 0;
  padding: 20px 0 0;
  border-top: 1px solid #cccccc;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price1 {
  min-height: 58px;
  background-color: #1a1311;
  border-radius: 10px;
  color: #ffffff;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price2 {
  margin-top: 20px;
  min-height: 54px;
  background: #eaeaea;
  border-radius: 10px 10px 0 0;
  position: relative;
  color: #000000;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price2::after {
  content: "";
  width: calc(100% - 30px);
  height: 1px;
  background: #8b8b8b;
  position: absolute;
  bottom: 0;
  left: 15px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price3 {
  min-height: 53px;
  background: #eaeaea;
  border-radius: 0 0 10px 10px;
  color: #000000;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price1,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price2,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price3 {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price1 > div:nth-child(1),
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price2 > div:nth-child(1),
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price3 > div:nth-child(1) {
  width: 92px;
  align-self: stretch;
  background: #eaeaea;
  border-radius: 10px 0 0 10px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: #000000;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price1 > div:nth-child(2),
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price2 > div:nth-child(2),
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price3 > div:nth-child(2) {
  padding: 10px;
  line-height: 140%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price1 > div:nth-child(2) span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price2 > div:nth-child(2) span,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-price-wrap .est-price3 > div:nth-child(2) span {
  display: inline-block;
  font-size: 22rem;
  padding-right: 1px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic {
  margin-top: 20px;
  width: 100%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic tr {
  border-top: 1px solid #cccccc;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic td {
  display: block;
  width: 100%;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 140%;
  border-collapse: collapse;
  border: 0px solid #cccccc;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic td:nth-child(1) {
  padding-top: 15px;
  min-width: 120px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic td:nth-child(2) {
  width: 100%;
  padding-top: 5px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  padding-bottom: 20px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic tr.black-title {
  border-top: 0px solid #cccccc;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic tr.black-title td:nth-child(1) {
  height: 36px;
  display: inline-flex;
  align-items: center;
  background: #000000;
  color: #ffffff;
  padding: 0 10px 0;
  border-radius: 10px 10px 0 0;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic tr.black-title td:nth-child(1) .help-trigger {
  background: #ffffff !important;
  color: #000000 !important;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic tr.black-title td:nth-child(2) {
  background: #f2f2f2;
  border-radius: 0 0 10px 10px;
  padding: 10px 10px 20px;
  margin-bottom: 20px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .est-basic tr.lastline td:nth-child(2) {
  border-bottom: 1px solid #cccccc;
  margin-bottom: 20px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .help-trigger {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 0 5px 0 3px;
  background: #000000;
  color: #ffffff;
  font-size: 12px;
  font-weight: bold;
  border-radius: 20px;
  width: 18px;
  height: 18px;
  box-sizing: border-box;
  letter-spacing: 0;
  cursor: pointer;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .help-trigger:hover {
  background: #999999;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .title-est {
  margin-top: 20px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .town-unit {
  padding-top: 20px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 200%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .town-link {
  margin-top: 20px;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 48px;
  border: 1px solid #171717;
  padding: 5px 25px;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
  background: no-repeat url("../images/icon_black_angle_right.svg") center right 21px/12px auto;
  cursor: pointer;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .town-link:hover {
  background-color: #f6f6f6;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body {
  background: #f2f2f2;
  padding: 15px 10px 15px;
  border-radius: 0 0 10px 10px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 140%;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-name {
  font-size: 16rem;
  letter-spacing: 3px;
  padding-bottom: 5px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-phone,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-mail a {
  position: relative;
  display: inline-flex;
  height: 30px;
  align-items: center;
  padding-left: 32px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-phone::before,
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-mail a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 30px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-phone::before {
  background: no-repeat url("../images/icon_black_phone.svg") center center/auto 20px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-mail a::before {
  background: no-repeat url("../images/icon_black_display.svg") center center/20px auto;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-mail a {
  text-decoration: none;
  color: var(--color-darkgreen);
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-time {
  margin-top: 15px;
  border: 1px solid #000000;
  padding: 10px 10px 10px 100px;
  position: relative;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-time::before {
  content: "営業時間";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  display: inline-flex;
  align-items: center;
  background: #000000;
  color: #ffffff;
  padding: 0 10px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul li .contact-unit .contact-body .contact-time span {
  display: inline-block;
  width: 100%;
  font-size: 12px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-point li, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-koji_info li, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-est li, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-town li {
  padding: 25px 5px;
  width: 100%;
  position: relative;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-point li::after, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-koji_info li::after, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-est li::after, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-town li::after {
  content: "";
  width: calc(100% - 10px);
  height: 1px;
  background: #dbdbdb;
  position: absolute;
  bottom: 0;
  left: 5px;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-point li:hover, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-koji_info li:hover, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-est li:hover, #mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-body > div > ul#for-town li:hover {
  background-color: #f3f3f3;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-scrollbar {
  position: absolute;
  top: 5px;
  right: 10px;
  bottom: 15px;
  width: 4px;
  background: transparent;
  border-radius: 2px;
  z-index: 10;
  display: none;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-scrollbar .dw-scrollbar-thumb {
  position: absolute;
  left: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.4);
  border-radius: 2px;
  cursor: grab;
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-scrollbar .dw-scrollbar-thumb:hover {
  background: rgba(0, 0, 0, 0.5);
}
#mapDrawer-wrap #mapDrawer #map-drawer-unit .dw-body-wrap .dw-scrollbar .dw-scrollbar-thumb:active {
  cursor: grabbing;
}

.stay #mapDrawer-wrap {
  z-index: 1000;
}

.no-search-result #drawer-no-data {
  display: inline-flex !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  cursor: default !important;
  user-select: none;
  font-size: 12rem;
  letter-spacing: 1px;
}
.no-search-result #drawer-no-data[data-delbysearch=hidden] {
  display: inline-flex !important;
}
.no-search-result #drawer-no-data:hover {
  background: #ffffff !important;
}
.no-search-result #drawer-no-data::after {
  content: none !important;
}

/* ドロワー内 表示/非表示 */
#map-drawer-unit #for-point li {
  display: none;
}

.show-koji_info #map-drawer-unit #for-point li[data-type=koji_info] {
  display: inline-flex;
}
.show-koji_info #map-drawer-unit #for-point li[data-type=koji_info][data-delbysearch=hidden] {
  display: none;
}

.show-est #map-drawer-unit #for-point li[data-type=est] {
  display: inline-flex;
}
.show-est #map-drawer-unit #for-point li[data-type=est][data-delbysearch=hidden] {
  display: none;
}

.show-town #map-drawer-unit #for-point li[data-type=town] {
  display: inline-flex;
}
.show-town #map-drawer-unit #for-point li[data-type=town][data-delbysearch=hidden] {
  display: none;
}
.show-town #map-drawer-unit #for-point li[data-type=town] .point-name {
  padding-bottom: 0 !important;
}

.show-elec #map-drawer-unit #for-point li[data-type=substation],
.show-elec #map-drawer-unit #for-point li[data-type=lines] {
  display: inline-flex;
}
.show-elec #map-drawer-unit #for-point li[data-type=substation][data-delbysearch=hidden],
.show-elec #map-drawer-unit #for-point li[data-type=lines][data-delbysearch=hidden] {
  display: none;
}

.show-kogyo_danchi1 #map-drawer-unit #for-point li[data-type=kogyo_danchi1] {
  display: inline-flex;
}
.show-kogyo_danchi1 #map-drawer-unit #for-point li[data-type=kogyo_danchi1][data-delbysearch=hidden] {
  display: none;
}

/* est ドロワー */
#for-detail-est {
  /* estドロワー 202508 */
  /* アコーディオン */
}
#for-detail-est .est-zone {
  font-size: 15rem;
  font-weight: bold;
  padding-bottom: 8px;
  letter-spacing: 2.6px;
  line-height: 140%;
}
#for-detail-est .est-yomi {
  font-size: 12rem;
  font-weight: normal;
  margin-top: -4px;
  padding-bottom: 4px;
  letter-spacing: 2px;
  line-height: 140%;
}
#for-detail-est .tag-est-wrap {
  margin-bottom: 15px;
}
#for-detail-est .tag-est-wrap ul {
  display: inline-flex;
  flex-wrap: wrap;
  flex-direction: row !important;
  justify-content: flex-start;
  width: calc(100% + 5px);
  margin-right: -10px;
}
#for-detail-est .tag-est-wrap ul li {
  display: inline-flex;
  white-space: nowrap;
  align-items: center;
  justify-content: center;
  width: auto !important;
  height: 20px;
  color: #000000;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 0 10px;
  border-radius: 20px;
  margin: 0 10px 10px 0;
}
#for-detail-est .est-block {
  margin-top: 20px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 140%;
}
#for-detail-est .est-block .est-title {
  line-height: 100%;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  background: #000000;
  color: #ffffff;
  padding: 0 10px;
  height: 36px;
  font-size: 16rem;
  border-radius: 10px 10px 0 0;
}
#for-detail-est .est-block .est-title.short {
  letter-spacing: 15px;
}
#for-detail-est .est-block .est-body {
  padding: 0 10px 5px;
  border-radius: 0 0 10px 10px;
  overflow: hidden;
}
#for-detail-est .est-block .est-body.gray {
  background: #eaeaea;
}
#for-detail-est .est-block .est-body.gray > div:nth-child(n+2) {
  border-top: 1px solid #8b8b8b;
}
#for-detail-est .est-block .est-body > div {
  display: inline-flex;
  width: 100%;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}
#for-detail-est .est-block .est-body > div:nth-child(n+2) {
  border-top: 1px solid #cccccc;
}
#for-detail-est .est-block .est-body > div span {
  display: block;
  min-width: 100px;
  padding: 10px 0;
}
#for-detail-est .est-block .est-body > div span.short {
  letter-spacing: 15px;
}
#for-detail-est .est-block .est-body > div span.long {
  padding-bottom: 0;
}
#for-detail-est .est-block .est-body > div span.long + p {
  max-width: 100%;
  padding-left: 100px;
}
#for-detail-est .est-block .est-body > div span.long + p.full {
  padding-left: 0;
}
#for-detail-est .est-block .est-body > div span.long + p.full span.bunkatsu {
  display: inline-block;
  width: 100%;
  margin-top: 10px;
  height: 10px;
  border-top: 1px solid #cccccc;
  text-indent: -9999px;
  overflow: hidden;
  padding: 0;
}
#for-detail-est .est-block .est-body > div p {
  display: block;
  width: 100%;
  max-width: calc(100% - 101px);
  padding: 10px 0;
}
#for-detail-est .est-block .est-body > div p.full {
  max-width: 100%;
}
#for-detail-est .est-block.access .est-body span {
  text-indent: -9999px;
  position: relative;
}
#for-detail-est .est-block.access .est-body span::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background-color: #000000;
}
#for-detail-est .est-block.access .est-body span.airport::before {
  background: #000000 no-repeat url("../images/icon_white_airplane.svg") center center/17px auto;
}
#for-detail-est .est-block.access .est-body span.port::before {
  background: #000000 no-repeat url("../images/icon_white_port.svg") center center/16px auto;
}
#for-detail-est .est-block.access .est-body span.road::before {
  background: #000000 no-repeat url("../images/icon_white_truck.svg") center center/16px auto;
}
#for-detail-est .est-block.access .est-body span.railway::before {
  background: #000000 no-repeat url("../images/icon_white_train.svg") center center/12px auto;
}
#for-detail-est .est-block[data-close] .est-title {
  position: relative;
  cursor: pointer;
}
#for-detail-est .est-block[data-close] .est-title::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: 14px;
  transform: translateY(-50%) rotate(0deg);
  width: 18px;
  height: 18px;
  background-color: white;
  border: 1px solid #888;
  border-radius: 50%;
  box-sizing: border-box;
  background-repeat: no-repeat;
  background-size: 50%;
  background-position: center calc(50% - 1px);
  transition: transform 0.15s ease-in-out, background-position 0.15s ease-in-out;
  background-image: url('data:image/svg+xml;charset=UTF8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 10 10"><path fill="%23000" d="M5 2 L10 8 L0 8 Z"/></svg>');
}
#for-detail-est .est-block[data-close] .est-body {
  transition: max-height 0.15s ease-out, padding-top 0.15s ease-out, padding-bottom 0.15s ease-out;
  max-height: 9999px;
  overflow: hidden;
}
#for-detail-est .est-block[data-close].is-closed .est-body {
  max-height: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#for-detail-est .est-block[data-close].is-closed .est-body.gray > div {
  border-top: none;
}
#for-detail-est .est-block[data-close].is-closed .est-title::after {
  transform: translateY(-50%) rotate(180deg);
  background-position: center calc(50% - 1px);
}
#for-detail-est .title-est {
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 100%;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  background: #000000;
  color: #ffffff;
  padding: 0 10px;
  height: 36px;
  border-radius: 10px 10px 0 0;
}
#for-detail-est .est-acc {
  width: calc(100% - 20px);
  margin: 10px 10px 0;
}
#for-detail-est .est-acc td {
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 140%;
  position: relative;
  padding: 7px 5px;
  height: 38px;
}
#for-detail-est .est-acc td.acc-name {
  padding-left: 40px;
  text-indent: -9999px;
}
#for-detail-est .est-acc td.acc-name::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background-color: #000000;
}
#for-detail-est .est-acc td.acc-name.airport::before {
  background: #000000 no-repeat url("../images/icon_white_airplane.svg") center center/17px auto;
}
#for-detail-est .est-acc td.acc-name.road::before {
  background: #000000 no-repeat url("../images/icon_white_truck.svg") center center/16px auto;
}
#for-detail-est .est-acc td.acc-name.train::before {
  background: #000000 no-repeat url("../images/icon_white_train.svg") center center/12px auto;
}
#for-detail-est .est-acc td.acc-name.port::before {
  background: #000000 no-repeat url("../images/icon_white_port.svg") center center/16px auto;
}
#for-detail-est .est-acc td.acc-name span {
  position: relative;
  background: #ffffff;
  display: inline-block;
  z-index: 2;
  padding-right: 5px;
}

/* 地図タイトル */
.page-map #header #site-title,
.page-test_map #header #site-title,
.page-test_map2 #header #site-title,
.page-test_map_google #header #site-title,
.page-test_map_google2 #header #site-title,
.single-koji_info #header #site-title,
.single-est #header #site-title {
  left: 434px;
}
@media screen and (max-width: 768px) {
  .page-map #header #site-title,
  .page-test_map #header #site-title,
  .page-test_map2 #header #site-title,
  .page-test_map_google #header #site-title,
  .page-test_map_google2 #header #site-title,
  .single-koji_info #header #site-title,
  .single-est #header #site-title {
    left: 20px;
  }
}

#page-header-unit ul li.ph-search {
  margin-left: 414px;
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-search {
    margin-left: 0;
  }
}
#page-header-unit ul li.ph-mapbtn {
  margin-left: 414px;
  max-width: calc(100vw - 482px);
  max-width: calc(100dvw - 482px);
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-mapbtn {
    margin-left: 0;
    max-width: calc(100vw - 58px);
    max-width: calc(100dvw - 58px);
  }
}
#page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap {
  max-width: calc(100vw - 482px);
  max-width: calc(100dvw - 482px);
}
@media screen and (max-width: 768px) {
  #page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap {
    margin-left: 0;
    max-width: calc(100vw - 58px);
    max-width: calc(100dvw - 58px);
  }
}

.stay.page-map #header #site-title, .stay.page-test_map #header #site-title, .stay.page-test_map2 #header #site-title, .stay.page-test_map_google #header #site-title, .stay.page-test_map_google2 #header #site-title, .stay.single-koji_info #header #site-title, .stay.single-est #header #site-title {
  left: 20px;
}
.stay #page-header-unit ul li.ph-search {
  margin-left: 0;
}
.stay #page-header-unit ul li.ph-mapbtn {
  margin-left: 0 !important;
  max-width: calc(100vw - 68px) !important;
  max-width: calc(100dvw - 68px) !important;
}
@media screen and (max-width: 768px) {
  .stay #page-header-unit ul li.ph-mapbtn {
    max-width: calc(100vw - 58px) !important;
    max-width: calc(100dvw - 58px) !important;
  }
}
.stay #page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap {
  max-width: calc(100vw - 68px) !important;
  max-width: calc(100dvw - 68px) !important;
}
@media screen and (max-width: 768px) {
  .stay #page-header-unit ul li.ph-mapbtn .mapbtn-unit-wrap {
    max-width: calc(100vw - 58px) !important;
    max-width: calc(100dvw - 58px) !important;
  }
}

/* ドロワー位置 */
.page-map article,
.page-test_map article,
.page-test_map2 article,
.page-test_map_google article,
.page-test_map_google2 article,
.single-koji_info article,
.single-est article {
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
}
.page-map article #mapDrawer,
.page-test_map article #mapDrawer,
.page-test_map2 article #mapDrawer,
.page-test_map_google article #mapDrawer,
.page-test_map_google2 article #mapDrawer,
.single-koji_info article #mapDrawer,
.single-est article #mapDrawer {
  top: 0;
  transition: 0.2s;
}
@media screen and (max-width: 768px) {
  .page-map article #mapDrawer,
  .page-test_map article #mapDrawer,
  .page-test_map2 article #mapDrawer,
  .page-test_map_google article #mapDrawer,
  .page-test_map_google2 article #mapDrawer,
  .single-koji_info article #mapDrawer,
  .single-est article #mapDrawer {
    top: -100vh;
    top: -100dvh;
    top: calc(var(--vh, 1vh) * 100 * -1);
  }
}
.page-map article #mapDrawer .dw-body-wrap,
.page-test_map article #mapDrawer .dw-body-wrap,
.page-test_map2 article #mapDrawer .dw-body-wrap,
.page-test_map_google article #mapDrawer .dw-body-wrap,
.page-test_map_google2 article #mapDrawer .dw-body-wrap,
.single-koji_info article #mapDrawer .dw-body-wrap,
.single-est article #mapDrawer .dw-body-wrap {
  height: calc(100vh - 60px);
  height: calc(100dvh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
}

/* stay共通 */
.stay #mapDrawer {
  right: 0 !important;
}
@media screen and (max-width: 768px) {
  .stay #mapDrawer {
    top: -60px !important;
    right: auto;
  }
}
.stay #mapDrawer #dwh-handle span {
  transform: rotate(180deg) !important;
}
@media screen and (max-width: 768px) {
  .stay #mapDrawer #dwh-handle span {
    transform: rotate(90deg) !important;
  }
}

/* エリアごとの設定 */
.area-large #dwh-back {
  cursor: default !important;
}
@media screen and (max-width: 768px) {
  .area-large #dwh-back {
    cursor: pointer !important;
  }
}

@media screen and (max-width: 768px) {
  .area-detail:not(.geojson-detail-view).stay #mapDrawer {
    top: -110px !important;
    right: auto;
  }
  .area-detail:not(.geojson-detail-view).stay #mapDrawer.with-phonebtn {
    top: -250px !important;
  }
  .area-detail:not(.geojson-detail-view).stay #mapDrawer .dw-body-wrap {
    height: 190px;
  }
}
.area-detail:not(.geojson-detail-view) #for-point,
.area-detail:not(.geojson-detail-view) #for-koji_info,
.area-detail:not(.geojson-detail-view) #for-est,
.area-detail:not(.geojson-detail-view) #for-town {
  display: none;
}

.has-record #dwh-back {
  text-indent: -9999px;
  width: 70px !important;
  height: 40px !important;
  background: no-repeat url("../images/icon_green_angle_left.svg") left 12px center/auto 18px;
  border-radius: 4px;
  margin-left: -12px;
  position: relative;
}
.has-record #dwh-back:hover {
  background-color: #eeeeee;
}
.has-record #dwh-back::before {
  content: "戻る";
  display: inline-block;
  width: 40px;
  text-indent: 0;
  font-size: 13rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 14px;
  color: var(--color-darkgreen);
  position: absolute;
  top: 50%;
  left: 28px;
  margin-top: -7px;
}

/* map:詳細スライダー */
.slider-wrap {
  position: relative;
  margin-top: 12px;
}
.slider-wrap #slider-koji_info.slick-slider,
.slider-wrap #slider-est.slick-slider,
.slider-wrap #slider-town.slick-slider,
.slider-wrap #gc-slider.slick-slider {
  margin-bottom: 30px;
  background: var(--color-gray-pale);
}
.slider-wrap #slider-koji_info .slick-dots li,
.slider-wrap #slider-est .slick-dots li,
.slider-wrap #slider-town .slick-dots li,
.slider-wrap #gc-slider .slick-dots li {
  width: 8px !important;
}
.slider-wrap #slider-koji_info .slick-dots li button,
.slider-wrap #slider-est .slick-dots li button,
.slider-wrap #slider-town .slick-dots li button,
.slider-wrap #gc-slider .slick-dots li button {
  width: 8px !important;
}
.slider-wrap #slider-koji_info .slick-dots li button::before,
.slider-wrap #slider-est .slick-dots li button::before,
.slider-wrap #slider-town .slick-dots li button::before,
.slider-wrap #gc-slider .slick-dots li button::before {
  width: 8px !important;
}
.slider-wrap #slider-koji_info .slick-prev,
.slider-wrap #slider-koji_info .slick-next,
.slider-wrap #slider-est .slick-prev,
.slider-wrap #slider-est .slick-next,
.slider-wrap #slider-town .slick-prev,
.slider-wrap #slider-town .slick-next,
.slider-wrap #gc-slider .slick-prev,
.slider-wrap #gc-slider .slick-next {
  width: 30px;
  height: 30px;
  z-index: 5;
}
.slider-wrap #slider-koji_info .slick-prev::before,
.slider-wrap #slider-koji_info .slick-next::before,
.slider-wrap #slider-est .slick-prev::before,
.slider-wrap #slider-est .slick-next::before,
.slider-wrap #slider-town .slick-prev::before,
.slider-wrap #slider-town .slick-next::before,
.slider-wrap #gc-slider .slick-prev::before,
.slider-wrap #gc-slider .slick-next::before {
  content: none;
}
.slider-wrap #slider-koji_info .slick-prev:hover,
.slider-wrap #slider-koji_info .slick-next:hover,
.slider-wrap #slider-est .slick-prev:hover,
.slider-wrap #slider-est .slick-next:hover,
.slider-wrap #slider-town .slick-prev:hover,
.slider-wrap #slider-town .slick-next:hover,
.slider-wrap #gc-slider .slick-prev:hover,
.slider-wrap #gc-slider .slick-next:hover {
  opacity: 0.6;
}
.slider-wrap #slider-koji_info .slick-prev,
.slider-wrap #slider-est .slick-prev,
.slider-wrap #slider-town .slick-prev,
.slider-wrap #gc-slider .slick-prev {
  left: -15px;
  background: no-repeat url("../images/icon_white_circle_with_arrow_left.svg") center center/100% auto;
}
.slider-wrap #slider-koji_info .slick-next,
.slider-wrap #slider-est .slick-next,
.slider-wrap #slider-town .slick-next,
.slider-wrap #gc-slider .slick-next {
  right: -15px;
  background: no-repeat url("../images/icon_white_circle_with_arrow_right.svg") center center/100% auto;
}
.slider-wrap .reserved {
  position: absolute;
  top: 0;
  left: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 5px 0 7.6px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  color: #ffffff;
  height: 23px;
}

/* map：電話・メール */
#detail-contact-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  height: 0;
  width: 100%;
  z-index: 10020;
  display: none;
}
#detail-contact-wrap #detail-contact {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: inline-flex;
  justify-content: space-between;
  align-items: flex-end;
}
#detail-contact-wrap #detail-contact a {
  display: inline-flex;
  width: 100%;
  height: 80px;
  align-items: center;
  justify-content: center;
  background: #cccccc;
}
#detail-contact-wrap #detail-contact a span {
  display: inline-block;
  text-align: center;
  color: white;
  padding-top: 26px;
  font-size: 15rem;
  font-weight: bold;
}
#detail-contact-wrap #detail-contact a[data-exist=false] {
  display: none;
}
#detail-contact-wrap #detail-contact a.for-phone {
  background-color: var(--color-darkgreen);
  display: none;
}
#detail-contact-wrap #detail-contact a.for-phone span {
  background: no-repeat url("../images/icon_white_phone.svg") top center/20px auto;
}
#detail-contact-wrap #detail-contact a.for-mail {
  background-color: #000000;
}
#detail-contact-wrap #detail-contact a.for-mail span {
  background: no-repeat url("../images/icon_white_mail.svg") top center/20px auto;
}

/*iOS/android かつ 768以下 */
@media screen and (max-width: 768px) {
  .area-detail #detail-contact-wrap {
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .mobile.area-detail #detail-contact-wrap a.for-phone {
    display: inline-flex;
  }
}
/* ドロワー：詳細表示 */
ul#for-detail-koji_info,
ul#for-detail-est,
ul#for-detail-town {
  display: none;
  /* padding: 0 5px 100px; */
}
ul#for-detail-koji_info > li,
ul#for-detail-est > li,
ul#for-detail-town > li {
  margin: 0 0 100px;
}
ul#for-detail-koji_info .detail-img-wrap,
ul#for-detail-est .detail-img-wrap,
ul#for-detail-town .detail-img-wrap {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
  overflow: hidden;
  position: relative;
}
ul#for-detail-koji_info .detail-img-wrap img,
ul#for-detail-est .detail-img-wrap img,
ul#for-detail-town .detail-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
}
ul#for-detail-koji_info .shop-item,
ul#for-detail-est .shop-item,
ul#for-detail-town .shop-item {
  margin-top: 35px;
}
ul#for-detail-koji_info .shop-item .item-title,
ul#for-detail-est .shop-item .item-title,
ul#for-detail-town .shop-item .item-title {
  background: #000000;
  display: inline-flex;
  width: 100%;
  height: 36px;
  align-items: center;
  justify-content: center;
  align-items: center;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
  color: #ffffff;
  border-radius: 10px 10px 0 0;
}
ul#for-detail-koji_info .shop-item .item-body,
ul#for-detail-est .shop-item .item-body,
ul#for-detail-town .shop-item .item-body {
  background: #f6f6f6;
  border-radius: 0 0 10px 10px;
  padding: 0 15px;
}
ul#for-detail-koji_info .shop-item .item-body li,
ul#for-detail-est .shop-item .item-body li,
ul#for-detail-town .shop-item .item-body li {
  padding: 20px 0 8px;
  border-top: 1px solid #dbdbdb;
}
ul#for-detail-koji_info .shop-item .item-body li:nth-child(1),
ul#for-detail-est .shop-item .item-body li:nth-child(1),
ul#for-detail-town .shop-item .item-body li:nth-child(1) {
  border-top-width: 0;
}
ul#for-detail-koji_info .shop-item .item-body li .title,
ul#for-detail-est .shop-item .item-body li .title,
ul#for-detail-town .shop-item .item-body li .title {
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  padding-bottom: 12px;
  display: inline-flex;
}
ul#for-detail-koji_info .shop-item .item-body li .goods span,
ul#for-detail-est .shop-item .item-body li .goods span,
ul#for-detail-town .shop-item .item-body li .goods span {
  display: inline-flex;
  background: var(--color-yellowgreen2);
  color: #000000;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  height: 20px;
  align-items: center;
  padding: 0 5px 0 7px;
  margin: 0 10px 14px 0;
}
ul#for-detail-koji_info .shop-other,
ul#for-detail-est .shop-other,
ul#for-detail-town .shop-other {
  padding-top: 40px;
  line-height: 140%;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}

.area-detail ul#for-detail-koji_info,
.area-detail ul#for-detail-est,
.area-detail ul#for-detail-town {
  display: block;
}

/* est の画像は正方形にする */
ul#for-detail-est .detail-img-wrap {
  aspect-ratio: 16/16;
}
ul#for-detail-est .detail-img-wrap img {
  object-fit: contain;
}

/* 市町村 */
#for-detail-town .town-district,
#for-detail-town .point-address-unit,
#for-detail-town .point-phone-unit,
#for-detail-town .town-open,
#for-detail-town .town-website,
#for-detail-town .town-introduction,
#for-detail-town .town-industry,
#for-detail-town .link-to-town-estlist {
  line-height: 140%;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
#for-detail-town .point-address-unit,
#for-detail-town .point-phone-unit,
#for-detail-town .town-open {
  padding: 0 0 20px 90px !important;
  position: relative;
}
#for-detail-town .point-address-unit::before,
#for-detail-town .point-phone-unit::before,
#for-detail-town .town-open::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 90px !important;
  height: auto !important;
  border-radius: 0 !important;
  background: transparent !important;
}
#for-detail-town .point-address-unit::before {
  content: "住所" !important;
}
#for-detail-town .point-phone-unit::before {
  content: "電話番号" !important;
}
#for-detail-town .town-open::before {
  content: "受付時間" !important;
}
#for-detail-town .town-website,
#for-detail-town .link-to-town-estlist {
  padding: 0 0 30px;
}
#for-detail-town .town-website a,
#for-detail-town .link-to-town-estlist a {
  display: inline-flex;
  padding: 13px 25px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  border: 1px solid #000000;
  color: #000000;
  font-size: 16rem;
  background: no-repeat url("../images/icon_black_link.svg") right 25px center/18px auto;
}
#for-detail-town .town-website a:hover,
#for-detail-town .link-to-town-estlist a:hover {
  background-color: #f5f5f5;
}
#for-detail-town .town-introduction {
  line-height: 180%;
}
#for-detail-town .town-industry {
  line-height: 180%;
}
#for-detail-town .town-industry .town-industry-title {
  margin-top: 30px;
  border-top: 1px solid #000000;
  padding: 30px 0 20px;
  font-size: 16rem;
}
#for-detail-town .link-to-town-estlist {
  margin-top: 30px;
}

/* map:モーダル */
#detail-modal-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  z-index: 10030;
  display: none;
  opacity: 0;
  transition: 0.2s;
}
#detail-modal-wrap > div {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  background: rgba(0, 0, 0, 0.5333333333);
  display: flex;
  align-items: center;
  justify-content: center;
}
#detail-modal-wrap > div #detail-modal {
  width: 100%;
  max-width: 315px;
  background: #ffffff;
}
#detail-modal-wrap > div #detail-modal > div {
  display: inline-flex;
  width: 100%;
  flex-direction: column;
  padding: 40px 20px;
}
#detail-modal-wrap > div #detail-modal > div p {
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 180%;
  padding-bottom: 40px;
}
#detail-modal-wrap > div #detail-modal > div a {
  display: inline-flex;
  width: 100%;
  height: 58px;
  align-items: center;
  justify-content: center;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
}
#detail-modal-wrap > div #detail-modal > div a.for-call {
  background-color: var(--color-darkgreen);
  margin-bottom: 15px;
}
#detail-modal-wrap > div #detail-modal > div a.for-call span {
  color: #ffffff;
  display: inline-flex;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
  padding-left: 28px;
  background: no-repeat url("../images/icon_white_phone.svg") left center/18px auto;
}
#detail-modal-wrap > div #detail-modal > div a.for-call:hover {
  opacity: 0.8;
}
#detail-modal-wrap > div #detail-modal > div a.for-cancel span {
  color: var(--color-darkgreen);
}
#detail-modal-wrap > div #detail-modal > div a.for-cancel:hover {
  background-color: #eeeeee;
}
#detail-modal-wrap > div #detail-modal > div .modal-law-title {
  padding-bottom: 15px;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 140%;
}

.show-modal-tel #detail-modal-wrap {
  display: block;
  opacity: 1;
}

/* 工事店詳細 */
.single-koji_info .ph-search,
.single-koji_info .ph-mapbtn,
.single-est .ph-search,
.single-est .ph-mapbtn,
.single-town .ph-search,
.single-town .ph-mapbtn {
  display: none !important;
}

/* 物件：アイキャッチ画像 */
.est-header {
  margin: 15px 0 15px;
  position: relative;
}
.est-header .est-header-image {
  height: 150px;
  position: relative;
}
.est-header .est-header-image img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.est-header .est-header-title {
  position: absolute;
  bottom: 0;
  width: 100%;
  text-align: center;
}
.est-header .est-header-title h1 {
  max-width: 1030px;
  margin: 0 auto;
  padding: 0 15px 5px;
  color: #ffffff;
  font-size: 32rem;
  font-weight: bold;
  text-align: left;
}

/* 免責事項 */
#disclaimer-wrap {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-height: 100dvh;
  max-height: calc(var(--vh, 1vh) * 100);
  z-index: 10000;
  display: block;
  opacity: 1;
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  transition: 0.2s;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
}
#disclaimer-wrap #disclaimer .dc-body-wrap {
  overflow: hidden;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body {
  position: absolute;
  top: 0;
  left: 0;
  right: -50px;
  bottom: 0;
  width: calc(100% + 50px);
  height: 100%;
  overflow-y: scroll;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div {
  padding: 40px 20px 40px 20px;
  width: 100%;
  max-width: 100vw;
  max-width: 100dvw;
  user-select: none;
  text-align: center;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner {
  width: 80%;
  max-width: 980px;
  text-align: left;
  margin: 0 auto;
}
@media screen and (max-width: 500px) {
  #disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner {
    width: calc(100vw - 40px);
    width: calc(100dvw - 40px);
  }
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner .dc-title {
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 20px;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner h2 {
  width: 100%;
  display: inline-flex;
  line-height: 100%;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
  padding-bottom: 10px;
  margin-top: 20px;
  position: relative;
  /*
  &::before {
    content: '・';
    position: absolute;
    top: 0;
    left: -18px;
  }
  */
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner h2:nth-child(1) {
  margin-top: 0;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner p {
  line-height: 160%;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  text-align: left;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner p a {
  color: var(--color-skyblue);
  text-decoration: underline;
}
#disclaimer-wrap #disclaimer .dc-body-wrap .dc-body > div .dc-inner p span {
  background: #008080;
}
#disclaimer-wrap .dc-close-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 80vw;
  width: 80dvw;
  max-width: 980px;
  height: 0;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 500px) {
  #disclaimer-wrap .dc-close-wrap {
    width: 100vw;
    width: 100dvw;
  }
}
#disclaimer-wrap .dc-close-wrap .dc-close {
  position: absolute;
  top: 5px;
  right: 20px;
  padding: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background: #ffffff no-repeat url("../images/icon_black_close.svg") center center/22px auto;
  cursor: pointer;
  border-radius: 4px;
}
#disclaimer-wrap .dc-scbar {
  position: absolute;
  top: 5px;
  right: 5px;
  height: calc(100% - 10px);
  width: 3px;
  background: #000000;
}
#disclaimer-wrap .dc-scbar span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 50%;
  background: #ffffff;
}

.dc-stay #disclaimer-wrap {
  z-index: 900;
  display: none;
  opacity: 0;
}

/* 免責事項トリガー */
.dc-trigger {
  position: fixed;
  top: 136px;
  /*right: 100%;*/
  right: 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .dc-trigger {
    top: 116px;
  }
}
.dc-trigger::after {
  content: none;
  position: absolute;
  display: inline-block;
  top: 0;
  right: -8px;
  height: 75px;
  width: 8px;
  background: #ffffff;
}
.dc-trigger button {
  width: 68px;
  height: 68px;
  background: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border: 0px solid #ffffff;
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .dc-trigger button {
    width: 58px;
    height: 58px;
  }
}
.dc-trigger button span {
  display: inline-flex;
  justify-content: center;
  padding-top: 23px;
  background: no-repeat url("../images/icon_red_alert.svg") top center/20px auto;
  color: #E33E3E;
  font-size: 11rem;
  font-weight: bold;
  letter-spacing: 1.6px;
  margin-right: -1.6px;
  min-width: 30px;
}
@media screen and (max-width: 768px) {
  .dc-trigger button span {
    letter-spacing: 1px;
    margin-right: -1px;
  }
}

/* ヘルプ */
#help-modal-wrap {
  position: fixed;
  top: 0;
  left: 50%;
  width: 100%;
  /*max-width: 400px;*/
  max-width: 100vw;
  max-width: 100dvw;
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  max-height: 100vh;
  max-height: 100dvh;
  max-height: calc(var(--vh, 1vh) * 100);
  z-index: 10000;
  display: block;
  opacity: 1;
  background: rgba(0, 0, 0, 0.9);
  color: #ffffff;
  transition: 0.2s;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.1607843137);
  overflow: hidden;
  transform: translateX(-50%);
}
#help-modal-wrap #help-modal .hp-body-wrap {
  overflow: hidden;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body {
  position: absolute;
  top: 0;
  left: 0;
  right: -50px;
  bottom: 0;
  width: calc(100% + 50px);
  height: 100%;
  overflow-y: scroll;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div {
  padding: 40px 20px 40px 20px;
  width: 100%;
  /*max-width: 400px;*/
  max-width: 100vw;
  max-width: 100dvw;
  user-select: none;
  text-align: center;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content {
  width: 80%;
  max-width: 980px;
  text-align: left;
  margin: 0 auto;
  line-height: 160%;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
@media screen and (max-width: 500px) {
  #help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content {
    width: calc(100vw - 40px);
    width: calc(100dvw - 40px);
  }
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content .title-help,
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content h1 {
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
  margin-bottom: 20px;
  width: 100%;
  line-height: 140%;
  display: inline-block;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content h2 {
  width: 100%;
  display: inline-flex;
  line-height: 100%;
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
  padding-bottom: 10px;
  margin-top: 20px;
  position: relative;
  /*
  &::before {
    content: '・';
    position: absolute;
    top: 0;
    left: -18px;
  }
  */
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content h2:nth-child(1) {
  margin-top: 0;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content li, #help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content p {
  line-height: 160%;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content li a, #help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content p a {
  color: var(--color-skyblue);
  text-decoration: underline;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content li span, #help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content p span {
  background: #008080;
}
#help-modal-wrap #help-modal .hp-body-wrap .hp-body > div #help-content li {
  list-style-position: inside;
  list-style-type: disc;
}
#help-modal-wrap .hp-close-wrap {
  position: absolute;
  top: 0;
  left: 50%;
  width: 80vw;
  width: 80dvw;
  max-width: 980px;
  height: 0;
  transform: translate(-50%, 0);
}
@media screen and (max-width: 500px) {
  #help-modal-wrap .hp-close-wrap {
    width: 100vw;
    width: 100dvw;
  }
}
#help-modal-wrap .hp-close-wrap .hp-close {
  position: absolute;
  top: 5px;
  right: 20px;
  padding: 0;
  width: 40px;
  height: 40px;
  text-indent: -9999px;
  background: #ffffff no-repeat url("../images/icon_black_close.svg") center center/22px auto;
  cursor: pointer;
  border-radius: 4px;
}
#help-modal-wrap .hp-scbar {
  position: absolute;
  top: 5px;
  right: 5px;
  height: calc(100% - 10px);
  width: 3px;
  background: #000000;
}
#help-modal-wrap .hp-scbar span {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 3px;
  height: 50%;
  background: #ffffff;
}

.hp-stay #help-modal-wrap {
  z-index: 900;
  display: none;
  opacity: 0;
}

/* 地図 */
#map {
  position: relative;
  z-index: 1; /* 地図を最前面にする */
}

@media screen and (max-width: 768px) {
  .esri-ui-bottom-right {
    bottom: 40px !important;
  }
  .esri-view .esri-view-footer {
    bottom: 191px;
    right: 10px;
    z-index: 1000;
    position: absolute;
  }
}
.esri-ui-manual-container > .esri-component {
  width: auto;
  left: auto;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .esri-ui-manual-container > .esri-component {
    bottom: 71px;
    right: 58px;
  }
}

.esri-view-root canvas {
  z-index: 20 !important;
}

/* map：表示されない場合 */
.notice-webgl {
  padding: 100px 30px 100px;
}
.notice-webgl h2 {
  padding-bottom: 50px;
  font-size: 27rem;
  font-weight: bold;
  line-height: 120%;
}
.notice-webgl p {
  font-size: 16rem;
  line-height: 140%;
}

/* 物件 */
.est-unit {
  line-height: 140%;
}
.est-unit ul {
  display: inline-flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: flex-start;
}
.est-unit ul li {
  display: inline-flex;
  justify-content: flex-start;
}
.est-unit ul li.acc-airport, .est-unit ul li.acc-ic, .est-unit ul li.acc-jr, .est-unit ul li.acc-port {
  padding-left: 24px;
  margin-right: 10px;
}
.est-unit ul li.acc-airport {
  background: no-repeat url("../images/icon_green_airplane.png") left center/20px auto;
}
.est-unit ul li.acc-ic {
  background: no-repeat url("../images/icon_green_ic.png") left center/20px auto;
}
.est-unit ul li.acc-jr {
  background: no-repeat url("../images/icon_green_jr.png") left center/20px auto;
}
.est-unit ul li.acc-port {
  background: no-repeat url("../images/icon_green_port.png") left center/20px auto;
}
.est-unit ul .est-tag {
  display: inline-flex;
  justify-content: flex-start;
  padding-bottom: 4px;
  flex-wrap: wrap;
}
.est-unit ul .est-tag > div {
  margin: 0 6px 4px 0;
  display: inline-flex;
  height: 20px;
  padding: 0 8px;
  font-size: 14rem;
  line-height: 100%;
  align-items: center;
  background: #cccccc;
  color: #ffffff;
  border-radius: 4px;
}
.est-unit ul .est-tag > div.beige {
  background: var(--color-beige);
}
.est-unit ul .est-tag > div.ocher {
  background: var(--color-ocher);
}
.est-unit ul .est-tag > div.blue {
  background: var(--color-blue);
}
.est-unit ul .est-tag > div.green {
  background: var(--color-green);
}
.est-unit ul .est-tag > div.yellowgreen {
  background: var(--color-yellowgreen);
}
.est-unit ul .est-tag > div.orange {
  background: var(--color-orange);
}
.est-unit ul .est-tag > div.white {
  background: #ffffff;
  color: #000000;
  border: 1px solid #000000;
}

/* 物件：スライダー */
#est-gallery .slick-slide img {
  height: 200px;
}

/* arcGIS */
.page-map,
.page-test_map,
.page-test_map2,
.page-test_map_google,
.page-test_map_google2,
.single-koji_info,
.single-est,
.single-town {
  /* 独自 ポップアップ（google map）*/
  /* 凡例 */
}
.page-map #footer,
.page-test_map #footer,
.page-test_map2 #footer,
.page-test_map_google #footer,
.page-test_map_google2 #footer,
.single-koji_info #footer,
.single-est #footer,
.single-town #footer {
  display: none;
}
.page-map .esri-attribution,
.page-test_map .esri-attribution,
.page-test_map2 .esri-attribution,
.page-test_map_google .esri-attribution,
.page-test_map_google2 .esri-attribution,
.single-koji_info .esri-attribution,
.single-est .esri-attribution,
.single-town .esri-attribution {
  background-color: transparent;
}
.page-map .esri-attribution .esri-attribution__powered-by,
.page-test_map .esri-attribution .esri-attribution__powered-by,
.page-test_map2 .esri-attribution .esri-attribution__powered-by,
.page-test_map_google .esri-attribution .esri-attribution__powered-by,
.page-test_map_google2 .esri-attribution .esri-attribution__powered-by,
.single-koji_info .esri-attribution .esri-attribution__powered-by,
.single-est .esri-attribution .esri-attribution__powered-by,
.single-town .esri-attribution .esri-attribution__powered-by {
  background-color: rgba(255, 255, 255, 0.8);
}
.page-map #mapFrame,
.page-test_map #mapFrame,
.page-test_map2 #mapFrame,
.page-test_map_google #mapFrame,
.page-test_map_google2 #mapFrame,
.single-koji_info #mapFrame,
.single-est #mapFrame,
.single-town #mapFrame {
  position: relative;
  padding: 0;
  margin: 0;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
}
.page-map #viewDiv,
.page-map #googleMap,
.page-test_map #viewDiv,
.page-test_map #googleMap,
.page-test_map2 #viewDiv,
.page-test_map2 #googleMap,
.page-test_map_google #viewDiv,
.page-test_map_google #googleMap,
.page-test_map_google2 #viewDiv,
.page-test_map_google2 #googleMap,
.single-koji_info #viewDiv,
.single-koji_info #googleMap,
.single-est #viewDiv,
.single-est #googleMap,
.single-town #viewDiv,
.single-town #googleMap {
  position: absolute;
  padding: 0;
  margin: 0;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.page-map #viewDiv:focus,
.page-map #googleMap:focus,
.page-test_map #viewDiv:focus,
.page-test_map #googleMap:focus,
.page-test_map2 #viewDiv:focus,
.page-test_map2 #googleMap:focus,
.page-test_map_google #viewDiv:focus,
.page-test_map_google #googleMap:focus,
.page-test_map_google2 #viewDiv:focus,
.page-test_map_google2 #googleMap:focus,
.single-koji_info #viewDiv:focus,
.single-koji_info #googleMap:focus,
.single-est #viewDiv:focus,
.single-est #googleMap:focus,
.single-town #viewDiv:focus,
.single-town #googleMap:focus {
  outline: none !important;
}
.page-map #googleMap,
.page-test_map #googleMap,
.page-test_map2 #googleMap,
.page-test_map_google #googleMap,
.page-test_map_google2 #googleMap,
.single-koji_info #googleMap,
.single-est #googleMap,
.single-town #googleMap {
  z-index: 0; /* Google Maps を下層 */
}
.page-map #viewDiv,
.page-test_map #viewDiv,
.page-test_map2 #viewDiv,
.page-test_map_google #viewDiv,
.page-test_map_google2 #viewDiv,
.single-koji_info #viewDiv,
.single-est #viewDiv,
.single-town #viewDiv {
  z-index: 1; /* ArcGIS を上層 */
}
.page-map .esri-view .esri-view-surface:focus::after,
.page-test_map .esri-view .esri-view-surface:focus::after,
.page-test_map2 .esri-view .esri-view-surface:focus::after,
.page-test_map_google .esri-view .esri-view-surface:focus::after,
.page-test_map_google2 .esri-view .esri-view-surface:focus::after,
.single-koji_info .esri-view .esri-view-surface:focus::after,
.single-est .esri-view .esri-view-surface:focus::after,
.single-town .esri-view .esri-view-surface:focus::after {
  content: none;
}
.page-map #page-header-unit,
.page-test_map #page-header-unit,
.page-test_map2 #page-header-unit,
.page-test_map_google #page-header-unit,
.page-test_map_google2 #page-header-unit,
.single-koji_info #page-header-unit,
.single-est #page-header-unit,
.single-town #page-header-unit {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  width: 100%;
  text-align: center;
}
.page-map #mapDrawer,
.page-test_map #mapDrawer,
.page-test_map2 #mapDrawer,
.page-test_map_google #mapDrawer,
.page-test_map_google2 #mapDrawer,
.single-koji_info #mapDrawer,
.single-est #mapDrawer,
.single-town #mapDrawer {
  word-break: break-all;
  word-wrap: break-word;
}
.page-map #customZoom,
.page-test_map #customZoom,
.page-test_map2 #customZoom,
.page-test_map_google #customZoom,
.page-test_map_google2 #customZoom,
.single-koji_info #customZoom,
.single-est #customZoom,
.single-town #customZoom {
  position: absolute;
  top: 220px;
  right: 18px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3019607843);
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .page-map #customZoom,
  .page-test_map #customZoom,
  .page-test_map2 #customZoom,
  .page-test_map_google #customZoom,
  .page-test_map_google2 #customZoom,
  .single-koji_info #customZoom,
  .single-est #customZoom,
  .single-town #customZoom {
    top: 190px;
    right: 13px;
  }
}
.page-map #customZoom button,
.page-test_map #customZoom button,
.page-test_map2 #customZoom button,
.page-test_map_google #customZoom button,
.page-test_map_google2 #customZoom button,
.single-koji_info #customZoom button,
.single-est #customZoom button,
.single-town #customZoom button {
  cursor: pointer;
  text-align: center;
  color: #6e6e6e;
  background-color: #fff;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  margin: 0;
  padding: 0;
  font-size: 14px;
  transition: background-color 0.125s ease-in-out;
  display: flex;
  overflow: hidden;
  border: none;
  text-indent: -9999px;
}
.page-map #customZoom button::after,
.page-test_map #customZoom button::after,
.page-test_map2 #customZoom button::after,
.page-test_map_google #customZoom button::after,
.page-test_map_google2 #customZoom button::after,
.single-koji_info #customZoom button::after,
.single-est #customZoom button::after,
.single-town #customZoom button::after {
  content: "＋";
  text-indent: 0;
  display: inline-flex;
  color: #000000;
  font-size: 14rem;
}
.page-map #customZoom button#zoomOut,
.page-test_map #customZoom button#zoomOut,
.page-test_map2 #customZoom button#zoomOut,
.page-test_map_google #customZoom button#zoomOut,
.page-test_map_google2 #customZoom button#zoomOut,
.single-koji_info #customZoom button#zoomOut,
.single-est #customZoom button#zoomOut,
.single-town #customZoom button#zoomOut {
  border-top: 1px solid rgba(110, 110, 110, 0.3019607843);
}
.page-map #customZoom button#zoomOut::after,
.page-test_map #customZoom button#zoomOut::after,
.page-test_map2 #customZoom button#zoomOut::after,
.page-test_map_google #customZoom button#zoomOut::after,
.page-test_map_google2 #customZoom button#zoomOut::after,
.single-koji_info #customZoom button#zoomOut::after,
.single-est #customZoom button#zoomOut::after,
.single-town #customZoom button#zoomOut::after {
  content: "ー";
}
.page-map #customZoom button:hover,
.page-test_map #customZoom button:hover,
.page-test_map2 #customZoom button:hover,
.page-test_map_google #customZoom button:hover,
.page-test_map_google2 #customZoom button:hover,
.single-koji_info #customZoom button:hover,
.single-est #customZoom button:hover,
.single-town #customZoom button:hover {
  background-color: #f3f3f3;
}
.page-map #tooltip,
.page-test_map #tooltip,
.page-test_map2 #tooltip,
.page-test_map_google #tooltip,
.page-test_map_google2 #tooltip,
.single-koji_info #tooltip,
.single-est #tooltip,
.single-town #tooltip {
  position: absolute;
  display: inline-flex;
  z-index: 99;
}
.page-map .geo-popup-container,
.page-test_map .geo-popup-container,
.page-test_map2 .geo-popup-container,
.page-test_map_google .geo-popup-container,
.page-test_map_google2 .geo-popup-container,
.single-koji_info .geo-popup-container,
.single-est .geo-popup-container,
.single-town .geo-popup-container {
  position: absolute;
  transform: translate(-50%, 0);
  z-index: 1000;
}
.page-map .geo-popup-container .polygon-popup,
.page-map .geo-popup-container .substation-popup,
.page-map .geo-popup-container .line-popup,
.page-test_map .geo-popup-container .polygon-popup,
.page-test_map .geo-popup-container .substation-popup,
.page-test_map .geo-popup-container .line-popup,
.page-test_map2 .geo-popup-container .polygon-popup,
.page-test_map2 .geo-popup-container .substation-popup,
.page-test_map2 .geo-popup-container .line-popup,
.page-test_map_google .geo-popup-container .polygon-popup,
.page-test_map_google .geo-popup-container .substation-popup,
.page-test_map_google .geo-popup-container .line-popup,
.page-test_map_google2 .geo-popup-container .polygon-popup,
.page-test_map_google2 .geo-popup-container .substation-popup,
.page-test_map_google2 .geo-popup-container .line-popup,
.single-koji_info .geo-popup-container .polygon-popup,
.single-koji_info .geo-popup-container .substation-popup,
.single-koji_info .geo-popup-container .line-popup,
.single-est .geo-popup-container .polygon-popup,
.single-est .geo-popup-container .substation-popup,
.single-est .geo-popup-container .line-popup,
.single-town .geo-popup-container .polygon-popup,
.single-town .geo-popup-container .substation-popup,
.single-town .geo-popup-container .line-popup {
  background: white;
  border-radius: 5px;
  padding: 2px 5px;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  position: relative;
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.page-map .geo-popup-container .polygon-popup .line-info,
.page-map .geo-popup-container .substation-popup .line-info,
.page-map .geo-popup-container .line-popup .line-info,
.page-test_map .geo-popup-container .polygon-popup .line-info,
.page-test_map .geo-popup-container .substation-popup .line-info,
.page-test_map .geo-popup-container .line-popup .line-info,
.page-test_map2 .geo-popup-container .polygon-popup .line-info,
.page-test_map2 .geo-popup-container .substation-popup .line-info,
.page-test_map2 .geo-popup-container .line-popup .line-info,
.page-test_map_google .geo-popup-container .polygon-popup .line-info,
.page-test_map_google .geo-popup-container .substation-popup .line-info,
.page-test_map_google .geo-popup-container .line-popup .line-info,
.page-test_map_google2 .geo-popup-container .polygon-popup .line-info,
.page-test_map_google2 .geo-popup-container .substation-popup .line-info,
.page-test_map_google2 .geo-popup-container .line-popup .line-info,
.single-koji_info .geo-popup-container .polygon-popup .line-info,
.single-koji_info .geo-popup-container .substation-popup .line-info,
.single-koji_info .geo-popup-container .line-popup .line-info,
.single-est .geo-popup-container .polygon-popup .line-info,
.single-est .geo-popup-container .substation-popup .line-info,
.single-est .geo-popup-container .line-popup .line-info,
.single-town .geo-popup-container .polygon-popup .line-info,
.single-town .geo-popup-container .substation-popup .line-info,
.single-town .geo-popup-container .line-popup .line-info {
  font-size: 12px;
  font-weight: normal;
  letter-spacing: 1px;
  white-space: nowrap;
}
.page-map .geo-popup-container .polygon-popup::after,
.page-map .geo-popup-container .substation-popup::after,
.page-map .geo-popup-container .line-popup::after,
.page-test_map .geo-popup-container .polygon-popup::after,
.page-test_map .geo-popup-container .substation-popup::after,
.page-test_map .geo-popup-container .line-popup::after,
.page-test_map2 .geo-popup-container .polygon-popup::after,
.page-test_map2 .geo-popup-container .substation-popup::after,
.page-test_map2 .geo-popup-container .line-popup::after,
.page-test_map_google .geo-popup-container .polygon-popup::after,
.page-test_map_google .geo-popup-container .substation-popup::after,
.page-test_map_google .geo-popup-container .line-popup::after,
.page-test_map_google2 .geo-popup-container .polygon-popup::after,
.page-test_map_google2 .geo-popup-container .substation-popup::after,
.page-test_map_google2 .geo-popup-container .line-popup::after,
.single-koji_info .geo-popup-container .polygon-popup::after,
.single-koji_info .geo-popup-container .substation-popup::after,
.single-koji_info .geo-popup-container .line-popup::after,
.single-est .geo-popup-container .polygon-popup::after,
.single-est .geo-popup-container .substation-popup::after,
.single-est .geo-popup-container .line-popup::after,
.single-town .geo-popup-container .polygon-popup::after,
.single-town .geo-popup-container .substation-popup::after,
.single-town .geo-popup-container .line-popup::after { /*三角*/
  content: none;
  position: absolute;
  bottom: -16px;
  left: calc(50% - 8px);
  width: 0;
  height: 0;
  border-top: 16px solid #ffffff;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-bottom: 0 solid transparent;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.page-map .geo-popup-container .polygon-popup::before,
.page-map .geo-popup-container .substation-popup::before,
.page-map .geo-popup-container .line-popup::before,
.page-test_map .geo-popup-container .polygon-popup::before,
.page-test_map .geo-popup-container .substation-popup::before,
.page-test_map .geo-popup-container .line-popup::before,
.page-test_map2 .geo-popup-container .polygon-popup::before,
.page-test_map2 .geo-popup-container .substation-popup::before,
.page-test_map2 .geo-popup-container .line-popup::before,
.page-test_map_google .geo-popup-container .polygon-popup::before,
.page-test_map_google .geo-popup-container .substation-popup::before,
.page-test_map_google .geo-popup-container .line-popup::before,
.page-test_map_google2 .geo-popup-container .polygon-popup::before,
.page-test_map_google2 .geo-popup-container .substation-popup::before,
.page-test_map_google2 .geo-popup-container .line-popup::before,
.single-koji_info .geo-popup-container .polygon-popup::before,
.single-koji_info .geo-popup-container .substation-popup::before,
.single-koji_info .geo-popup-container .line-popup::before,
.single-est .geo-popup-container .polygon-popup::before,
.single-est .geo-popup-container .substation-popup::before,
.single-est .geo-popup-container .line-popup::before,
.single-town .geo-popup-container .polygon-popup::before,
.single-town .geo-popup-container .substation-popup::before,
.single-town .geo-popup-container .line-popup::before {
  content: none;
  position: absolute;
  display: inline-block;
  bottom: 0;
  left: calc(50% - 8px);
  width: 16px;
  height: 6px;
  background: #ffffff;
  z-index: 2;
}
.page-map .geo-popup-container .polygon-popup .close-custom-popup,
.page-map .geo-popup-container .substation-popup .close-custom-popup,
.page-map .geo-popup-container .line-popup .close-custom-popup,
.page-test_map .geo-popup-container .polygon-popup .close-custom-popup,
.page-test_map .geo-popup-container .substation-popup .close-custom-popup,
.page-test_map .geo-popup-container .line-popup .close-custom-popup,
.page-test_map2 .geo-popup-container .polygon-popup .close-custom-popup,
.page-test_map2 .geo-popup-container .substation-popup .close-custom-popup,
.page-test_map2 .geo-popup-container .line-popup .close-custom-popup,
.page-test_map_google .geo-popup-container .polygon-popup .close-custom-popup,
.page-test_map_google .geo-popup-container .substation-popup .close-custom-popup,
.page-test_map_google .geo-popup-container .line-popup .close-custom-popup,
.page-test_map_google2 .geo-popup-container .polygon-popup .close-custom-popup,
.page-test_map_google2 .geo-popup-container .substation-popup .close-custom-popup,
.page-test_map_google2 .geo-popup-container .line-popup .close-custom-popup,
.single-koji_info .geo-popup-container .polygon-popup .close-custom-popup,
.single-koji_info .geo-popup-container .substation-popup .close-custom-popup,
.single-koji_info .geo-popup-container .line-popup .close-custom-popup,
.single-est .geo-popup-container .polygon-popup .close-custom-popup,
.single-est .geo-popup-container .substation-popup .close-custom-popup,
.single-est .geo-popup-container .line-popup .close-custom-popup,
.single-town .geo-popup-container .polygon-popup .close-custom-popup,
.single-town .geo-popup-container .substation-popup .close-custom-popup,
.single-town .geo-popup-container .line-popup .close-custom-popup {
  width: 30px;
  height: 20px;
  text-indent: -9999px;
  background: no-repeat url("../images/icon_black_close.svg") center center/12px auto;
  cursor: pointer;
}
.page-map .geo-popup-container .polygon-popup .ss-name,
.page-map .geo-popup-container .substation-popup .ss-name,
.page-map .geo-popup-container .line-popup .ss-name,
.page-test_map .geo-popup-container .polygon-popup .ss-name,
.page-test_map .geo-popup-container .substation-popup .ss-name,
.page-test_map .geo-popup-container .line-popup .ss-name,
.page-test_map2 .geo-popup-container .polygon-popup .ss-name,
.page-test_map2 .geo-popup-container .substation-popup .ss-name,
.page-test_map2 .geo-popup-container .line-popup .ss-name,
.page-test_map_google .geo-popup-container .polygon-popup .ss-name,
.page-test_map_google .geo-popup-container .substation-popup .ss-name,
.page-test_map_google .geo-popup-container .line-popup .ss-name,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-name,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-name,
.page-test_map_google2 .geo-popup-container .line-popup .ss-name,
.single-koji_info .geo-popup-container .polygon-popup .ss-name,
.single-koji_info .geo-popup-container .substation-popup .ss-name,
.single-koji_info .geo-popup-container .line-popup .ss-name,
.single-est .geo-popup-container .polygon-popup .ss-name,
.single-est .geo-popup-container .substation-popup .ss-name,
.single-est .geo-popup-container .line-popup .ss-name,
.single-town .geo-popup-container .polygon-popup .ss-name,
.single-town .geo-popup-container .substation-popup .ss-name,
.single-town .geo-popup-container .line-popup .ss-name {
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
}
.page-map .geo-popup-container .polygon-popup .ss-voltage,
.page-map .geo-popup-container .substation-popup .ss-voltage,
.page-map .geo-popup-container .line-popup .ss-voltage,
.page-test_map .geo-popup-container .polygon-popup .ss-voltage,
.page-test_map .geo-popup-container .substation-popup .ss-voltage,
.page-test_map .geo-popup-container .line-popup .ss-voltage,
.page-test_map2 .geo-popup-container .polygon-popup .ss-voltage,
.page-test_map2 .geo-popup-container .substation-popup .ss-voltage,
.page-test_map2 .geo-popup-container .line-popup .ss-voltage,
.page-test_map_google .geo-popup-container .polygon-popup .ss-voltage,
.page-test_map_google .geo-popup-container .substation-popup .ss-voltage,
.page-test_map_google .geo-popup-container .line-popup .ss-voltage,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-voltage,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-voltage,
.page-test_map_google2 .geo-popup-container .line-popup .ss-voltage,
.single-koji_info .geo-popup-container .polygon-popup .ss-voltage,
.single-koji_info .geo-popup-container .substation-popup .ss-voltage,
.single-koji_info .geo-popup-container .line-popup .ss-voltage,
.single-est .geo-popup-container .polygon-popup .ss-voltage,
.single-est .geo-popup-container .substation-popup .ss-voltage,
.single-est .geo-popup-container .line-popup .ss-voltage,
.single-town .geo-popup-container .polygon-popup .ss-voltage,
.single-town .geo-popup-container .substation-popup .ss-voltage,
.single-town .geo-popup-container .line-popup .ss-voltage {
  display: inline-flex;
  width: 100%;
  margin-top: 10px;
  border-radius: 6px;
  border: 2px solid #000000;
}
.page-map .geo-popup-container .polygon-popup .ss-voltage > div,
.page-map .geo-popup-container .substation-popup .ss-voltage > div,
.page-map .geo-popup-container .line-popup .ss-voltage > div,
.page-test_map .geo-popup-container .polygon-popup .ss-voltage > div,
.page-test_map .geo-popup-container .substation-popup .ss-voltage > div,
.page-test_map .geo-popup-container .line-popup .ss-voltage > div,
.page-test_map2 .geo-popup-container .polygon-popup .ss-voltage > div,
.page-test_map2 .geo-popup-container .substation-popup .ss-voltage > div,
.page-test_map2 .geo-popup-container .line-popup .ss-voltage > div,
.page-test_map_google .geo-popup-container .polygon-popup .ss-voltage > div,
.page-test_map_google .geo-popup-container .substation-popup .ss-voltage > div,
.page-test_map_google .geo-popup-container .line-popup .ss-voltage > div,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-voltage > div,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-voltage > div,
.page-test_map_google2 .geo-popup-container .line-popup .ss-voltage > div,
.single-koji_info .geo-popup-container .polygon-popup .ss-voltage > div,
.single-koji_info .geo-popup-container .substation-popup .ss-voltage > div,
.single-koji_info .geo-popup-container .line-popup .ss-voltage > div,
.single-est .geo-popup-container .polygon-popup .ss-voltage > div,
.single-est .geo-popup-container .substation-popup .ss-voltage > div,
.single-est .geo-popup-container .line-popup .ss-voltage > div,
.single-town .geo-popup-container .polygon-popup .ss-voltage > div,
.single-town .geo-popup-container .substation-popup .ss-voltage > div,
.single-town .geo-popup-container .line-popup .ss-voltage > div {
  width: 50%;
}
.page-map .geo-popup-container .polygon-popup .ss-voltage > div div,
.page-map .geo-popup-container .substation-popup .ss-voltage > div div,
.page-map .geo-popup-container .line-popup .ss-voltage > div div,
.page-test_map .geo-popup-container .polygon-popup .ss-voltage > div div,
.page-test_map .geo-popup-container .substation-popup .ss-voltage > div div,
.page-test_map .geo-popup-container .line-popup .ss-voltage > div div,
.page-test_map2 .geo-popup-container .polygon-popup .ss-voltage > div div,
.page-test_map2 .geo-popup-container .substation-popup .ss-voltage > div div,
.page-test_map2 .geo-popup-container .line-popup .ss-voltage > div div,
.page-test_map_google .geo-popup-container .polygon-popup .ss-voltage > div div,
.page-test_map_google .geo-popup-container .substation-popup .ss-voltage > div div,
.page-test_map_google .geo-popup-container .line-popup .ss-voltage > div div,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-voltage > div div,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-voltage > div div,
.page-test_map_google2 .geo-popup-container .line-popup .ss-voltage > div div,
.single-koji_info .geo-popup-container .polygon-popup .ss-voltage > div div,
.single-koji_info .geo-popup-container .substation-popup .ss-voltage > div div,
.single-koji_info .geo-popup-container .line-popup .ss-voltage > div div,
.single-est .geo-popup-container .polygon-popup .ss-voltage > div div,
.single-est .geo-popup-container .substation-popup .ss-voltage > div div,
.single-est .geo-popup-container .line-popup .ss-voltage > div div,
.single-town .geo-popup-container .polygon-popup .ss-voltage > div div,
.single-town .geo-popup-container .substation-popup .ss-voltage > div div,
.single-town .geo-popup-container .line-popup .ss-voltage > div div {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  position: relative;
}
.page-map .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.page-map .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.page-map .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map2 .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map2 .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map2 .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map_google .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map_google .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map_google .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.page-test_map_google2 .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.single-koji_info .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.single-koji_info .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.single-koji_info .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.single-est .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.single-est .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.single-est .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title,
.single-town .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-title,
.single-town .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-title,
.single-town .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-title {
  height: 21px;
  background: #000000;
  color: #ffffff;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
.page-map .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.page-map .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.page-map .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map2 .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map2 .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map2 .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map_google .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map_google .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map_google .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.page-test_map_google2 .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.single-koji_info .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.single-koji_info .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.single-koji_info .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.single-est .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.single-est .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.single-est .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value,
.single-town .geo-popup-container .polygon-popup .ss-voltage > div div.ss-voltage-value,
.single-town .geo-popup-container .substation-popup .ss-voltage > div div.ss-voltage-value,
.single-town .geo-popup-container .line-popup .ss-voltage > div div.ss-voltage-value {
  height: 30px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
.page-map .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-map .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-map .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map2 .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map2 .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map2 .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map_google .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map_google .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map_google .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.page-test_map_google2 .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-koji_info .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-koji_info .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-koji_info .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-est .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-est .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-est .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-town .geo-popup-container .polygon-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-town .geo-popup-container .substation-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after,
.single-town .geo-popup-container .line-popup .ss-voltage > div:nth-child(1) .ss-voltage-value::after {
  content: "";
  position: absolute;
  width: 2px;
  height: 20px;
  background: #dbdbdb;
  top: 5px;
  right: -1px;
}
.page-map .geo-popup-container .polygon-popup .ss-size,
.page-map .geo-popup-container .substation-popup .ss-size,
.page-map .geo-popup-container .line-popup .ss-size,
.page-test_map .geo-popup-container .polygon-popup .ss-size,
.page-test_map .geo-popup-container .substation-popup .ss-size,
.page-test_map .geo-popup-container .line-popup .ss-size,
.page-test_map2 .geo-popup-container .polygon-popup .ss-size,
.page-test_map2 .geo-popup-container .substation-popup .ss-size,
.page-test_map2 .geo-popup-container .line-popup .ss-size,
.page-test_map_google .geo-popup-container .polygon-popup .ss-size,
.page-test_map_google .geo-popup-container .substation-popup .ss-size,
.page-test_map_google .geo-popup-container .line-popup .ss-size,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-size,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-size,
.page-test_map_google2 .geo-popup-container .line-popup .ss-size,
.single-koji_info .geo-popup-container .polygon-popup .ss-size,
.single-koji_info .geo-popup-container .substation-popup .ss-size,
.single-koji_info .geo-popup-container .line-popup .ss-size,
.single-est .geo-popup-container .polygon-popup .ss-size,
.single-est .geo-popup-container .substation-popup .ss-size,
.single-est .geo-popup-container .line-popup .ss-size,
.single-town .geo-popup-container .polygon-popup .ss-size,
.single-town .geo-popup-container .substation-popup .ss-size,
.single-town .geo-popup-container .line-popup .ss-size {
  display: inline-flex;
  flex-direction: column;
  width: 100%;
  margin-top: 10px;
  border-radius: 6px;
  border: 2px solid #000000;
}
.page-map .geo-popup-container .polygon-popup .ss-size > div,
.page-map .geo-popup-container .substation-popup .ss-size > div,
.page-map .geo-popup-container .line-popup .ss-size > div,
.page-test_map .geo-popup-container .polygon-popup .ss-size > div,
.page-test_map .geo-popup-container .substation-popup .ss-size > div,
.page-test_map .geo-popup-container .line-popup .ss-size > div,
.page-test_map2 .geo-popup-container .polygon-popup .ss-size > div,
.page-test_map2 .geo-popup-container .substation-popup .ss-size > div,
.page-test_map2 .geo-popup-container .line-popup .ss-size > div,
.page-test_map_google .geo-popup-container .polygon-popup .ss-size > div,
.page-test_map_google .geo-popup-container .substation-popup .ss-size > div,
.page-test_map_google .geo-popup-container .line-popup .ss-size > div,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-size > div,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-size > div,
.page-test_map_google2 .geo-popup-container .line-popup .ss-size > div,
.single-koji_info .geo-popup-container .polygon-popup .ss-size > div,
.single-koji_info .geo-popup-container .substation-popup .ss-size > div,
.single-koji_info .geo-popup-container .line-popup .ss-size > div,
.single-est .geo-popup-container .polygon-popup .ss-size > div,
.single-est .geo-popup-container .substation-popup .ss-size > div,
.single-est .geo-popup-container .line-popup .ss-size > div,
.single-town .geo-popup-container .polygon-popup .ss-size > div,
.single-town .geo-popup-container .substation-popup .ss-size > div,
.single-town .geo-popup-container .line-popup .ss-size > div {
  display: inline-flex;
  width: 100%;
  align-items: center;
  justify-content: center;
}
.page-map .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.page-map .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.page-map .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.page-test_map .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.page-test_map .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.page-test_map .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.page-test_map2 .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.page-test_map2 .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.page-test_map2 .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.page-test_map_google .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.page-test_map_google .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.page-test_map_google .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.page-test_map_google2 .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.single-koji_info .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.single-koji_info .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.single-koji_info .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.single-est .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.single-est .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.single-est .geo-popup-container .line-popup .ss-size > div.ss-size-title,
.single-town .geo-popup-container .polygon-popup .ss-size > div.ss-size-title,
.single-town .geo-popup-container .substation-popup .ss-size > div.ss-size-title,
.single-town .geo-popup-container .line-popup .ss-size > div.ss-size-title {
  height: 21px;
  background: #000000;
  color: #ffffff;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
.page-map .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.page-map .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.page-map .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.page-test_map .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.page-test_map .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.page-test_map .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.page-test_map2 .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.page-test_map2 .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.page-test_map2 .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.page-test_map_google .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.page-test_map_google .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.page-test_map_google .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.page-test_map_google2 .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.page-test_map_google2 .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.page-test_map_google2 .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.single-koji_info .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.single-koji_info .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.single-koji_info .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.single-est .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.single-est .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.single-est .geo-popup-container .line-popup .ss-size > div.ss-size-value,
.single-town .geo-popup-container .polygon-popup .ss-size > div.ss-size-value,
.single-town .geo-popup-container .substation-popup .ss-size > div.ss-size-value,
.single-town .geo-popup-container .line-popup .ss-size > div.ss-size-value {
  height: 30px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
.page-map #explanatoryNote,
.page-test_map #explanatoryNote,
.page-test_map2 #explanatoryNote,
.page-test_map_google #explanatoryNote,
.page-test_map_google2 #explanatoryNote,
.single-koji_info #explanatoryNote,
.single-est #explanatoryNote,
.single-town #explanatoryNote {
  position: absolute;
  right: 0px;
  bottom: 30px;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .page-map #explanatoryNote,
  .page-test_map #explanatoryNote,
  .page-test_map2 #explanatoryNote,
  .page-test_map_google #explanatoryNote,
  .page-test_map_google2 #explanatoryNote,
  .single-koji_info #explanatoryNote,
  .single-est #explanatoryNote,
  .single-town #explanatoryNote {
    bottom: 70px;
  }
}
.page-map #explanatoryNote ul,
.page-test_map #explanatoryNote ul,
.page-test_map2 #explanatoryNote ul,
.page-test_map_google #explanatoryNote ul,
.page-test_map_google2 #explanatoryNote ul,
.single-koji_info #explanatoryNote ul,
.single-est #explanatoryNote ul,
.single-town #explanatoryNote ul {
  display: inline-flex;
  flex-direction: column;
  width: 68px;
}
@media screen and (max-width: 768px) {
  .page-map #explanatoryNote ul,
  .page-test_map #explanatoryNote ul,
  .page-test_map2 #explanatoryNote ul,
  .page-test_map_google #explanatoryNote ul,
  .page-test_map_google2 #explanatoryNote ul,
  .single-koji_info #explanatoryNote ul,
  .single-est #explanatoryNote ul,
  .single-town #explanatoryNote ul {
    width: 58px;
  }
}
.page-map #explanatoryNote ul li,
.page-test_map #explanatoryNote ul li,
.page-test_map2 #explanatoryNote ul li,
.page-test_map_google #explanatoryNote ul li,
.page-test_map_google2 #explanatoryNote ul li,
.single-koji_info #explanatoryNote ul li,
.single-est #explanatoryNote ul li,
.single-town #explanatoryNote ul li {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 20px;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 2px;
  color: #000000;
  padding: 0 10px;
  margin-top: 1px;
  /* 要照会 #888888 */
  /* 要照会 #a5a8a8 */
  /* 5MW #ccccff */
  /* ~10MW #bfbfff */
  /* ~30MW #b3b2ff */
  /* ~50MW #aa99ff */
  /* ~100MW #9f8cff */
  /* ~300MW #9580ff */
  /* ~500MW #b266ff */
  /* ~1000MW #ac59ff */
  /* 1000MW #a64dff */
}
.page-map #explanatoryNote ul li.ranktitle,
.page-test_map #explanatoryNote ul li.ranktitle,
.page-test_map2 #explanatoryNote ul li.ranktitle,
.page-test_map_google #explanatoryNote ul li.ranktitle,
.page-test_map_google2 #explanatoryNote ul li.ranktitle,
.single-koji_info #explanatoryNote ul li.ranktitle,
.single-est #explanatoryNote ul li.ranktitle,
.single-town #explanatoryNote ul li.ranktitle {
  height: auto;
  padding: 2px 2px 2px;
  background: rgba(255, 255, 255, 0.8);
  margin-bottom: 0;
}
.page-map #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.page-test_map #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.page-test_map2 #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.page-test_map_google #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.page-test_map_google2 #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.single-koji_info #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.single-est #explanatoryNote ul li.ranktitle .ranktitle-sp p,
.single-town #explanatoryNote ul li.ranktitle .ranktitle-sp p {
  font-size: 11rem;
  letter-spacing: 1px;
  margin-right: -1px;
}
.page-map #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.page-test_map #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.page-test_map2 #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.page-test_map_google #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.page-test_map_google2 #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.single-koji_info #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.single-est #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1,
.single-town #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp1 {
  letter-spacing: 6px;
  margin-right: -6px;
  max-width: 51px;
}
.page-map #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.page-test_map #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.page-test_map2 #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.page-test_map_google #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.page-test_map_google2 #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.single-koji_info #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.single-est #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3,
.single-town #explanatoryNote ul li.ranktitle .ranktitle-sp p.sp3 {
  letter-spacing: 2px;
  margin-right: -2px;
}
.page-map #explanatoryNote ul li.ranktitle div,
.page-test_map #explanatoryNote ul li.ranktitle div,
.page-test_map2 #explanatoryNote ul li.ranktitle div,
.page-test_map_google #explanatoryNote ul li.ranktitle div,
.page-test_map_google2 #explanatoryNote ul li.ranktitle div,
.single-koji_info #explanatoryNote ul li.ranktitle div,
.single-est #explanatoryNote ul li.ranktitle div,
.single-town #explanatoryNote ul li.ranktitle div {
  display: inline-flex;
  flex-direction: column;
}
.page-map #explanatoryNote ul li.ranktitle div p,
.page-test_map #explanatoryNote ul li.ranktitle div p,
.page-test_map2 #explanatoryNote ul li.ranktitle div p,
.page-test_map_google #explanatoryNote ul li.ranktitle div p,
.page-test_map_google2 #explanatoryNote ul li.ranktitle div p,
.single-koji_info #explanatoryNote ul li.ranktitle div p,
.single-est #explanatoryNote ul li.ranktitle div p,
.single-town #explanatoryNote ul li.ranktitle div p {
  display: inline-block;
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 1px;
  color: #000000;
  text-align: center;
  text-justify: inter-ideograph; /* 日本語対応におすすめ */
  line-height: 130%;
}
.page-map #explanatoryNote ul li.ranktitle div p.p1,
.page-test_map #explanatoryNote ul li.ranktitle div p.p1,
.page-test_map2 #explanatoryNote ul li.ranktitle div p.p1,
.page-test_map_google #explanatoryNote ul li.ranktitle div p.p1,
.page-test_map_google2 #explanatoryNote ul li.ranktitle div p.p1,
.single-koji_info #explanatoryNote ul li.ranktitle div p.p1,
.single-est #explanatoryNote ul li.ranktitle div p.p1,
.single-town #explanatoryNote ul li.ranktitle div p.p1 {
  letter-spacing: 3.9px;
  margin-right: -3.6px;
  overflow: hidden;
}
.page-map #explanatoryNote ul li.rank0,
.page-test_map #explanatoryNote ul li.rank0,
.page-test_map2 #explanatoryNote ul li.rank0,
.page-test_map_google #explanatoryNote ul li.rank0,
.page-test_map_google2 #explanatoryNote ul li.rank0,
.single-koji_info #explanatoryNote ul li.rank0,
.single-est #explanatoryNote ul li.rank0,
.single-town #explanatoryNote ul li.rank0 {
  background: rgb(136, 136, 136);
}
.page-map #explanatoryNote ul li.rank1,
.page-test_map #explanatoryNote ul li.rank1,
.page-test_map2 #explanatoryNote ul li.rank1,
.page-test_map_google #explanatoryNote ul li.rank1,
.page-test_map_google2 #explanatoryNote ul li.rank1,
.single-koji_info #explanatoryNote ul li.rank1,
.single-est #explanatoryNote ul li.rank1,
.single-town #explanatoryNote ul li.rank1 {
  background: rgb(165, 168, 168);
}
.page-map #explanatoryNote ul li.rank2,
.page-test_map #explanatoryNote ul li.rank2,
.page-test_map2 #explanatoryNote ul li.rank2,
.page-test_map_google #explanatoryNote ul li.rank2,
.page-test_map_google2 #explanatoryNote ul li.rank2,
.single-koji_info #explanatoryNote ul li.rank2,
.single-est #explanatoryNote ul li.rank2,
.single-town #explanatoryNote ul li.rank2 {
  background: rgb(204, 204, 255);
}
.page-map #explanatoryNote ul li.rank3,
.page-test_map #explanatoryNote ul li.rank3,
.page-test_map2 #explanatoryNote ul li.rank3,
.page-test_map_google #explanatoryNote ul li.rank3,
.page-test_map_google2 #explanatoryNote ul li.rank3,
.single-koji_info #explanatoryNote ul li.rank3,
.single-est #explanatoryNote ul li.rank3,
.single-town #explanatoryNote ul li.rank3 {
  background: rgb(191, 191, 255);
}
.page-map #explanatoryNote ul li.rank4,
.page-test_map #explanatoryNote ul li.rank4,
.page-test_map2 #explanatoryNote ul li.rank4,
.page-test_map_google #explanatoryNote ul li.rank4,
.page-test_map_google2 #explanatoryNote ul li.rank4,
.single-koji_info #explanatoryNote ul li.rank4,
.single-est #explanatoryNote ul li.rank4,
.single-town #explanatoryNote ul li.rank4 {
  background: rgb(179, 178, 255);
}
.page-map #explanatoryNote ul li.rank5,
.page-test_map #explanatoryNote ul li.rank5,
.page-test_map2 #explanatoryNote ul li.rank5,
.page-test_map_google #explanatoryNote ul li.rank5,
.page-test_map_google2 #explanatoryNote ul li.rank5,
.single-koji_info #explanatoryNote ul li.rank5,
.single-est #explanatoryNote ul li.rank5,
.single-town #explanatoryNote ul li.rank5 {
  background: rgb(170, 153, 255);
}
.page-map #explanatoryNote ul li.rank6,
.page-test_map #explanatoryNote ul li.rank6,
.page-test_map2 #explanatoryNote ul li.rank6,
.page-test_map_google #explanatoryNote ul li.rank6,
.page-test_map_google2 #explanatoryNote ul li.rank6,
.single-koji_info #explanatoryNote ul li.rank6,
.single-est #explanatoryNote ul li.rank6,
.single-town #explanatoryNote ul li.rank6 {
  background: rgb(159, 140, 255);
}
.page-map #explanatoryNote ul li.rank7,
.page-test_map #explanatoryNote ul li.rank7,
.page-test_map2 #explanatoryNote ul li.rank7,
.page-test_map_google #explanatoryNote ul li.rank7,
.page-test_map_google2 #explanatoryNote ul li.rank7,
.single-koji_info #explanatoryNote ul li.rank7,
.single-est #explanatoryNote ul li.rank7,
.single-town #explanatoryNote ul li.rank7 {
  background: rgb(149, 128, 255);
}
.page-map #explanatoryNote ul li.rank8,
.page-test_map #explanatoryNote ul li.rank8,
.page-test_map2 #explanatoryNote ul li.rank8,
.page-test_map_google #explanatoryNote ul li.rank8,
.page-test_map_google2 #explanatoryNote ul li.rank8,
.single-koji_info #explanatoryNote ul li.rank8,
.single-est #explanatoryNote ul li.rank8,
.single-town #explanatoryNote ul li.rank8 {
  background: rgb(178, 102, 255);
}
.page-map #explanatoryNote ul li.rank9,
.page-test_map #explanatoryNote ul li.rank9,
.page-test_map2 #explanatoryNote ul li.rank9,
.page-test_map_google #explanatoryNote ul li.rank9,
.page-test_map_google2 #explanatoryNote ul li.rank9,
.single-koji_info #explanatoryNote ul li.rank9,
.single-est #explanatoryNote ul li.rank9,
.single-town #explanatoryNote ul li.rank9 {
  background: rgb(172, 89, 255);
}
.page-map #explanatoryNote ul li.rank10,
.page-test_map #explanatoryNote ul li.rank10,
.page-test_map2 #explanatoryNote ul li.rank10,
.page-test_map_google #explanatoryNote ul li.rank10,
.page-test_map_google2 #explanatoryNote ul li.rank10,
.single-koji_info #explanatoryNote ul li.rank10,
.single-est #explanatoryNote ul li.rank10,
.single-town #explanatoryNote ul li.rank10 {
  background: rgb(166, 77, 255);
}
.page-map #explanatoryNote ul li.ranks,
.page-test_map #explanatoryNote ul li.ranks,
.page-test_map2 #explanatoryNote ul li.ranks,
.page-test_map_google #explanatoryNote ul li.ranks,
.page-test_map_google2 #explanatoryNote ul li.ranks,
.single-koji_info #explanatoryNote ul li.ranks,
.single-est #explanatoryNote ul li.ranks,
.single-town #explanatoryNote ul li.ranks {
  padding: 0 3px 0 0;
  justify-content: flex-end;
  letter-spacing: 1px;
  font-size: 16rem;
}
@media screen and (max-width: 768px) {
  .page-map #explanatoryNote ul li.ranks,
  .page-test_map #explanatoryNote ul li.ranks,
  .page-test_map2 #explanatoryNote ul li.ranks,
  .page-test_map_google #explanatoryNote ul li.ranks,
  .page-test_map_google2 #explanatoryNote ul li.ranks,
  .single-koji_info #explanatoryNote ul li.ranks,
  .single-est #explanatoryNote ul li.ranks,
  .single-town #explanatoryNote ul li.ranks {
    padding: 0 2px 0 0;
  }
}
.page-map #explanatoryNote ul li.ranks span,
.page-test_map #explanatoryNote ul li.ranks span,
.page-test_map2 #explanatoryNote ul li.ranks span,
.page-test_map_google #explanatoryNote ul li.ranks span,
.page-test_map_google2 #explanatoryNote ul li.ranks span,
.single-koji_info #explanatoryNote ul li.ranks span,
.single-est #explanatoryNote ul li.ranks span,
.single-town #explanatoryNote ul li.ranks span {
  position: relative;
  display: inline-block;
  font-weight: normal;
  font-size: 13rem;
  padding: 4px 0 0 0;
  letter-spacing: 1px;
  width: 32px;
  height: 20px;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .page-map #explanatoryNote ul li.ranks span,
  .page-test_map #explanatoryNote ul li.ranks span,
  .page-test_map2 #explanatoryNote ul li.ranks span,
  .page-test_map_google #explanatoryNote ul li.ranks span,
  .page-test_map_google2 #explanatoryNote ul li.ranks span,
  .single-koji_info #explanatoryNote ul li.ranks span,
  .single-est #explanatoryNote ul li.ranks span,
  .single-town #explanatoryNote ul li.ranks span {
    width: 24px;
    font-size: 10rem;
    padding: 7px 0 0 0;
    letter-spacing: 0;
  }
}
.page-map #explanatoryNote ul li.ranks span::before,
.page-test_map #explanatoryNote ul li.ranks span::before,
.page-test_map2 #explanatoryNote ul li.ranks span::before,
.page-test_map_google #explanatoryNote ul li.ranks span::before,
.page-test_map_google2 #explanatoryNote ul li.ranks span::before,
.single-koji_info #explanatoryNote ul li.ranks span::before,
.single-est #explanatoryNote ul li.ranks span::before,
.single-town #explanatoryNote ul li.ranks span::before {
  content: "～";
  position: absolute;
  left: 1px;
  top: 8px;
  font-size: 8rem;
}
.page-map #explanatoryNote ul li.rank0, .page-map #explanatoryNote ul li.rank1,
.page-test_map #explanatoryNote ul li.rank0,
.page-test_map #explanatoryNote ul li.rank1,
.page-test_map2 #explanatoryNote ul li.rank0,
.page-test_map2 #explanatoryNote ul li.rank1,
.page-test_map_google #explanatoryNote ul li.rank0,
.page-test_map_google #explanatoryNote ul li.rank1,
.page-test_map_google2 #explanatoryNote ul li.rank0,
.page-test_map_google2 #explanatoryNote ul li.rank1,
.single-koji_info #explanatoryNote ul li.rank0,
.single-koji_info #explanatoryNote ul li.rank1,
.single-est #explanatoryNote ul li.rank0,
.single-est #explanatoryNote ul li.rank1,
.single-town #explanatoryNote ul li.rank0,
.single-town #explanatoryNote ul li.rank1 {
  font-size: 11rem;
  letter-spacing: 1px;
  padding: 0 5px;
  overflow: hidden;
  box-sizing: border-box;
}
.page-map #resultZeroNote,
.page-test_map #resultZeroNote,
.page-test_map2 #resultZeroNote,
.page-test_map_google #resultZeroNote,
.page-test_map_google2 #resultZeroNote,
.single-koji_info #resultZeroNote,
.single-est #resultZeroNote,
.single-town #resultZeroNote {
  position: fixed;
  top: 200px;
  left: 449px;
  background-color: orangered;
  color: #ffffff;
  align-items: center;
  font-size: 11px;
  height: 20px;
  padding: 0 5px;
  z-index: 5;
  line-height: 100%;
  transition: 0.3s;
}

#explanatoryNote {
  display: none;
}

.show-elec #explanatoryNote {
  display: block;
}

.show-googlemap #googleMap {
  z-index: 1 !important;
}

.show-googlemap #viewDiv {
  z-index: 0 !important;
}

#resultZeroNote {
  display: none;
}

.show-resultZero #resultZeroNote {
  display: inline-flex;
}

.stay.dc-stay.hp-stay.gd-stay #resultZeroNote {
  left: 35px;
}

/* 個別：市町村 */
.single-town {
  /* ページネーション */
}
.single-town .page-header {
  display: none;
}
.single-town article {
  padding-top: 90px;
  text-align: center;
}
.single-town article .est-list {
  margin: 0 auto;
  max-width: 1040px;
  padding: 0 20px;
  /*border: 1px solid red;*/
  text-align: left;
}
.single-town article .est-list .town-title {
  font-size: 16rem;
  font-weight: bold;
  letter-spacing: 3px;
}
.single-town article .est-list .town-title .est-num {
  display: inline-block;
  margin-left: 15px;
}
.single-town article .est-list > ul {
  padding-top: 20px;
  display: inline-flex;
  width: 100%;
  flex-wrap: wrap;
  justify-content: space-between;
}
.single-town article .est-list > ul > li {
  width: calc((100% - 40px) / 3);
  position: relative;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1040px) {
  .single-town article .est-list > ul > li {
    width: calc((100% - 20px) / 2);
  }
}
@media screen and (max-width: 1040px) and (max-width: 700px) {
  .single-town article .est-list > ul > li {
    width: 100%;
  }
}
.single-town article .est-list > ul > li .est-title {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 45px;
  padding: 0 5px;
  color: #ffffff;
  background: #000000;
  border-radius: 10px 10px 0 0;
}
.single-town article .est-list > ul > li .est-title span {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.single-town article .est-list > ul > li .est-body {
  width: 100%;
  background: #f6f6f6;
  border-radius: 0 0 10px 10px;
  padding: 15px 10px 20px;
  /* タグ */
}
.single-town article .est-list > ul > li .est-body .est-image-price {
  display: inline-flex;
  width: 100%;
  padding-bottom: 10px;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-image {
  position: relative;
  width: 131px;
  height: 82px;
  min-width: 131px;
  min-height: 82px;
  background: #cccccc;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-image img {
  width: 131px;
  height: 82px;
  object-fit: cover;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-image .reserved {
  position: absolute;
  top: 0;
  left: 0;
  font-size: 12rem;
  color: #ffffff;
  display: inline-flex;
  height: 16px;
  padding: 0 4px;
  align-items: center;
  background: var(--color-tag-red);
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price {
  padding-left: 8px;
  position: relative;
  top: -4px;
  width: 100%;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div {
  display: inline-flex;
  width: 100%;
  height: 30px;
  align-items: center;
  justify-content: flex-end;
  font-size: 20rem;
  position: relative;
  letter-spacing: 0;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div::after {
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -6px;
  font-size: 12rem;
  letter-spacing: 0;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div.area {
  color: var(--color-tag-red);
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div.area::after {
  content: "面積";
  color: #000000;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div.price_sell::after {
  content: "分譲";
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div.price_rent {
  border-top: 1px solid #999999;
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div.price_rent::after {
  content: "賃貸（月額）";
}
.single-town article .est-list > ul > li .est-body .est-image-price .est-price > div span {
  display: inline-flex;
  color: #000000;
  font-size: 15rem;
  padding-left: 2px;
  letter-spacing: 0;
}
.single-town article .est-list > ul > li .est-body .est-tag-unit {
  width: calc(100% + 20px);
  margin: 0 -10px 0;
  position: relative;
  max-height: 20px;
  overflow: hidden;
}
.single-town article .est-list > ul > li .est-body .est-tag-unit .est-tag-wrap {
  overflow-x: scroll;
  height: 50px;
  max-height: 50px;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
  white-space: nowrap;
}
.single-town article .est-list > ul > li .est-body .est-tag-unit li {
  margin: 0 0 10px 10px;
  display: inline-flex;
  align-items: center;
  height: 16px;
  font-size: 12rem;
  background: var(--color-tag-green);
  padding: 0 12px;
  border-radius: 20px;
}
.single-town article .est-list > ul > li .est-body .est-link {
  padding-top: 15px;
  text-align: right;
  cursor: pointer;
}
.single-town article .est-list > ul > li .est-body .est-link span {
  color: var(--color-darkgreen);
  padding-right: 12px;
  position: relative;
}
.single-town article .est-list > ul > li .est-body .est-link span::after {
  content: "";
  position: absolute;
  top: 5px;
  right: -2px;
  width: 12px;
  height: 12px;
  display: inline-block;
  background: no-repeat url("../images/icon_green_anglemini_down.svg") center center/12px auto;
  transform: rotate(-90deg);
}
.single-town article .est-list > ul > li .est-body .est-link:hover {
  opacity: 0.6;
}
.single-town #footer {
  display: block;
}
.single-town .pagination-unit {
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  position: relative;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit {
    padding-bottom: 48px;
  }
}
.single-town .pagination-unit .pagination {
  display: inline-flex;
  justify-content: flex-end;
  align-items: center;
  width: 100%;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination {
    width: 100%;
    justify-content: center;
  }
}
.single-town .pagination-unit .pagination > div {
  display: inline-flex;
  align-items: center;
}
.single-town .pagination-unit .pagination > a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 93px;
  height: 48px;
  border: 1px solid #000000;
  color: #000000;
  position: relative;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination > a {
    position: absolute;
    top: 0;
  }
}
.single-town .pagination-unit .pagination > a:hover {
  background: #f5f5f5;
}
.single-town .pagination-unit .pagination > a::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 48px;
  display: inline-block;
}
.single-town .pagination-unit .pagination > a.next {
  padding-right: 18px;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination > a.next {
    right: 0;
  }
}
.single-town .pagination-unit .pagination > a.next::after {
  right: 16px;
  background: no-repeat url("../images/icon_black_angle_right.svg") center center/12px auto;
}
.single-town .pagination-unit .pagination > a.prev {
  padding-left: 18px;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination > a.prev {
    left: 0;
  }
}
.single-town .pagination-unit .pagination > a.prev::after {
  left: 16px;
  background: no-repeat url("../images/icon_black_angle_right.svg") center center/12px auto;
  transform: rotate(180deg);
}
.single-town .pagination-unit .pagination .pagination-page {
  padding: 0 5px;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination .pagination-page {
    padding: 0;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    justify-content: flex-end;
  }
}
.single-town .pagination-unit .pagination .pagination-page ul {
  display: inline-flex;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination .pagination-page ul {
    margin-right: -10px;
  }
}
.single-town .pagination-unit .pagination .pagination-page ul li a.next,
.single-town .pagination-unit .pagination .pagination-page ul li a.prev {
  display: none;
}
.single-town .pagination-unit .pagination .pagination-page a, .single-town .pagination-unit .pagination .pagination-page span {
  display: inline-flex;
  width: 16px;
  height: 16px;
  justify-content: center;
  align-items: center;
  margin: 0 9px;
  padding: 0 0 1px 2px;
  box-sizing: border-box;
}
.single-town .pagination-unit .pagination .pagination-page a {
  color: var(--color-darkgreen);
}
.single-town .pagination-unit .pagination .pagination-page span {
  background: #000000;
  border-radius: 20px;
  color: #ffffff;
}
.single-town .pagination-unit .pagination .pagination-post {
  display: inline-flex;
  align-items: center;
  margin-right: 15px;
  position: absolute;
  top: 8px;
  left: 0;
}
@media screen and (max-width: 700px) {
  .single-town .pagination-unit .pagination .pagination-post {
    padding-top: 8px;
    margin-right: 0;
    position: relative;
    top: auto;
    left: auto;
  }
}
.single-town .pagination-unit .pagination .pagination-post > div {
  height: 32px;
  display: inline-flex;
}
.single-town .pagination-unit .pagination .pagination-post > div span {
  display: inline-flex;
  height: 32px;
}
.single-town .pagination-unit .pagination .pagination-post > div span.now {
  align-items: flex-start;
}
.single-town .pagination-unit .pagination .pagination-post > div span.all {
  align-items: flex-end;
  font-size: 12rem;
  letter-spacing: 1.2px;
  position: relative;
}
.single-town .pagination-unit .pagination .pagination-post > div span.all::after {
  content: "";
  position: absolute;
  bottom: -8px;
  left: -3px;
  height: 44px;
  width: 1px;
  background: #000000;
  transform: rotate(45deg);
}

/* google用ドロワー */
#googleDrawer-wrap {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 0;
  height: 100vh;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  z-index: 10010;
}
#googleDrawer-wrap #googleDrawer {
  position: absolute;
  right: -414px;
  width: 414px;
  top: 0;
  transition: 0.2s;
  word-break: break-all;
  word-wrap: break-word;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit {
  background: #ffffff;
  box-shadow: 0px -3px 6px rgba(0, 0, 0, 0.1607843137);
  border-radius: 0px 20px 20px 0px;
  padding: 0 0;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header {
  padding: 0 25px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  height: 60px;
  width: 100%;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-back {
  text-indent: -9999px;
  width: 70px !important;
  height: 40px !important;
  background: no-repeat url("../images/icon_green_angle_left.svg") left 12px center/auto 18px;
  border-radius: 4px;
  margin-left: -12px;
  position: relative;
  color: var(--color-darkgreen);
  font-size: 13rem;
  font-weight: bold;
  width: 70px;
  cursor: pointer;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-back::before {
  content: "戻る";
  display: inline-block;
  width: 40px;
  text-indent: 0;
  font-size: 13rem;
  font-weight: bold;
  letter-spacing: 2.6px;
  line-height: 14px;
  color: var(--color-darkgreen);
  position: absolute;
  top: 50%;
  left: 28px;
  margin-top: -7px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-handle {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #ffffff;
  cursor: grab;
  position: absolute;
  right: -40px;
  top: 50%;
  width: 41px;
  height: 100px;
  margin-top: -50px;
  border-radius: 0 8px 8px 0;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.1607843137);
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-handle::after {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  display: inline-block;
  width: 5px;
  height: calc(100% + 10px);
  background: #ffffff;
}
@media screen and (max-width: 768px) {
  #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-handle {
    position: relative;
    right: auto;
    top: auto;
    width: calc(100% - 70px);
    height: 60px;
    padding: 0 70px 0 0;
    margin-top: 0;
    border-radius: 0;
    box-shadow: none;
  }
  #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-handle::after {
    content: none;
  }
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-handle span {
  display: inline-block;
  position: relative;
  height: 40px;
  width: 20px;
  text-indent: -9999px;
  background: no-repeat url("../images/parts_green_angle_flat.svg") center center/auto 40px;
  transform: rotate(0deg);
  transform-origin: center;
}
@media screen and (max-width: 768px) {
  #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-header ul #gdh-handle span {
    transform: rotate(270deg);
  }
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap {
  position: relative;
  max-width: 414px;
  overflow: hidden;
  height: calc(100vh - 60px);
  height: calc(100dvh - 60px);
  height: calc(var(--vh, 1vh) * 100 - 60px);
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body {
  position: absolute;
  top: 0;
  left: 0;
  right: -50px;
  bottom: 0;
  width: calc(100% + 50px);
  height: 100%;
  overflow-y: scroll;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div {
  padding: 0 25px 30px;
  width: 100%;
  max-width: 414px;
  font-size: 15rem;
  font-weight: bold;
  letter-spacing: 2.6px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-name {
  font-size: 16rem;
  font-weight: bold;
  padding-bottom: 8px;
  letter-spacing: 2.6px;
  line-height: 140%;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-title {
  font-size: 15rem;
  font-weight: bold;
  line-height: 100%;
  display: inline-flex;
  justify-content: space-between;
  width: 100%;
  align-items: center;
  background: #000000;
  color: #ffffff;
  padding: 0 10px;
  height: 30px;
  border-radius: 10px 10px 0 0;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links {
  text-align: center;
  display: none;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links ul {
  display: inline-flex;
  padding-bottom: 20px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links ul li span, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links ul li a {
  display: inline-flex;
  align-items: center;
  font-size: 15rem;
  font-weight: bold;
  line-height: 100%;
  color: #ffffff;
  padding: 0 10px;
  height: 30px;
  border-radius: 10px 10px 0 0;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links ul li a {
  margin-left: 15px;
  background: #7f7f7f;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links ul li a:hover {
  opacity: 0.8;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-links ul li span {
  background: #000000;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-category {
  padding-top: 8px;
  padding-bottom: 15px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-category ul {
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  width: 100%;
  margin-right: -14px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-category ul li {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  height: 22px;
  width: auto !important;
  padding: 0 12px;
  margin: 0 14px 10px 0;
  background: var(--color-vividblue);
  font-size: 12rem;
  font-weight: bold;
  letter-spacing: 1px;
  border-radius: 20px;
  color: #ffffff;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body {
  padding-bottom: 30px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.photo {
  max-width: 364px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.photo .gc-photo {
  position: relative;
  aspect-ratio: 16/9;
  width: 100%;
  height: auto;
  max-width: 364px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.photo .gc-photo img {
  max-width: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.photo .gc-photo .gc-photo-attribution {
  position: absolute;
  right: 0;
  bottom: 0;
  display: inline-flex;
  align-items: center;
  height: 16px;
  font-size: 12rem;
  font-style: normal;
  letter-spacing: 1px;
  color: #000000;
  padding: 0 5px;
  background: #ffffff;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place {
  padding: 0 10px 30px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li {
  line-height: 140%;
  position: relative;
  padding: 7px 5px 7px 40px;
  min-height: 38px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 20px;
  background-color: #000000;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.rate {
  font-size: 20rem;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.rate span {
  font-size: 15rem;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.rate::before {
  border-radius: 0;
  background: #ffffff no-repeat url("../images/icon_orange_star.svg") center center/28px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.address::before {
  background: #000000 no-repeat url("../images/icon_white_postcode.svg") center center/28px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.price::before {
  background: #000000 no-repeat url("../images/icon_white_yen.svg") center center/12px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.web, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.link {
  padding: 0;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.web::before, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.link::before {
  content: none;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.web a, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.link a {
  padding: 7px 5px 7px 40px;
  display: inline-flex;
  min-height: 38px;
  color: var(--color-darkgreen);
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.web a::before, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.link a::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 28px;
  height: 28px;
  border-radius: 20px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.web a, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.link a {
  padding-right: 19px;
  background: no-repeat url("../images/icon_green_link.svg") right center/14px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.web a::before {
  background: #000000 no-repeat url("../images/icon_white_chain.svg") center center/12px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.link a::before {
  background: #000000 no-repeat url("../images/icon_white_mappin.svg") center center/14px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.phone::before {
  background: #000000 no-repeat url("../images/icon_white_phone.svg") center center/18px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.place li.open:before {
  background: #000000 no-repeat url("../images/icon_white_clock.svg") center center/28px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate {
  text-align: left;
  display: inline-block;
  height: 20px;
  min-width: 80px;
  background: repeat-x url("../images/icon_gray_star.svg") left center/16px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star1 span, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star2 span, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star3 span, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star4 span, #googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star5 span {
  display: inline-block;
  height: 20px;
  min-width: 20px;
  background: repeat-x url("../images/icon_orange_star.svg") left center/16px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star1 span {
  width: 16px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star2 span {
  width: 32px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star3 span {
  width: 48px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star4 span {
  width: 64px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review .rate.star5 span {
  width: 80px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review ul li {
  background: #f2f2f2;
  padding: 15px;
  margin-top: 10px;
  border-radius: 5px;
  line-height: 140%;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.review ul li:nth-child(1) {
  margin-top: 0;
  border-radius: 0 0 5px 5px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.basic {
  padding: 0 10px 30px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.basic .gc-subtitle {
  padding: 15px 0 8px 0;
  color: #666666;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.basic ul {
  width: 100%;
  display: inline-flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-right: -10px;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.basic ul li {
  margin: 0 10px 10px 0;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.basic ul li.true {
  padding-left: 15px;
  background: no-repeat url("../images/icon_green_check.svg") left center/12px auto;
}
#googleDrawer-wrap #googleDrawer #googleDrawer-unit .gd-body-wrap .gd-body > div .gc-body.basic ul li.false {
  padding-left: 15px;
  background: no-repeat url("../images/icon_red_forbidden.svg") left center/12px auto;
}

.gd-stay #googleDrawer {
  right: 0 !important;
}

.gd-stay #gdh-handle {
  display: none !important;
}

/* google map(geoJson) */
.custom-marker {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  border: 1px solid rgba(0, 0, 0, 0.4);
  /*box-shadow: 0 0 5px rgba(0,0,0,0.5);*/
  position: absolute;
  transform: translate(-50%, -50%);
  transition: background-color 0.3s ease, transform 0.3s ease;
  /* 要照会 #888888 */
  /* 要照会 #a5a8a8 */
  /* 5MW #ccccff */
  /* ~10MW #bfbfff */
  /* ~30MW #b3b2ff */
  /* ~50MW #aa99ff */
  /* ~100MW #9f8cff */
  /* ~300MW #9580ff */
  /* ~500MW #b266ff */
  /* ~1000MW #ac59ff */
  /* 1000MW #a64dff */
}
.custom-marker.mv0 {
  background: rgb(136, 136, 136);
}
.custom-marker.mv1 {
  background: rgb(165, 168, 168);
}
.custom-marker.mv2 {
  background: rgb(204, 204, 255);
}
.custom-marker.mv3 {
  background: rgb(191, 191, 255);
}
.custom-marker.mv4 {
  background: rgb(179, 178, 255);
}
.custom-marker.mv5 {
  background: rgb(170, 153, 255);
}
.custom-marker.mv6 {
  background: rgb(159, 140, 255);
}
.custom-marker.mv7 {
  background: rgb(149, 128, 255);
}
.custom-marker.mv8 {
  background: rgb(178, 102, 255);
}
.custom-marker.mv9 {
  background: rgb(172, 89, 255);
}
.custom-marker.mv10 {
  background: rgb(166, 77, 255);
}
.custom-marker.volt0 {
  width: 12px;
  height: 12px;
}
.custom-marker.volt1 {
  width: 12px;
  height: 12px;
}
.custom-marker.volt2 {
  width: 18px;
  height: 18px;
}
.custom-marker.volt3 {
  width: 24px;
  height: 24px;
}

.gm-control-active.gm-fullscreen-control,
.gm-svpc,
.gmnoprint,
.gm-bundled-control-on-bottom,
.gm-bundled-control { /* 予備のコントロール削除 */
  display: none !important;
}

/* google map クラスターマーカーの数字の調整 */
.gm-style {
  /* 標準 */
}
.gm-style span {
  position: absolute;
  left: auto;
  right: 0;
  top: 0px;
  bottom: auto;
  width: 18px;
  height: 16px;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
}
.gm-style .view-link span {
  position: relative;
  right: auto;
  top: auto;
  left: 0;
  width: auto;
  height: auto;
}

.substation-marker {
  border: 1px solid #000000;
}

.map-trigger {
  position: fixed;
  top: 270px;
  right: 0;
  display: inline-block;
  background-color: #ffff00;
  z-index: 2;
}

.show-googlemap .map-trigger {
  background-color: #ff9933;
}

/* google読み込み中 */
#loadingGoogle {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  text-align: center;
  display: none;
}
#loadingGoogle span {
  display: inline-flex;
  align-items: center;
  background: #ffff00;
  position: absolute;
  bottom: 20px;
  left: 50%;
  transform: translate(-50%, 0);
  color: #000000;
  font-size: 10rem;
  font-weight: normal;
  letter-spacing: 1px;
  height: 20px;
  padding: 0 5px;
  border: 1px solid #000000;
}

.loading-google #loadingGoogle {
  display: block;
}

/* 施設マーカー */
.custom-google-marker {
  width: 28px;
  height: 28px;
  background-color: white;
  border-radius: 50%;
  /*box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);*/
  box-shadow: none !important;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  cursor: pointer;
  transition: transform 0.2s;
}
.custom-google-marker:hover {
  transform: scale(1.1);
}
.custom-google-marker .marker-icon {
  width: 16px;
  height: 16px;
}

/* ✅ pinletバージョン用に明確に分離 */
.custom-google-marker.pinlet {
  border-radius: 8px;
  padding: 2px;
  background-color: transparent;
}
.custom-google-marker.pinlet .marker-icon {
  width: 16px;
  height: 16px;
  object-fit: contain;
}

/* 距離を測る機能 */
.distance-popup {
  transform: translate(10px, -10px) !important; /* 必要に応じて微調整 */
  max-width: 220px !important;
  border: 1px solid #333333;
  padding: 2px 20px 2px 2px !important;
  border-radius: 0 !important;
  background: #ffffff;
}
.distance-popup .distance-label {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  font-size: 12px;
  color: #333;
  /* height: 20px; */
  padding: 0;
  line-height: 100% !important;
  font-weight: bold;
}
.distance-popup .gm-style-iw-chr {
  display: none !important;
}
.distance-popup .distance-close {
  font-weight: bold;
  color: red;
  font-size: 18rem;
  display: inline-flex;
  height: 20px;
  padding-bottom: 5px;
  align-items: center;
  position: absolute;
  top: 0;
  right: 0;
}

.distance-popup + .gm-style-iw-tc {
  display: none !important;
}
.distance-popup + .gm-style-iw-tc::after {
  content: none !important;
}

/* 画像の先読み */
.preload-images {
  display: none;
  background-image: url("/wp-content/themes/mm_hokuden_0801/images/icon_mappin_shop.svg"), url("/wp-content/themes/mm_hokuden_0801/images/icon_mappin_shop_red.svg"), url("/wp-content/themes/mm_hokuden_0801/images/icon_mappin_shop_with_badge.svg");
}

.map-tooltip-popup {
  position: absolute;
  display: none;
  background-color: #ffffff; /* 薄い黄色 */
  color: #000000; /* 黒文字 */
  border: 1px solid #333333; /* 暗いグレーの枠線 */
  border-radius: 3px;
  padding: 3px 6px;
  font-size: 12px; /* 少し小さくする */
  font-weight: normal; /* 太字をやめる */
  letter-spacing: normal; /* 字間を通常に */
  z-index: 99999;
  pointer-events: none;
  white-space: nowrap;
  line-height: 100%;
}

/* コンテンツ保存 */
#contents-keeper {
  height: 0;
  overflow: hidden;
  opacity: 0;
}/*# sourceMappingURL=style_add_gis.css.map */