@charset "UTF-8";
html,
body,
#viewDiv {
  padding: 0;
  margin: 0;
  height: 100%;
  width: 100%;
}

body {
  display: flex;
}

calcite-card {
  padding: 1px;
}

/* 被害予測メニューの初期表示を薄くしておく */
calcite-action {
  opacity: 0.4;
}

#titleDiv {
  position: absolute;
  top: 10px;
  left: 60px;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2019rem;
}
#titleText {
  float: left;
  padding-top: 14px;
  padding-left: 5px;
  padding-right: 5px;
}

#init-dialog-div {
  position: absolute;
  top: 70px;
  left: 320px;
  font-weight: 400;
  font-style: normal;
  font-size: 1.2019rem;
}

#time-select {
  width: 100px;
}

p {
  margin-top: 0px;
  margin-bottom: 0px;
}
.p-desc {
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
}

ul {
  margin: 0;
  padding-left: 15px;
}

.color-cell {
  min-height: 20px;
  min-width: 10px;
}
.color-cell-line {
  height: 5px;
  min-width: 20px;
}
.color-cell-point {
  height: 8px;
  width: 8px;
  border-radius: 50%;
  margin-left: 35%;
}
#intensity-color7 {
  background-color: #D480F3;
}
#intensity-color6u {
  background-color: #FC8091;
}
#intensity-color6l {
  background-color: #FFBF80;
}
#intensity-color5u {
  background-color: #FFF380;
}
#intensity-color5l {
  background-color: #CCE788;
}
#intensity-color4 {
  background-color: #80C4A3;
}
#collapse-color10 {
  background-color: #B48380;
}
#collapse-color5 {
  background-color: #E2B58C;
}
#collapse-color1 {
  background-color: #FBE0A4;
}
#collapse-color0 {
  background-color: #FFFFBF;
}
#fire-color1 {
  background-color: #EE8080;
}
#fire-color05 {
  background-color: #F9AA9E;
}
#fire-color005 {
  background-color: #FFC8BE;
}
#fire-color0 {
  background-color: #FFE6E6;
}
#fatality-color1 {
  background-color: #FF9280;
}
#fatality-color05 {
  background-color: #FFDD80;
}
#fatality-color002 {
  background-color: #D1E280;
}
#fatality-color0 {
  background-color: #80B080;
}
#highway-color10 {
  background-color: #ff2200;
}
#highway-color5 {
  background-color: #ff9900;
}
#highway-color3 {
  background-color: #ffff00;
}
#highway-color1 {
  background-color: #7aab00;
}
#highway-color0 {
  background-color: #006100;
}
#railway-color28 {
  background-color: #601d7f;
}
#railway-color14 {
  background-color: #ff2200;
}
#railway-color7 {
  background-color: #ff9900;
}
#railway-color3 {
  background-color: #ffff00;
}
#railway-color1 {
  background-color: #7aab00;
}
#railway-color0 {
  background-color: #006100;
}
#disruption-color28 {
  background-color: #FF9280;
}
#disruption-color14 {
  background-color: #FFC280;
}
#disruption-color7 {
  background-color: #FFEC80;
}
#disruption-color3 {
  background-color: #E3EE80;
}
#disruption-color1 {
  background-color: #B0CD80;
}
#disruption-color0 {
  background-color: #80B080;
}

#title-tile {    
    display: block;
    position: absolute;
    left: 70px;
    top: 15px;
}

.button-in-tab-dialog {
  margin-left: 4px;
}
calcite-label > div > calcite-button:focus {
  outline: none;
}
.noneOutline {
  outline: none;
}
.esri-popup__main-container {
  width: 200px !important;
  border-radius: 4px;
}
.esri-popup__action-text {
  font-size: 14px;
  padding: 2px;
  font-weight: bold;
  color: #333333;
  font-family: "initial";
}
.esri-popup__pointer {
  display: none;
}
.esri-ui .esri-popup {
  border-radius: 4px;
}
.esri-popup--aligned-top-center, .esri-popup--aligned-top-left, .esri-popup--aligned-top-right {
  margin-bottom: 40px;
}
.esri-popup__content {
  padding-top: 10px;
}
.esri-popup__inline-actions-container {
  display: block;
}
.esri-view-width-less-than-medium .esri-popup__action-text {
  display: block;
}
/* 閉じるボタンをつねに右上に表示 */
.esri-popup__header {
  position: absolute;
  right: -30px;
}
.esri-popup__button {
  margin-right: 30px;
}
.esri-popup__header-buttons {
  z-index: 99;
}

.menu-items {
  --calcite-color-foreground-1: red;
  --calcite-color-foreground-2: #CC0000;
  --calcite-color-text-2: #fff;
  margin-right: 10px;
}

#desc-button {
  --calcite-color-foreground-1: rgb(0, 176, 80);
  --calcite-color-foreground-2: rgb(0, 140, 64);
  --calcite-color-text-2: #fff;
}

#print-button {
  --calcite-color-foreground-1: rgb(0, 122, 194);
  --calcite-color-foreground-2: rgb(0, 97, 155);
  --calcite-color-text-2: #fff;
  margin-right: 10px;
}

#download-list-button {
  --calcite-color-foreground-1: rgb(0, 122, 194);
  --calcite-color-foreground-2: rgb(0, 97, 155);
  --calcite-color-text-2: #fff;
  margin-right: 10px;
}

