@page {
  size: A4 landscape;
  margin: 0mm;
}

.leaflet-container {
  cursor: default;
}

.a4print {
  width: 297mm;
  height: 210mm;
  box-sizing: border-box;
  padding: 20mm;
  background-color: #fff;
}

.a4print {
  page-break-after: always;
}

body {
  background-color: hsl(203, 79%, 25%);
  margin: 0;
  padding: 0;
}

#top1 {
  position: absolute;
  top: 10px;
  left: 10px;
  background-color: #fff;
  /* border-top: 2px solid #fff;
  border-left: 1px solid #fff; */
}

#top2 {
  position: absolute;
  top: 10px;
  left: 230px;
  background-color: #fff;
  /* overflow: auto; */
  /* border-top: 2px solid #fff;
  border-left: 1px solid #a9d8bc; */
}

#top3 {
  position: absolute;
  top: 10px;
  background-color: #fff;
  text-align: center;
  /* overflow: auto; */
  /* border-top: 2px solid #fff;
  border-left: 1px solid #a9d8bc; */
}

/* マウスポインタのカスタムアイコン表示してクリックした際にイベントを透過させる。 */
/* .custom-div-icon {
  pointer-events: none;
} */

.top2div {
  /* float: left; */

  /* width: 32.3333%;            幅指定 */
  /* height: 200px;              高さ指定 */
  margin-left: 5px;
  border-radius: 10px; /* 角丸指定 */
  display: inline-block; /* インラインブロックする */
  box-sizing: border-box; /* 崩れ防止 */
  margin-top: 5px; /*要素の空き具合指定*/
  padding-top: 5px; /* 余白指定 */
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  /* font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro";    フォントの種類を指定 */
  text-align: center; /* 中央揃え */
  color: #fff; /* 文字色指定 */
  /* font-size: 11px; 文字サイズ指定 */
  background-color: #65ace4; /* 背景色指定 */
  vertical-align: middle; /*中央揃え*/
}

.top2div_btn,
.top2div_A4_btn,
.top2div_fit_btn,
.top2div_fit_btn_MB,
.top2div_gps_btn,
.top2div_gps_btn_MB,
.top2div_popup_btn,
.top2div_google_btn {
  margin-top: 12px;
  margin-left: 10px;
  display: inline-block; /* インラインブロックする */
  vertical-align: middle; /*中央揃え*/
}

@media print {
  .top2div_btn,
  .top2div_A4_btn,
  .top2div_fit_btn,
  .top2div_fit_btn_MB,
  .top2div_gps_btn,
  .top2div_gps_btn_MB,
  .top2div_popup_btn {
    display: none;
  }
}

.top2div_cs {
  /*course-select.php*/
  margin-left: 10px;
  margin-bottom: 3px;
  border-radius: 20px; /* 角丸指定 */
  display: inline-block; /* インラインブロックする */
  box-sizing: border-box; /* 崩れ防止 */
  padding-top: 2px; /* 余白指定 */
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;
  /* font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro";    フォントの種類を指定 */
  text-align: center; /* 中央揃え */
  color: #fff; /* 文字色指定 */
  /* font-size: 11px; 文字サイズ指定 */
  background-color: #65ace4; /* 背景色指定 */
  vertical-align: middle; /*中央揃え*/
}

.top2div_p {
  margin-left: 10px;
  display: inline-block; /* インラインブロックする */
  font-size: 11pt;
}

#menu1 {
  display: inline-block;
  margin-left: 10pt;
}

#username {
  margin-left: 10px;
  border-radius: 20px; /* 角丸指定 */
  display: inline-block; /* インラインブロックする */
  box-sizing: border-box; /* 崩れ防止 */
  margin-bottom: 2px; /*要素の空き具合指定*/
  padding-top: 5px; /* 余白指定 */
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  /* font-family: "ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro";    フォントの種類を指定 */
  text-align: center; /* 中央揃え */
  color: #fff; /* 文字色指定 */
  /* font-size: 11px; 文字サイズ指定 */
  background-color: #008000; /* 背景色指定 */
  vertical-align: middle; /*中央揃え*/
}

/* タブメニュー */
.tab_menu {
  display: flex;
  align-items: flex-end; /* メニューを下揃え&高さを調整 */
  justify-content: left;
  min-height: 45px; /* メニュー切替時にタブがズレないように */
  padding: 0;
  margin: 0;
}

