@charset "UTF-8";
/* ------------------
    共通
--------------------- */
.headline {
  background: url(../images/column/bg_column.png) no-repeat center/cover;
  padding: 70px 0;
}
.headline.top {
  background: url(../images/column/bg_column.png) no-repeat center/cover;
}

.individualLink .images.thum {
  position: relative;
}
.individualLink .images.thum .point {
  position: absolute;
  bottom: -20px;
  right: -20px;
}

.moreBtn a.btnGreen {
  max-width: 360px;
}

.readBox {
  display: flex;
  padding: 50px 60px;
}
.readBox .textBlock {
  width: 450px;
  margin-right: calc(46 / 1080 * 100%);
}

.readBox02 .flexBox .textBlock {
  width: 450px;
  margin-right: calc(46 / 1080 * 100%);
}

.qaArea {
  padding: 80px 0;
}
.qaArea .bgWhite {
  padding: 70px 60px 65px;
}

.mangaList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.mangaList li {
  position: relative;
  width: 460px;
}
.mangaList li span {
  color: #fff;
  position: absolute;
  width: 46px;
  height: 46px;
  background: #5eb584;
  bottom: 1px;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 2.6rem;
}

@media only screen and (max-width: 750px) {
  .headline {
    background: url(../images/column/bg_column.png) no-repeat center bottom -30px/cover;
    padding: 25px 0 35px;
    background-size: 150%;
    margin-bottom: 0;
  }
  .headline.top {
    margin-bottom: 25px;
  }

  .individualLink .images.thum .point {
    right: -10px;
    width: 70px;
  }

  .moreBtn a.btnGreen {
    max-width: 320px;
  }

  .readBox {
    display: block;
  }
  .readBox.grayBdrBlock {
    padding: 20px;
  }
  .readBox .textBlock {
    width: 100%;
    margin-right: 0;
  }
  .readBox .images {
    text-align: center;
    margin-top: 15px;
  }

  .readBox02 .flexBox .textBlock {
    width: 100%;
    margin-right: 0;
  }
  .readBox02 .flexBox .images {
    text-align: center;
    margin-top: 15px;
  }

  .qaArea {
    padding: 35px 0 80px;
  }
  .qaArea .bgWhite {
    padding: 20px 20px 35px;
  }

  .mangaList li {
    width: 48%;
  }
  .mangaList li span {
    width: 30px;
    height: 30px;
    font-size: 1.6rem;
  }
}