@charset "utf-8";
/*雑誌「Number」宣伝枠*/
.article-magazine-number {
  padding: 30px;
  margin-bottom: 30px;
  background-color: #202226;
  color: #fff;
}
.article-magazine-number p {
  margin: 0;
}
.article-magazine-number a {
  text-decoration: underline;
  color: #fff !important;
}
.article-magazine-number a:hover {
  text-decoration: none;
  color: #c3c3c3;
}
.article-magazine-number .image-area {
  float: left;
  width: 180px;
  text-align: center;
}
.article-magazine-number .image-area .image {
  margin-bottom: 25px;
}
.article-magazine-number .image-area .image img {
  max-width: 180px;
  height: auto;
}
.article-magazine-number .text-area {
  padding-top: 2px;
  margin-left: 210px;
}
.article-magazine-number .text-area .number {
  margin-bottom: 5px;
  font-family: "Oswald","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",sans-serif;
  font-size: 16px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #a9954d;
}
.article-magazine-number .text-area .title {
  margin-bottom: 15px;
  line-height: 1.3;
  font-size: 22px;
  font-weight: bold;
}
.article-magazine-number .text-area .title a {
  color:#fff;
  text-decoration:none;
}
.article-magazine-number .text-area .title a:hover {
  text-decoration:underline;
}

.article-magazine-number .text-area .headline {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 1.3;
  color: #a9954d;
}

.article-magazine-number .text-area .outline {
  margin-bottom: 15px;
  font-size: 15px;
}
.article-magazine-number .text-area .price {
  margin-bottom: 15px;
  font-size: 15px;
}
.article-magazine-number .text-area .price span {
  margin-left: 30px;
}
.article-magazine-number .text-area .price a.
article-magazine-number .text-area .other a{
  color:#fff;
  text-decoration:none;
}
.article-magazine-number .text-area .price a:hover,
.article-magazine-number .text-area .other a:hover {
  text-decoration:underline;
}

.article-magazine-number .text-area .outline {
  color:#fff;
  margin: 15px 0;
}
.article-magazine-number .text-area .other span {
  margin-left: 10px;
}
.article-magazine-number .text-area .other .icon {
  position: relative;
  top: -2px;
  display: inline-block;
  margin: 0;
  font-size: 11px;
}

/*雑誌「Number」宣伝枠（小）*/
.article-magazine-number-small {
  padding: 20px 50px;
  margin-bottom: 30px;
  background-color: #202226;
  color: #fff;
  min-height: 120px;
  height: auto !important;
  height: 120px;
}
.article-magazine-number-small p {
  margin: 0;
}
.article-magazine-number-small a {
  text-decoration: underline;
  color: #fff;
}
.article-magazine-number-small a:hover {
  text-decoration: none;
  color: #c3c3c3;
}
.article-magazine-number-small .image-area {
  float: left;
  width: 90px;
  text-align: center;
}
.article-magazine-number-small .image-area .image img {
  max-width: 90px;
  height: auto;
}
.article-magazine-number-small .text-area {
  padding-top: 2px;
  margin-left: 120px;
}
.article-magazine-number-small .text-area .number {
  margin-bottom: 8px;
  font-family: "Oswald","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","ＭＳ ゴシック","MS Gothic",sans-serif;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.5px;
  color: #a9954d;
}
.article-magazine-number-small .text-area .title {
  margin-bottom: 13px;
  line-height: 1.2;
  font-size: 19px;
  font-weight: bold;
}
.article-magazine-number-small .text-area .title a {
  color:#fff;
  text-decoration:none;
}
.article-magazine-number-small .text-area .title a:hover {
  text-decoration:underline;
}
.article-magazine-number-small .text-area .backnumber {
  line-height: 1.3;
  font-size: 12px;
}
.article-magazine-number-small .text-area .backnumber a {
  color:#fff;
  text-decoration:none;
}
.article-magazine-number-small .text-area .backnumber a:hover {
  text-decoration:underline;
}

/*書籍紹介枠*/
.article-book-introduction {
  padding: 30px 30px 15px 30px;
  margin-bottom: 60px;
  font-size: 15px;
  background-color: #dceef2;
}
.article-book-introduction p {
  margin: 0;
}
.article-book-introduction a {
  text-decoration: none;
  color: #2169c2;
}
.article-book-introduction a:hover{
  text-decoration: underline;
  color: #2ca7ed;
}
.article-book-introduction a:hover {
  text-decoration: underline;
}
.article-book-introduction .image-area {
  float: left;
  width: 180px;
  text-align: center;
}
.article-book-introduction .image-area .image {
  margin-bottom: 25px;
}
.article-book-introduction .image-area .image img {
  max-width: 180px;
  height: auto;
}
.article-book-introduction .text-area {
  padding-top: 2px;
  margin-left: 210px;
}
.article-book-introduction .text-area .title {
  margin-bottom: 3px;
  line-height: 1.3;
  font-size: 22px;
  font-weight: bold;
}
.article-book-introduction .text-area .sub-title {
  font-size: 16px;
}
.article-book-introduction .text-area .price {
  margin-bottom: 15px;
  font-size: 15px;
}
.article-book-introduction .text-area .price span {
  margin-left: 30px;
}
.article-book-introduction .text-area .price a {
  color: #2169c2;
  text-decoration:none;
}
.article-book-introduction .text-area .price a:hover {
  text-decoration:underline;
}
.article-book-introduction .text-area .outline {
  margin: 15px 0;
}
.article-book-introduction .text-area .other span {
  margin-left: 10px;
}
.article-book-introduction .text-area .other .icon {
  position: relative;
  top: -2px;
  display: inline-block;
  margin: 0;
  font-size: 11px;
}

