@charset "utf-8";

/*巨人ムック本 2025.3*/

.giants {
  border:1px solid #000;
  width: 500px;
  padding:25px 15px 5px 15px;
  margin-top:20px;
  margin-bottom:20px;
  margin: 0 auto;
  background-color:#fff;
  position:relative;
}
.giants .txt-box {
  padding:10px 30px 5px 30px;
  background-color:#fff;
  margin:6px 0 6px 0;
}
.giants .txt-box p {
  font-size:16px;
  margin:2px 0 14px 0;;
  color:#111;
  font-weight: bold;
}
.giants .img-box {
  text-align:center;
  margin:4px 0 8px 0;
}
.giants .img-box img {
  width:300px;
}

@media screen and (max-width:640px){
  .giants {
    padding:18px 10px 1px 10px;
    margin-top:15px;
    margin-bottom:15px;
    width: 90%;
  }
  .giants .txt-box {
    padding: 5px 15px 5px 15px;
    margin:10px 0 10px 0;
  }
  .giants .txt-box p {
    margin:12px 0 12px 0;
    font-size:15px;
    line-height:1.4em;
  }
}