/** 商品ページ共通 **/
.pankuzu{display: none}
.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;transform: rotate(45deg);display: inline-block;vertical-align: middle;margin-left: 5px;}
.feature-button::after{top: 43%;margin-left: 10px;}
#story .story {display: flex;flex-wrap: wrap;justify-content: space-between;counter-reset: number;background: #F2F2F2;padding: 30px;align-items: flex-start;}
#story .story img{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;}}

/** 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: 50px;float: left;margin-right: 15px;}
#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: linear-gradient(transparent 60%, #ffff66 60%);}
#qa .a_ishii span{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 {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 {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{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%;}
@media screen and (max-width: 767px) {
.cart .first_button {bottom: 62px;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 15px;position: absolute;bottom: 30px;left: 20px;}
}
/*320px*/
@media screen and (max-width: 320px) { /* iPhone 5/SE/4以下縦 */
#sozai4 .sozai h5 {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;width: 55%;}
.container {padding: 0;background: #fff;padding: 30px;border-radius: 10px;margin-bottom: 80px;margin-top: 50px}
.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 {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: 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 {top: 550px;font-size: 2.5rem}
#sozai4 .up2 h5 {top: 480px;}
#sozai4 .up2 .txt {top: 570px !important;}
#sozai4 .sozai .txt {top: 650px;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}
}