/* 文字コード設定
   TearaPad UTF-8N 改行LF */
@charset "utf-8";

/* レスポンシブ対応 */
@media (max-width: 600px) {

.header_logo img {
  width: 70px;
  height: auto;
  margin: 5px auto;
}
  
.header-intro{
  margin: 0.2em 0em 0.2em 0.2em;
  font-size: 1.2em;
}

header h1 {
  margin: 10px 0 0 0;
  font-size: 1.3em;
}

header p {
  font-size: 0.65em;
  margin: 0.2em 0;
}
main.main, section {
    padding: 8px !important;
    border-radius: 10px;
    margin: 8px auto;
    width: 95%;           /* 幅を指定することで中央寄せが効く */
    max-width: 400px;     /* 必要なら最大幅も指定 */
    box-sizing: border-box;
  }

.yumeresult {
  padding: 10px 10px 20px 10px;
}

.modal-content {
    padding: 1em 0.5em;
    border-radius: 12px;
    max-width: 98vw;
  }

h2 {
    font-size: 1.1em;
    padding: 0.3em 0.5em 0.0em 0.5em;
  }

  
.zodiac-icon img{
    width: 70px;
    height: 70px;
    margin-right: 5px;
  }

.modal_prv {
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  max-width: 100vw;
  bottom: 0;
  }

.modal-content_prv {
  max-width: 100vw;
  width: 100vw;
/*  border-radius: 10px 10px 0 0;*/
  margin-bottom: 0;
}
    
}