@charset "UTF-8";
/* CSS Document */
h1 {
  font-size: 4rem;
  font-weight: bold;
  font-family: "neighbor", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.1rem;
}
html {
  font-size: 62.5%;
}
.gothicBgWhite {
  /*    border: 1px solid #fcfcfc;*/
  padding: 6px;
  font-size: 1.3rem;
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
  margin-right: 4px;
  border-radius: 1px;
  background-color: #fcfcfc;
  color: #000;
}
dt {
  font-weight: bold;
  border: 1px solid #fcfcfc;
  border-radius: 1px;
  padding: 6px;
  text-align: center;
  width: 5em;
  background-color: #fcfcfc;
  color: #333;
}
dl {
  display: flex;
  justify-content: flex-start;
  align-items: center;
}
h2 {
  font-size: 1.9rem;
  text-align: center;
  border-top: 4px double #fcfcfc;
  border-bottom: 4px double #fcfcfc;
  letter-spacing: 1.1rem;
}
p {}
p.annotation {
  border: 1px solid #fcfcfc;
  border-radius: 1px;
  background-color: #222;
  padding: 10px;
  font-size: 1.2rem;
}
dl dd span {
  display: block;
}
dl dd a {
  color: #fcfcfc;
  font-size: 3rem;
  text-decoration: none;
  display: block;
}
dl dd a:hover {
  text-decoration: underline;
}
dl.boxLine {
  border: 1px solid #fcfcfc;
  border-radius: 1px;
}
img.bookImg {
  display: block;
  margin: 0 auto;
  width: 5em
}
div.whitesquare {
  border: 2px solid #fcfcfc;
  padding: 40px;
}
dl dd strong {
  font-weight: bold;
}
dl dd {
  flex-basis: 50em;
}
img.logoImg {
  width: 20vw;
}
body {
  font-size: 1.6em;
}
#mainContent {
  background: #fcfcfc;
  font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
  font-size: 1.5rem;
  width: 64vw;
  margin: 0 auto;
  color: #fafafa;

}
span.annotation {
  font-size: 0.9em;
}
  .pageTopBtn {
  width: 64vw;
    }
/* スマートフォン（画面幅が480px以下）のとき */
@media (max-width: 480px) {
  h1 {
    font-size: 3rem;
  }
  img.bookImg {
    width: 60%;
  }
  dl {
    display: block;
    width: 100%;
  }
  dt.gothic {
    margin: 0 auto;
    width: 90%;
    margin-bottom: 1rem;
  }
  dl dd {
    display: block;
    margin: 0 auto;
    padding-bottom: 1.2rem;
  }
  img.logoImg {
    width: 100%;
  }
  dl.boxLine {
    text-align: center;
  }
  #mainContent {
  width: 90vw;
  }
  div.whitesquare {
  padding: 40px 5%;
}
  .pageTopBtn {
  width: 90vw;
    }
}