.book-boxleft {
  width: 30.0%;
  float: left;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 0.25em;
  margin-right: 0.5em;
}

.book-boxright {
  width: 65.0%;
  float: right;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 0.1em ;
  margin: 0.2em 0.1em;
}

.img-border375 {
    width: 37.5%;
    float: left;
    border: 1px solid #ccc;
    border-radius: 10px;
    padding: 0.5em;
    margin: 0.5em;
    vertical-align: bottom;
}



.div-box {
  border: 1px solid #CCC;
  border-radius: 10px;
  margin: 0.2em;
}

.kanji-image img {
    height: 1.25em;  /* 文字の高さに合わせる */
    vertical-align: middle; /* 文字のベースラインに揃える */
}


.chatgpt {
  margin: 0.5em;
  padding: 0.3em;
  padding-left: 1em;
  border-radius: 10px;
  border: 1px solid gray;
  font-size: 0.85em;
  background-color: #ffeeff;
}

p.tiptext {
  margin: 0.5em;
  padding: 0.3em;
  padding-left: 1em;
  border-radius: 10px;
  border: 1px solid gray;
  font-size: 0.85em;
  background-color: #e8ffe8;
}


.question {
  margin: 0.5em;
  padding: 0.3em;
  padding-left: 1em;
  border-radius: 10px;
  border: 1px solid gray;
  font-size: 0.85em;
  background-color: #e8ffe8;
}