body {
  background-color: #fffff0;
  color: #000000;
}
.body90 {
  width: 90%;
  max-width: 1024px;
  margin: auto;
}
button {
  cursor: pointer;
}
button:hover {
  transform: scale(1.3);
}
table {
  margin-bottom: 20px;
}
.table90 {
  width: 100%;
  border-spacing: 10px;
}
.table_nomargin {
  margin-bottom: 0px;
}
p {
  text-indent: 1em;
  margin: 0 0;
}
.text-red {
  color: red;
  margin: 1em 0;
}
.text-right {
  text-align: right;
  width: 100%;
}
hr{
  margin-top: 20px;
  margin-bottom: 20px;
}
.text_small {
  font-size: smaller; 
}
.noclick {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  user-select: none;
}
.img_ls_s {
  width: 130px;
  height: 167px;
  border: 1px solid gray;
}
.img_a4_s {
  width: 126px;
  height: 178px;
  border: 1px solid gray;
}
.img_a3_s {
  width: 252px;
  height: 178px;
  border: 1px solid gray;
}
.img_a133_s { /* A4 x 1.33 */
  width: 168px;
  height: 178px;
  border: 1px solid gray;
}
.img_ls_max {
  max-width: 100%;
  aspect-ratio: 130 / 167;
  border: 1px solid gray;
}
.img_a4_max {
  max-width: 100%;
  aspect-ratio: 126 / 178;
  border: 1px solid gray;
}
.img_a3_max {
  max-width: 100%;
  aspect-ratio: 252 / 178;
  border: 1px solid gray;
}
.img_a133_max { /* A4 x 1.33 */
  max-width: 100%;
  aspect-ratio: 168 / 178;
  border: 1px solid gray;
}
.td_4 {
  width: 25%;
}
.td_2 {
  width: 50%;
}
.td_3 {
  width: 33.3%;
}

#signage {
  width: 320px;
  height: 452px;
  border: 1px solid gray;
}
#kogatain {
  width: 250px;
  height: 250px;
  border: 1px solid gray;
}
#cover {
  width: 560px;
  height: 313px;
  border: 1px solid gray;
}

@media screen and (max-width: 950px) { /* (250+560+40)/0.9 */
  #signage { width: 34vw; height: auto;} /* 320/950 */
  #kogatain { width: 26vw; height: auto;} /* 250/950 */
  #cover { width: 59vw; height: auto;} /* 560/950 */
}