.tab_menu-item {
  list-style: none;
  width: 100px;
  padding: 8px 5px; /* メニューに高さを付ける */
  text-align: center;
  margin-right: 6px;
  background-color: #cdcdcd;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  cursor: pointer;
  transition: all 0.3s; /* アニメーション */
}

.tab_menu-item:last-of-type {
  margin-right: 0px;
}

/* is-activeがついている時のスタイル */
.tab_menu-item.is-active {
  background-color: rgba(48, 172, 249);
  color: #ffffff;
  padding: 12px 5px;
}

.tab_menu_config {
  display: inline-block; /* インラインブロックする */
  vertical-align: middle; /*中央揃え*/
  margin-left: 10px;
  margin-top: 3pt;
}

.container {
  background-color: #fff;
  /* overflow: scroll; */
}

/* 検索エリア */
#kensaku-aria {
  /* display: inline-block; */
  position: relative;
  top: 55px;
  left: 10px;
  padding-top: 10px;
  background-color: #fff;
  overflow: auto;
  /* border-top: 2px solid #fff;
  border-left: 1px solid #a9d8bc; */
}

#kensaku-aria > form,
#kensaku-aria > form > select,
#kensaku-aria > form > div,
#kensaku-aria > form > input,
#kensaku-aria > div {
  display: inline-block;
  top: 50%;
  margin-left: 5pt;
}

#kensaku-aria > button {
  display: inline-block;
  top: 50%;
  margin-left: 60pt;
}

/* マップ */
#map {
  position: absolute;
  top: 100pt;
  bottom: 0;
  right: 265pt;
  left: 0;
}

#map-aria {
  position: absolute;
  top: 100pt;
  bottom: 0;
  right: 0;
  left: 0;
}

/* マップ右サイドのリスト */
#courselist {
  position: absolute;
  background-color: #fff;
  top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%-265pt;
  overflow-y: auto;
}

@media print {
  #courselist {
    overflow-y: hidden;
  }
}

#courselist > .course_list_div1 > .course_list_div2 {
  display: inline-block;
  width: 12pt;
  height: 36pt;
  border-width: thin;
  border-style: solid;
  border-color: gray;
  border-top-style: none;
  vertical-align: middle;
}

#courselist > .course_list_div1 > .course_list_div3 {
  display: inline-block;
  width: 40pt;
  height: 36pt;
  text-align: center;
  border-width: thin;
  border-style: solid;
  border-color: gray;
  border-top-style: none;
  border-left-style: none;
  vertical-align: middle;
}

#courselist > .course_list_div1 > .course_list_div4 {
  display: inline-block;
  height: 36pt;
  width: 200pt;
  padding-left: 3pt;
  border-width: thin;
  border-style: solid;
  border-color: gray;
  border-top-style: none;
  border-left-style: none;
  vertical-align: middle;
  overflow-x: auto;
  overflow-y: hidden;
}

#courselist > .course_title_div1 > .course_title_div2 {
  display: inline-block;
  width: 11.3pt;
  height: 16pt;
  border-width: thin;
  border-style: solid;
  border-color: gray;
  vertical-align: middle;
}

#courselist > .course_title_div1 > .course_title_div3 {
  display: inline-block;
  width: 40pt;
  height: 16pt;
  text-align: center;
  border-width: thin;
  border-style: solid;
  border-color: gray;
  border-left-style: none;
  vertical-align: middle;
}

#courselist > .course_title_div1 > .course_title_div4 {
  display: inline-block;
  height: 16pt;
  width: 200pt;
  padding-left: 3pt;
  text-align: center;
  border-width: thin;
  border-style: solid;
  border-color: gray;
  border-left-style: none;
  vertical-align: middle;
}

/* コース管理 */
#course_setup_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#course_setup_list_thead,
#course_setup_list_body {
  display: block;
}

#course_setup_list_thead > tr > th {
  height: 20pt;
}

#course_setup_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#course_setup_list_body > tr.past {
  background-color: pink;
}

#course_setup_list_body > tr.within-three-months {
  background-color: yellow;
}

#course_setup_list_body > tr > td {
  height: 30pt;
}

#course_setup_list_thead > tr > .th0,
#course_setup_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#course_setup_list_thead > tr > .th1,
#course_setup_list_body > tr > .td1 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#course_setup_list_thead > tr > .th2,
#course_setup_list_body > tr > .td2 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_setup_list_thead > tr > .th3,
#course_setup_list_body > tr > .td3 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_setup_list_thead > tr > .th4,
#course_setup_list_body > tr > .td4 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_setup_list_thead > tr > .th5,
#course_setup_list_body > tr > .td5 {
  width: 75pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_setup_list_thead > tr > .th6,
