@charset "UTF-8";
/* CSS Document */

body {
  margin: 0;
  overflow: hidden;
  user-select: none;         /* CSS3 */
  -moz-user-select: none;    /* Firefox */
  -webkit-user-select: none; /* Safari、Chromeなど */
  -webkit-touch-callout:none;
}

#ar{position: relative}

/* A-Frame ダイアログ */
.a-dialog-allow-button {
  background: linear-gradient(#eee,#c5c5c5);
  border: 1px solid #b2b2b2 !important;
  color: #333;
  width: 100% !important;
}

.a-dialog-deny-button {
  display: none !important;
}

.a-dialog-ok-button {
  background: linear-gradient(#eee,#c5c5c5);
  border: 1px solid #b2b2b2 !important;
  color: #333;
 }

/* 区域内に入った際の文字表示 */
.caution-area {
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  margin-top: 5px;
  padding: 5px;
  line-height: 1;
  font-weight: bold;
}

.caution-box {
  display: none;
  height: 50px;
  border-radius: 5px;
  background-color: rgba(255, 255, 0, 1);
  color: rgba(0, 0, 0, 1);
}
.caution-box.--show {
  display: flex;
  justify-content: center;
  align-items: center;
}
.caution-box.--tokubetsu-keikai {
  background-color: rgba(255, 0, 0, 1);
  color: rgba(255, 255, 255, 1);
}

.caution-box .tokubetsu-text {
  display: none;
}
.caution-box.--tokubetsu-keikai .tokubetsu-text {
  display: inline;
}


/* レイヤ透過率 */
#column-layer {
  width: 100%;
  display: flex;
  justify-content: space-between
}
#slider-range-max {
  margin-top: 5px;
  width: 80%
}
#layer{
  width: 15%;
  text-align: right
}

/*マップ上の吹き出し*/
.feature-info-overlay-container {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  z-index: 1
}
.feature-info-overlay-outer {
  position: relative;
  margin-top: 10px;
  margin-bottom: 0
}
.feature-info-overlay {
  background-color: #fff;
  padding: 5px;
  border: 1px solid #666;
}
.feature-info-overlay table {
  font-size: 12px;
  margin-bottom: 5px
}

.feature-info-overlay #close {
  text-align: center;
  font-size: 12px
}


/*デバッグ*/
.gps-debug-area {
  display: none;
  position: fixed;
  z-index: 2;
  top: 4rem;
  right: 1rem;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #666;
}

.api-debug-area {
  display: none;
  position: fixed;
  z-index: 3;
  top: 1rem;
  left: 1rem;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #666;
  width: 85vw;
  max-height: 90vh;
  overflow: auto;
}

.tool-custombtn-bottom .debug-toggle-btn {
  display: flex;
  flex-direction: column;
  height: 50px;
  justify-content: center;
}

#gps-debug-toggle {
  border: 0;
  padding: 0;
  background : none;
}

#compass {
  position:fixed;
  top:  4rem;
  left: 0px;
  width:58px;
  padding: 5px;
}

#h4-toggle-archive_toggle {
  padding-top: 13px;
}


#spinner-area {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.8);
  z-index: 9999;
  display: flex;
  justify-content: center;
  align-items: center;
}
#spinner-container {
  position: absolute;
  top: 50%;
  left: 50%;
  margin-right: -50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  color: white;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?2eeg78');
  src:  url('fonts/icomoon.eot?2eeg78#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?2eeg78') format('truetype'),
    url('fonts/icomoon.woff?2eeg78') format('woff'),
    url('fonts/icomoon.svg?2eeg78#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-spinner:before {
  content: "\e97a";
}

@keyframes anim-rotate {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.spinner {
  display: inline-block;
  font-size:3em;
  height: 1em;
  line-height: 1;
  animation: anim-rotate 2s infinite linear;
  text-shadow: 0 0 .25em rgba(255,255,255, .3);
  vertical-align: middle;
}
.spinner--steps {
  animation: anim-rotate 1s infinite steps(8);
}
.spinner--steps2 {
  animation: anim-rotate 1s infinite steps(12);
}

/* 高さ向き調整ボタンのcss開始 */
.slidecontainer {
  text-align: center;
  width: 50px;
  position: fixed;
  bottom: 20px;
  left: 10px;
  line-height: 1.2;
}

.slider-range{
  margin: 10px auto;
}

#slider-parameter-container{
  white-space: nowrap;
}

#slidecontainer_rotation {
  width: 120px;
  position: fixed;
  bottom: 20px;
  left: 60px;
  line-height: 1.2;
  display: none;
}

.slider2-range{
  margin: 10px auto;
  width: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}

#slider-parameter-container2 {
  text-align: center;
}
/* 高さ向き調整ボタンのcss終了 */


/* 位置図表示 */
#location_map{
  display: none;
}

/* 位置図のiframe */
#submap_iframe{
  z-index: 2001;
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  height:40%;/* 画面の下40%の領域に位置図を表示 */
}

/* 位置図の戻るボタン */
#map_backbtn{
  display: none;
  z-index: 2002;
  position: fixed;
  right: 10px;
  top: calc(60% + 10px);
}

#map_backbtn_img{
  width: 40px;
  height: 40px;
}

/* 告示図書の表示を訪問しても、ホバーしても、クリックしても色を変化させない */
/* 告示図書のリンク先が来たらまた有効にする */
#areainfo-6:link,
#areainfo-6:visited,
#areainfo-6:hover,
#areainfo-6:active {
  /* color: blue; */
}