/** 蝠�刀繝壹�繧ｸ蜈ｱ騾� **/
.container {color: #555;text-align: justify;}
#story .story h2::before,.story h2::after,.question,.answer_title{font-family: Georgia, 貂ｸ譏取悃, "Yu Mincho", YuMincho, "Noto Serif JP", "Hiragino Mincho ProN", HGS譏取悃E, 繝｡繧､繝ｪ繧ｪ, Meiryo, serif;
}
.feature-button,.feature_half-button{position: relative;display: block;margin: 0 auto;text-align: center;border: 1px solid #555;line-height: 1;padding: 20px 0;text-decoration: none;margin-top: 10px;font-weight: bold;}
.feature-button {max-width: 100%;}
#story .story .feature-button {width: 100%;}
.feature_half-button {width: 60%;margin-right: 10px;padding: 13px 20px 13px 10px;font-size: 1.4rem;}
.feature-button::after,.feature_half-button::after {    content: "";width: 7px;height: 7px;top: 40%;position: absolute;border-right: 2px solid #555;border-top: 2px solid #555;-webkit-transform: rotate(45deg);transform: rotate(45deg);display: inline-block;vertical-align: middle;margin-left: 5px;}
.feature-button::after{top: 43%;margin-left: 10px;}
#story .story {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;counter-reset: number;background: #F2F2F2;padding: 30px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
#story .story img,#story .story .sname{width: 100% !important;height: auto !important;margin-bottom: 20px;}
#story .story h2 {position: relative;font-size: 1.8rem;padding-left: 80px;margin: 0 0 20px;}
#story .story h2::before {content: "story";display: block;position: absolute;font-weight: normal;top: 13px;left: 20px;font-size: 1.4rem;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#story .story h2::after {display: block;counter-increment: number;content: counter(number, decimal-leading-zero);font-size: 33px;font-weight: normal;position: absolute;top: 33px;left: 30px;border-right: 1px solid;padding-right: 20px;padding-top: 5px;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}
#story .story p {margin: 0 0 20px;}

/** 蝠�刀繝壹�繧ｸ蜈ｱ騾喟notbase **/
.container {padding: 0;}
.container img {vertical-align: bottom;}
@media screen and (max-width: 767px) {body {background: #fff;}}
@media screen and (max-width: 1023px){body {padding-top: 61px;}}

/** CoCoRo繝励Λ繧ｻ繝ｳ繧ｿ **/
.cart,#qa .question,#qa .a_ishii,#sozai4 .sozai{position: relative;}
.cart .first_button{position: absolute;display: block}
#riyuu .riyuu .txt{padding: 0 20px}
.qa {background: #443106;border-radius: 10px;margin: 0 10px 30px;padding: 10px;}
.question {color: #fff;}
.answer {background: #fff;border-radius: 10px;padding: 30px 15px;}
#story,#rhythm,#riyuu,#qa,#sozai4,.s_box{margin-top: 30px}
#riyuu .riyuu{margin-top: 40px}
#riyuu .riyuu .txt h3 {border-left: 10px solid #DF0077;margin: 30px 0 20px;padding-left: 20px;line-height: 1.6;}
#riyuu .riyuu .r_name {font-size: 1.4rem;font-weight: 500;padding: 10px 0;border-top: 1px dashed #555;border-bottom: 1px dashed #555;}
#riyuu .riyuu .r_name span {font-size: 1.2rem;margin-left: 15px}
#riyuu .feature-button{margin: 30px 20px}
#qa {background: url(https://www.cocoro-happy.co.jp/wp/wp-content/themes/cocohapi/assets/img/placenta/c_007_qa_back.jpg);padding-bottom: 5px;}
#qa .question img {width: 95%;}
#qa .question span {font-size: 1.6rem;display: block;}
#qa .question{height: 90px;}
#qa .question .txt {width: 100%;font-size: 2rem;position: absolute;top: 50%;transform: translateY(-50%); -webkit-transform: translateY(-50%)}
#qa .placenta_txt h4 {background: #E5E5E5;border-radius: 5px;padding: 10px 20px;}
#qa .a_ishii {margin-top: 10px;padding-right: 95px;font-size: 1.6rem;line-height: 1.6;}
#qa .a_ishii::after {content: '';display: inline-block;width: 75px;height: 75px;position: absolute;top: 5px;right: 0;background-size: contain;background-image: url(https://www.cocoro-happy.co.jp/wp/wp-content/themes/cocohapi/assets/img/placenta/c_007_qa_ishii.jpg);}
#qa .a_ishii strong,#qa .placenta_txt strong,#sozai4 .sozai strong,.cart_main strong{background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #ffff66));background: linear-gradient(transparent 60%, #ffff66 60%);}
#qa .a_ishii span{background: -webkit-gradient(linear, left top, left bottom, color-stop(60%, transparent), color-stop(60%, #FFEFEF));background: linear-gradient(transparent 60%, #FFEFEF 60%);color: #DF0077;}
#qa .qa_fr{margin-bottom:10px}
#sozai4 .w_size,.s_box .w_size{width: 75%;display: block;margin: 50px auto;}
#sozai4 .sozai h5,#sozai4 .sozai h2 {position: absolute;top: 370px;font-size: 2rem;left: 50%;width: 100%;text-align: center;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#sozai4 .sozai h5::after,#sozai4 .sozai h2::after {content: "";display: block;border-bottom: 1px solid #555;width: 30px;margin: 0px auto;margin-top: 15px;}
#sozai4 .sozai .txt {position: absolute;top: 420px;padding: 30px;font-size: 1.6rem;line-height: 1.8;left: 50%;width: 80%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
#sozai4 .sozai .apple{    float: right;width: 25%;margin-left: 15px;margin-top: 5px}
.bunseki {position: relative;display: inline-block;margin: 0 0 30px;padding: 30px 20px;min-width: 120px;max-width: 100%;background: #E9E9E9;}
.bunseki:before {content: "";position: absolute;top: -30px;left: 50%;margin-left: -15px;border: 15px solid transparent;border-bottom: 15px solid #E9E9E9;}
.teiki_cart,.single_cart {margin: 30px 10px;border: solid 1px #383025;border-radius: 0 0 10px 10px;}
.cart_head {background: #383025;padding: 15px;}
.cart_main {padding: 30px 15px;}
.cart_button{margin: 20px 0 10px}
hr.cart_line {margin: 15px 0 25px;}
.mark{color: #DF0077;display: block;}
.point3{display: block;margin-top: -45px}
#sozai4 .sozai h5 span,#sozai4 .sozai h2 span{color: #DF0077;}
.answer_title{font-size: 1.8rem;font-weight: bold;text-align: center;color: #2B2B2B;padding-bottom: 20px;margin-bottom: 20px;border-bottom: dashed #2b2b2b 1px;}
.answer_title strong{font-size: 2rem;font-weight: bold;color:#DF0077}
.cart .second_button{position: absolute;display:inline-block;width: 50%;}
.placenta_teiki__txt{font-size: 1.8rem;font-weight: bold;text-align: center;}
.placenta_teiki__link{color: #eb0284;text-decoration: underline;}
.placenta_teiki__link:hover{opacity: 0.6; text-decoration: none;}
.-mincyo {font-family: "貂ｸ譏取悃", "YuMincho", "繝偵Λ繧ｮ繝取�譛� ProN W3", "Hiragino Mincho ProN", "HG譏取悃E", "�ｭ�ｳ �ｰ譏取悃", "�ｭ�ｳ 譏取悃", serif;}
.placenta_horse{margin-bottom: 60px;padding-top: 50px;}
.placenta_horse_tcon{background: url(https://www.cocoro-happy.co.jp/wp/wp-content/themes/cocohapi/assets/img/placenta/placenta-horse-pcbk.jpg) no-repeat center bottom;}
.placenta_horse_tit{font-size: 3.8rem;line-height: 1.4;margin: 0 0 30px;text-align: center;}
.placenta_horse_b{background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #ff6));background: linear-gradient(transparent 70%, #ff6 70%);color: #f5117f;font-size: 4.6rem;font-weight: bold;letter-spacing: 2px;padding: 0 10px 5px;}
.placenta_horse_txt{border-bottom: 1px solid #ec3b8d;margin: 0 auto;padding-bottom: 15px;text-align: center;width: 90%;}
.placenta_horse_pink{color: #f5117f;}
.placenta_horse_img{margin: 0 0 10px;}
.placenta_horse_etit{font-size: 1.8rem;margin: 0;text-align: center;}
.dp_pc{display: block;}
.dp_sp{display: none;}

@media screen and (max-width: 767px) {
.cart .first_button {bottom: 55px;width: 88%;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);-ms-transform: translateX(-50%);}
.cart .second_button{width: 65%; right: 30px;bottom: 18px;}
.cart select{margin: 20px 0 0 5px;position: absolute;bottom: 45px;left: 15px;}
.dp_pc{display: none;}
.dp_sp{display: block;}
.placenta_horse{margin-bottom: 30px;}
.placenta_horse_txt{font-size: 1.4rem; width: 84%;}
.placenta_horse_tit{font-size: 2.2rem;margin-bottom: 20px}
.placenta_horse_b{font-size: 3rem;}
.placenta_horse_tcon{margin-bottom: 20px;}
.placenta_horse_etit{padding: 0 7%;}
.placenta_horse_img{margin-bottom: 25px;}
.repeat-plink {margin-top: -80px; padding-top: 60px;}
    
}
/*320px*/
@media screen and (max-width: 320px) { /* iPhone 5/SE/4莉･荳狗ｸｦ */
  #sozai4 .sozai h5,#sozai4 .sozai h2 {top: 300px;}
#sozai4 .sozai .txt {top: 360px;line-height: 2.2rem;letter-spacing: -0.15rem;}
.cart .first_button {bottom: 43px;}
}
@media screen and (min-width: 768px) {
.cart .first_button {bottom: 82px;right: 73px;}
.container {padding: 0;background: #fff;padding: 30px;border-radius: 0 0 10px 10px;margin: 3px auto 80px}
.feature_half-button {width: 35%;padding: 20px;font-size: 1.6rem;margin-right: 0}
.feature_half-button::after {top: 43%;margin-left: 15px;}
#story .story h2 {font-size: 2.5rem;letter-spacing: 0.1em;padding-top: 7px;margin-bottom: 40px;}
#story .story{padding: 60px;display: block !important;}
  #story .story img,#story .story .sname {width: 45% !important;height: auto !important;margin: 10px 0 20px 30px;float: right;border-radius: 10px;}
#story .story .txt{margin-bottom: 50px}
#story .story .feature-button,#riyuu .feature-button,.cart_main .feature-button{width: 50%;}
#riyuu .riyuu {border: solid 1px #ccc;border-radius: 10px;padding: 30px;width: 90%;margin: 40px auto;}
#riyuu .feature-button {margin: 50px auto;}
#riyuu .riyuu .txt {padding: 40px;line-height: 2;padding: 20px 30px 30px;}
#riyuu .riyuu .txt p {background-image: -webkit-gradient( linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(97%, rgba(0,0,0,0)), color-stop(97%, #ddd), to(#ddd) );background-image: linear-gradient( 180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 97%, #ddd 97%, #ddd 100% );background-size: 100% 2em;line-height: 2;}
#qa .qa {margin: 0 60px 30px;padding: 80px 55px;}
#qa .answer {padding: 75px 60px;}
#qa .qa_fr {margin-bottom: 10px;float: right;width: 40%;border-radius: 10px;margin-left: 30px;}
#qa .placenta_txt p {overflow: hidden;}
#qa .a_ishii {padding-right: 130px;padding-bottom: 45px;font-size: 1.6rem;overflow: hidden;padding-top: 20px;width: 78%;margin: 0 auto;}
#qa .a_ishii::after {width: 93px;height: 93px;top: 22px;}
.answer img:first-child {margin: 0 auto;display: block;}
#qa .question img {width: 100px;float: left;margin-right: 25px;margin-top: -25px;}
#qa .question .txt {width: 100%;font-size: 4rem;letter-spacing: 0.06em;position: absolute;top: 28%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
#qa .question span {font-size: 2.8rem;display: block;line-height: 1;}
#sozai4 .w_size, .s_box .w_size {width: 55%;margin: 80px auto;}
  #sozai4 .sozai h5,#sozai4 .sozai h2 {top: 58%;font-size: 2.5rem}
  #sozai4 .up2 h5,#sozai4 .up2 h2 {top: 53%;}
#sozai4 .up2 .txt {top: 63% !important;}
#sozai4 .sozai .txt {top: 65%;line-height: 2;font-size: 1.6rem;}
#qa .graph{width: 85%;margin: 40px auto 0;display: block;}
.point3{display: block;margin-top: -100px}
.bunseki {margin: 0 auto 30px auto;display: block;padding: 30px 0px;width: 85%;}
.bunseki img {padding: 50px 60px;margin: 0 auto;display: block;}
.bunseki:before {top: -50px;margin-left: -25px;border: 25px solid transparent;border-bottom: 25px solid #E9E9E9;}
.cart_main {padding: 50px 60px;}
.teiki_cart, .single_cart {width: 80%;margin: 80px auto;border: solid 1px #383025;border-radius: 0 0 10px 10px;}
.teiki_cart img, .single_cart img{margin: 0 auto;display: block;}
.cart_head img {margin: 30px auto;}
.cart_main img {margin-bottom: 30px;}
.cart_main ul {margin-top: -20px;margin-bottom: 40px;}
#sozai4 .sozai .apple {width: 19%;margin-left: 30px;margin-top: -16px;}
.cart2{text-align: center}
.cart select{margin: 0 20px 13px 0;font-size: 120%;padding: 10px;position: absolute;bottom: 60px;left: 223px;}
.second_button {bottom: 50px;right: 168px;}
.answer_title{font-size: 3.2rem;font-weight: normal}
.answer_title strong{font-size: 4rem;font-weight: normal}
}

.placentalp-img {
    margin: 0;
    text-align: center;
}

.container .cart img {
    display: block;
    vertical-align: bottom;
}

.cart {
    max-width: 750px;
    margin: 0 auto;
}

.cart-ibox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.cart-i .placentalp-img {
    margin: 0;
    text-align: center;
    line-height: 1;
}

.container .cart-i img {
    display: block;
    vertical-align: bottom;
}

.cart .first_button-lp {
    bottom: 13%;
    width: 88%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    display: block;
}

.cart .second_button-lp {
    bottom: 20px;
    width: 85%;
    left: 51%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    display: block;
}

.cart .third_button-lp {
    width: 73%;
    right: 20px;
    bottom: 29px;
    position: absolute;
    display: inline-block;
}

.cart3 {
    margin-bottom: 30px;
}

.placentalp-img__hikaku {
    margin-bottom: 10px;
}

.placentalp-hikaku {
    position: relative;
}

.placentalp-hikaku__timg {
    bottom: 20px;
    width: 26%;
    left: 23%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    position: absolute;
    display: block;
    margin: 0;
}

.placentalp-hikaku_cart {
    margin: 0;
    padding: 0;
    list-style: none;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 92%;
    margin: 5px 0 80px 8%;
}

.placentalp-hikaku_cartlist {
    width: 32.7%;
}

.placentalp-btn {
    padding: 10px 30px 30px;
}

.placentalp-riyuu-tit {
    margin-bottom: 40px;
}

.placentalp-riyuu-img {
    margin-bottom: 15px;
}

.riyuu {
    margin-bottom: 40px;
}

.qa_answer_txt {
    font-size: 1.2rem;
    font-weight: bold;
    margin: 0;
    text-align: center;
}

.qa_answer_txtlink {
    color: #df0077;
    text-decoration: none;
}

.placentalp-kapsel-img {
    margin-bottom: 30px;
}

.placentalp-voice-img {
    margin-top: 50px; 
}

.bunsekis {
    margin-bottom: 0;
}

.header__logo__image {
    margin-bottom: -2px;
    margin-left: 14px;
    width: 100px;
}

.header__navi {
    -ms-flex-item-align: end;
    align-self: flex-end;
    max-width: -webkit-max-content;
    max-width: -moz-max-content;
    max-width: max-content;
    position: unset;
    width: 65%;
}

.header__navi__tel {
    display: block;
    margin: 0 0 0 0;
    width: 100%;
}

.header__navi__tel__image {
    vertical-align: bottom;
}

.w_size-lp {
    width: 75%;
    margin: 50px auto;
}

#page-hyou {
    z-index: 999;
    font-size: 1.2rem;
    line-height: 1.8rem;
    color: #fff;
    font-weight: bold;
    text-align: center;
    -webkit-transition: .3s;
    transition: .3s;
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 10px;
}

.page-hyou-link {
    display: block;
    padding: 8px;
    background-color: #df0077;
    border-radius: 8px;
    text-decoration: none;
}

@media screen and (min-width:769px) and ( max-width:900px) {
    
    #sozai4 .sozai .txt {
        width: 85%;
    }
    
    .placenta-materialtit01,
    .placenta-materialtit02,
    .placenta-materialtit03,
    .placenta-materialtit04 {
        text-shadow    : 
       2px  2px 1px #fff,
      -2px  2px 1px #fff,
       2px -2px 1px #fff,
      -2px -2px 1px #fff,
       2px  0px 1px #fff,
       0px  2px 1px #fff,
      -2px  0px 1px #fff,
       0px -2px 1px #fff;  
    }
    
    #sozai4 .sozai .placenta-materialtit01 {
        top: 48%;
    }
    
    #sozai4 .sozai .placenta-materialtit02 {
        top: 45%;
    }
    
    #sozai4 .sozai .placenta-materialtit03 {
        top: 46%;
    }
    
    #sozai4 .sozai .placenta-materialtit04 {
        top: 44%;
    }
    
    #sozai4 .up2 .placenta-materialtxt01 {
        top: 56%;
    }
    
    #sozai4 .up2 .placenta-materialtxt02 {
        top: 50% !important;
    }
    
    #sozai4 .up2 .placenta-materialtxt03 {
        top: 55% !important;
    }
    
    #sozai4 .up2 .placenta-materialtxt04 {
        top: 52% !important;
    }
    
    #sozai4 .sozai .txt {
        top: 56%;
    }
    
}

@media screen and (min-width:768px) and (max-width:1024px) {
    
    .header__logo__image {
        margin-bottom: 0px !important;
        width: 150px !important;
        padding: 10px 5px 10px 5px !important;
    }
    
    .header__navi {
        width: 270px;
    }
    
}

@media screen and (min-width: 768px) {
    
    .placentalp {
        margin-bottom: 80px;
    }
    
    .cart .first_button-lp {
        bottom: 12%;
    }
    
    .header__logo__image {
        width: 180px;
        height: auto;
        vertical-align: bottom;
        padding-top: 10px;
        margin-bottom: 30px;
    }
    
    .cart .second_button-lp {
        bottom: 35px;
    }
    
    .cart select {
        margin: 0 20px 13px 0;
        font-size: 120%;
        padding: 10px;
        position: absolute;
        bottom: 60px;
        left: 75px;
    }
    
    .cart .third_button-lp {
        right: 35px;
    }
    
    .placentalp-hikaku,
    .placentalp-hikaku_cbox,
    .placentalp-voice-img {
        margin: 0 auto;
        max-width: 750px;
    }
    
    .placentalp-btn {
        padding: 30px;
        max-width: 430px;
        margin: 0 auto;
    }
    
    #qa .question img {
        width: 95%;
    }
    
    .qa_answer_txt {
        font-size: 1.8rem;
    }
    
    .w_size-lp {
        width: 55%;
        margin: 80px auto;
    }
    
    #page-hyou {
        bottom: 50px;
        font-size: 1.4rem;
        line-height: 2.2rem;
        right: 20px;
    }
    
    #page-hyou-link {
        padding: 10px;
    }
    
}