@media only screen and (max-width: 540px) {

  /*雑誌「Number」宣伝枠*/
  .article-magazine-number {
    padding: 15px;
    margin-bottom: 30px;
  }
  .article-magazine-number p {
    margin: 0;
  }
  .article-magazine-number a,
  .article-magazine-number a:hover {
    text-decoration: underline;
    color: #fff;
  }
  .article-magazine-number .image-area {
    margin-right: 15px;
    width: 100px;
  }
  .article-magazine-number .image-area .image {
    margin-bottom: 10px;
  }
  .article-magazine-number .image-area .image img {
    max-width: 100px;
    height: auto;
  }
  .article-magazine-number .image-area p img {
    width: 100px;
    height: auto;
  }
  .article-magazine-number .text-area {
    padding-top: 15px;
    margin-left: 0;
  }
  .article-magazine-number .text-area .number {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .article-magazine-number .text-area .title {
    line-height: 1.4;
    font-size: 15px;
  }
  .article-magazine-number .text-area .headline {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .article-magazine-number .text-area .outline {
    clear: both;
    padding-top: 8px;
    margin-bottom: 5px;
    font-size: 10px;
  }
  .article-magazine-number .text-area .price {
    margin-top: 10px;
    font-size: 10px;
  }
  .article-magazine-number .text-area .price span {
    margin-left: 10px;
  }
  .article-magazine-number .text-area .other {
    font-size: 10px;
  }
  .article-magazine-number.text-area .other span {
    margin-left: 10px;
  }
  .article-magazine-number .text-area .other .icon {
    top: 0;
    font-size: 10px;
  }

  /*雑誌「Number」宣伝枠（小）*/
  .article-magazine-number-small {
    padding: 15px;
    margin-bottom: 30px;
  }
  .article-magazine-number-small p {
    margin: 0;
  }
  .article-magazine-number-small a,
  .article-magazine-number-small a:hover {
    text-decoration: underline;
    color: #fff;
  }
  .article-magazine-number-small .image-area {
    margin-right: 15px;
    width: 100px;
  }
  .article-magazine-number-small .image-area .image {
    margin-bottom: 10px;
  }
  .article-magazine-number-small .image-area .image img {
    max-width: 100px;
    height: auto;
  }
  .article-magazine-number-small .image-area p img {
    width: 100px;
    height: auto;
  }
  .article-magazine-number-small .text-area {
    padding-top: 0;
    margin-left: 0;
  }
  .article-magazine-number-small .text-area .number {
    margin-bottom: 10px;
    font-size: 11px;
  }
  .article-magazine-number-small .text-area .title {
    line-height: 1.4;
    font-size: 15px;
  }
  .article-magazine-number-small .text-area .backnumber {
    clear: both;
  }

  /*書籍紹介枠*/
  .article-book-introduction {
    padding: 15px;
    margin-bottom: 30px;
  }
  .article-book-introduction p {
    margin: 0;
  }
  .article-book-introduction a,
  .article-book-introduction a:hover {
    text-decoration: none;
    color: #2169c2;
  }
  .article-book-introduction .image-area {
    margin-right: 15px;
    width: 100px;
  }
  .article-book-introduction .image-area .image {
    margin-bottom: 10px;
  }
  .article-book-introduction .image-area .image img {
    max-width: 100px;
    height: auto;
  }
  .article-book-introduction .image-area p img {
    width: 100px;
    height: auto;
  }
  .article-book-introduction .text-area {
    padding-top: 15px;
    margin-left: 0;
  }
  .article-book-introduction .text-area .title {
    margin-bottom: 5px;
    line-height: 1.4;
    font-size: 15px;
  }
  .article-book-introduction .text-area .sub-title {
    font-size: 12px;
  }
  .article-book-introduction .text-area .price {
    margin-top: 10px;
    font-size: 10px;
  }
  .article-book-introduction .text-area .outline {
    clear: both;
    padding-top: 8px;
    margin: 0 0 5px;
    font-size: 10px;
  }
  .article-book-introduction .text-area .other {
    font-size: 10px;
  }
  .article-book-introduction .text-area .other span {
    margin-left: 10px;
  }
  .article-book-introduction .text-area .other .icon {
    top: 0;
    font-size: 10px;
  }
}