@charset "UTF-8";


.block-container-section {
    padding: 0!important;
}

#magazine {
  font-feature-settings: "palt";
}

/* --------------------
   Header
-------------------- */
.articleHeader {
    margin-bottom: 0;
}
/* --------------------
   #intro
-------------------- */
#intro {
}
/* --------------------
   #cont1
-------------------- */
#cont1 {
  padding-top: 2em;
  position: relative;
  z-index: 1;
  background-color: #c1e0de;
  padding-top: 5em;
}
#cont1::after{
  content: '';
  width: 100%;
  height: 80%;
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #83c2bd;
  z-index: -1;
}
#cont1 .coach{
  background-color: #fff;
  border-radius: 1em;
  padding: 1em;
  margin-bottom: .5em;
}
#cont1 .coach img{
  width: 95%;
  margin-left: -1em;
  margin-top: -3.3em;
}
#cont1 .coach p{
  font-size: .9em;
}
#cont1 .ttl{
  margin-bottom: 0;
  margin-top: 2em;
}
#cont1 .flex{
  justify-content: space-between;
  margin-top: -25%;
}
#cont1 .flex img{
  width: 31%;
}
#cont1 p{
  margin-top: 1em;
  margin-bottom: 0;
}
#cont1 .bg-bottom{
  position: absolute;
  top: 99.9%;
  left: 0;
  margin-bottom: 0;
  z-index: 1;
}

@media (max-width: 768px){
  #cont1 {
    padding-bottom: 1em;
  }
}
/* --------------------
   #cont2
-------------------- */
#cont2 {
  position: relative;
  margin-top: 15%;
}
#cont2 img{
  margin-bottom: 1em;
}
#cont2 img.ttl{
  width: 90%;
  margin: 0 auto 1em;
  display: block;
}
#cont2 .bg-bottom{
  position: absolute;
  top: 99.97%;
  left: 0;
  margin-bottom: 0;
  z-index: 1;
}

@media (max-width: 768px){
}
/* --------------------
   #cont3
-------------------- */
#cont3 {
  background-color: #d1a2a5;
  padding-top: 15%;
  margin-top: 0;
  position:relative;
}
#cont3 .bg-bottom{
  position: absolute;
  top: 99.97%;
  left: 0;
  margin-bottom: 0;
  z-index: 1;
}
#cont3 .ttl{
  margin-left: -4%;
}
#cont3 .card{
  border: solid 2px #000000;
  border-radius: .5em;
  padding: 2em 1em 1em;
  max-width: none;
  margin-bottom: 0;
}
#cont3 .card .btnBox{
  margin: 0;
  text-align: center;
}
#cont3 .card .btnBox p{
  color: #ac1b25;
  font-weight: 500;
  margin-bottom: .2em;
  font-size: 1.1em;
}
#cont3 .flex {
  align-items: center;
  margin-top: 1em;
}
#cont3 .flex .imgBox{
  width: 40%;
}
#cont3 .flex .txtBox{
  width: 60%;
}
#cont3 .flex .txtBox p{
  font-size: .9em;
}

@media (max-width: 768px){
}

/* --------------------
   #cont4
-------------------- */
#cont4{
  margin-top: 15%;
  position:relative;
}
#cont4 .bg-bottom{
  position: absolute;
  top: 99.9%;
  left: 0;
  margin-bottom: 0;
  z-index: 1;
}
#cont4 img{
  margin-bottom: 1em;
}
#cont4 p{
  margin-bottom: 0;
}

@media (max-width: 768px){
  #cont4{
    padding-bottom: 1em;
  }
}
/* --------------------
   #cont5
-------------------- */
#cont5{
  background-color: #f0e0e1;
  padding-top: 15%;
}
#cont5 .bg-bottom{
  position: absolute;
  top: 99.5%;
  left: 0;
  margin-bottom: 0;
  z-index: 1;
}
#cont5 img{
  margin-bottom: 5%;
}
#cont5 img.ttl{
  margin-left: -4%;
  max-width: 104%;
}
#cont5 .card{
  background-color: transparent;
}
#cont5 .cont .card .buyBtn {
   background: #5fa5a0;
   border-color: #5fa5a0;
}
#cont5 .cont .card .buyBtn:hover {
   color: #5fa5a0;
   background-color: #fff;
   border-color: #5fa5a0;
}
#cont5 .cont .card .off span{
  font-size: .6em;
}
#cont5 .ca .btnBox{
  text-align: center;
}
#cont5 .ca .btnBox p{
  color: #ac1b25;
  font-weight: 500;
  margin-bottom: .2em;
  font-size: 1.1em;
}
#cont5 .ingredients{
  font-size: .8em;
  margin: 0.75em 3.5rem;
  line-height: normal;
}
#cont5 .ingredients .sec01{
  color: #ff647c;
  font-weight: 500;
}
#cont5 .ingredients .sec01 .pink{
  color: #fff;
  background-color: #ff647c;
  padding: .5em .8em;
}
#cont5 .ingredients .sec02 div{
  margin-top: 1em;
}
@media(max-width:768px){
  #cont5 img.ttl{
    margin-left: 0;
    max-width: 95%;
  }
  #cont5 .ingredients{
    margin: 0.75em 2rem;
  }
}


/* --------------------
   .card
-------------------- */
.card .priceBox .price:not(.discount) .num {
  font-size: 1.875em;
}
.card .card_header .ttl {
   color: #000;
}
.card .card_header .imgBox {
   top: 1em;
}
.card .buyBtn {
   background: #ac1b25;
   border-color: #ac1b25;
}
.card .buyBtn:hover {
   color: #ac1b25;
   background-color: #fff;
   border-color: #ac1b25;
}


.card .subscription {
   color: #00a33d;
   font-weight: 500;
}