#course_setup_list_body > tr > .td6 {
  width: 130pt;
  padding-left: 3pt;
  padding-right: 3pt;
}


#course_setup_list_thead > tr > .th7,
#course_setup_list_body > tr > .td7 {
  width: 280pt;
}

#course_setup_list_body > tr > .td7 > button,
#course_setup_list_body > tr > .td7 > form {
  display: inline-block;
  margin-left: 10pt;
  height: 20pt;
}

/* コースインポート */
#course_import_fileselect {
  position: absolute;
  background-color: #fff;
  height: 150pt;
}

#course_import_dropzone {
  position: relative;
  width: 590pt;
  border-style: solid;
  border-width: thin;
  border-color: gray;
  padding: 30px;
  margin-left: 10pt;
  /* padding-bottom: 40px; */
}

#course_import_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#course_import_list_thead,
#course_import_list_body {
  display: block;
}

#course_import_list_thead > tr > th {
  height: 20pt;
}

#course_import_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#course_import_list_body > tr > td {
  height: 30pt;
}

#course_import_list_thead > tr > .th0,
#course_import_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#course_import_list_thead > tr > .th1,
#course_import_list_body > tr > .td1 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_import_list_thead > tr > .th2,
#course_import_list_body > tr > .td2 {
  width: 200pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_import_list_thead > tr > .th3,
#course_import_list_body > tr > .td3 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_import_list_thead > tr > .th4,
#course_import_list_body > tr > .td4 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_import_list_thead > tr > .th5,
#course_import_list_body > tr > .td5 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 経路選択 */
#route_group_list,
#comp_set_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#route_group_list_thead,
#route_group_list_body,
#comp_set_list_thead,
#comp_set_list_body {
  display: block;
}

#route_group_list_thead > tr > th,
#comp_set_list_thead > tr > th {
  height: 20pt;
}

#route_group_list_body,
#comp_set_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#route_group_list_body > tr > td,
#comp_set_list_body > tr > td {
  height: 30pt;
}

#route_group_list_thead > tr > .th0,
#route_group_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#route_group_list_thead > tr > .th1,
#route_group_list_body > tr > .td1 {
  width: 30pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#route_group_list_thead > tr > .th2,
#route_group_list_body > tr > .td2 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#route_group_list_thead > tr > .th3,
#route_group_list_body > tr > .td3 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#route_group_list_thead > tr > .th4,
#route_group_list_body > tr > .td4 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#route_group_list_thead > tr > .th5,
#route_group_list_body > tr > .td5 {
  width: 130pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#route_group_list_thead > tr > .th6,
#route_group_list_body > tr > .td6 {
  width: 220pt;
}

#route_group_list_body > tr > .td6 > form {
  display: inline-block;
  margin-left: 5pt;
}

#route_group_list_thead > tr > .th7,
#route_group_list_body > tr > .td7 {
  width: 30pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

/* 会社管理 */
#comp_set_list_thead > tr > .th0,
#comp_set_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#comp_set_list_thead > tr > .th1,
#comp_set_list_body > tr > .td1 {
  width: 30pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#comp_set_list_thead > tr > .th2,
#comp_set_list_body > tr > .td2 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#comp_set_list_thead > tr > .th3,
#comp_set_list_body > tr > .td3 {
  width: 200pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#comp_set_list_thead > tr > .th4,
#comp_set_list_body > tr > .td4 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#comp_set_list_thead > tr > .th5,
#comp_set_list_body > tr > .td5 {
  width: 200pt;
}

#comp_set_list_body > tr > .td5 > form {
  display: inline-block;
  margin-left: 10pt;
}

/* ユーザ管理 */
#user_setup_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#user_setup_list_thead,
#user_setup_list_body {
  display: block;
}

#user_setup_list_thead > tr > th {
  height: 20pt;
}

#user_setup_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#user_setup_list_body > tr > td {
  height: 30pt;
}

#user_setup_list_thead > tr > .th0,
#user_setup_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#user_setup_list_thead > tr > .th1,
#user_setup_list_body > tr > .td1 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#user_setup_list_thead > tr > .th2,
#user_setup_list_body > tr > .td2 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#user_setup_list_thead > tr > .th3,
#user_setup_list_body > tr > .td3 {
  width: 200pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#user_setup_list_thead > tr > .th4,
#user_setup_list_body > tr > .td4 {
  width: 90pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#user_setup_list_thead > tr > .th5,
