/* 向畑家ポータル スマホ専用化 */
html, body {
  max-width: 480px;
  margin: 0 auto !important;
  min-height: 100vh;
  position: relative;
  overflow-x: hidden;
}

/* PC幅で見たときに「スマホ画面が中央にある」感じにする */
@media (min-width: 600px) {
  html {
    background:
      radial-gradient(circle at 30% 30%, #ddd3c0, transparent 50%),
      radial-gradient(circle at 70% 70%, #c8c0b0, transparent 50%),
      #b8ad9a;
    background-attachment: fixed;
    min-height: 100vh;
  }
  body {
    box-shadow: 0 0 60px rgba(0,0,0,.25), 0 0 0 8px #3a2f2a;
    border-radius: 28px;
    overflow: hidden;
    margin-top: 20px !important;
    margin-bottom: 20px !important;
  }
}