body {
  background-color: #f5f5f5;
  width: 100%;
  height: 100vh;
  overflow-x: auto;
  overflow-y: hidden;
}

.vertical-middle-wrapper:before,
.vertical-middle-wrapper:after{
  content: '';
  display: inline-block;
  vertical-align: middle;
  width: 0;
  height: 100%;
}

#app{
  position: relative;
  /* min-width: 1600px; */
}

#app,
#app > div{
  height: 100%;
}

#app a{
  cursor: pointer;
  text-decoration: underline;
  color: #084fdd;
}

.mac,
.mac body,
.mac input,
.mac button,
.mac select,
.mac textarea {
  font-family: 'ヒラギノ丸ゴ ProN W4', 'Hiragino Maru Gothic ProN', 'ヒラギノ丸ゴ Pro W4', 'Hiragino Maru Gothic Pro', serif !important;
}

.win,
.win body,
.win input,
.win button,
.win select,
.win textarea {
  font-family: 'メイリオ', 'Meiryo', serif !important;
}

input[type="text"]::-ms-clear {
  display: none;
}