@charset "UTF-8";
/* https://github.com/framework7io/framework7-icons */
@font-face {
  font-family: 'Framework7 Icons';
  font-style: normal;
  font-weight: 400;
  src: url("/framework7-icons/fonts/Framework7Icons-Regular.eot");
  src: local('Framework7 Icons'), local('Framework7Icons-Regular'), url("/framework7-icons/fonts/Framework7Icons-Regular.woff2") format("woff2"), url("/framework7-icons/fonts/Framework7Icons-Regular.woff") format("woff"), url("/framework7-icons/fonts/Framework7Icons-Regular.ttf") format("truetype");
}
.f7-icons,
.framework7-icons {
  font-family: 'Framework7 Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 28px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-feature-settings: "liga";
  -moz-font-feature-settings: "liga=1";
  -moz-font-feature-settings: "liga";
  font-feature-settings: "liga";
}
.app {
  height: 100%;
}
button {
  width: auto;
  /* reset 100% set by framework7 */
}
.aurora {
  --f7-button-min-width: 72px;
  /* default 24px */
  --f7-menu-text-color: inherit;
  /* default white */
  --f7-menu-bg-color: inherit;
  /* default rgba(0, 0, 0, 0.9) */
}
.aurora .menu-dropdown-content {
  --f7-menu-bg-color: white;
  border: 1px solid gray;
}
.aurora .menu-item.active-state:not(.menu-item-dropdown-opened) {
  background-color: rgba(0, 0, 0, 0.2);
  /* default rgba(0, 0, 0, 0.7) */
}
.aurora input {
  padding-left: 5px;
  padding-right: 5px;
}
input:read-only,
textarea:read-only,
.list input:read-only {
  color: gray;
}
.aurora .input:not(.input-outline):after {
  content: none;
}
.data-table .data-table-footer .data-table-pagination {
  flex-grow: 1;
  /* move the label and links to the left, leaving the select to the right */
  padding-left: 24px;
  /* no padding in the default */
}
/* children are placed horizontally */
.FlexRow {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.FlexRowGap1 {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.FlexRowGap1 > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.FlexRowGap2 {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.FlexRowGap2 > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 2ex;
  /* space between items */
}
/* children are placed vertically */
.FlexColumn {
  display: flex;
  flex-direction: column;
}
.FlexColumnGap1 {
  display: flex;
  flex-direction: column;
}
.FlexColumnGap1 > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 1ex;
  /* space between items */
}
.FlexColumnGap2 {
  display: flex;
  flex-direction: column;
}
.FlexColumnGap2 > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 2ex;
  /* space between items */
}
.ButtonDisabled {
  pointer-events: none;
}
.PageBase table {
  border-collapse: collapse;
}
.PageBase table th,
.PageBase table td {
  border: 1px solid #808080;
  padding-left: 2px;
  padding-right: 2px;
}
.PageBase .Header {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  background-color: #f5f9fc;
  border-bottom: 2px solid #fafafa;
}
.PageBase .Header .Left .Title {
  height: 32px;
  object-fit: contain;
}
.PageBase .Header .Center {
  padding-left: 10px;
  flex-grow: 1;
}
.PageBase .Header .Right .SiteDesgin {
  height: 32px;
  object-fit: contain;
}
.PageBase .Header .Right .Logo {
  height: 24px;
  object-fit: contain;
}
.PageBase .Header .Right .Title {
  height: 8px;
  object-fit: contain;
  padding-top: 4px;
}
.PageBase .page-content {
  background-color: white;
  min-height: 100%;
}
.PageBase .FixedWidth {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 600px;
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0 10px;
}
.PageBase .Footer {
  background-color: #001f41;
  color: white;
  font-size: 85%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.PageBase .VerticalControls {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 10px;
}
.PageBase .VerticalControls > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 1ex;
  /* space between items */
}
.PageBase .HorizontalControls {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  margin: 10px;
}
.PageBase .HorizontalControls > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.TopPage table {
  border-collapse: collapse;
}
.TopPage table th,
.TopPage table td {
  border: 1px solid #808080;
  padding-left: 2px;
  padding-right: 2px;
}
.TopPage .Header {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  background-color: #f5f9fc;
  border-bottom: 2px solid #fafafa;
}
.TopPage .Header .Left .Title {
  height: 32px;
  object-fit: contain;
}
.TopPage .Header .Center {
  padding-left: 10px;
  flex-grow: 1;
}
.TopPage .Header .Right .SiteDesgin {
  height: 32px;
  object-fit: contain;
}
.TopPage .Header .Right .Logo {
  height: 24px;
  object-fit: contain;
}
.TopPage .Header .Right .Title {
  height: 8px;
  object-fit: contain;
  padding-top: 4px;
}
.TopPage .page-content {
  background-color: white;
  min-height: 100%;
}
.TopPage .FixedWidth {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 600px;
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0 10px;
}
.TopPage .Footer {
  background-color: #001f41;
  color: white;
  font-size: 85%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.TopPage .VerticalControls {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 10px;
}
.TopPage .VerticalControls > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 1ex;
  /* space between items */
}
.TopPage .HorizontalControls {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  margin: 10px;
}
.TopPage .HorizontalControls > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.TopPage .Content {
  display: flex;
  flex-direction: column;
  padding: 2ex;
}
.TopPage .Content .Center .Login {
  display: flex;
  flex-direction: column;
}
.TopPage .Content .Center .Login > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 2ex;
  /* space between items */
}
.TopPage .Content .Center .Login input[type=text],
.TopPage .Content .Center .Login input[type=password] {
  width: 60%;
  font-size: 120%;
  border: 1px solid black;
}
.TopPage .Content .Center .Login .LoginId {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  margin-left: 20px;
}
.TopPage .Content .Center .Login .LoginPassword {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  margin-left: 20px;
}
.SupportPage table {
  border-collapse: collapse;
}
.SupportPage table th,
.SupportPage table td {
  border: 1px solid #808080;
  padding-left: 2px;
  padding-right: 2px;
}
.SupportPage .Header {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  background-color: #f5f9fc;
  border-bottom: 2px solid #fafafa;
}
.SupportPage .Header .Left .Title {
  height: 32px;
  object-fit: contain;
}
.SupportPage .Header .Center {
  padding-left: 10px;
  flex-grow: 1;
}
.SupportPage .Header .Right .SiteDesgin {
  height: 32px;
  object-fit: contain;
}
.SupportPage .Header .Right .Logo {
  height: 24px;
  object-fit: contain;
}
.SupportPage .Header .Right .Title {
  height: 8px;
  object-fit: contain;
  padding-top: 4px;
}
.SupportPage .page-content {
  background-color: white;
  min-height: 100%;
}
.SupportPage .FixedWidth {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 600px;
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0 10px;
}
.SupportPage .Footer {
  background-color: #001f41;
  color: white;
  font-size: 85%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.SupportPage .VerticalControls {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 10px;
}
.SupportPage .VerticalControls > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 1ex;
  /* space between items */
}
.SupportPage .HorizontalControls {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  margin: 10px;
}
.SupportPage .HorizontalControls > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.SupportPage .Content {
  display: flex;
  flex-direction: column;
  padding: 2ex;
}
.SupportPage .Content .Center {
  display: flex;
  flex-direction: column;
}
.SupportPage .Content .Center > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 2ex;
  /* space between items */
}
.MainPage table {
  border-collapse: collapse;
}
.MainPage table th,
.MainPage table td {
  border: 1px solid #808080;
  padding-left: 2px;
  padding-right: 2px;
}
.MainPage .Header {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  background-color: #f5f9fc;
  border-bottom: 2px solid #fafafa;
}
.MainPage .Header .Left .Title {
  height: 32px;
  object-fit: contain;
}
.MainPage .Header .Center {
  padding-left: 10px;
  flex-grow: 1;
}
.MainPage .Header .Right .SiteDesgin {
  height: 32px;
  object-fit: contain;
}
.MainPage .Header .Right .Logo {
  height: 24px;
  object-fit: contain;
}
.MainPage .Header .Right .Title {
  height: 8px;
  object-fit: contain;
  padding-top: 4px;
}
.MainPage .page-content {
  background-color: white;
  min-height: 100%;
}
.MainPage .FixedWidth {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 600px;
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0 10px;
}
.MainPage .Footer {
  background-color: #001f41;
  color: white;
  font-size: 85%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.MainPage .VerticalControls {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 10px;
}
.MainPage .VerticalControls > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 1ex;
  /* space between items */
}
.MainPage .HorizontalControls {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  margin: 10px;
}
.MainPage .HorizontalControls > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.MainPage .Content {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  align-items: flex-start;
  flex-grow: 1;
  padding: 1ex;
}
.MainPage .Content h1 {
  font-size: 150%;
}
.MainPage .Content .Calendar {
  flex-grow: 9999;
  padding: 1ex;
  margin: 1ex;
}
.MainPage .Content .Calendar .Card .YearCal {
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  padding: 1ex;
  margin: 1ex;
  width: 300px;
}
.MainPage .Content .Calendar .Card .YearCal .YearControl {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.MainPage .Content .Calendar .Card .YearCal .YearControl > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.MainPage .Content .Calendar .Card .YearCal .YearControl .Title {
  flex-grow: 9999;
  text-align: center;
}
.MainPage .Content .Calendar .Card .YearCal .MonthsOfYear .Count {
  text-align: right;
}
.MainPage .Content .Calendar .Card .MonthCal {
  display: flex;
  flex-direction: column;
  top: 0;
  left: 0;
  padding: 1ex;
  margin: 1ex;
  width: 300px;
}
.MainPage .Content .Calendar .Card .MonthCal .MonthControl {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.MainPage .Content .Calendar .Card .MonthCal .MonthControl > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.MainPage .Content .Calendar .Card .MonthCal .MonthControl .Title {
  flex-grow: 9999;
  text-align: center;
}
.MainPage .Content .Calendar .Card .MonthCal .DaysOfMonth .Count {
  text-align: right;
}
.UserEditPage table {
  border-collapse: collapse;
}
.UserEditPage table th,
.UserEditPage table td {
  border: 1px solid #808080;
  padding-left: 2px;
  padding-right: 2px;
}
.UserEditPage .Header {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  background-color: #f5f9fc;
  border-bottom: 2px solid #fafafa;
}
.UserEditPage .Header .Left .Title {
  height: 32px;
  object-fit: contain;
}
.UserEditPage .Header .Center {
  padding-left: 10px;
  flex-grow: 1;
}
.UserEditPage .Header .Right .SiteDesgin {
  height: 32px;
  object-fit: contain;
}
.UserEditPage .Header .Right .Logo {
  height: 24px;
  object-fit: contain;
}
.UserEditPage .Header .Right .Title {
  height: 8px;
  object-fit: contain;
  padding-top: 4px;
}
.UserEditPage .page-content {
  background-color: white;
  min-height: 100%;
}
.UserEditPage .FixedWidth {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  min-width: 600px;
  max-width: 1100px;
  margin: 10px auto 0;
  padding: 0 10px;
}
.UserEditPage .Footer {
  background-color: #001f41;
  color: white;
  font-size: 85%;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}
.UserEditPage .VerticalControls {
  display: flex;
  flex-direction: column;
  padding: 10px;
  margin: 10px;
}
.UserEditPage .VerticalControls > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 1ex;
  /* space between items */
}
.UserEditPage .HorizontalControls {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  padding: 10px;
  margin: 10px;
}
.UserEditPage .HorizontalControls > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 1ex;
  /* space between items */
}
.UserEditPage .Content {
  display: flex;
  flex-direction: column;
  padding: 2ex;
}
.UserEditPage .Content .UserForm {
  display: flex;
  flex-direction: column;
  padding: 2ex;
}
.UserEditPage .Content .UserForm > *:not(:first-child) {
  /* this create unwanted space at the top from the 2nd column when wrapped */
  margin-top: 2ex;
  /* space between items */
}
.UserEditPage .Content .UserForm .Entry {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.UserEditPage .Content .UserForm .Entry > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 2ex;
  /* space between items */
}
.UserEditPage .Content .UserForm .Entry div:first-child {
  width: 10em;
}
.UserEditPage .Content .UserForm .Entry input[type=text],
.UserEditPage .Content .UserForm .Entry input[type=password] {
  border: 1px solid black;
  padding: 0.5ex;
  width: 40ex;
}
.UserEditPage .Content .UserForm .CurrentPassword {
  margin-bottom: 2ex;
  /* 現在のパスワードの下に余白を追加 */
}
.AdminPage .PageContent {
  display: flex;
  flex-direction: column;
  background-color: white;
}
.AdminPage .PageContent .MenuAndContent {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  align-items: flex-start;
}
.AdminPage .PageContent .MenuAndContent .Menu {
  padding: 1ex;
}
.AdminPage .PageContent .MenuAndContent .Content {
  display: flex;
  flex-direction: column;
  padding: 1ex;
  width: 100%;
}
.AdminPage .PageContent .MenuAndContent .Content .Breadcrumb {
  padding-top: 1ex;
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
}
.AdminPage .PageContent .MenuAndContent .Content .Breadcrumb > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 2ex;
  /* space between items */
}
.AdminPage .PageContent .MenuAndContent .Content .Controls {
  display: flex;
  flex-direction: row;
  align-items: center;
  /* the default: flex-wrap: nowrap */
  justify-content: flex-end;
}
.AdminPage .PageContent .MenuAndContent .Content .Controls > *:not(:first-child) {
  /* this create unwanted space at the left from the 2nd row when wrapped */
  margin-left: 2ex;
  /* space between items */
}
.AdminPage .PageContent .MenuAndContent .Content div.sigKeyName {
  width: 40ex;
}
.AdminPage .WordBreakAll {
  word-break: break-all;
}
.Error {
  color: red;
}
.PreMonoTextDialog {
  white-space: pre;
  font-family: monospace;
  width: 80%;
  left: 20%;
  overflow: scroll;
}
.DialogWidth60 {
  left: 30%;
  width: 60%;
}
body {
  /* https://wemo.tech/1155 */
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
}