@charset "UTF-8";
body {
  font-family: Helvetica, 'Helvetica Neue', 'Mplus 1p', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic' !important;
  font-size: 12px;
}

.wrapper {
  margin: 10px;
}

.edit-area {
  display: flex;
  justify-content: center;
  padding: 10px 0;
}

.write {
  width: 48%;
  /* max-width: 750px; */
  /* margin: 0 auto; */
}

.read {
  width: 46%;
  /* margin: 0 auto; */
}

/* #contents {
  width: 700px;
  height: 640px;
} */

#output {
  width: 100%;
  height: 610px;
}

#change {
  height: 610px;
  margin: 0 10px;
}

.preview-area {
  width: 100%;
  height: 100%;
  margin: 0 auto;
  padding: 10px;
}

.t-button {
  position: fixed;
  top: 45%;
  left: 10px;
  display: block;
  font-size: 15px;
  padding: 5px;
  text-decoration: none;
  color: black;
  background: whitesmoke;
}

.p-button {
  position: fixed;
  top: 55%;
  left: 10px;
  display: block;
  font-size: 15px;
  padding: 5px;
  text-decoration: none;
  color: black;
  background: whitesmoke;
}