#user_setup_list_body > tr > .td5 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
#user_setup_list_thead > tr > .th6,
#user_setup_list_body > tr > .td6 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
#user_setup_list_thead > tr > .th7,
#user_setup_list_body > tr > .td7 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
#user_setup_list_thead > tr > .th8,
#user_setup_list_body > tr > .td8 {
  width: 70pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#user_setup_list_thead > tr > .th9,
#user_setup_list_body > tr > .td9 {
  width: 130pt;
}

#user_setup_list_thead > tr > .th10,
#user_setup_list_body > tr > .td10 {
  width: 100pt;
}

#user_setup_list_body > tr > .td10 > form {
  display: inline-block;
  margin-left: 10pt;
}

#user_update_form {
  /* position: absolute; */
  display: inline-block;
  vertical-align: top;
  margin-top: 30pt;
  margin-left: 30pt;
  width: 400pt;
  overflow-x: hidden;
  overflow-y: scroll;
}

.user_update_input > input {
  display: inline-block;
  margin-left: 10pt;
}

.user_update_color > input {
  display: inline-block;
  margin-left: 10pt;
  vertical-align: middle;
}

.user_update_label {
  width: 150pt;
}

.user_update_input,
.user_update_color,
.user_update_select {
  /* position: absolute; */
  left: 180pt;
  width: 200pt;
}

.user_update_submit {
  /* position: absolute; */
  margin-left: 80pt;
  width: 300pt;
}

/* ユーザーカラーリスト */
#user_update_form_colorlist {
  display: inline-block;
  vertical-align: top;
  /* position: absolute; */
  background-color: #fff;
  height: 450pt;
  overflow: auto;
}

#user_update_form_colorlist_thead,
#user_update_form_colorlist_body {
  display: block;
}

#user_update_form_colorlist_thead > tr > th {
  height: 15pt;
}

#user_update_form_colorlist_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#user_update_form_colorlist_body > tr > td {
  height: 15pt;
}

#user_update_form_colorlist_thead > tr > .th0,
#user_update_form_colorlist_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#user_update_form_colorlist_thead > tr > .th1,
#user_update_form_colorlist_body > tr > .td1 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#user_update_form_colorlist_body > tr > .td1 > input {
  width: 80pt;
}

#user_update_form_colorlist_thead > tr > .th2,
#user_update_form_colorlist_body > tr > .td2 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

/* グループ編集 */
#groupupdate,
#courseupdate,
#userupdate,
#compupdate {
  position: absolute;
  top: 110pt;
  left: 10;
  background-color: #fff;
  overflow: auto;
}

#compupdate {
  overflow-y: auto;
  overflow-x: hidden;
}

.group_update_form,
.course_update_form,
.course_update_form {
  position: absolute;
  top: 50pt;
  left: 60pt;
  /* width: 400pt; */
}

.group_update_form > div,
.course_update_form > div,
.comp_update_form > div,
#user_update_form > div {
  float: left;
}

.comp_update_form {
  position: relative;
  top: 40pt;
  left: 40pt;
  width: 600pt;
}

.comp_activate_form {
  position: relative;
  top: 80pt;
  left: 40pt;
  width: 600pt;
}

.group_update_input,
.group_update_select,
.course_update_input,
.course_update_select {
  position: absolute;
  left: 80pt;
  width: 300pt;
}

.comp_input,
.comp_select {
  position: absolute;
  left: 170pt;
  width: 200pt;
}

.group_update_input,
.course_update_input {
  height: 30pt;
}

.group_update_input_id,
.course_update_input_id {
  position: absolute;
  width: 50pt;
  height: 15pt;
  left: 80pt;
}

.comp_input_id,
.user_update_input_id {
  position: absolute;
  width: 50pt;
  height: 15pt;
  left: 170pt;
}

.group_update_submit,
.comp_submit {
  position: absolute;
  left: 80pt;
  width: 300pt;
}

.course_update_submit {
  margin-top: 20pt;
  margin-left: 100pt;
  width: 300pt;
}

#course_file_dropzone {
  position: relative;
  width: 300pt;
  border-style: solid;
  border-width: thin;
  border-color: gray;
  padding: 30px;
  margin-left: 10pt;
  /* padding-bottom: 40px; */
}

.update_button {
  display: block;
  margin-left: 20px;
  float: left;
}

#course_select_container {
  position: absolute;
  background-color: #fff;
  display: inline-block;
  /* overflow-y: auto; */
}

