.cross_iframe {
  width: 100%;
  min-height: 690px;
}
div.howtolink{
  margin : 1rem;
  padding: 1rem;
  display: none;
  text-align: center;
}
div.howtolink a{
  text-align: center;
  color: #fff;
  padding: 8px;
  border-radius: 4px;
  font-weight: bold;
  background-color: #54af3d;
}
@media screen and (max-width: 410px) {
  .cross_iframe {
    width: 100%;
    min-height: 540px;
  }
  div.howtolink{
    display: block;
  }
}
@media screen and (min-width: 411px) and (max-width: 640px) {
  .cross_iframe {
    width: 100%;
    min-height: 560px;
  }
  div.howtolink{
    display: block;
  }
}

div#CrossWordWrap202511{
  padding: 1em;
  background-image: url(../../../../../../piyomaru_crossword/202511/images/bg.jpg);
  background-repeat: no-repeat;
  background-position: top;
  background-color: #e9efef;
  background-size: contain;
}

div#cw-head {
  margin-bottom: 2em;
}
div#cw-head img {
  width: 100%;
  height: auto;
}
div#cw-howto {
  margin-bottom: 2em;
}
div#cw-howto h3 {
  text-align: center;
  color: #fff;
  padding: 8px;
  border-radius: 4px 4px 0 0;
  font-weight: bold;
  background-color: #54af3d;
}
div.cw-howto-exp {
  padding: 1em;
  background-color: #fff;
}
div.cw-howto-exp li {
  margin-bottom: 1em;
  display: flex;
  align-items: center;
}
div.cw-howto-exp img {
  border: solid 1px #ccc;
}
div.cw-howto-exp p {
  margin-left: 2em;
}
@media screen and (max-width: 420px) {
  div.cw-howto-exp li {
    display: block;
  }
}

@media screen and (max-width: 420px) {
  div.cw-howto-exp li {
    display: block;
  }
  div.cw-howto-exp p {
    margin-top: 1em;
    margin-left: 0em;
  }
}