.flex-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

canvas {
    width: 100%;
}

#control-panel {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
#page-info {
    flex-grow: 1;
    text-align: center;
}

/* タブレットおよびスマートフォンではiframeを非表示にする */
@media (max-width: 1024px) {
  iframe {
    display: none;
  }
}

/* PCではbuttonを非表示にする */
@media (min-width: 1025px) {
  .pdf-download, .pdf-open {
    display: none;
  }
}