/* コース選択（左） */
#course_select_list_left {
  display: inline-block;
  position: relative;
  background-color: #fff;
  height: auto;
  vertical-align: top;
}

#course_select_list_left_thead,
#course_select_list_left_body {
  display: block;
}

#course_select_list_left_thead > tr > th {
  height: 20pt;
}

#course_select_list_left_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#course_select_list_left_body > tr > td {
  height: 30pt;
}

#course_select_list_left_thead > tr > .th0,
#course_select_list_left_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#course_select_list_left_thead > tr > .th1,
#course_select_list_left_body > tr > .td1 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#course_select_list_left_thead > tr > .th2,
#course_select_list_left_body > tr > .td2 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_select_list_left_thead > tr > .th3,
#course_select_list_left_body > tr > .td3 {
  width: 90pt;
}

#course_select_list_left_body > tr > .td3 > form {
  display: inline-block;
  margin-left: 10pt;
}

/* コース選択（右） */
#course_select_list_right {
  display: inline-block;
  position: relative;
  background-color: #fff;
  height: auto;
}

#course_select_list_right_thead,
#course_select_list_right_body {
  display: block;
}

#course_select_list_right_thead > tr > th {
  height: 20pt;
}

#course_select_list_right_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#course_select_list_right_body > tr > td {
  height: 30pt;
}

#course_select_list_right_thead > tr > .th0,
#course_select_list_right_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#course_select_list_right_thead > tr > .th1,
#course_select_list_right_body > tr > .td1 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#course_select_list_right_thead > tr > .th2,
#course_select_list_right_body > tr > .td2 {
  width: 300pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#course_select_list_right_thead > tr > .th3,
#course_select_list_right_body > tr > .td3 {
  width: 90pt;
}

#course_select_list_right_body > tr > .td3 > form {
  display: inline-block;
  margin-left: 10pt;
}

/* .chosen {
  background-color: #e0ffff;
} */

/* ログ一覧 */
#log_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#log_list_thead,
#log_list_body {
  display: block;
}

#log_list_thead > tr > th {
  height: 20pt;
}

#log_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#log_list_body > tr > td {
  height: 30pt;
}
/* No */
#log_list_thead > tr > .th0,
#log_list_body > tr > .td0 {
  width: 35pt;
  text-align: center;
}
/* 日時 */
#log_list_thead > tr > .th1,
#log_list_body > tr > .td1 {
  width: 130pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* no */
#log_list_thead > tr > .th2,
#log_list_body > tr > .td2 {
  width: 30pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* id */
#log_list_thead > tr > .th3,
#log_list_body > tr > .td3 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 名前 */
#log_list_thead > tr > .th4,
#log_list_body > tr > .td4 {
  width: 120pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* PHP */
#log_list_thead > tr > .th5,
#log_list_body > tr > .td5 {
  width: 70pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* テーブル */
#log_list_thead > tr > .th6,
#log_list_body > tr > .td6 {
  width: 80pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 会社名 */
#log_list_thead > tr > .th7,
#log_list_body > tr > .td7 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 事業所名 */
#log_list_thead > tr > .th8,
#log_list_body > tr > .td8 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 営業所名 */
#log_list_thead > tr > .th9,
#log_list_body > tr > .td9 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* command */
#log_list_thead > tr > .th10,
#log_list_body > tr > .td10 {
  width: 70pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* code */
#log_list_thead > tr > .th11,
#log_list_body > tr > .td11 {
  width: 35pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* 内容 */
#log_list_thead > tr > .th12,
#log_list_body > tr > .td12 {
  width: 200pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* コメント */
#log_list_thead > tr > .th13,
#log_list_body > tr > .td13 {
  width: 200pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* ボタン */
#log_list_thead > tr > .th14,
#log_list_body > tr > .td14 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#log_list_body > tr > .td14 > form {
  display: inline-block;
  margin-left: 10pt;
}

/* apiリスト */

#api_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#api_list_thead,
#api_list_body {
  display: block;
}

#api_list_thead > tr > th {
  height: 20pt;
}

#api_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#api_list_body > tr > td {
  height: 30pt;
}
/* No */
#api_list_thead > tr > .th0,
#api_list_body > tr > .td0 {
  width: 35pt;
  text-align: center;
}
/* year */
#api_list_thead > tr > .th1,
#api_list_body > tr > .td1 {
  width: 30pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* month */
#api_list_thead > tr > .th2,
#api_list_body > tr > .td2 {
  width: 15pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* day */
#api_list_thead > tr > .th3,
#api_list_body > tr > .td3 {
  width: 15pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* 会社名 */
