@charset "UTF-8";

/***
  タブ用
**********************/
.tabTarget {
  display: none;
}

.tabTarget.on {
  display: block;
}

/*******************
ヘッダー スタイル
*******************/
body.pg_page-map {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

/*******************
ヘッダー スタイル
*******************/
header.pg_header {
  background: var(--base__paleColor, #00FFEB);
  border-bottom: solid 2px;
  position: static;
  height: 31px;
}

@media screen and (max-width: 959px) {
  header.pg_header {
    height: 21px;
  }
}

/*******************
マップ Wrapper
*******************/
.pg_mapWrapper {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}

@media screen and (max-width: 959px) {
  .pg_mapWrapper::after {
    content: "";
    display: block;
    position: absolute;
    height: 52px;
    width: 100%;
    left: 0;
    bottom: 0;
    background-color: var(--map-DrawerBackColor, rgba(235, 255, 183, 0.93));
    z-index: 2;
  }
}

.pg_sideNavArea {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  z-index: 10;
  font-size: 14px;
  padding: 16px 20px 16px 24px;
  background-color: var(--map-DrawerBackColor, rgba(235, 255, 183, 0.93));
  width: 240px;
  transition: all 500ms 0s ease;
}

@media screen and (max-width: 959px) {
  .pg_sideNavArea {
    height: 52px;
    width: 100%;
    padding: 0;
    bottom: auto;
  }
}

.pg_sideNavBody {
  position: relative;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 196px;
  height: 100%;
  padding-top: calc(44px + 1em);
  transition-delay: 1000ms;
  transition: all 500ms 0s ease;
}

@media screen and (max-width: 959px) {
  .pg_sideNavBody {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: 100%;
    padding: 5px;
  }
}

.pg_sideNavUpSide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 1px;
}

@media screen and (max-width: 959px) {
  .pg_sideNavUpSide {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 100%;
  }
}

.pg_sideNavBottomSide {
  height: 200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

@media screen and (max-width: 959px) {
  .pg_sideNavBottomSide {
    width: 0;
  }
}

/* change */
.pg_sideNavSwitch {
  background-color: white;
  border: 1px solid black;
  -webkit-box-shadow: 2px 2px 0 white, 3px 3px 0 black, 3px 1px 0 black, 1px 3px 0 black, 1px 1px 0 black;
  box-shadow: 2px 2px 0 white, 3px 3px 0 black, 3px 1px 0 black, 1px 3px 0 black, 1px 1px 0 black;
  position: absolute;
  left: 100%;
  top: 140px;
  padding: 10px 6px;
  font-size: 12px;
  /* font-weight: bold; */
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  cursor: pointer;
  -webkit-transition: background-color .2s ease 0s;
  transition: background-color .2s ease 0s;
  -webkit-transform-origin: left center;
  transform-origin: left center;
  z-index: 5;
}

.pg_sideNavSwitch::before {
  /*content: "かくす";*/
}

.pg_sideNavSwitch::after {
  content: "◀︎";
  display: inline-block;
  margin-top: 0.25em;
}

.pg_sideNavSwitch:hover {
  background-color: var(--common-buttonBackSecondColor, #C8FEAF);
  color: var(--common-buttonTextColor, #000);
}

.pg_sideNavSwitch--isHide {
  display: none;
}

.pg_sideNavArea .pg_sideNavSwitch--hover::before {
  /*content: "ひらく";*/
}

.pg_sideNavArea .pg_sideNavSwitch--hover::after {
  content: "▶︎";
}

.pg_sideNavSwitch .pg__open {
  display: none;
}
.pg_sideNavSwitch .pg__close {
  display: inline-block;
}

.pg_sideNavArea--isHide .pg_sideNavSwitch .pg__open {
  display: inline-block;
}
.pg_sideNavArea--isHide .pg_sideNavSwitch .pg__close {
  display: none;
}

.pg_title {
  position: absolute;
  top: 0;
  left: 0;
  width: 196px;
  height: 44px;
  line-height: 0;
}

.pg_title>img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 959px) {
  .pg_title {
    position: static;
    width: 33vw;
    max-width: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-right: 2vw;
  }
}

.pg_currentTheme {
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media screen and (max-width: 959px) {
  .pg_currentTheme {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    height: 30px;
    max-width: 300px;
    margin-bottom: 0;
    margin-right: 2vw;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}

.pg_currentTheme__header {
  width: 4em;
  background-color: black;
  color: white;
  border-radius: 8px 0 0 8px;
  text-align: center;
  padding: .75em 0;
  cursor: pointer;
  box-shadow: 0 0 4px inset;
}

@media screen and (max-width: 959px) {
  .pg_currentTheme__header {
    line-height: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.pg_currentTheme__theme {
  padding: 0;
}

@media screen and (min-width: 769px) {
  .pg_sideNavArea.pg_sideNavArea--isHide .pg_toolBtn.pg_themeSelectBtn {
    width: 100%;
  }
}

.pg_themeLeftPain {
  height: 100%;
  background-color: #000;
  color: #fff;
  min-width: 50px;
  padding: 5px 3px;
  border-radius: 7px 0 0 7px;
  font-size: 13px;
  align-items: center;
  display: flex;
}

.pg_currentThemeName {
  border-left: solid 1px;
  height: 100%;
  background: var(--base__paleColor, #09ffeb);
  width: 100%;
  border-radius: 0 7px 7px 0;
  font-size: 13px;
  align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 0.5em;
}

.pg_toolBtn__inner.pg_currentTheme__theme {
  height: 50px;
}

@media screen and (max-width: 959px) {
  .pg_toolBtn__inner.pg_currentTheme__theme {
    height: 30px;
  }
}

.pg_menuBtn {
  display: none;
}

@media screen and (max-width: 959px) {
  .pg_menuBtn {
    position: relative;
    display: block;
    width: 44px;
    height: 100%;
    border: 2px solid black;
    background-color: var(--common-buttonBackFirstColor, #fcff3c);
  }

  .pg_menuBtn>span {
    display: block;
    position: absolute;
    width: 75%;
    height: 2px;
    background-color: black;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    -webkit-transform-origin: center center;
    transform-origin: center center;
    -webkit-transition: margin-top .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: margin-top .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s, margin-top .2s ease 0s;
    transition: transform .2s ease 0s, margin-top .2s ease 0s, -webkit-transform .2s ease 0s;
  }

  .pg_menuBtn>span:nth-child(1) {
    margin-top: -10px;
  }

  .pg_menuBtn>span:nth-child(3) {
    margin-top: 10px;
  }

  .pg_menuBtn--onOpen>span {
    -webkit-transition-delay: .2s, 0s;
    transition-delay: .2s, 0s;
  }

  .pg_menuBtn--onOpen>span:nth-child(1) {
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(-45deg);
    transform: translate(-50%, -50%) rotate(-45deg);
  }

  .pg_menuBtn--onOpen>span:nth-child(2) {
    -webkit-transform: translate(-50%, -50%) scaleX(0);
    transform: translate(-50%, -50%) scaleX(0);
  }

  .pg_menuBtn--onOpen>span:nth-child(3) {
    margin-top: 0;
    -webkit-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
  }
}

.pg_layerArea {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 100%;
  padding: 12px 6px 12px 12px;
  border: 1px solid black;
  border-radius: 8px;
  background-color: white;
  overflow: hidden;
}

@media screen and (max-width: 959px) {
  .pg_layerArea {
    height: 340px;
    width: 200px;
    top: 60px;
    position: absolute;
  }
}

.pg_layerAreaInner {
  height: 100%;
  overflow-y: auto;
  line-height: 1;
  padding-right: 4px;
}

@media screen and (max-width: 959px) {
  .pg_layerAreaInner {
    height: 90%;
  }
}

.pg_layerArea__header {
  /* font-weight: bold; */
  margin-bottom: 1em;
}

.pg_layerArea__allLayerToggle {
  font-size: 11px;
  width: 60%;
  margin-bottom: 0.5em;
}

.pg_layerArea__allLayerToggleText {
  font-size: 13px;
}

.pg_layerArea__layerList {
  margin-top: 1em;
}

.pg_layerListItem.pg_layerListItem--off .pg_layerListItem__icon,
.pg_layerListItem.pg_layerListItem--off .pg_layerListItem__legend {
  opacity: 0.3;
}

.pg_layerListItem.pg_layerListItem--off .pg_layerListItem__text {
  opacity: 0.6;
}

.pg_layerListItem__text {
  margin-top: auto;
  margin-bottom: auto;
}

.pg_Tools {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

@media screen and (max-width: 959px) {
  .pg_Tools {
    position: absolute;
    top: 100%;
    left: 100%;
    width: 120px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background-color: rgba(255, 255, 255, 0.8);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s;
    display: none;
  }

  .pg_Tools--onOpen {
    -webkit-transition-duration: .4s;
    transition-duration: .4s;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    display: block;
  }
}

.pg_toolBtn {
  cursor: pointer;
  position: relative;
  width: 48%;
}

.pg_toolBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 3px;
  top: 3px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_toolBtn>div {
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_toolBtn:hover>div {
  background-color: var(--common-buttonBackSecondColor, #C8FEAF);
  -webkit-transform: translate(3px, 3px);
  transform: translate(3px, 3px);
  color: var(--common-buttonTextColor, #000);
}

.pg_toolBtn:nth-child(2n) {
  margin-left: 4%;
}

.pg_toolBtn:nth-child(n + 3) {
  margin-top: 8px;
}

@media screen and (max-width: 959px) {
  .pg_toolBtn {
    width: 100%;
    margin: 0;
  }

  .pg_toolBtn:nth-child(2n) {
    margin-left: 0;
  }

  .pg_toolBtn:nth-child(n + 3) {
    margin-top: 0;
  }

  .pg_toolBtn:nth-child(n + 2) {
    margin-top: 8px;
  }
}

.pg_toolBtn__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg_toolBtn__icon {
  width: 28px; height: 28px; /* NOTE:28pxはマジックナンバーです */
  min-width: 28px; min-height: 28px;
  line-height: 0;
  padding: 4px;
}

.pg_toolBtn__text {
  font-size: 12px;
  /* font-weight: bold; */
  line-height: 1.2;
}

@media screen and (min-width: 769px) {
  .pg_sideNavArea.pg_sideNavArea--isHide {
    padding: 16px 20px 16px 3px;
    width: 40px;
    transition: all 500ms 0s ease;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_sideNavSwitch::before {
    /*content: "ひらく";*/
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_sideNavSwitch::after {
    content: "▶︎";
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_currentTheme__header {
    background-color: black;
    color: white;
    text-align: center;
    padding: .75em 0;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea {
    position: relative;
    height: auto;
    padding: 0;
    overflow: visible;
    background: none;
    border: none;
    cursor: pointer;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea::after {
    content: "";
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    left: 3px;
    top: 3px;
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    z-index: 1;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea:hover .pg_layerAreaInner {
    background-color: var(--common-buttonBackFirstColor, #C8FEAF);
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerAreaInner {
    position: relative;
    height: 30px;
    width: 30px;
    padding: 8px;
    padding: 4px;
    overflow-y: visible;
    z-index: 2;
    border: 1px solid black;
    border-radius: 8px;
    background-color: white;
    -webkit-transition: background-color .2s ease 0s;
    transition: background-color .2s ease 0s;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea__header {
    /* font-weight: bold; */
    font-family: "F+UD-スーラ DB", "F+UD-Seurat DB";
    margin-bottom: 0;
    line-height: 20px;
    white-space: nowrap;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea__header::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(../../img/map/btn-icon_layer.svg);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea__allLayerToggle {
    display: none;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea__allLayerToggleText {
    display: none;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_layerArea__layerList {
    display: none;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_sideNavBottomSide {
    height: auto;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_Tools {
    margin-right: auto;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_toolBtn {
    width: 30px;
    margin: 0;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_toolBtn:nth-child(2n) {
    margin-left: 0;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_toolBtn:nth-child(n + 3) {
    margin-top: 0;
  }

  .pg_sideNavArea.pg_sideNavArea--isHide .pg_toolBtn:nth-child(n + 2) {
    margin-top: 8px;
  }
}

/*
* MAP Controls
*/
.pg_control {
  position: absolute;
  z-index: 10;
}

.pg_control__inner {
  position: relative;
}

.pg_control--hasMinimize {
  padding-right: 20px;
}

.pg_control--hasMinimize>.pg_control__minimizeBtn {
  position: absolute;
  width: 25px;
  height: 25px;
  top: 4px;
  right: 4px;
  line-height: 0;
  cursor: pointer;
  -webkit-transition: background-color .2s ease 0s;
  transition: background-color .2s ease 0s;
}

.pg_control--hasMinimize>.pg_control__minimizeBtn:hover {
  background-color: #D1FFF3;
}

.pg_control--hasMinimize>.pg_control__minimizeBtn>.pg_control__minimizeIcon--minimized {
  display: none;
}

.pg_control--hasMinimize.pg_control--minimized {
  padding-right: 0;
}

.pg_control--hasMinimize.pg_control--minimized>.pg_control___inner {
  display: none;
}

.pg_control--hasMinimize.pg_control--minimized>.pg_control__minimizeBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-repeat: no-repeat;
  background-size: inherit;
  background-position: center center;
  background-image: url(../../img/map/panel-icon_background.svg);
}

.pg_control--hasMinimize.pg_control--minimized>.pg_control__minimizeBtn>.pg_control__minimizeIcon {
  display: none;
}

.pg_control--hasMinimize.pg_control--minimized>.pg_control__minimizeBtn>.pg_control__minimizeIcon--minimized {
  display: block;
}

.pg_control_now {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 275px;
  height: 37px;
  bottom: 20px;
  left: 260px;
}

.pg_control_now--is-small {
  left: 110px;
  transition: all 1000ms 0s ease;
}

@media screen and (max-width: 959px) {
  .pg_control_now {
    position: absolute;
    width: 37px;
    left: auto;
    right: 10px;
    bottom: 8px;
  }
}

.pg_sideNavArea.pg_sideNavArea--isHide+.pg_control_now {
  left: 184px;
}

.pg_control_now__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 37px;
  margin-right: 4px;
  border: 2px solid black;
  border-radius: 6px;
  background-color: white;
  -webkit-transition: background-color .2s ease 0s;
  transition: background-color .2s ease 0s;
  cursor: pointer;
}

.pg_control_now__btn:hover {
  background-color: var(--common-buttonBackFirstColor, #C8FEAF);
}

@media screen and (max-width: 959px) {
  .pg_control_now__btn {
    margin-right: 0;
  }
}

.pg_control_now__text {
  padding: 6px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 2px solid black;
  border-radius: 6px;
  font-size: 12px;
  line-height: 1.2;
  background-color: white;
}

@media screen and (max-width: 959px) {
  .pg_control_now__text {
    position: absolute;
    bottom: calc(100% + 15px);
    width: 60vw;
    right: 0;
    height: 35px;
  }
}

.pg_control_themeBtn {
  cursor: pointer;
  width: 120px;
  height: 40px;
  right: 20px;
  top: 20px;
}

.pg_control_themeBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 3px;
  top: 3px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_themeBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_themeBtn:hover>div {
  background-color: var(--ukDialogBackColor, #89FFCD);
  -webkit-transform: translate(3px, 3px);
  transform: translate(3px, 3px);
}

@media screen and (max-width: 959px) {
  .pg_control_themeBtn {
    display: none;
  }
}

.pg_control_panelBtn {
  cursor: pointer;
  width: 120px;
  height: 40px;
  right: 20px;
  top: 80px;
}

.pg_control_panelBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 3px;
  top: 3px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_panelBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_panelBtn:hover>div {
  background-color: var(--ukDialogBackColor, #89FFCD);
  -webkit-transform: translate(3px, 3px);
  transform: translate(3px, 3px);
}

@media screen and (max-width: 959px) {
  .pg_control_panelBtn {
    display: none;
  }
}

.pg_control_measureBtn {
  cursor: pointer;
  width: 120px;
  height: 40px;
  right: 20px;
  top: 140px;
}

.pg_control_measureBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 3px;
  top: 3px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_measureBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_measureBtn:hover>div {
  background-color: var(--ukDialogBackColor, #89FFCD);
  -webkit-transform: translate(3px, 3px);
  transform: translate(3px, 3px);
}

@media screen and (max-width: 959px) {
  .pg_control_measureBtn {
    display: none;
  }
}

.pg_control_styleSelect {
  border: 1px solid black;
  border-radius: 8px;
  background-color: white;
  right: 10px;
  top: 50px;
  /*height: 105px;*/
  height: 120px;
  -webkit-transition: width .2s ease 0s, height .2s ease 0s;
  transition: width .2s ease 0s, height .2s ease 0s;
  z-index: 100;
}

.pg_control_styleSelect>.pg_control_styleSelect__inner {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.pg_control_styleSelect.pg_control--minimized {
  border: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
}

.pg_control_styleSelect.pg_control--minimized::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_styleSelect.pg_control--minimized>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_styleSelect.pg_control--minimized:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

.pg_control_styleSelect.pg_control--minimized>.pg_control_styleSelect__inner {
  display: none;
}

@media screen and (max-width: 959px) {
  .pg_control_styleSelect {
    right: 10px;
    bottom: 100px;
    display: flex;
    position: absolute;
    top: auto;
    height: 80px;
  }

  .pg_control_styleSelect.pg_control--minimized {
    bottom: 12px;
    right: 180px;
  }
}

.pg_control_styleSelect__inner {
  padding: 8px;
}

.pg_control_styleSelect__styleList,
.pg_control_styleSelect__styleList__overLay {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.pg_control_styleSelect__styleItem,
.pg_control_styleSelect__styleItem__overLay {
  line-height: 0;
  text-align: center;

  max-width: 120px;
  overflow: hidden;
}

.pg_control_styleSelect__styleItem+.pg_control_styleSelect__styleItem,
.pg_control_styleSelect__styleItem__overLay+.pg_control_styleSelect__styleItem__overLay {
  margin-left: 8px;
}

.pg_control_layer {
  top: 220px;
  right: 20px;
  width: 250px;
  height: 220px;
  border: 1px solid black;
  border-radius: 8px;
  background-color: white;
  z-index: 11;
  -webkit-transition: width .2s ease 0s, height .2s ease 0s;
  transition: width .2s ease 0s, height .2s ease 0s;
}

@media screen and (max-width: 959px) {
  .pg_control_layer {
    top: auto;
    right: 66px;
    bottom: 12px;
  }
}

.pg_control_layer.pg_control--minimized {
  border: none;
  cursor: pointer;
  width: 30px;
  height: 30px;
  z-index: 10;
}

.pg_control_layer.pg_control--minimized::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_layer.pg_control--minimized>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_layer.pg_control--minimized:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

.pg_control_layer.pg_control--minimized>.pg_control_layer__inner {
  display: none;
}

.pg_control_layer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 8px;
  height: 100%;
}

.pg_control_layer__inner p {
  font-size: 12px;
  line-height: 1.4;
}

.pg_control_layerListOuter {
  overflow-y: auto;
  margin-top: 10px;
}

.pg_control_layerList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.pg_control_layerList__item {
  display: block;
  width: 26px;
  height: 26px;
  margin: 6px;
  cursor: pointer;
}

.pg_control_layerList__item>img {
  width: 100%;
  height: auto;
}

.pg_control_layerList__item.pg_control_layerList__item--off {
  opacity: 0.3;
}

.pg_control_mapMoveBtns {
  width: 75px;
  height: 75px;
  right: 20px;
  bottom: 380px;
}

@media screen and (max-width: 959px) {
  .pg_control_mapMoveBtns {
    display: none;
  }
}

.pg_control_mapMoveBtn {
  position: absolute;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.pg_control_mapMoveBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_mapMoveBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_mapMoveBtn:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

.pg_control_mapMoveBtn__up {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pg_control_mapMoveBtn__right {
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pg_control_mapMoveBtn__down {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pg_control_mapMoveBtn__left {
  top: 50%;
  left: 0;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pg_control_mapMoveBtn__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg_control_mapZoomBtns {
  width: 75px;
  height: 60px;
  right: 20px;
  bottom: 310px;
}

@media screen and (max-width: 959px) {
  .pg_control_mapZoomBtns {
    width: 30px;
    top: 67px;
    left: 10px;
    right: auto;
    bottom: auto;
  }
}

.pg_control_mapZoomBtn {
  position: absolute;
  width: 25px;
  height: 25px;
  cursor: pointer;
}

.pg_control_mapZoomBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_mapZoomBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_mapZoomBtn:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

.pg_control_mapZoomBtn__in {
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pg_control_mapZoomBtn__out {
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.pg_control_mapZoomBtn__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg_control_entireArea {
  bottom: 230px;
  right: 42px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pg_control_entireArea::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_entireArea>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_entireArea:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

@media screen and (max-width: 959px) {
  .pg_control_entireArea {
    bottom: 12px;
    right: 103px;
  }
}

.pg_control_entireArea__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg_control_currentPos {
  bottom: 190px;
  right: 42px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pg_control_currentPos::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_currentPos>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_currentPos:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

@media screen and (max-width: 959px) {
  .pg_control_currentPos {
    bottom: 12px;
    right: 141px;
  }
}

.pg_control_currentPos__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg_control_neighborSearch {
  bottom: 270px;
  right: 42px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pg_control_neighborSearch::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_neighborSearch>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_neighborSearch:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

@media screen and (max-width: 959px) {
  .pg_control_neighborSearch {
    top: 110px;
    right: 10px;
    z-index: 1;
  }
}

.pg_control_neighborSearch__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
}

.pg_control_neighborSearch__inner.pg__neighborSearch--off {
  background-color: #d9d9d9;
}

.pg_control_neighborSearch.pg__neighborSearch--off::after {
  background-color: #d9d9d9;
}

.pg_control_neighborSearch.pg__neighborSearch--off:hover>div {
  background-color: #d9d9d9;
  -webkit-transform: none;
  transform: none;
}

.pg_areaSearchBtn.pg_areaSearch--off,
.pg_op_area_searchBtn.pg_areaSearch--off {
  background-color: lightsteelblue;
}

.pg_areaSearchBtn.pg_areaSearch--off:hover,
.pg_op_area_searchBtn.pg_areaSearch--off:hover {
  opacity: 1;
  background-color: lightsteelblue;
}

.pg_control_lockrotateImg {
  top: 10px;
  right: 60px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pg_control_lockrotateImg::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_lockrotateImg>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_lockrotateImg:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

@media screen and (max-width: 959px) {
  .pg_control_lockrotateImg {
    display: none;
  }
}

.pg_control_lockrotateImg__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 4px;
}


/***********
ダイアログ用
************/
.pg_dialog {
  position: absolute;
  z-index: 100;
}

.pg_dialog::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 0px;
}

.pg_dialog>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 0px;
}

.pg_dialog::after {
  display: none !important;
}

.pg_dialog>.pg_dialog__inner {
  border-radius: 0px;
}

.pg_dialog::after {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 1;
  background-color: white;
}

.pg_dialog--close,
.pg_dialog--minimized {
  display: none;
}

.pg_dialog--disable {
  opacity: 0.6;
}

.pg_dialog__inner {
  position: relative;
  z-index: 2;
}

.pg_dialog__header {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 30px;
}

@media screen and (max-width: 959px) {
  .pg_dialog__header {
    height: 24px;
  }
}

.pg_dialog__title {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  font-size: 16px;
  /* font-weight: bold; */
  line-height: 30px;
  padding-left: 1em;
}

.pg_dialog__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 1%;
  bottom: 0;
  width: 98%;
  height: 2px;
  background-color: black;
}

@media screen and (max-width: 959px) {
  .pg_dialog__title {
    font-size: 14px;
    line-height: 24px;
  }
}

.pg_dialog__btn {
  width: 30px;
  height: 30px;
  border: none;
  background: none;
  cursor: pointer;
  background-color: white;
}

.pg_dialog__btn:hover>img {
  opacity: 0.7;
}

.pg_dialog__btn+.pg_dialog__btn {
  width: 31px;
  border-left: 1px solid white;
}

.pg_dialog__btn>img {
  max-width: 100%;
  height: auto;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
}

.pg_dialog__content {
  padding: 10px 20px 20px 20px;
  font-size: 14px;
  line-height: 1.7;
}

@media screen and (max-width: 959px) {
  .pg_dialog__content {
    font-size: 12px;
  }
}

.pg_input-text-btn {
  width: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  margin-bottom: 10px;
}

.pg_input-text-btn--text {
  width: 80%;
  border: none;
  border-radius: 0;
  outline: none;
  padding: 0.5em;
}

.pg_input-text-btn--btn {
  width: 20%;
  border: none;
  background: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: black;
  color: white;
  padding: 0.5em;
  cursor: pointer;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
}

.pg_input-text-btn--btn:hover {
  opacity: 0.8;
}

.pg_dialog__action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 20px 20px 20px;
}

.pg_dialog__action--yesno {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pg_dialog__actionBtn {
  cursor: pointer;
  position: relative;
  min-width: 6em;
}

.pg_dialog__actionBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 4px;
  top: 4px;
  background-color: white;
  border: 2px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_dialog__actionBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 2px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_dialog__actionBtn:hover>div {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
  -webkit-transform: translate(4px, 4px);
  transform: translate(4px, 4px);
}

.pg_dialog__actionBtn>.pg_dialog__actionBtnInner {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
}

.pg_dialog__actionBtn+.pg_dialog__actionBtn {
  margin-left: 10px;
}

.pg_themeDialog__action>.pg_dialog__actionBtn+.pg_dialog__actionBtn {
  margin-left: 6em;
}

@media screen and (max-width: 959px) {
  .pg_themeDialog__action>.pg_dialog__actionBtn+.pg_dialog__actionBtn {
    margin-left: 4em;
  }
}


@media screen and (max-width: 959px) {
  .pg_dialog__actionBtn {
    font-size: 14px;
  }
}

.pg_dialog__actionBtnInner {
  position: relative;
  padding: .5em;
  z-index: 2;
  text-align: center;
}

/*
 * ダイアログ 個別
 */

.pg_dialog_terms {
  width: 600px;
  top: 10%;
  left: 20%;
}

.pg_dialog_terms::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_terms>.pg_dialog__inner {
  background-color: var(--ukDialogBackColor, #89FFCD);
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_terms::after {
  display: none !important;
}

.pg_dialog_terms>.pg_dialog__inner {
  border-radius: 6px;
}

@media screen and (max-width: 959px) {
  .pg_dialog_terms {
    width: 90%;
    top: 2%;
    left: 2%;
  }
}

.pg_dialog_terms_termTxt {
  background-color: var(--ukDialoginnerColor, #DEFFF1);
  border: 2px solid var(--base__paleColor, #6CC9A2);
  overflow-y: auto;
  height: 350px;
  margin-top: 15px;
}

.pg_dialog_terms_termTxt h3 {
  text-align: center;
  margin-bottom: 1em;
}

.pg_dialog_terms_termTxt p+p {
  margin-top: 1em;
}

@media screen and (max-width: 959px) {
  .pg_dialog_terms_termTxt {
    margin-top: 12px;
    height: 60vh;
  }
}

.pg_dialog_terms_termTxt__inner {
  padding: 1em;
}

.pg_dialog_themeChange {
  width: 544px;
  top: 10%;
  left: 10%;
  z-index: 102;
}

.pg_dialog_themeChange::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_themeChange>.pg_dialog__inner {
  background-color: var(--ukDialogBackColor, #89FFCD);
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_themeChange::after {
  display: none !important;
}

.pg_dialog_themeChange>.pg_dialog__inner {
  border-radius: 6px;
}

@media screen and (max-width: 959px) {
  .pg_dialog_themeChange {
    width: 90%;
    max-width: 440px;
    top: 10%;
    left: 2%;
  }

  .pg_dialog_themeChange .pg_dialog__content {
    padding-left: 20px;
    padding-right: 20px;
    padding-bottom: 10px;
  }
}

.pg_themeChange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  margin-top: 10px;
}

@media screen and (max-width: 959px) {
  .pg_themeChange {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
  }
}

.pg_themeChange_midashi {
  font-size: 120%;
  /* font-weight: bold; */
}

.pg_themeChange__themes {
  position: relative;
  width: 200px;
  margin-right: 50px;
}

.pg_themeChange__themes::after {
  content: "";
  display: block;
  position: absolute;
  left: 100%;
  top: 50%;
  margin-left: 15px;
  margin-top: -30px;
  border-left: 20px solid rgba(0, 0, 0, 0.3);
  border-top: 30px solid transparent;
  border-bottom: 30px solid transparent;
}

@media screen and (max-width: 959px) {
  .pg_themeChange__themes {
    width: 100%;
    margin-right: 0;
    z-index: 1;
    background-color: var(--ukDialogBackColor, #89FFCD);
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s, -webkit-transform .2s ease 0s;
  }

  .pg_themeChange__themes::after {
    display: none;
  }
}

.pg_themeChange__themeList {
  background-color: var(--ukDialoginnerColor, #DEFFF1);
  border: 2px solid var(--base__paleColor, #6CC9A2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  padding: 0 1em;
  height: 350px;
  overflow-y: auto;
}

@media screen and (max-width: 959px) {
  .pg_themeChange__themeList {
    padding-top: .5em;
    padding-bottom: 0.5em;
    height: auto;
    max-height: 120px;
    overflow-y: auto;
  }
}

.pg_themeChange__themeItem {
  position: relative;
  /* font-weight: bold; */
  line-height: 3;
  padding-left: 2em;
  cursor: pointer;
}

.pg_themeChange__themeItem::before {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 1.3em;
  height: 1.3em;
  border: 1px solid black;
  border-radius: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.pg_themeChange__themeItem.on::after {
  content: "";
  display: block;
  position: absolute;
  width: .8em;
  height: .8em;
  background-color: black;
  border-radius: 50%;
  left: 0;
  top: 50%;
  -webkit-transform: translate(0.25em, -50%);
  transform: translate(0.25em, -50%);
}

@media screen and (max-width: 959px) {
  .pg_themeChange__themeItem {
    line-height: 3.5;
  }

  .pg_themeChange__themeItem+.pg_themeChange__themeItem {
    margin-top: 0.5em;
  }
}

.pg_themeChange__types {
  width: 250px;
}

@media screen and (max-width: 959px) {
  .pg_themeChange__types {
    width: 100%;
    margin-top: 12px;
  }
}

.pg_themeChange__typeList {
  background-color: var(--ukDialoginnerColor, #DEFFF1);
  border: 2px solid var(--base__paleColor, #6CC9A2);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  height: 350px;
  overflow-y: auto;
}

@media screen and (max-width: 959px) {
  .pg_themeChange__typeList {
    height: 120px;
  }
}

.pg_dialog_typeChange {
  width: 300px;
  top: 40%;
  left: 50%;
}

.pg_dialog_typeChange::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_typeChange>.pg_dialog__inner {
  background-color: var(--ukDialogBackColor, #89FFCD);
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_typeChange::after {
  display: none !important;
}

.pg_dialog_typeChange>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_dialog_typeChange .pg_dialog__action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

@media screen and (max-width: 959px) {
  .pg_dialog_typeChange {
    width: 70%;
    top: 4%;
    left: 4%;
  }
}

.pg_dialog_typeChange_types {
  background-color: var(--ukDialoginnerColor, #DEFFF1);
  border: 2px solid var(--base__paleColor, #6CC9A2);
  height: 350px;
  overflow-y: auto;
}

@media screen and (max-width: 959px) {
  .pg_dialog_typeChange_types {
    height: 40vh;
  }
}

.pg_typeChange_typeList__item {
  border: 1px solid rgba(0, 0, 0, 0.0);
  box-sizing: border-box;
  padding: .5em 1em;
  cursor: pointer;
  -webkit-transition: background-color .2s ease 0s;
  transition: background-color .2s ease 0s;
}

.pg_typeChange_typeList__item dt {
  /* font-weight: bold; */
  font-family: "F+UD-スーラ DB", "F+UD-Seurat DB";
}

@media screen and (max-width: 959px) {
  .pg_typeChange_typeList__item dt {
    /* font-weight: bold; */
    font-family: "F+UD-スーラ B", "F+UD-Seurat B";
  }
}

.pg_typeChange_typeList__item dd {
  padding-left: 1em;
  color: #696969;
  border-left: solid 1px;
}

.pg_typeChange_typeList__item.pg_typeChange_typeList__item--selected dd {
  color: var(--common-buttonTextColor, #000000);
}

.pg_typeChange_typeList__item--selected,
.pg_typeChange_typeList__item:hover,
.pg_typeChange_typeList__item:hover dd {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
  color: var(--common-buttonTextColor, #000000);
}

.pg_typeChange_typeList__item--selected {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
}

.pg_dialog_multiSelectResult {
  width: 300px;
}

.pg_dialog_multiSelectResult::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_multiSelectResult>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_multiSelectResult::after {
  display: none !important;
}

.pg_dialog_multiSelectResult>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_dialog_multiSelectResult .pg_dialog__title {
  background-color: black;
  color: white;
}

.pg_dialog_multiSelectResult .pg_dialog__title::after {
  display: none;
}

.pg_dialog_multiSelectResultListOuter {
  margin-top: 8px;
  overflow: unset;
  background-color: #fff;
  height: 180px;
}

.pg_dialog_multiSelectResultListOuter__inner {
  width: auto;
  height: 100%;
  overflow-y: auto;
}

.pg_dialog_multiSelectResultItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  padding: 0.5em;
}

.pg_dialog_multiSelectResultItem:hover {
  background-color: #eaeaea;
}

.pg_dialog_multiSelectResultItem__icon {
  height: 1.5em;
  width: 1.5em;
  margin-right: 0.25em;
  line-height: 0;
}

.pg_dialog_multiSelectResultItem__icon>img {
  max-width: 100%;
  height: auto;
}

.pg_dialog_multiSelectResultItem__text {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.pg_dialog_alert {
  width: 260px;
}

.pg_dialog_alert::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_alert>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_alert::after {
  display: none !important;
}

.pg_dialog_alert>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_dialog_alert>.pg_dialog__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pg_dialog_alert .pg_dialog__title {
  background-color: black;
  color: white;
  text-align: center;
  padding-left: 0;
}

.pg_dialog_alert .pg_dialog__title::after {
  display: none;
}

.pg_dialog_alert .pg_dialog__content {
  text-align: center;
}

.pg_dialog_alert .pg_dialog__actionBtn {
  cursor: pointer;
}

.pg_dialog_alert .pg_dialog__actionBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 1;
}

.pg_dialog_alert .pg_dialog__actionBtn>div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_dialog_alert .pg_dialog__actionBtn:hover>div {
  background-color: #ADBFD1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pg_dialog_alert .pg_dialog__actionBtn>.pg_dialog__actionBtnInner {
  background-color: #00458B;
  color: white;
}

.pg_dialog_operationPanel {
  width: 300px;
}

.pg_dialog_operationPanel::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_operationPanel>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_operationPanel::after {
  display: none !important;
}

.pg_dialog_operationPanel>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_operationItem {
  height: 400px;
  overflow-y: scroll;
}

.pg_operationItem__header {
  position: relative;
  background-color: black;
  color: white;
  padding: 0.5em 1em 0.5em 15px;
  margin-top: 10px;
  cursor: pointer;
}

.pg_operationItem__header::before {
  content: "";
  display: block;
  top: 50%;
  left: 5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-position: center center;
}

.pg_operationItem__header::after {
  content: "";
  display: block;
  position: absolute;
  right: 10px;
  top: 50%;
  width: .6em;
  height: .6em;
  border-bottom: 2px solid white;
  border-left: 2px solid white;
  -webkit-transform: translateY(-66%) rotate(-45deg);
  transform: translateY(-66%) rotate(-45deg);
  -webkit-transform-origin: center center;
  transform-origin: center center;
}

.pg_operationItem__header.onOpen::after {
  -webkit-transform: translateY(-33%) rotate(135deg);
  transform: translateY(-33%) rotate(135deg);
}

.pg_operationItem__header.onOpen+.pg_operationItem__body {
  margin-bottom: -1px;
}

.pg_operationItem__header--op_area::before {
  background-image: url(../../img/mbmaps_dgn/map/panel-icon_area.svg) !important;
}

.pg_operationItem__header--op_save::before {
  background-image: url(../../img/mbmaps_dgn/map/panel-icon_save.svg) !important;
}

.pg_operationItem__header--op_route::before {
  background-image: url(../../img/mbmaps_dgn/map/panel-icon_route.svg) !important;
}

.pg_operationItem__header--op_background::before {
  background-image: url(../../img/mbmaps_dgn/map/panel-icon_background.svg) !important;
}

.pg_accordion_title {
  color: black !important;
}

.pg_op_radio {
  display: inline-block;
  margin-right: 0.25em;
}

.pg_op_line {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 10px;
}

.pg_op_line>span {
  font-size: 14px;
  white-space: nowrap;
}

.pg_op_line .uk-radio {
  margin-top: 0;
}

.pg_op_line input[type="range"] {
  width: 90%;
}

.pg_op_line--opacity-range {
  display: block;
  margin-top: .75em;
}

.pg_operationItem__body {
  background-color: white;
  padding-right: 4px;
}

.pg_op_area_input,
.pg_op_coord_input {
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin: 0 0.25em;
  border: 1px solid black;
  font-size: 16px;
  padding: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 50px;
}

.pg_op_area_searchBtn,
.pg_op_coord_moveBtn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: block;
  width: 4em;
  margin-top: 10px;
  margin-left: auto;
  margin-right: 0;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: #00458B;
  color: white;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
  border-radius: 20px;
  width: 75px;
}

.pg_op_area_searchBtn:hover,
.pg_op_coord_moveBtn:hover {
  opacity: 0.8;
}

/* 座標系設定エリア */
.pg_settingCoordBlockLabel {
  background-color: #00458B;
  color: white;
  font-size: 14px;
  line-height: 1;
  padding-left: 0.65em;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  margin: 10px 0;
}

.pg_op_save_btns {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pg_op_save_btn {
  width: 48%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #00458B;
  border-radius: 8px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
}

.pg_op_save_btn:hover {
  opacity: 0.8;
}

.pg_op_save_btn__icon {
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  line-height: 0;
}

.pg_op_save_btn__text {
  margin-top: .5em;
  font-size: 10px;
  color: white;
}

.pg_op_save_text {
  font-size: 12px;
  line-height: 1.4;
}

.pg_op_common_text {
  font-size: 12px;
  line-height: 1.4;
  margin-top: 10px;
}

.pg_op_route_btns {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.pg_op_route_btn {
  width: 48%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #00458B;
  border-radius: 8px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
  opacity: 0.6;
}

.pg_op_route_btn:hover {
  opacity: 0.8;
}

.pg_op_route_btn--selected {
  opacity: 1;
}

.pg_op_route_inputBlock {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.pg_op_route_inputBlock--start>.pg_op_route_inputBlock__header {
  background-color: #128080;
  border-radius: 10px 0 0 10px;
}

.pg_op_route_inputBlock--start>.pg_op_route_inputBlock__input {
  border-color: #128080;
  border-radius: 0 10px 10px 0;
}

.pg_op_route_inputBlock--goal>.pg_op_route_inputBlock__header {
  background-color: #FF0000;
  border-radius: 10px 0 0 10px;
}

.pg_op_route_inputBlock--goal>.pg_op_route_inputBlock__input {
  border-color: #FF0000;
  border-radius: 0 10px 10px 0;
}

.pg_op_route_inputBlock+.pg_op_route_inputBlock {
  margin-top: 10px;
}

.pg_op_route_inputBlock__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 40px;
  line-height: 0;
}

.pg_op_route_inputBlock__input {
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
  padding: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

/* 
** select2カスタマイズ(ライブラリの仕様上importantがないと勝てない為、importantを使用
 */
.select2-container {
  width: 70%!important;
}
@media screen and (max-width: 959px) {
  .select2-container {
    width: 60%!important;
  }
}

.pg_op_route_inputBlock__target {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 30px;
  height: 30px;
  margin-left: 10px;
  background-color: #7C7C7C;
  border-radius: 4px;
  line-height: 0;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
}

.pg_op_route_inputBlock__target:hover {
  opacity: 0.8;
}

.pg_op_route_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}

.pg_op_route_action_btn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 31%;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: #00458B;
  color: white;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
}

.pg_op_route_action_btn:hover {
  opacity: 0.8;
}

.pg_op_route_result {
  margin-top: 10px;
}

.pg_op_route_result__header {
  background-color: #00458B;
  color: white;
  font-size: 14px;
  line-height: 1;
  padding-left: 0.65em;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
}

.pg_op_route_result__content {
  margin-top: 0.5em;
  font-size: 14px;
  max-height: 400px;
  overflow-y: scroll;
}

.pg_op_background_styleList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
}

.pg_op_background_styleList__styleItem {
  line-height: 0;
  cursor: pointer;
}

.pg_op_background_styleList__styleItem+.pg_op_background_styleList__styleItem {
  margin-left: 8px;
}

.pg_op_background_block {
  margin: 10px 0;
}

.pg_op_background_block__header {
  padding: 0.5em;
  color: white;
  background-color: #7298BF;
  line-height: 1;
}

.pg_op_background_block__header>.uk-checkbox {
  background-color: #fff;
  margin-right: 0.25em;
}

.pg_dialog_outOfArea {
  width: 260px;
}

.pg_dialog_outOfArea::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_outOfArea>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_outOfArea::after {
  display: none !important;
}

.pg_dialog_outOfArea>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_dialog_outOfArea>.pg_dialog__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pg_dialog_outOfArea .pg_dialog__title {
  background-color: black;
  color: white;
}

.pg_dialog_outOfArea .pg_dialog__title::after {
  display: none;
}

.pg_dialog_outOfArea .pg_dialog__content {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
}

.pg_dialog_outOfArea .pg_dialog__action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pg_dialog_outOfArea .pg_dialog__actionBtn {
  cursor: pointer;
}

.pg_dialog_outOfArea .pg_dialog__actionBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 1;
}

.pg_dialog_outOfArea .pg_dialog__actionBtn>div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_dialog_outOfArea .pg_dialog__actionBtn:hover>div {
  background-color: #ADBFD1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pg_dialog_outOfArea .pg_dialog__actionBtn>.pg_dialog__actionBtnInner {
  background-color: #00458B;
  color: white;
}

.pg_outOfArea_tbl {
  border-collapse: collapse;
  width: 100%;
}

.pg_outOfArea_tbl tr:nth-child(2n + 1) {
  background-color: #7298BF;
}

.pg_outOfArea_tbl th,
.pg_outOfArea_tbl td {
  padding: 0.8em 0.5em;
  line-height: 1.3;
  border: 1px solid black;
  text-align: left;
  font-size: 14px;
}

.pg_outOfArea_tbl th:first-child,
.pg_outOfArea_tbl td:first-child {
  border-left: none;
}

.pg_outOfArea_tbl th:last-child,
.pg_outOfArea_tbl td:last-child {
  border-right: none;
}

.pg_dialog_property {
  width: 260px;
  max-height: 90%;
}

.pg_dialog_property::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_property>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_property::after {
  display: none !important;
}

.pg_dialog_property>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_dialog_property>.pg_dialog__inner {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.pg_dialog_property .pg_dialog__title {
  background-color: black;
  color: white;
}

.pg_dialog_property .pg_dialog__title::after {
  display: none;
}

.pg_dialog_property .pg_dialog__content {
  text-align: center;
  padding-left: 10px;
  padding-right: 10px;
  overflow-y: auto;
}

@media screen and (max-width: 959px) {
  .pg_dialog_property .pg_dialog__content {
    max-height: 300px;
  }
}

.pg_dialog_property .pg_dialog__action {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.pg_dialog_property .pg_dialog__actionBtn {
  cursor: pointer;
}

.pg_dialog_property .pg_dialog__actionBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 1;
}

.pg_dialog_property .pg_dialog__actionBtn>div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_dialog_property .pg_dialog__actionBtn:hover>div {
  background-color: #ADBFD1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pg_dialog_property .pg_dialog__actionBtn>.pg_dialog__actionBtnInner {
  background-color: #00458B;
  color: white;
}

.pg_property_tbl {
  border-collapse: collapse;
  width: 100%;
}

.pg_property_tbl tr:nth-child(2n + 1) {
  background-color: #7298BF;
}

.pg_property_tbl th,
.pg_property_tbl td {
  padding: 0.4em 0.5em;
  line-height: 1.3;
  border: 1px solid black;
  text-align: left;
  font-size: 14px;
}

.pg_property_tbl th:first-child,
.pg_property_tbl td:first-child {
  border-left: none;
}

.pg_property_tbl th:last-child,
.pg_property_tbl td:last-child {
  border-right: none;
}

.pg_property_slider__inner {
  border: 1px solid black;
  padding: 8px;
}

.pg_dialog_measurePanel {
  width: 300px;
}

.pg_dialog_measurePanel::after {
  border: 2px solid black;
  top: 5px;
  left: 5px;
  border-radius: 6px;
}

.pg_dialog_measurePanel>.pg_dialog__inner {
  background-color: white;
  border: 2px solid black;
  border-radius: 6px;
}

.pg_dialog_measurePanel::after {
  display: none !important;
}

.pg_dialog_measurePanel>.pg_dialog__inner {
  border-radius: 6px;
}

.pg_measureItem {
  height: 400px;
  overflow-y: scroll;
}

.pg_measure_btns {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: center;
}

.pg_measure_btn {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #00458B;
  border-radius: 8px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
}

.pg_measure_btn:hover {
  opacity: 0.8;
}

.pg_measure_btn+.pg_measure_btn {
  margin-left: 5%;
}

.pg_measure_btn__icon {
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  line-height: 0;
}

.pg_measure_btn__text {
  margin-top: .5em;
  font-size: 10px;
  color: white;
}

.pg_SubmapSwitch_text,
.pg_measure_text,
.pg_tooltip_text,
.pg_3dSwitch_text,
.pg_3dBuildOpacity_text,
.pg_SwitchSpPc,
.pg_accodionText {
  font-size: 12px;
  line-height: 1.4;
}

.pg_tooltip_text,
.pg_3dSwitch_text,
.pg_accodionText {
  float: left;
  margin-top: 5px;
  width: 150px;
}

.pg_measure_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 10px;
}

.pg_measure_action_btn,
.pg_switchMode_action_btn,
.pg_switchSubmap_action_btn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 48%;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: #00458B;
  color: white;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
  border-radius: 0.5rem;
}

.pg_switchMode_action_btn.pg_opeBtn_long {
  width: 100%;
}

.pg_measure_action_btn:hover,
.pg_switchMode_action_btn:hover,
.pg_switchSubmap_action_btn:hover {
  opacity: 0.8;
}

.pg_submap_row {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.pg_submap_range_chevron-left,
.pg_submap_range_chevron-right {
  cursor: pointer;
  user-select: none;
}

.pg_submap--deactive {
  display: none;
}

/***********
map view
************/
.pg_map-view {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.pg_map_container {
  display: flex;
  height: 100%;
}

.pg_map_mainMap {
  flex: 3;
  height: 100%;
}

.pg_map_subMap {
  flex: 1;
  border-left: 2px solid silver;
  display: none;
}

/***********
openlayer control 調整
************/
.ol-overviewmap {
  left: auto;
  right: 20px;
  bottom: 20px;
}

/***********
トグルボタン
************/
.pg_toggleBtn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid black;
  background-color: white;
  border-radius: 2em;
  /* font-weight: bold; */
  cursor: pointer;
  z-index: 0;
}

.pg_toggleBtn>div {
  position: relative;
  width: 50%;
  z-index: 2;
  text-align: center;
  padding: 0.75em 0;
}

.pg_toggleBtn>.pg_toggleBtn__off {
  color: #ccc;
}

.pg_toggleBtn>.pg_toggleBtn__on {
  color: white;
}

.pg_toggleBtn::after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 50%;
  height: 100%;
  border: 1px solid white;
  background-color: black;
  left: 50%;
  top: 0;
  -webkit-transition: left .2s ease 0s;
  transition: left .2s ease 0s;
  z-index: 1;
  border-radius: 2em;
}

.pg_toggleBtn.pg_toggleBtn--off>.pg_toggleBtn__off {
  color: white;
}

.pg_toggleBtn.pg_toggleBtn--off>.pg_toggleBtn__on {
  color: #ccc;
}

.pg_toggleBtn.pg_toggleBtn--off::after {
  left: 0;
}

/* 
*ドロワー隠すボタン
*/
.pg_offCanvasSwitch {
  background-color: white !important;
  color: black !important;
  position: fixed;
  right: 347px;
  top: 50px;
  font-size: 12px;
  cursor: pointer;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  cursor: pointer;
  -webkit-transition: background-color .2s ease 0s;
  transition: background-color .2s ease 0s;
  -webkit-transform-origin: left center;
  transform-origin: left center;

  display: inline-block;
  margin-top: 0.25em;
  color: black;
  border: 1px solid black;
  -webkit-box-shadow: 2px 2px 0 white, 3px 3px 0 black, 3px 1px 0 black, 1px 3px 0 black, 1px 1px 0 black;
  box-shadow: 2px 2px 0 white, 3px 3px 0 black, 3px 1px 0 black, 1px 3px 0 black, 1px 1px 0 black;
  padding: 10px 12px;
}

@media screen and (max-width: 959px) {
  .pg_offCanvasSwitch {
    /* background-color: white;
    position: fixed;
    right: 270px;
    top: 100px;
    font-size: 10px;
    cursor: pointer;
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    cursor: pointer;
    -webkit-transition: background-color .2s ease 0s;
    transition: background-color .2s ease 0s;
    -webkit-transform-origin: left center;
    transform-origin: left center; */
    display: none;
  }

  .pg_offcanvas--mobilebottom .pg_offCanvasSwitch {
    top: calc(70% - 25px);
  }

  .pg_offcanvas--mobilefull .pg_offCanvasSwitch {
    top: 0;
  }
}

.pg_offCanvasSwitch::after {
  /*content: "かくす▶";*/
  content: "▶";
}

/* @media screen and (max-width: 959px) {

  #canvas_attributes .pg_offCanvasSwitch::after,
  #canvas_multi .pg_offCanvasSwitch::after {
    content: "かくす▼";
    writing-mode: lr;
    padding: 8px 12px;
  }
} */

.pg_offCanvasSwitch:hover {
  background-color: var(--common-buttonBackSecondColor, #C8FEAF) !important;
  color: var(--common-buttonTextColor, #000) !important;
}

.pg_offCanvasSwitch svg {
  display: none;
}

.pg_offCanvasSwitch:hover {
  /* background-color: var(--common-buttonBackFirstColor, #C8FEAF); */
  /*color: black;*/
}

/* 
*文字非表示
 */
.pg_toolBtn__text--isHide {
  display: none;
}

.pg_toolsbtn_hover {
  width: 100px !important;
}

/* 
* 作図スクロール
 */
.pg_draw_scroll {
  max-height: 200px;
  overflow-y: scroll;
  border: 1px solid black;
  border-radius: 8px;
}

/* アコーディオン内のパネル */
.uk-accordion-content.pg_accordion_block {
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  padding: 12px;
  margin-top: 10px;
}

/* アコーディオンタイトルバー */
.uk-accordion-title.pg_accordion_title {
  background-color: white;
  color: black;
  border: 1px solid black;
  border-radius: 8px;
}

.uk-accordion-title.pg_accordion_title:hover {
  color: gray;
}

.pg_accordion_standard {
  border: 1px solid black;
  border-radius: 8px;
  margin-top: 10px !important;
  margin-bottom: 10px;
  background-color: white;
}

.pg_accordion_test_title {
  margin-top: 0;
}

.pg_accordion_test_title.pg_accordion_title {
  border: none;
}

.uk-open>.pg_accordion_test_title.pg_accordion_title {
  border-radius: 8px 8px 0 0;
  border-bottom: 1px solid black;
}

.pg_accordion_block.pg_accordion_inner {
  border: none;
}

.pg_accordion_title:after {
  content: "＞";
  transform: translateY(-21%) rotate(270deg) !important;
}

.uk-open>.pg_accordion_title:after {
  content: "＜";
  transform: translateY(-16%) rotate(270deg) !important;
}

.pg_toolBtn__inner.pg_routeSearchBtn_inner {
  justify-content: center;
}

.pg_routeSearchBtn {
  margin-left: 2px !important;
  margin-top: 0 !important;
  width: 90px;
  height: 30px;
}

/*
*作図機能周り
*/
.pg_drawer-deactive {
  display: none;
}

.pg_theme_explanation {
  margin: 20px 0 20px 0;
}

.pg_drawer__title {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: left;
  font-size: 16px;
  /* font-weight: bold; */
  line-height: 30px;
  padding-left: 1em;
  background-color: black;
  color: white;
}

.pg_drawer__title::after {
  content: "";
  display: block;
  position: absolute;
  left: 1%;
  bottom: 0;
  width: 98%;
  height: 2px;
  background-color: black;
}

@media screen and (max-width: 959px) {
  .pg_drawer__title {
    font-size: 14px;
    line-height: 24px;
  }
}

.pg_draw_btn__text {
  color: white;
}

.pg_draw_tab_font {
  font-size: 14px;
}

.pg_op_draw_btns {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
}

.pg_op_draw_btn {
  width: 48%;
  height: 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #00458b;
  border-radius: 8px;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  cursor: pointer;
  opacity: 0.6;
  margin: 5px;
}

.pg_op_draw_btn:hover {
  opacity: 0.8;
}

.pg_op_draw_btn--selected {
  opacity: 1;
}

.pg_op_draw_result__header {
  background-color: #00458b;
  color: white;
  font-size: 14px;
  line-height: 1;
  padding-left: 0.65em;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  margin: 10px 0 10px 0;
}

.pg_op_draw_actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 10px;
}

.pg_op_draw_action_btn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 31%;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: #00458b;
  color: white;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  cursor: pointer;
}

.pg_op_draw_action_btn:hover {
  opacity: 0.8;
}

.pg_draw_file {
  display: flex;
}

.pg_draw-deactive {
  display: none;
}

.pg_fix_label {
  display: block;
  background: none;
  border: none;
  padding: 0;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-width: 1px;
  border-style: solid;
  font-size: 16px;
  padding: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  /*width: 160px;*/
  width: 100%;
}

.pg_draw_icon {
  color: white;
}

.pg_draw_file_text {
  font-size: 10px;
  line-height: 1.4;
}

.pg_draw_file_btns {
  padding: 10px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.pg_draw_file_btn {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #00458b;
  border-radius: 8px;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  cursor: pointer;
}

.pg_draw_file_btn:hover {
  opacity: 0.8;
}

.pg_draw_file_btn+.pg_draw_file_btn {
  margin-left: 5%;
}

.pg_draw_file_btn__icon {
  line-height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 50px;
  height: 50px;
  line-height: 0;
}

.pg_draw_file_btn__text {
  margin-top: 0.5em;
  font-size: 10px;
  color: white;
}

.pg_draw_send_btn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 80%;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: #00458b;
  color: white;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  -webkit-transition: opacity 0.2s ease 0s;
  transition: opacity 0.2s ease 0s;
  cursor: pointer;
}

/* 作図パネルトグルボタン */
.pg_draw_typeToggle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid black;
  background-color: white;
  border-radius: 2em;
  /* font-weight: bold; */
  cursor: pointer;
  margin: 10px 0 10px 0;
}

.pg_draw_typeToggle>div {
  position: relative;
  width: 50%;
  z-index: 2;
  text-align: center;
  padding: 0.4em 0;
  font-size: 10px;
}

.pg_draw_typeToggle>.pg_toggleBtn__geojson {
  color: #ccc;
}

.pg_draw_typeToggle>.pg_toggleBtn__kml {
  color: white;
}

.pg_draw_typeToggle::after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 50%;
  height: 100%;
  border: 1px solid white;
  background-color: #00458b;
  left: 50%;
  top: 0;
  -webkit-transition: left 0.2s ease 0s;
  transition: left 0.2s ease 0s;
  z-index: 1;
  border-radius: 2em;
}

.pg_draw_typeToggle.pg_toggleBtn--off>.pg_toggleBtn__geojson {
  color: white;
}

.pg_toggleBtn.pg_toggleBtn--off>.pg_toggleBtn__kml {
  color: #ccc;
}

.pg_draw_typeToggle.pg_toggleBtn--off::after {
  left: 0;
}

/* 機能タブ */
.pg_uk-tab {
  margin: 10px 0 10px 0;
  padding: 1% 0 1% 40px;
  background-color: #00458b;
  border-radius: 0.5em;
}

.pg_uk-tab a {
  text-transform: none;
}

.pg_tabs_draw_mode {
  padding-left: 0;
}

/* テーマドロワーstyle */
#theme-canvas_slide {
  background-color: var(--ukDialogBackColor, #89FFCD);
  border-left: none;
}

.pg_theme_canvas_list {
  background-color: var(--ukDialoginnerColor, #DEFFF1);
  border: 1px solid black;
  border-radius: 8px;
  margin-bottom: 20px;
  padding: 12px;
}

.pg_theme_canvas_spin {
  animation: r7 1s linear 1;
}

@keyframes r7 {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

/* 
*map.css変更点 
*/

.pg_draw_fileblock {
  width: 50%;
  border: 1px dotted black;
  background-color: white;
  padding: 5px;
}

.pg_drawAction_btn {
  width: 90%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: none;
  border: none;
  padding: 8px;
  margin: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #00458B;
  border-radius: 8px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
  margin: auto;
}

/* .pg_sideNavArea {
  transition: all 500ms 0s ease;
} */

/* .pg_sideNavBody {
  transition-delay: 1000ms;
  transition: all 500ms 0s ease;
} */

/* ルート検索 */
.pg_route_total_header {
  margin: 10px;
  text-align: center;
}

/* .pg_routesearchresult__text {
  font-weight: bold;
} */

.pg_routeBranch_point {
  margin: 5px;
  text-decoration: underline;
  color: #34495e;
  /* font-weight: bolder; */
  cursor: pointer;
}

.pg_routeBranch_point:hover {
  color: #612432;
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
  border-radius: 8px;
}

.pg_routeSection {
  margin: 5px;
}

/* .pg_op_route_result__content追記 */
/* .pg_op_route_result__content {
  max-height: 400px;
  overflow-y: scroll;
} */

/* 20220915追加分 */
/* テンプレート */
.infoLine--templete {
  display: none;
}

/* お知らせパネル内 */
.pg_dialog_Info_date {
  margin-right: 30px;
}

.pg_dialog_Info_Line {
  margin: 25px;
  /* font-weight: bold; */
}

.pg_dialog_Info_content {
  margin-left: 130px;
  margin-top: 3px;
  font-size: 13px;
}
@media screen and (max-width: 959px) {
  .pg_dialog_Info_content {
    margin-left: 0;
    margin-top: 3px;
    font-size: 13px;
  }
  .pg_dialog_Info_title {
    display: block;
  }
}

/* 中分類テーマ説明関連 */
.pg_leftPain--deactive,
.pg_mthemeBtn--deactive {
  display: none;
}

.pg_mtemeExplain__title {
  margin: 10px 0 20px 0;
  /* font-weight: bold; */
}

.pg_currentTheme_explain {
  width: 4em;
  margin-bottom: 5px;
  background: transparent;
  border: none;
  cursor: pointer;
}

@media screen and (max-width: 959px) {
  .pg_currentTheme_explain {
    display: none;
  }
}

.pg_mthmeExplainCloseBtn {
  text-align: right;
  padding: 0 10px 5px 0;
  /* font-weight: bolder; */
  cursor: pointer;
}

.pg_mthmeExplainCloseBtn:hover {
  opacity: 0.5;
}

.pg_currentThemeExplain--isHide {
  display: none;
}

.pg_mthemeExplainAreaInner {
  height: 100%;
  overflow-y: auto;
  line-height: 1;
  padding-right: 4px;
}

.pg_mthemeExplainAreaInner a {
  color: #1e87f0 !important;
  text-decoration: underline;
}

.pg_mthemeExplainAreaInner a:hover {
  opacity: 0.5;
}

/* 外部リンク表示 */
.pg_link__content {
  /* uikit周りでcolor属性の優先度が負けてしまう&リンクの文字のみで書き換えのないスタイルの為importantで設定 */
  color: #1e87f0 !important;
  /* font-weight: bold; */
  font-size: larger;
  word-break: break-all;
}

.pg_link__content:hover {
  opacity: 0.5;
}


/* 検索関連追記 */

.pg_quick-search--link {
  font-size: 14px;
  /* font-weight: bold; */
  text-align: right;
  padding: 10px 40px 10px 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  width: calc(200px + 3.3em + 19px);
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  background: var(--base__paleColor, #09ffeb);
  border: 2px solid black;
  border-left: none;
  cursor: pointer;
  border-radius: 0 8px 8px 0;
  -webkit-transition: -webkit-transform .2s ease 0s;
  transition: -webkit-transform .2s ease 0s;
  transition: transform .2s ease 0s;
  transition: transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_sideNavArea.pg_sideNavArea--isHide .pg_quick-search>.pg_quick-search--link {
  width: calc(110px + 2.5em + 20px);
}

.pg_quick-search.uk-animation-slide-bottom .pg_quick-search--link {
  width: calc(150px + 2.0em + 20px);
  padding: 10px 25px 10px 0;
}

@media (max-width: 959px) {
  .pg_quick-search--link {
    width: calc(156px - 0.2rem - 10px); /* NOTE: 170pxは表示を合わせたい幅を指定する、 0.2remは▶の中心よりパディング開始までの幅、10pxはパディング */
    height: 44px;/* フッターの高さ制限に合わせる */
    /* 複数行表示対応 */
    white-space: normal;
    line-height: 1;
    overflow-wrap: break-word;
    /* *数行表示対応 */
    /* 上下中心表示 */
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
    align-items: center;
    justify-content: right;
    -webkit-transform: none;
    transform: none;
    /* *上下中心表示 */
  }
}

.pg_quick-search--link:before {
  content: "";
  display: block;
  position: absolute;
  width: calc(2.5em - 2px);
}

@media (max-width: 959px) {
  .pg_quick-search--link:before {
    content: none;
  }
}

.pg_quick-search--link:after {
  content: "▶︎";
  position: absolute;
  background: #101010;
  right: -15px;
  top: -2px;
  padding: 12px 10px;
  color: #fff;
  border-radius: 0 10px 10px 0;
}


@media (max-width: 959px) {
  .pg_quick-search--link:after {
    height: 44px;/* 親要素と高さを合わせる */
    /* 上下中心表示 */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 10px;/* 上下の不要なpaddingを削除 この行はなくても良いかも */
    /* *上下中心表示 */

    top: 0;/* PC表示用の不要な位置調整を無効化 */
  }
}


/* 凡例表示関連 */
/* 凡例画像の表示の際の幅 */
.pg_layerListItem__legendImage {
  width: 100%;
}

.pg_layerListItem__legend {
  margin: 0;
  right: 10px;
  cursor: pointer;
  margin-left: 35px;
}

.pg_legend--deactive {
  /* 凡例のクリック画像のON/OFFにしか使用しない為importantを使用 */
  display: none !important;
}


/* 地図・キーワード検索関連 */
/* テンプレート */
.templete-searchKeyword {
  display: none;
}

/* 上越市説明会/庁内公開に向けての設定 */
.display--dective,
.pg_imgslider-deactive,
.pg-printDisabledMsg--deactive {
  display: none;
}

/* 背景図一覧の文字 */
.pg_control_styleSelect__styleLabel {
  margin-top: 4px;
  text-align: center;
  font-size: small;

  line-height: 1em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
/*
pg_control_styleSelect__styleItem	背景図のコンテナ<li>
pg_basemapOverLapArea			スライダーのコンテナ<div>
*/

/* 操作方法ドロワーのスタイル */
.pg_guideDialog_cate {
  text-align: center;
  background-color: var(--base__paleColor, #00FFEB);
  /* font-weight: bolder; */
  margin: 15px 0;
  font-size: 15px;
}

/* 背景図メッセージ */
.pg_mapZoomMsg {
  position: absolute;
  z-index: 9;
  right: 80px;
  bottom: 308px;
  background-color: var(--base__paleColor, #00FFEB);
  opacity: 0.8;
  width: 250px;
  z-index: 11;
  border-radius: 13px;
  padding: 8px;
}

@media (max-width: 959px) {
  .pg_mapZoomMsg {
    bottom: auto;
    right: auto;
    top: 65px;
    left: 50px;
    font-size: 11px;
    width: 110px;
  }
}

.pg_mapZoomMsg.pg_mapZoomMsg--off {
  display: none;
}

/* 印刷不可の場合のメッセージ */
.pg_printDisabledMsg {
  text-align: center;
  /* font-weight: bold; */
  color: red;
  margin-bottom: 5px;
}

/* 属性の添付ファイル */
.pg_attrsLinkFiles {
  /* UIKIT指定されるスタイルが強い＆この場所でしか使用しない＆動的に値が変更されることがない為importantを使用 */
  color: #1e87f0 !important;
  text-decoration: underline;
  transition: color 0.3s;
}

.pg_attrsLinkFiles:hover {
  opacity: 0.5;
  text-decoration: underline;
}

/* 属性添付ファイルAタグクラス */
.pg_linkAtagAttr.pg_attrsLinkFiles {
  white-space:inherit;
}
/* minimapボタン */
.pg_control_minimapToggle {
  bottom: 150px;
  right: 15px;
  width: 30px;
  height: 30px;
  cursor: pointer;
}

.pg_control_minimapToggle.pg_contorol_minimize {
  right: 42px;
}

.pg_control_minimapToggle::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_minimapToggle>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_minimapToggle:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

@media screen and (max-width: 959px) {
  .pg_control_minimapToggle {
    bottom: 175px;
    right: 15px;
  }

  .pg_control_minimapToggle.pg_contorol_minimize {
    bottom: 12px;
    right: 182px;
  }
}

.pg_control_minimapToggle__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* 範囲検索ボタンのスタイル */
.pg_areaSearchBtn {
  margin: 2px 5px;
  background-color: #00458B;
  width: 100%;
  color: white;
}

.pg_areaSearchBtn:hover {
  background-color: #00458B;
  opacity: 0.8;
}

.pg_areaSearchBtn:active {
  background-color: #00458B;
  opacity: 0.8;
}

/* 
*背景図重ね合わせ
*/
/* 背景図重ね合わせ切替用トグル */
.pg_basemapLapToggle {
  height: 0;
  width: 0;
  visibility: hidden;
}

.pg_basemapLapLabel {
  cursor: pointer;
  text-indent: -9999px;
  width: 50px;
  height: 20px;
  background: grey;
  display: block;
  border-radius: 100px;
  position: relative;
}

.pg_basemapLapLabel:after {
  content: '';
  position: absolute;
  top: 4px;
  left: 5px;
  height: 13px;
  background: #fff;
  border-radius: 90px;
  transition: 0.3s;
}

.pg_basemapLapToggle:checked+.pg_basemapLapLabel {
  background: #bada55;
}

.pg_basemapLapToggle:checked+.pg_basemapLapLabel:after {
  left: calc(100% - 5px);
  transform: translateX(-100%);
}

.pg_basemapLapLabel:after {
  width: 13px;
}

.pg_basemapOverLapArea {
  margin: 10px 0 10px 0;
  display: flex;
}

@media screen and (max-width: 959px) {
  .pg_basemapOverLapArea {
    display: none;
  }
}

/* minimapをモバイル時に非表示 */
@media screen and (max-width: 959px) {
  #mapboxgl-minimap {
    display: none;
  }

  .pg_control_minimapToggle {
    display: none;
  }
}

.pg_basemapOverLap_parent {
  display: inline-flex;
  margin-left: 15px;
}

.pg_control_styleSelect.pg_control_styleSelect__spread.pg_control--minimized {
  height: 30px;
}

/* 背景図重ね合わせON時の高さ */
.pg_control_styleSelect.pg_control_styleSelect__spread {
  /*height: 210px;*/
  height: 240px;
}

/* 背景図重ね合わせの文字 */
.pg_lapMapMsg {
  color: blue;
  /* font-weight: bold; */
}

/* 背景図重ね合わせ透過度スライダー */
.pg_overlayMap_opacityRange {
  width: 100%;
  margin-top: 10px;
}

.pg_baseMap--selected {
  border: solid var(--base__paleColor, #00FFEB) !important;
}

.pg_control_styleSelect__styleImg>img,
.pg_control_styleSelect__styleImg__overLay>img {
  border: solid transparent;
}

/*
*
*/

/* ツールチップトグルボタン */
.pg_tooltip_Toggle {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  overflow: hidden;
  border: 1px solid black;
  background-color: white;
  border-radius: 2em;
  /* font-weight: bold; */
  cursor: pointer;
  margin: 10px 0 10px 0;
  height: 25px;
  width: 90px;
  float: right;
  margin: 0;
  user-select: none;
}

.pg_toggle_long {
  width: 130px;
}

.pg_tooltip_Toggle>div {
  position: relative;
  width: 50%;
  z-index: 2;
  text-align: center;
  padding: 0.3em 0;
  font-size: 13px;
}

.pg_tooltip_Toggle>.pg_toggleBtn__tip_on {
  color: #ccc;
}

.pg_tooltip_Toggle>.pg_toggleBtn__tip_off {
  color: white;
}

.pg_tooltip_Toggle::after {
  content: "";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  width: 50%;
  height: 100%;
  border: 1px solid white;
  background-color: #00458b;
  left: 50%;
  top: 0;
  -webkit-transition: left 0.2s ease 0s;
  transition: left 0.2s ease 0s;
  z-index: 1;
  border-radius: 2em;
}

.pg_tooltip_Toggle.pg_toggleBtn--off>.pg_toggleBtn__tip_on {
  color: white;
}

.pg_toggleBtn.pg_toggleBtn--off>.pg_toggleBtn__tip_off {
  color: #ccc;
}

.pg_tooltip_Toggle.pg_toggleBtn--off::after {
  left: 0;
}

/* トグル色制御 */
.pg_tooltip_Toggle>.pg_draw_toggleBtn__tip_off,
.pg_draw_typeToggle>.pg_kmlSelect {
  color: #fff;
}

.pg_tooltip_Toggle.pg_toggleBtn--off>.pg_draw_toggleBtn__tip_off,
.pg_draw_typeToggle.pg_toggleBtn--off>.pg_kmlSelect {
  color: #000;
}

.pg_toggleBtn--off>.pg_draw_toggleBtn__tip_on,
.pg_toggleBtn--off>.pg_draw_toggleBtn__geojson {
  color: #fff;
}

/* 
*タッチ操作、フル操作切替ボタン 
*/

/* 切替時 */
.pg_sideNavArea.testarea {
  height: 52px;
  width: 100%;
  padding: 0;
  bottom: auto;
}

/* スマホ時のレイヤリストの最小化ボタン */
.pg_layerlist__minimize {
  display: none;
}

@media screen and (max-width: 959px) {
  .pg_layerlist__minimize {
    width: 25px;
    height: 25px;
    margin-left: 150px;
    display: block;
  }

  .pg_layerArea.pg_control--minimized {
    border: none;
    cursor: pointer;
    width: 30px;
    height: 30px;
  }

  .pg_layerArea.pg_control--minimized::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 2px;
    top: 2px;
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    z-index: 1;
  }

  .pg_layerArea.pg_control--minimized>div {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    z-index: 2;
    -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: background-color .2s ease 0s, transform .2s ease 0s;
    transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
  }

  .pg_layerArea.pg_control--minimized:hover>div {
    background-color: #D1FFF3;
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }

  .pg_layerArea.pg_control--minimized>.pg_layerAreaInner {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .pg_layerArea {
    right: 10px;
  }

  .pg_layerArea.pg_control--minimized {
    bottom: 12px;
    right: 180px;
    display: none;
  }
}

.pg_control_layerSwitch {
  bottom: 190px;
  right: 42px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  display: none;
}

.pg_control_layerSwitch::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_layerSwitch>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_layerSwitch:hover>div {
  background-color: #D1FFF3;
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

@media screen and (max-width: 959px) {
  .pg_control_layerSwitch {
    bottom: 12px;
    right: 65px;
    display: block;
  }
}

.pg_control_layerSwitch__inner {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}


/* 検索ラベルの位置修正 */
.pg_quick-search {
  z-index: 100;
  position: absolute;
  bottom: 165px;
  left: 15px;
}

.pg_quick-search.js-quick_label.uk-animation-slide-bottom {
  bottom: 330px;
  left: -30px;
}

@media screen and (max-width: 959px) {
  .pg_quick-search {
    bottom: 4px;
    left: 0;
  }
}

/* 
* 北トップボタンスマホ版 
* mapboxのスタイルが当たっているので、mediaクエリでスマホ版の時のみ上書きを行う
*/
@media screen and (max-width: 959px) {
  .mapboxgl-ctrl.mapboxgl-ctrl-group {
    /* mapbocglのcssを強制的に上書く */
    margin-top: 66px !important;
  }
}

/* テーマ選択スマホ表示の場合のサイズ */
@media screen and (max-width: 959px) {
  .pg_dialog__content.pg_theme_canvas_list {
    line-height: 1.5;
    font-size: medium;
  }

  /* テーマ選択ボタン */
  .pg_dialog__actionBtn.pg_themedrawer_infoselect {
    font-size: 13px;
  }
}

.pg_dialog__action.pg_themeDialog__action {
  padding-right: 5px;
}

/* テーマ選択ボタン */
.pg_themeSelectBtn {
  width: 100%;
}

/* この位置についてボタン */
.pg_pointInfoBtn {
  width: 100%;
  background-color: #00458B;
  color: #fff;
}

.pg_pointInfoBtn:hover {
  opacity: 0.8;
  background-color: #00458B;
}

/* 印刷機能ボタン */
.pg_printFunc {
  background-color: #00458B;
  color: #fff
}

.pg_printFunc:hover {
  background-color: #00458B;
  opacity: 0.8;
}

.pg_printFunc:disabled {
  background-color: gainsboro;
  opacity: 0.8;
}

/* 3D透過スライダー */
.pg_3dbuildings--deactive {
  display: none;
}

/* 簡易2D/3D切替トグル */
.pg_tooltip_Toggle.pg_simpleToggle {
  height: 30px;
  z-index: 10;
  width: 70px;
  position: fixed;
  right: 100px;
  margin: 10px;
}

.pg_tooltip_Toggle.pg_simpleToggle>div {
  padding: 0.4em 0;
  font-size: small;
}

.pg_3dbuildings_slider_block {
  margin-top: 50px;
}

/* ハイコントラスト切替スイッチ */
.pg_contrastSwitch {
  height: 30px;
  z-index: 10;
  /*width: 80px;*/
  position: fixed;
  right: 200px;
  border: 1px solid black;
  background-color: white;
  border-radius: 2em;
  text-align: center;
  /*padding: 3px 0;*/
  padding: 0 1em;
  margin: 10px 0 10px 0;
}

@media screen and (max-width: 959px) {
  .pg_contrastSwitch__hideHeader {
    top: 55px !important;
  }
  
  .pg_contrastSwitch {
    top: 75px;
    right: 55px;
    z-index: 5;
  }
}

.pg_contrastSwitch:hover {
  background-color: #0077EF;
  color: white;
}

.pg_contrastSwitch.pg_contrast--on {
  background-color: #00458b;
  color: white;
}

/* 説明ボタン */
.pg_themeDescription {
  margin-bottom: 1em;
}

.pg_toolBtn.pg_themeDescription {
  margin-left: 0;
}

@media screen and (max-width: 959px) {
  .pg_themeDescription.pg_themeDescription {
    display: none;
  }
}

/* 外部リンク文字 */
.pg_dialog_Link_row {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* 属性戻るボタン */
.pg_control_retrunMultiCanvas {
  width: 30px;
  height: 30px;
  cursor: pointer;
  margin-bottom: 20px;
}

.pg_control_retrunMultiCanvas::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  top: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_control_retrunMultiCanvas>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_control_retrunMultiCanvas:hover>div {
  background-color: var(--common-buttonBackSecondColor, #00FFEB);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

.pg_control_retrunMultiCanvas {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

/* 属性かくすボタン */
@media screen and (min-width: 960px) {
  .pg_control_mobile_close {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .pg_control_mobile_close {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-bottom: 20px;
    top: 35px;
    position: absolute;
  }

  .pg_control_mobile_close::after {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    left: 2px;
    top: 2px;
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    z-index: 1;
  }

  .pg_control_mobile_close>div {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 1px solid black;
    border-radius: 8px;
    z-index: 2;
    -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: background-color .2s ease 0s, transform .2s ease 0s;
    transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
  }

  .pg_control_mobile_close:hover>div {
    background-color: var(--common-buttonBackSecondColor, #00FFEB);
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }

  .pg_control_mobile_close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /* uk-closeによって文字色が白になってしまう為 */
  .pg_control_mobile_close__inner {
    color: #000;
  }

  /* 複数検索結果は位置を調整 */
  #canvas_multi .pg_control_mobile_close {
    top: 2px;
  }

  /* 属性検索結果は位置を調整 */
  #canvas_attributes .pg_control_mobile_close {
    top: 19px;
  }
}

/* 利用規約ページ数 */
.pg_termPageCount {
  padding-top: 10px;
  padding-right: 10px;
}

/* 機能ボタン選択状態 */
.pg_button--on {
  background-color: #666;
}

.pg_button--on:hover {
  background-color: #666;
}

/* uikitを上書きする場合は機能の概要コメントを記載する*/
.pg_dialog_themeChange,
.pg_dialog_typeChange,
.pg_dialog_terms {
  /* 開発用担当外 */
  /*display: none;*/
}

.pg_dialog_measurePanel,
.pg_dialog_operationPanel,
.pg_dialog_property,
.pg_dialog_outOfArea,
.pg_dialog_multiSelectResult {
  /* 移植完了 */
  display: none;
}

/* offcanvasカスタマイズ */
.pg_offcanvas .uk-offcanvas-bar {
  background-color: var(--map-DrawerBackColor, rgba(235, 255, 183, 0.93));
  color: #000;
  padding: 70px 20px 40px 20px;
}

.pg_offcanvas .uk-offcanvas-close {
  /* 閉じるボタン色 */
  background-color: transparent;
  color: white;
}

.pg_offcanvas .uk-offcanvas-bar .uk-dotnav>*>* {
  /* dotnav */
  border-color: rgba(102, 102, 102, .4);
}

.pg_offcanvas .uk-offcanvas-bar .uk-dotnav>.uk-active>* {
  background-color: rgba(102, 102, 102, .6);
  border-color: transparent;
}

.pg_offcanvas .uk-offcanvas-bar h3 {
  color: black;
}

.pg_offcanvas .uk-card-primary.uk-card-body .uk-checkbox,
.pg_offcanvas .uk-card-primary.uk-card-body .uk-radio,
.pg_offcanvas .uk-card-primary>:not([class*=uk-card-media]) .uk-checkbox,
.pg_offcanvas .uk-card-primary>:not([class*=uk-card-media]) .uk-radio,
.pg_offcanvas .uk-card-secondary.uk-card-body .uk-checkbox,
.pg_offcanvas .uk-card-secondary.uk-card-body .uk-radio,
.pg_offcanvas .uk-card-secondary>:not([class*=uk-card-media]) .uk-checkbox,
.pg_offcanvas .uk-card-secondary>:not([class*=uk-card-media]) .uk-radio,
.pg_offcanvas .uk-light .uk-checkbox,
.pg_offcanvas .uk-light .uk-radio,
.pg_offcanvas .uk-offcanvas-bar .uk-checkbox,
.pg_offcanvas .uk-offcanvas-bar .uk-radio,
.pg_offcanvas .uk-overlay-primary .uk-checkbox,
.pg_offcanvas .uk-overlay-primary .uk-radio,
.pg_offcanvas .uk-section-primary:not(.uk-preserve-color) .uk-checkbox,
.pg_offcanvas .uk-section-primary:not(.uk-preserve-color) .uk-radio,
.pg_offcanvas .uk-section-secondary:not(.uk-preserve-color) .uk-checkbox,
.pg_offcanvas .uk-section-secondary:not(.uk-preserve-color) .uk-radio,
.pg_offcanvas .uk-tile-primary:not(.uk-preserve-color) .uk-checkbox,
.pg_offcanvas .uk-tile-primary:not(.uk-preserve-color) .uk-radio,
.pg_offcanvas .uk-tile-secondary:not(.uk-preserve-color) .uk-checkbox,
.pg_offcanvas .uk-tile-secondary:not(.uk-preserve-color) .uk-radio {
  border-color: #ccc;
  background-color: transparent;
}

.pg_offcanvas .uk-offcanvas-bar .uk-radio:checked {
  background-color: #1e87f0;
  border-color: transparent;
  background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%20%20%20%20%3Ccircle%20fill%3D%22%23fff%22%20cx%3D%228%22%20cy%3D%228%22%20r%3D%222%22%20%2F%3E%0A%3C%2Fsvg%3E")
}

.pg_offcanvas .uk-offcanvas-bar .uk-icon-button {
  color: black;
  background-color: white;
}

.pg_offcanvas__content {
  /* height: 70%; */
  /* height:80%; */
  overflow-y: auto;
}

#canvas_attributes .pg_offcanvas__content {
  overflow-y: unset;
}

#canvas_multi .pg_offcanvas__content {
  overflow-y: unset;
  border: solid 1px;
  background: #fff;
  border-radius: 10px;
}

.pg_offcanvas__previous {
  top: 5px;
  left: 5px;
  position: absolute;
}

.pg_offcanvas .pg_offcanvas__previous {
  color: black;
}

.pg_offcanvas .pg_offcanvas__previous:hover {
  color: #ccc;
}

/* .pg_offcanvas__expand,
.pg_offcanvas__shrink {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  box-sizing: border-box;
  border: 2px solid black;
  z-index: 100;
} */
.pg_offcanvas__expand,
.pg_offcanvas__shrink {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -50%);
  width: max-content;
  /* box-sizing: border-box;
  border: 2px solid black; */
  height: 30px;
  width: 30px;
  z-index: 100;
}

@media screen and (max-width: 959px) {

  /* .uk-offcanvas {
    width: 100%;
  } */
  #canvas_multi,
  #canvas_attributes {
    width: 100%;
  }

  .pg_offcanvas--mobile {
    z-index: 10000;
  }

  .pg_offcanvas--mobileanimation {
    transition: top .3s ease-out;
  }

  .pg_offcanvas--mobilebottom.uk-offcanvas {
    top: 70%;
  }

  .pg_offcanvas--mobilefull.uk-offcanvas {
    top: 20px;
  }

  .pg_offcanvas--mobilefull .pg_offcanvas__expand {
    display: none;
  }

  .pg_offcanvas--mobilebottom .pg_offcanvas__shrink {
    display: none;
  }

  /* タッチ/フル切替は、画面サイズの判定(uk-hidden@m)だけでは対応しきれない為別途設定する */
  .pg_offcanvas__expand.pg_mobilemodeAttrBtn,
  .pg_offcanvas__shrink.pg_mobilemodeAttrBtn {
    display: inline-flex !important;
  }

  .pg_offcanvas--mobile .uk-offcanvas-bar {
    width: 100%;
    border-left: none;
    border-top: black solid 3px;
    overflow-y: auto;
    /* 拡大ボタン */
    padding-bottom: 10px;
    padding-top: 40px;
  }

  #canvas_attributes .pg_control_mobile_close.pg_attrListMode {
    top:5px;
  }

  #canvas_attributes .uk-offcanvas-bar {
    padding-top: 19px;
  }

  #canvas_multi .uk-offcanvas-bar {
    overflow-y: scroll;
  }

  #canvas_multi .pg_offcanvas__content {
    overflow-y: unset;
    border: none;
    background: none;
    border-radius: none;
    height: auto;
  }

  #canvas_multi .pg_offcanvas__content,
  #canvas_multi .pg_dialog_multiSelectResultListOuter {
    height: 100%;
  }

  #canvas_multi .pg_dialog_multiSelectResultListOuter__inner {
    height: 100%;
    overflow-y: unset;
  }

  #canvas_multi .pg_multiSelectMsg {
    border: solid 1px;
    border-radius: 12px 12px 0 0;
    background-color: #fff;
  }

  #canvas_multi .pg_dialog_multiSelectResultListOuter {
    background: none;
    padding: 0;
  }

  #canvas_multi .pg_dialog_multiSelectResultList {
    background-color: #fff;
    border: 1px solid;
    border-radius: 0 0 12px 12px;
  }
}

@media (min-width: 960px) {
  .pg_offcanvas__previous {
    top: 30px;
    left: 9px;
  }
}

/** offcanvasカスタマイズ */
/* key value table */
.pg_kvtable {
  background-color: #fff;
  border: solid 2px;
  border-spacing: 0;
  border-collapse: separate;
  border-radius: 20px;
}

.pg_kvtable td {
  border-bottom: dotted 2px;
  overflow-wrap: anywhere;
}

.pg_kvtable tbody tr:last-child td {
  border-bottom: none;
}

.pg_kvtable tbody th:first-child,
.pg_kvtable thead th:first-child {
  border-top: none !important;
}

/* ーーーー属性パネル内テーブル角丸対策ーーーー */
.pg_kvtable thead th:first-child,
.pg_kvtable tbody th:first-child {
  border-radius: 20px 20px 0 0;
}

.pg_kvtable thead th:last-child {
  border-radius: 17px 17px 0 0;
}

.pg_kvtable tbody tr:last-child td:first-child {
  border-radius: 0 0 0 20px;
}

.pg_kvtable tbody tr:last-child td:last-child {
  border-radius: 0 0 20px 0;
}

.pg_kvtable tbody .pg_kvtableLastTr td {
  border-bottom: none;
}

/* ーーーーーーーーーーーーーーーーーーーーーー */
.pg_kvtable.uk-table .pg_kvtable__title {
  background-color: var(--map-TitleBackColor, #fcff3c);
  color: var(--common-buttonTextColor, #fcff3c);
  border-bottom: solid #000;
  height: 50px;
  border-top: 3px solid;
  text-align: center;
}

.pg_kvtable.uk-table-striped tbody tr:nth-of-type(odd) {
  background-color: #fff;
  border-top-color: #000;
  border-bottom-color: #000;
}

.pg_kvtable.uk-table-striped tbody td:first-child {
  border-right: solid 1px;
}

/** key value table */
/* pg_dialog__actionBtn をブロックとして抽出 */
.pg_actionBtn {
  cursor: pointer;
  position: relative;
  min-width: 6em;
}

.pg_actionBtn::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 4px;
  top: 4px;
  background-color: white;
  border: 2px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_actionBtn>div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 2px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_actionBtn:hover>div {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
  -webkit-transform: translate(4px, 4px);
  transform: translate(4px, 4px);
}

.pg_actionBtn>.pg_actionBtn__Inner {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
}

.pg_actionBtn+.pg_actionBtn {
  margin-left: 10px;
}

@media screen and (max-width: 959px) {
  .pg_actionBtn {
    font-size: 14px;
  }
}

.pg_actionBtn__Inner {
  position: relative;
  padding: .5em;
  z-index: 2;
  text-align: center;
}

/** pg_dialog__actionBtn をブロックとして抽出 */
/* .pg_dialog_property .pg_dialog__actionBtn を別の場所で使えるようにmodifyer指定に移植 */
.pg_actionBtn.pg_actionBtn--simple {
  cursor: pointer;
}

.pg_actionBtn.pg_actionBtn--simple::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 1;
}

.pg_actionBtn.pg_actionBtn--simple>div {
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 0 solid transparent;
  border-radius: 0;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_actionBtn.pg_actionBtn--simple:hover>div {
  background-color: #ADBFD1;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}

.pg_actionBtn.pg_actionBtn--simple>.pg_actionBtn__Inner {
  background-color: #00458B;
  color: white;
  border-radius: 6px;
}

/** .pg_dialog_property .pg_dialog__actionBtn を別の場所で使えるようにmodifyer指定に移植 */
.pg_imgslider {
  margin-bottom: 10px;
}
.pg_imgslider>div {
  border-top: 1px solid black;
  border-bottom: 1px solid black;
}
.pg_imageArea {
  text-align: center;
}
#uk-slide-left,#uk-slide-right {
  color: black;
}

.pg_dialog_multiSelectResultListOuter {
  height: 88%;
  padding: 4px;
  border-radius: 12px;
  margin-top: 0;
}

@media screen and (max-height: 700px) {
  .pg_dialog_multiSelectResultListOuter {
    height: 80%;
  }
}


.pg_layerArea--list .pg_lyerArea__switchgrid {
  display: initial;
}

.pg_layerArea--list .pg_lyerArea__switchlist {
  display: none;
}

.pg_layerArea--list .pg_layerListItem__text {
  display: initial;
}

.pg_layerArea--list .pg_layerListItem__legend {
  display: initial;
}

.pg_layerArea--grid .pg_lyerArea__switchgrid {
  display: none;
}

.pg_layerArea--grid .pg_lyerArea__switchlist {
  display: initial;
}

.pg_layerArea--grid .pg_layerListItem__text {
  display: none;
}

.pg_layerArea--grid .pg_layerListItem__legend {
  display: none;
}

.pg_sideNavArea--isHide .pg_lyerArea__switchgrid,
.pg_sideNavArea--isHide .pg_lyerArea__switchlist {
  display: none;
}

.js-template {
  display: none;
}

#pg_js-mainmap .mapboxgl-ctrl-bottom-left {
  left: 550px;
}

@media screen and (max-width: 959px) {
  #pg_js-mainmap .mapboxgl-ctrl-bottom-left {
    left: 5px;
    bottom:60px;
  }
  .mapboxgl-ctrl-bottom-right {
      bottom:100px!important; /*ライブラリを強制的に上書き*/
  }
}

.pg_multiSelectMsg {
  border-bottom: solid 1px;
  padding: 10px;
}

.pg_js-mainmap {
  position: relative;
}

/* ダイアログの背景を透明にする（フルデザインされている） */
.pg_uk-modal-dialog {
  background-color: transparent;
}

/* 地図ポップアップのクローズボタン */
.mapboxgl-popup-close-button {
  margin-right: 4px;
}

/* マーカー */

.mapboxgl-marker {
  cursor: pointer;
}

/* マーカー：緯度・経度・標高 */
.marker_coordinate {
  background-image: url('/assets/img/t_coordinate.png');
  background-size: cover;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  cursor: pointer;
}

/* マーカー：ルート検索始点 */
.marker_route_start_pos {
  background-image: url('/assets/img/mbmaps_dgn/map/pin_start.svg');
  background-size: cover;
  width: 66px;
  height: 59px;
  cursor: pointer;
}

/* マーカー：ルート検索終点 */
.marker_route_goal_pos {
  background-image: url('/assets/img/mbmaps_dgn/map/pin_goal.svg');
  background-size: cover;
  width: 66px;
  height: 59px;
  cursor: pointer;
}

/* 矩形検索 */
.drag_boxsearch {
  background: rgba(56, 135, 190, 0.1);
  border: 2px solid #3887be;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

/* 半径検索 */
.drag_radiussearch {
  background: rgba(56, 135, 190, 0.1);
  border: 2px solid #3887be;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
}

/* 背景図説明 ～説明の有無でminimapの位置が変わらないように～ */
.mapboxgl-ctrl-attrib-inner {
  height: 20px;
}

/* 操作ガイド(スマホ版) */
.pg_guideMobileVer {
  display: none;
}

@media screen and (max-width: 959px) {
  .pg_guideMobileVer {
    display: block;
  }
}

/* 3Dモード時に非表示にするコントロール */
body.pg_view_3d .pg_disabled_for_3d_view {
  display: none;
}

/* ルート検索用（ドロワーのサイズを調整-スマホのみ) */
@media screen and (max-width: 959px) {
  #canvas3.pg_miniRouteSearch {
    height: 217px;
    top: auto;
  }

  #canvas3.pg_miniRouteSearch .pg_control_mobile_close {
    display: none;
  }

  #canvas3.pg_miniRouteSearch .pg_op_common_text,
  #canvas3.pg_miniRouteSearch .pg_op_route_btns,
  #canvas3.pg_miniRouteSearch .pg_op_route_result {
    display: none;
  }

  #canvas3.pg_miniRouteSearch .uk-offcanvas-bar {
    padding-top: 10px;
    padding-bottom: 5px;
  }

  #canvas3 .pg_offcanvas__route__up {
    display: none;
  }

  #canvas3.pg_miniRouteSearch .pg_offcanvas__route__up {
    right: 100px;
    position: absolute;
    top: 0;
    transform: translate(-50%, -50%);
    /* width: max-content;
    box-sizing: border-box;
    border: 2px solid black; */
    height: 30px;
    width: 30px;
    z-index: 100;
    display: flex;
  }

  /* 属性最小化ボタン */
  .pg_control_smallAttrCanvas {
    width: 30px;
    height: 30px;
    cursor: pointer;
    margin-bottom: 20px;
  }

  .pg_control_smallAttrCanvas>div {
    width: 100%;
    height: 100%;
    background-color: white;
    border: 3px solid black;
    border-radius: 8px;
    z-index: 2;
    -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
    transition: background-color .2s ease 0s, transform .2s ease 0s;
    transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
  }

  .pg_control_smallAttrCanvas:hover>div {
    background-color: var(--common-buttonBackSecondColor, #00FFEB);
    -webkit-transform: translate(2px, 2px);
    transform: translate(2px, 2px);
  }

  .pg_control_smallAttrCanvas {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /* 中分類説明ボタン */
  .pg_themeDescription__mobile {
    top:115px;
    right:60px;
    width: 70px;
    position:absolute;
  }
  #pg_themeinfo_modal a {
    color: #1e87f0 !important;
    text-decoration: underline;
  }
}

/* mapbox左下attributeを広げる */
/* Mapboxの属性がiマークに変わるタイミングに統一 */
@media screen and (max-width: 640px) {
  .mapboxgl-ctrl.mapboxgl-ctrl-attrib.mapboxgl-compact.mapboxgl-compact-show{
    min-height: 45px;
  }
}

/* 全属性一覧表示用エリア */
.pg_underArea_attrlist {
  height: 30vh;
  background-color: var(--map-DrawerBackColor, rgba(235, 255, 183, 0.93));
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  max-height: 80vh;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  box-shadow: 0 -2px 10px rgba(0,0,0,0.1);
  transition: opacity 0.5s ease, transform 0.5s ease, height 0.5s ease;
}

.pg_underArea_attrlist--deactive {
  height: 0;
  transform: translateY(100%);
}

.pg_underArea_attrlist--maximize {
  height: 100%;
}

.pg_underArea_attrlist.pg_underArea_attrlist--minimize {
  height: 20px;
}

.pg_underArea_titleBlock {
  text-align: center;
  cursor: pointer;
  user-select: none;
}

.pg_underArea_title {
  
}

.pg_underArea_loading {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
  user-select: none;
}

.pg_underArea_mainArea {
  flex: 1;
  overflow: hidden;
  padding: 1rem;
}

.pg_underArea_close {
  margin-top: 5px;
  margin-left: 5px;
}

.pg_underArea_resize {
  margin-top: 5px;
  margin-left: 40px;
}

.pg_underArea_button {
  width: 30px;
  height: 30px;
}

.pg_underArea_attrlist.pg_underArea_attrlist--minimize .pg_underArea_button {
  display: none;
}

.pg_underArea_button::after {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  left: 2px;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 1;
}

.pg_underArea_button > div {
  width: 100%;
  height: 100%;
  background-color: white;
  border: 1px solid black;
  border-radius: 8px;
  z-index: 2;
  -webkit-transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, -webkit-transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s;
  transition: background-color .2s ease 0s, transform .2s ease 0s, -webkit-transform .2s ease 0s;
}

.pg_underArea_button:hover > div {
  background-color: var(--common-buttonBackSecondColor, #00FFEB);
  -webkit-transform: translate(2px, 2px);
  transform: translate(2px, 2px);
}

.pg_underArea_button {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.pg_underArea_button , .pg_underArea_minimize , .pg_underArea_pagination--page , .pg_underArea_pagination--next , .pg_underArea_pagination--prev {
  cursor: pointer;
}

.pg_underArea_pagination {
  user-select: none;
}

.pg_underArea_pagination li.uk-disabled {
  color: #999;
}

.pg_underArea_pagination--page, .pg_underArea_pagination--next, .pg_underArea_pagination--prev {
  color: black;
}

.uk-active.pg_underArea_pagination--page {
  background-color: var(--common-buttonBackSecondColor, #00FFEB);
}

.pg_underArea_chevron-up {
  display: none;
}

.pg_underArea_attrlist.pg_underArea_attrlist--minimize > .pg_underArea_titleBlock > .pg_underArea_title > .pg_underArea_chevron-down {
  display: none;
}

.pg_underArea_attrlist.pg_underArea_attrlist--minimize > .pg_underArea_titleBlock > .pg_underArea_title > .pg_underArea_chevron-up {
  display: inline-block;
}

.pg_underArea_selectbox {
  width: 300px;
  font-size: 16px;
  padding: 4px;
}

.pg_underArea_searchInputbox {
  border: none;
  margin: 0 0.25em;
  border: 1px solid black;
  font-size: 16px;
  padding: 4px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 300px;
}

.pg_underArea_actionbtn {
  padding: 0;
  margin: 0;
  background: none;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 10vh;
  height: 2.5vh;
  padding-top: 0.45em;
  padding-bottom: 0.45em;
  background-color: #00458B;
  color: white;
  text-align: center;
  line-height: 1;
  font-size: 14px;
  -webkit-transition: opacity .2s ease 0s;
  transition: opacity .2s ease 0s;
  cursor: pointer;
  border-radius: 0.5rem;
}

.pg_underArea_actionbtn:hover {
  opacity: 0.8;
}

.pg_underArea_attrlist_table {
  height: calc(100% - 4rem);
  overflow-y: scroll;
  position: relative;
}

.pg_underArea_pagination {
  margin-top: 1px;
}

.pg_layerAllAttTable {
  font-size: small;
}

.pg_layerAllAttTable__body tr {
  cursor: pointer;
}

.pg_layerAllAttTable__body tr:hover {
  background-color: var(--common-buttonBackFirstColor, #fcff3c);
}

.pg_layerAllAttTable td {
  border: #000 1px solid;
}

.pg_layerAllAttTable__head {
  background-color: var(--common-buttonBackSecondColor, #C8FEAF)
}

/*  */

/********** shutto 翻訳サービス **********/

/* shuttoの言語バーをずらす(タッチモード) */
body.pg_device_touch .stt-lang-select {
  left: 10px !important;
  bottom: 130px !important;
  right: auto !important;
  z-index: auto !important;
}

/* shuttoの言語バーをずらす(横幅基準) */
@media screen and (max-width: 959px) {
  .stt-lang-select {
    left: 10px !important;
    bottom: 130px !important;
    right: auto !important;
    z-index: auto !important;
  }
}

/* 翻訳有効時に機能ボタンのアイコンをずらす */
body.ui-nj span.pg_toolBtn__icon {
  margin: 0 auto;
}

/*# sourceMappingURL=map.css.map */