#identify-desc-button {
  --calcite-color-brand: rgb(0, 176, 80);
  --calcite-color-brand-hover: rgb(0, 140, 64);
  --calcite-color-text-2: #fff;
}

#execute-setting-dialog {
  position: fixed;
  bottom: 20px;
  left: 5px;
  padding: 0;
  background: rgb(255, 255, 255);
  border: 2px solid rgb(0, 122, 194);
  border-radius: 0.25rem;
  max-width: 1200px;
  height: auto;
  visibility: hidden;
}

#execute-setting-dialog-message {
  margin: 5px;
  max-width: 100%;
  word-wrap: break-word;
}

#prog-dialog {
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  background: rgb(255, 255, 255);
  border: 1px solid #ccc;
  border-radius: 0.25rem;
  width: 400px;
  height: auto;
  visibility: hidden;
}

#prog-dialog-message {
  margin: 15px;
  max-width: 100%;
  word-wrap: break-word;
}

#error-dialog {
  display: flex;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0;
  background: #FFEBE8;
  border: 2px solid red;
  border-radius: 0.25rem;
  width: 400px;
  height: auto;
  visibility: hidden;
}

#error-dialog-message {
  margin: 1rem 0 1rem 8px;
  max-width: 100%;
  box-sizing: border-box;
  display: flex;
  min-inline-size: 0px;
  flex: 1 1 auto;
  flex-direction: column;
  overflow-wrap: break-word;
  font-weight: 600;
  color: red;
}

.close {
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: flex-end;
  align-self: stretch;
  border-style: none;
  background-color: transparent;
  color: #6a6a6a;
  outline: 2px solid transparent;
  outline-offset: 2px;
  border-start-end-radius:4px;
  border-end-end-radius: 4px;
  outline-color: transparent;
  padding: 1rem;
}

#identify-pagination {
  /* visibility: hidden; */
  display: none;
  flex: 1;
  justify-content: center;
}

/* 地点情報のページ送り対策（widthを大きくして表示が隠れないようにする） */
#pagination-area {
  display: flex;
  inline-size: 100%;
  flex-direction: row;
  justify-content: center;
  width: calc(100% + 200px);
  translate: -100px;
}

#identify-files {
  display: flex;
  justify-content: flex-end;
  flex-flow: column;
  padding: 5px;
}

.label-text-small {
  --calcite-font-size--1: 10px;
}

#identify-upload-error-message {
  --calcite-color-text-1: red;
  display: none;
  margin-top: 5px;
}

#shell-panel-start-header {
  --calcite-color-foreground-1: rgb(243, 243, 243);
}

#identify-download-button {
  margin-top: 5px;
}

#identify-upload-file-name {
  text-align: center;
}
.file-upload-container {
  background-color: rgb(255, 255, 255);
  border-width: 1px;
  border-style: dashed;
  border-color: rgb(148, 148, 148);
}

#tif-upload-file-name {
  line-height: 2rem;
  margin-left: 8px;
}

.flex {
  display: flex;
}

#download-list-table {
  background-color: rgb(255, 255, 255);
  width: 60%;
  margin: 0 auto;
  border-collapse: collapse;
  border: 1px solid rgb(223, 223, 223);
}

#download-list-table th, td, tr {
  border: 1px solid rgb(223, 223, 223);
  white-space: normal;
  font-size: 14px;
  font-weight: normal;
}

#download-list-table th {
  padding-block: 12px;
  background-color: rgb(243, 243, 243)
}

#download-list-table td, tr {
  padding: 8px;
}

.download-list-button-td {
  width: 35%;
}

.execute-button-container {
  text-align: right;
}

#identify-desc {
  background-color: rgb(255, 255, 255);
  font-size: 10px;
  padding: 5px;
}

.logo-img-container {
  margin: 0px;
  display: flex;
  cursor: pointer;
  align-items: center;
  justify-content: center;
  line-height: 1.25rem;
  text-decoration-line: none;
}

.logo-img {
  margin: 0px;
  display: flex;
  max-width: 80px;
  padding-inline: 0.4rem;
}

/*
#shell-panel-end-menu {
  overflow-x: auto;
}
  */

/* 非表示用クラス */
.hidden {
  display: none;
}

@media screen and (max-width: 1550px) {
  #execute-setting-dialog {
    max-width: 1000px;
  }
}

@media screen and (max-width: 1300px) {
  #shell-panel-end-menu {
    position: absolute;
    right: 0;
    transform-origin: right;
    scale: 0.8;
    height: 60px;
  }
  
  #execute-setting-dialog {
    max-width: 600px;
  }
}
@media screen and (max-width: 1130px) {
  #shell-panel-end-menu {
    scale: 0.7;
  }
}
@media screen and (max-width: 1050px) {
  #shell-panel-end-menu {
    scale: 0.6;
  }
}

@media screen and (max-height: 630px) {
  calcite-shell-panel {
    scale: 0.9;
    transform-origin: top right;
  }
}
@media screen and (max-height: 600px) {
  calcite-shell-panel {
    scale: 0.8;
  }
}
@media screen and (max-height: 540px) {
  calcite-shell-panel {
    scale: 0.7;
  }
}

/* 印刷時にボタンがはみ出さないように画面の大きさを調整 */
@media print {
  body {
    zoom: 0.85;
  }
}
@page {
  size: landscape;
}