#magazine {
  overflow: hidden;
}
.block-container-section {
  padding: 0 !important;
}
.center {
  text-align: center;
}
#cont1 .card_wrapper {
  max-width: 562px;
  margin: 0 auto;
}
#cont1 .card_wrapper.card1 {
  background: url(../img/1__img1_bg.png) no-repeat top 36px center/contain;
}
#cont1 .card_wrapper.card2 {
  background: url(../img/1__img2_bg.png) no-repeat top 36px center/contain;
}
#cont1 .card_wrapper .card {
  margin-left: 9%;
  padding: 0 2% 2%;
}
#cont1 .card_wrapper .card .ttl {
  font-size: 1.1em;
}
#cont1 .card_wrapper .card .ttl, #cont1 .card_wrapper .card .price .num {
  font-weight: 700;
}
#cont1 .card_wrapper .card .txtBox {
  margin-right: 0;
}
#cont1 .card_wrapper .card .priceBox {
  margin-top: 0.5em;
}
#cont1 .card_wrapper .card_header {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}
@media (max-width: 860px) {
  #cont1 .card_wrapper .card {
    padding: 0 5% 2%;
  }
}
@media (max-width: 560px) {
  #cont1 .card_wrapper .card {
    margin-left: 3%;
  }
  #cont1 .card_wrapper .card .card_header img {
    width: 90%;
  }
  #cont1 .card_wrapper .card .txtBox {
    margin-top: 0.5em;
  }
}
#cont2 {
  color: #4c4c4c;
}
#cont2 .cont2_img2 {
  background: url(../img/2__img3_bg.jpg) no-repeat;
  background-size: cover;
  padding: 2% 2% 0;
}
#cont2 .inBlock_XXS {
  margin: 1em auto;
}
#cont2 .cont2_type {
  background-color: #fff;
  padding: 0;
  margin-bottom: 20px;
}
#cont2 .cont2_type .card {
  margin-top: 0;
  padding-top: 0;
  color: #2d2d2d;
}
#cont2 .cont2_type dt {
  color: #fff;
  text-align: center;
  padding: 0.1em 0;
  font-size: 1.4em;
}
#cont2 .cont2_type dd {
  padding: 15px 0 0 0;
}
#cont2 .cont2_type.card1 dt {
  background-color: #7aafcc;
}
#cont2 .cont2_type.card2 dt {
  background-color: #d7ac6f;
}
#cont2 .bg_grad {
  padding: 20px;
  background: #f7eee2;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(29%, #f7eee2), color-stop(55%, #e5eff5), color-stop(80%, #e5eff5), to(white));
  background: linear-gradient(0deg, #f7eee2 29%, #e5eff5 55%, #e5eff5 80%, white 100%);
}
.block {
  display: block;
  margin: 0 auto;
}
#cont3 .cont3_list {
  list-style-type: none;
  max-width: 500px;
  margin: 0 auto;
  padding: 40px;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
#cont3 .cont3_list li {
  padding: 8px 0;
}
#cont3 .grad {
  background: #ebd5b7;
  background: linear-gradient(54deg, #ebd5b7 21%, #edf1e8 47%, #bdd7e5 100%);
  padding: 4%;
}
#cont3 .inBlock_XXS {
  margin: 40px auto;
  padding: 15px 15px 40px;
  background-color: #fff;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
#cont4 {
  background: url(../img/3__bg.jpg) no-repeat center top/cover;
  text-align: center;
  padding: 0;
}
#cont4 .flex {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
#cont4 .flex li {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 49%;
  flex: 0 1 49%;
}
#cont4 .cont4_cont {
  text-align: center;
}
#cont4 #cont4-1 {
  margin-bottom: 4%;
}
#cont4 .cont4_img {
  margin-bottom: -10%;
}
#cont4 .card_wrapper {
  padding-top: 6%;
  padding-bottom: 4%;
  margin-bottom: 4%;
}
#cont4 .card_wrapper.card1 {
  background-color: #d4e5f1;
}
#cont4 .card_wrapper.card2 {
  background-color: #fff1cd;
}
#cont4 .card_wrapper .card {
  background-color: #fff !important;
  padding: 2% 0.5%;
}
#cont4 .card_wrapper .card .btnBox {
  margin-top: 1.5em;
}
#cont4 .card_wrapper:last-child {
  margin-bottom: 0;
}
#cont5 {
  background: url(../img/5__img1_bg.jpg) no-repeat;
  background-size: cover;
  text-align: center;
  padding: 4% 3%;
}
#cont6 .card_wrapper {
  padding-top: 3%;
  padding-bottom: 3%;
  margin-bottom: 0;
}
#cont6 .card_wrapper.card1 {
  background: url(../img/6__bg1.jpg) no-repeat;
  background-size: cover;
}
#cont6 .card_wrapper.card2 {
  background: url(../img/6__bg2.jpg) no-repeat;
  background-size: cover;
}
#cont6 .card_wrapper .card {
  margin-top: 0;
  background-color: #fff !important;
  padding: 2% 0.5%;
}
#cont6 .card_wrapper .card .btnBox {
  margin-top: 1.5em;
}
.inBlock_text {
  text-align: left;
  color: #5a5a5a;
  font-size: 1.1em;
}
.inBlock_XXS {
  max-width: 497px;
  padding: 0 20px;
  margin: 0 auto;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
.notes {
  font-size: 0.9em;
  text-align: left;
  margin: 1em 0;
}
.mincho {
  font-family: "Noto Serif JP", serif;
}
/* --------------------
   .card
-------------------- */
#magazine > section {
  text-align: center;
}
#magazine .card {
  background: transparent;
  max-width: 496px;
  margin-top: 35px;
  padding: 5% 0.5%;
}
#magazine .card .txtBox {
  text-align: left;
}
#magazine .card .imgBox {
  width: 35%;
}
#magazine .card .imgBox img {
  width: 130px;
}
#magazine .price .num {
  font-size: 1.875em;
}
#magazine .off {
  border-radius: 5px;
}
#magazine .card .subscription, #magazine .cvBox .subscription {
  text-align: center;
  line-height: 1;
  margin: 0.75em 1.25rem;
  color: #00a33d;
  font-weight: 500;
}
#magazine .card1 .buyBtn {
  background: #7aafcc;
  border-color: #7aafcc;
}
#magazine .card1 .buyBtn:hover {
  color: #7aafcc;
  background: #fff;
}
#magazine .card2 .buyBtn {
  background: #d7ac6f;
  border-color: #d7ac6f;
}
#magazine .card2 .buyBtn:hover {
  color: #d7ac6f;
  background: #fff;
}
/*# sourceMappingURL=style.css.map */
/* --------------------
   add
-------------------- */
.articleHeader h1 {
  width: 100%;
}
.adjImgWidth img {
  width: 100%;
  max-width: inherit;
}
/*end*/