#api_list_thead > tr > .th4,
#api_list_body > tr > .td4 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 事業所名 */
#api_list_thead > tr > .th5,
#api_list_body > tr > .td5 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 営業所名 */
#api_list_thead > tr > .th6,
#api_list_body > tr > .td6 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 会社No */
#api_list_thead > tr > .th7,
#api_list_body > tr > .td7 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* ユーザNo */
#api_list_thead > tr > .th8,
#api_list_body > tr > .td8 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#api_list_thead > tr > .th7,
#api_list_thead > tr > .th8 {
  font-size: 10pt;
}
/* ユーザID */
#api_list_thead > tr > .th9,
#api_list_body > tr > .td9 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* ユーザ名 */
#api_list_thead > tr > .th10,
#api_list_body > tr > .td10 {
  width: 100pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* コースID */
#api_list_thead > tr > .th11,
#api_list_body > tr > .td11 {
  width: 40pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* コース名 */
#api_list_thead > tr > .th12,
#api_list_body > tr > .td12 {
  width: 200pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* Api1リクエスト回数 */
#api_list_thead > tr > .th13,
#api_list_body > tr > .td13 {
  width: 6cap;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* Api2リクエスト回数 */
#api_list_thead > tr > .th14,
#api_list_body > tr > .td14 {
  width: 60pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}


.user-no {
  width: 30pt;
}

/* URL共有 */
#share_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#share_list_thead,
#share_list_body {
  display: block;
}

#share_list_thead > tr > th {
  height: 20pt;
}

#share_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#share_list_body > tr > td {
  height: 30pt;
}

#share_list_thead > tr > .th0,
#share_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#share_list_thead > tr > .th1,
#share_list_body > tr > .td1 {
  width: 260pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}

#share_list_body > tr > .td1 > div,
#share_list_body > tr > .td1 > button {
  display: inline-block;
  margin-left: 10pt;
}

#share_list_thead > tr > .th2,
#share_list_body > tr > .td2 {
  width: 130pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#share_list_body > tr > .td2 > form {
  display: inline-block;
  margin-left: 3pt;
}

#share_list_body > tr > .td2 > form > input {
  display: inline-block;
  margin-left: 5pt;
}

#share_list_thead > tr > .th3,
#share_list_body > tr > .td3 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#share_list_thead > tr > .th4,
#share_list_body > tr > .td4 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#share_list_thead > tr > .th5,
#share_list_body > tr > .td5 {
  width: 80pt;
}

#share_list_body > tr > .td5 > form {
  display: inline-block;
  margin-left: 10pt;
}

/* エラーログリスト */
#err_log_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#err_log_list_thead,
#err_log_list_body {
  display: block;
}

#err_log_list_thead > tr > th {
  height: 20pt;
}

#err_log_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#err_log_list_body > tr > td {
  height: 30pt;
}

#err_log_list_thead > tr > .th0,
#err_log_list_body > tr > .td0 {
  width: 30pt;
  text-align: center;
}

#err_log_list_thead > tr > .th1,
#err_log_list_body > tr > .td1 {
  width: 250pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#err_log_list_thead > tr > .th2,
#err_log_list_body > tr > .td2 {
  width: 130pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#err_log_list_thead > tr > .th3,
#err_log_list_body > tr > .td3 {
  width: 70pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#err_log_list_body > tr > .td3 {
  text-align: right;
}

#err_log_list_thead > tr > .th4,
#err_log_list_body > tr > .td4 {
  width: 110pt;
}

#err_log_list_body > tr > .td4 > form {
  display: inline-block;
  margin-left: 10pt;
}

/* 会社一覧 */
#comp_list {
  position: absolute;
  background-color: #fff;
  /* top: 100pt;
  bottom: 0;
  right: 0;
  left: 100%; */
}

#comp_list_thead,
#comp_list_body {
  display: block;
}

#comp_list_thead > tr > th {
  height: 20pt;
}

#comp_list_body {
  overflow-x: hidden;
  overflow-y: scroll;
}

#comp_list_body > tr > td {
  height: 30pt;
}
/* No */
#comp_list_thead > tr > .th0,
#comp_list_body > tr > .td0 {
  width: 35pt;
  text-align: center;
}
/* 会社名 */
#comp_list_thead > tr > .th1,
#comp_list_body > tr > .td1 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 事業所名 */
#comp_list_thead > tr > .th2,
#comp_list_body > tr > .td2 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 営業所名 */
#comp_list_thead > tr > .th3,
#comp_list_body > tr > .td3 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 管理番号 */
#comp_list_thead > tr > .th4,
#comp_list_body > tr > .td4 {
  width: 50pt;
  padding-left: 3pt;
  padding-right: 3pt;
  text-align: center;
}
/* 特車ホルダーユーザNo */
#comp_list_thead > tr > .th5,
#comp_list_body > tr > .td5 {
  width: 90pt;
}

