.btn-back-iwate{
  margin: 1.5em 0;
  background-color: #d3a8ff;
  box-shadow: 0 4px 0 #bf7fff;
}

/* .publisher_wrap{
  width: 100%;
  -webkit-writing-mode: unset;
  -ms-writing-mode: unset;
  writing-mode: unset;
  text-align: center;
}

.publisher_name, .publisher_school, .publisher_school_year {
  -webkit-writing-mode: unset;
  -ms-writing-mode: unset;
  writing-mode: unset;
} */

.container{
  padding-top: 70px;
}

.iwate-header{
  position: absolute;
  width: 100%;
  max-width: 780px;
  top: 20px;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  display: flex;
  gap: 1rem;
}

.iwate-header button{
  display: flex;
  justify-content: center;
  align-items: center;
  height: 40px;
  background-color: #d3a8ff;
  box-shadow: 0 4px 0 #bf7fff;
  border: none;
  border-radius: 20px;
  color: #fff;
  width: 135px;
  transition: .5s;
}

.iwate-header button.reload{
  background-color: #bcbfb8;
  box-shadow: 0 4px 0 #9E9E9E;
  font-size: 0.9rem;
}

.iwate-header button span{
  margin-right: 5px;
}

.iwate-header button:hover{
  cursor: pointer;
  transform: translateY(4px);
  box-shadow: none;
}

/* ダイアログボックスのスタイリング */
.iwate-dialog{
  width: 500px;
  border: none;
  border-radius: 4px;
  box-shadow: 0 0 24px 4px rgba(0, 0, 0, 0.4);
  padding: 0;
}
/* 背景 */
.iwate-dialog::backdrop{
  background-color: rgba(0, 0, 0, 0.4);
}
.iwate-dialog rt{
  display: revert;
  font-size: 70%;
  transform: translateY(-.06rem);
}

/* ボディ */
.iwate-dialog .body{
  background-color: #fff;
  padding: 1em;
}
.iwate-dialog .body p{
  line-height: 2.2;
}
/* フッタ */
.iwate-dialog .footer{
  background-color: #fff;
  display: flex;
  justify-content: space-around;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 1rem;
  padding: 1rem;
}
/* ボタン */
.iwate-dialog .button{
  width: 100px;
  height: 36px;
  padding: 2px 0 4px;
  line-height: 1;
  color: #fff;
  transition: .5s;
  cursor: pointer;
  border-radius: 6px;
  border: none;
  box-sizing: border-box;
}
.iwate-dialog .button.ok{
  background: #e74863;
  box-shadow: 0 4px 0 #b8394f;
}
.iwate-dialog .button.cancel{
  background: #079dd1;
  box-shadow: 0 4px 0 #057da7;
}
.iwate-dialog .button:hover{
  opacity: 0.8;
  transform: translateY(4px);
  box-shadow: none;
}

/* 開くときのアニメーション */
.iwate-dialog[open],
.iwate-dialog[open]::backdrop {
  animation: fadeIn 500ms ease normal;
}
@keyframes fadeIn{
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* 閉じるときのアニメーション */
.iwate-dialog.hide,
.iwate-dialog.hide::backdrop {
  animation: fadeOut 500ms ease normal;
}
@keyframes fadeOut {
  to {
    opacity: 0;
  }
}

@media only print{
  .iwate-header{
    display: none!important;
    width: 0px;
  }
  .container{
    padding-top: 0px;
  }
}