.hide {
  opacity: 0;
  bottom: -160px !important;
}
.visible {
  display: none !important;
}
.hakushu.attention {
  min-height: 400px;
  padding: 0 5.33333333vw;
  margin-bottom: 12.66666667vw;
}
.attention + .hakushu-footer .mail-magazine-footer {
  display: none;
}
.hakushu-footer {
  opacity: 1 !important;
}
.hakushu-footer .mail-magazine-footer {
  -webkit-transition: all 0.2s ease-out;
  -o-transition: all 0.2s ease-out;
  -moz-transition: all 0.2s ease-out;
  -ms-transition: all 0.2s ease-out;
}
.hakushu-footer .button-top.fix-right {
  bottom: 70px;
}
.hakushu-footer .button-top.fix-right.top {
  bottom: 15px;
}
.hakushu-footer.hide-mail-magazine .button-top.fix-right {
  bottom: 10px;
}
.hakushu-footer.in-view.hide-mail-magazine .button-top.fix-right {
  top: 15px;
}
@media only screen and (max-width: 768px) {
  .hakushu.attention .news__detail .section__title--news-detail {
    margin-bottom: 6.66666667vw;
  }
  .hakushu.attention .news__detail .news__detail--paragraph.paragraph__padding--diff-01 {
    margin-bottom: 0;
  }
}
@media only screen and (min-width: 480px) {
  .hakushu-footer .button-top.fix-right {
    bottom: 90px;
  }
}
@media only screen and (min-width: 768px) {
  .hakushu.attention {
    margin: 0 auto;
    min-height: 400px;
    text-align: center;
    margin-bottom: 40px;
    padding: 0;
  }
  .hakushu-footer.in-view.hide-mail-magazine .button-top.fix-right {
    top: 15px;
  }
}