#comp_list_body > tr > .td5 > form > input {
  display: inline-block;
  width: 35pt;
  margin-left: 5pt;
  text-align: center;
}

/* フォルダ名 */
#comp_list_thead > tr > .th6,
#comp_list_body > tr > .td6 {
  width: 150pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 作成日時 */
#comp_list_thead > tr > .th7,
#comp_list_body > tr > .td7 {
  width: 130pt;
  padding-left: 3pt;
  padding-right: 3pt;
}
/* 作成ユーザ名 */
#comp_list_thead > tr > .th8,
#comp_list_body > tr > .td8 {
  width: 120pt;
  padding-left: 3pt;
  padding-right: 3pt;
}

#compmove {
  position: absolute;
  background-color: #fff;
  display: inline-block;
  /* overflow-y: auto; */
}
/* 会社移動（左） */
#move_left {
  display: inline-block;
  position: relative;
  background-color: #fff;
  top: 20pt;
  left: 20pt;
  height: 200pt;
  width: 400pt;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}

/* 会社移動（右） */
#move_right {
  display: inline-block;
  position: relative;
  background-color: #fff;
  top: 20pt;
  left: 20pt;
  height: 200pt;
  width: 400pt;
  vertical-align: top;
  border: 1px solid #ccc;
  padding: 10px;
  box-sizing: border-box;
}

.move_button {
  display: inline-block;
  position: relative;
  top: 50pt;
  left: 300pt;
}
  
.move_left_label {
  display: inline-block;
  width: 100pt;
}

.move_left_element {
  display: inline-block;
  margin-left:5pt;
}

.move_right_label {
  display: inline-block;
  width: 100pt;
}

.move_right_element {
  display: inline-block;
  margin-left:5pt;
}

#move_memo {
  position: relative;
  top:20pt;
  /* left: 20pt; */
}

.move_memo_item {
  display: inline-block;
  margin-left:20pt;
}

.checkbox-container {
  position: relative;
  z-index: 1000;
  margin: 10px;
}

.move_memo_item[type="checkbox"] {
  cursor: pointer;
  opacity: 1;
  position: relative;
  z-index: 1001;
}

.checkbox-container label {
  margin-left: 5px;
  cursor: pointer;
}
/* フッターレイアウト */
#foot1 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #ddd;
  border: 1px solid #aaa;
  border-top: 2px solid #aaa;
  text-align: right;
}

#foot_logo {
  font-family: monospace;
  margin: 5px 10px 0 0;
  color: #31724c;
  font-size: 8pt;
  font-weight: bold;
}

/* コース作成フッター */
#foot2 {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff;
  border: 1px solid #fff;
  text-align: left;
}

.foot2div {
  margin-top: 15px;
  margin-left: 10px;
  display: inline-block;
}

/* .course_list_div1 {
  border-width: thin;
  border-style: solid;
  border-color: gray;
} */

/* ログイン */
#login {
  position: absolute;
  top: 110pt;
  left: 10;
  background-color: #fff;
}

.login_form {
  position: absolute;
  top: 50pt;
  left: 60pt;
  width: 300pt;
}

.login_button {
  display: block;
  margin: auto;
}
/* 右矢印 */
#arrow-aria {
  position: relative;
  display: inline-block;
  vertical-align: top;
}

.arrow-right {
  display: block;
  width: 18px;
  height: 18px;
  margin: 0 10px;
  border-top: 4px solid #000;
  border-right: 4px solid #000;
  transform: rotate(45deg);
}

/* ページングエリア */
#paging-aria {
  display: block;
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: #fff;
  padding-top: 5px;
  margin-left: 10pt;
}

.paging-label1 {
  display: inline-block;
  width: 70px;
}

.paging-label2 {
  display: inline-block;
  width: 150px;
  margin-left: 10px;
}

.paging-select {
  display: inline-block;
  width: 50px;
  margin: auto;
}

.paging-button {
  display: inline-block;
  /* width: 45px; */
  text-align: center;
  margin-left: 10px;
}

.paging-no {
  display: inline-block;
  width: 35px;
  text-align: center;
  margin-left: 15px;
}

.paging-allno {
  display: inline-block;
  width: 100px;
}

#mouse-position {
  position: absolute;
  bottom: 10px;
  right: 10px;
  background-color: white;
  padding: 5px;
  border: 1px solid #ccc;
}

.leaflet-div-icon {
  background: transparent;
  border: none;
}

/* マーカー追加用フォーム */
.clipboard-image-container {
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  width: 285px;
  height: 190px;
  position: relative;
  border: 2px dashed #ccc;
  margin-top: 10px;
  text-align: center;
}

.clipboard-image-container img {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
}

.image_file_dropzone {
  position: relative;
  width: 268px;
  height: 80px;
  border-style: solid;
  border-width: thin;
  border-color: gray;
  padding: 20px;
  margin-top: 5px;
  /* margin-left: 10pt; */
  /* padding-bottom: 40px; */
}

.marker-image-url,
.marker-description {
  width: 300px;
  margin-top: 5px;
}

#btn1, #btn2, #btn3, #btn4, #btn5, #btn6, #btn7, #line1, #line2,#highway, #tolls, #marker_add, #marker_edit, #route_save_button, #route_undo_button, #line_delete_button, #d_btn1, #d_btn2, #d_btn3, #d_btn4, #d_btn5, #route_cancel_button, #route_initialize_button, #course_fit_button, #popup_button, #gps_button {
  background-color: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
}

#btn1 img, #btn2 img, #btn3 img, #btn4 img, #btn5 img, #btn6 img, #btn7 img, #line1 img, #line2 img,#highway img, #tolls img, #marker_add img, #marker_edit img, #route_save_button img, #route_undo_button img, #line_delete_button img, #d_btn1 img, #d_btn2 img, #d_btn3 img, #d_btn4 img, #d_btn5 img, #route_cancel_button img, #route_initialize_button img, #course_fit_button img, #popup_button img, #gps_button img {
  width: 28px;
  height: 28px;
}

@media screen and (max-width: 480px) and (orientation: portrait) {
  /*追加 2023.09.21 trsapo-hida */
  img.logo {
    width: 50%;
    height: 100%;
  }

  #top2 {
    top: 5px;
  }

  .top2div {
    margin-left: 2px;
    border-radius: 3px; /* 角丸指定 */
    margin-top: 2px; /*要素の空き具合指定*/
    padding-top: 2px; /* 余白指定 */
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-size: smaller;
  }

  .top2div_btn {
    position: fixed;
    top: -5px;
    left: 35px;
  }

  .top2div_A4_btn {
    position: fixed;
    top: 55px;
    left: 10px;
  }

  .top2div_google_btn {
    position: fixed;
    top: -5px;
    left: 90px;
  }

  .top2div_fit_btn {
    position: fixed;
    top: -5px;
    left: 130px;
    /* vertical-align: middle; 中央揃え */
  }

  .top2div_fit_btn_MB {
    position: fixed;
    top: -5px;
    left: 35px;
    /* vertical-align: middle; 中央揃え */
  }

  .top2div_popup_btn {
    position: fixed;
    top: -5px;
    left: 165px;
    /* vertical-align: middle; 中央揃え */
  }

  .top2div_gps_btn {
    position: fixed;
    top: -5px;
    left: 200px;
    /* vertical-align: middle; 中央揃え */
  }

  .top2div_gps_btn_MB {
    position: fixed;
    top: -5px;
    left: 75px;
    /* vertical-align: middle; 中央揃え */
  }

  .top2div_A4_btn > form {
    position: fixed;
    top: 55px;
    left: 10px;
    /* vertical-align: middle; 中央揃え */
  }

  #btn5,
  #btn6,
  #btn7 {
    margin-left: 5px;
  }

  /* マップ */
  #map {
    height: 700pt;
    right: 0;
  }
  /* マップ右サイドのリスト */
  #courselist {
    left: 0;
  }

  #courselist > .course_list_div1 > .course_list_div2 {
    width: 15pt;
    height: 28pt;
  }

  #courselist > .course_list_div1 > .course_list_div3 {
    width: 40pt;
    height: 28pt;
    line-height: 20px;
  }

  #courselist > .course_list_div1 > .course_list_div4 {
    height: 28pt;
    line-height: 20px;
  }

  #courselist > .course_title_div1 > .course_title_div2 {
    width: 14.3pt;
  }

  #courselist > .course_title_div1 > .course_title_div3 {
    width: 40pt;
  }
}