@charset "utf-8";/**/
/* 全体 */
#pure_placenta{
	max-width: 720px;
	margin: 0 auto;
}
#pure_placenta #fv,
#pure_placenta #explanation02 {
  position: relative;
}
#pure_placenta #fv a {
  text-decoration: none;
  border-bottom: none;
}
#pure_placenta #fv .renewal {
  position: absolute;
  width: 65%;
  top: 70px;
  left: 0;
}

#pure_placenta #fv .cp p span {
  font-size: 0.7em;
}
#pure_placenta #fv .cp p span.icon-arrow_bottom {
  position: absolute;
  font-size: 0.9em;
  top: 48%;
  right: 17%;
  transform: translate(0%, -50%);
}
#pure_placenta #explanation {
  background-image: url("../images/bg_01@2x.webp");
  background-size: cover;
  padding: 5% 0 10%;
}
#pure_placenta .cta img {
}
#pure_placenta .cta a.cta_link {
  position: absolute;
  bottom: 1%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 520px;
  height: 90px;
  background-color: transparent;
  transition: background-color 0.2s ease;
}
#pure_placenta .cta a.cta_link:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#pure_placenta #fv a.cta_detail {
  position: absolute;
  bottom: 8%;
  left: 30%;
  width: 270px;
  height: 420px;
  background-color: transparent;
}
#pure_placenta .cta a.cta_detail {
  position: absolute;
  bottom: 52%;
  left: 3%;
  width: 190px;
  height: 190px;
  background-color: transparent;
}
#pure_placenta .cta a.cta_detail:hover {
  background-color: rgba(255, 255, 255, 0.3);
}
#pure_placenta #explanation02 .explanation02_inner {
  background-image: url("../images/bg_explanation02@2x.webp");
  background-size: cover;
}
#pure_placenta #explanation02 a.cta_detail {
  position: absolute;
  top: 14%;
  left: 31%;
  width: 270px;
  height: 420px;
  background-color: transparent;
}
#pure_placenta #point {
  background-image: url("../images/bg_point@2x.webp");
  background-size: cover;
}
#pure_placenta #last {
  background-image: url("../images/bg_cta@2x.webp");
  background-size: cover;
  margin-top: 5%;
  padding-top: 3%;
}

img {
  max-width: 100%;
  height: auto;
}
img {
  vertical-align: middle;
  border-style: none;
}
a {
  color: #333;
}

#pure_placenta #explanation02 {
  position: relative;
}
#pure_placenta #explanation02 .renewal {
  position: absolute;
  width: 65%;
  top: -125px;
  left: 0;
}

/*===============================
wrapper（横幅調整）
===============================*/
#pure_placenta,
#pure_placenta .wrapper_big,
#pure_placenta .wrapper_middle,
#pure_placenta .wrapper_small{
  margin-inline:auto;
}
#pure_placenta .wrapper_big{
	width: 662px;
}
#pure_placenta .wrapper_middle{
	width: 620px;
}
	
#pure_placenta .wrapper_small{
	width: 540px;
}

/*===============================
リンク設定
===============================*/
#pure_placenta .link_wrap{
	position: relative;
	display: inline-block;
}
#pure_placenta .link{
	position: absolute;
	display: block;
	z-index: 3;
/*background: rgba(255,0,0,0.2);*/
}

/*#pure_placenta .link_wrap1{
	inset: 0;
}*/
#pure_placenta .link_wrap1 {
    height: 40%;
    width: 37%;
    left: 10%;
    bottom: 28%;
    z-index: 4;
}
#pure_placenta .link_teiki{
	height: 4.5%;
	width: 94%;
	left: 3%;
	bottom: 2.7%;
}
/*===============================
各セクション調整
===============================*/
#pure_placenta section:not(:last-of-type){
	/*margin-bottom: 10%;*/
}
#pure_placenta #fv{
	/*margin-bottom: 7%;*/
}
#pure_placenta .last_copy{
	margin: 5% 0 0;
}

/*===============================
インクルード
===============================*/
/*SPEC背景色変更 */
#pure_placenta .lp_include {
    /*background: linear-gradient(135deg, #ffdeb3, #ffefbd);
    padding: 6% 0;
	  display: flex;*/
}
#pure_placenta .include_inner{
	/*background-color: #fff;*/
}
/*一商品余白調整 */
#pure_placenta .c-panel {
    margin-bottom: 20px/*2rem*/;
    background-color: #fff;
    position: relative;
    padding: 6% 5%/*5% 7%*/;
	border-radius: 15px;
	box-shadow: 8px 8px 20px #eed5c0;
}
#pure_placenta .spec2 .c-panel {
	box-shadow: none;
}
	
	
#pure_placenta .c-panel:not(:has(~ .c-panel)) {
	margin-bottom: 0;
}

/*テキストエリア*/	
#pure_placenta .c-panel__body {
	margin-top: 0px;
	max-width: 70%;
	margin-left: 20px;
}
/*商品画像の位置*/
#pure_placenta .c-panel__header {
	box-sizing: border-box;
	/*width: 145px;*/
	width: 180px;
}
/*商品画像の大きさ*/
#pure_placenta .c-panel__header__image {
	width: 100%;
	border: 5px solid #FFF;
	background-color: #fff;
	
}
	
/*価格の大きさ*/	
#pure_placenta .c-price {
        font-size: 2.5rem;
    }	
	
/*価格（余白確保してボタンに被るのを回避、並び方調整など）*/
#pure_placenta .c-panel__price-wrapper {
	/*margin-bottom: 4rem;*/
	display: flex;
	align-items: baseline;
	flex-wrap: wrap;
	column-gap:1rem;
--space: 3px;
}
#pure_placenta .c-panel__desc{
	margin-bottom: 4.9rem;
	display: none;/*このLPではPCでも商品解説を非表示に*/
}
/*割引率*/
#pure_placenta .c-panel__discount .badge.badge-red.c-label-discount {
    /* font-size: 1.4rem; */
    font-size: 2.5rem;
}
/*色変更----------------------------------------*/
/*割引率*/
#pure_placenta .badge-red {
    background-color: #ea3323;
}
/*割引後価格*/
#pure_placenta .c-price--sale {
    color: #ff3400;
}
/*送料無料回り*/	
#pure_placenta .border-red {
    border-color: #ea3323 !important;
}
#pure_placenta .text-red {
    color: #ea3323 !important;
}
#pure_placenta .border-red {
    border-color: #ea3323 !important;
}
/*ボタン*/
#pure_placenta .btn-primary {
    background-color: /*#0058aa*/#333333;
    /*background: linear-gradient(90deg, #ffd128, #ea3323, #ff6a3e);*/
    border-color: #ffffff;
	border-radius: 10px;
    padding: 10px 50px;
}
	/*#pure_placenta .btn-primary {
    background-color: #0058aa;
    border-color: #ffffff00;
}*/
	
/*色変更----------------------------------------*/
/*ボタン位置*/	
#pure_placenta .c-panel__action {
	position: absolute;
	bottom: 0;
	right: 0;
}
/*商品とテキストを横並びに*/
#pure_placenta .c-panel__link{
	display: flex;
}

	
	
/*取り消し線を真ん中に*/
#pure_placenta .c-price-delete {
background: linear-gradient(
  to bottom,
  transparent calc(50% - 0.5px),
  #333 calc(50% - 0.5px),
  #333 calc(50% + 0.5px),
  transparent calc(50% + 0.5px)
);
}
#pure_placenta .more_btn{
	text-align: center;
	margin-top: 5%;
}



/* sp表示------------------------------ */
@media screen and (max-width: 768px) {
		/* 全体 */
	#pure_placenta{
		max-width: 100%;
		width: 100%;
	}
	
	#pure_placenta .wrapper_big{
		width: 92vw;
	}
	#pure_placenta .wrapper_middle{
		width: 86vw;
	}
  #pure_placenta .wrapper_small{
		width: 80vw;
	}
	
	#pure_placenta #fv .cp p {
    padding-right: 7%;
  }
  #pure_placenta #fv .cp {
    background-size: 100% 100%;
    height: 50px;
    font-size: 1.5em;
  }
  #pure_placenta #fv .cp p span.icon-arrow_bottom {
    top: 50%;
    right: 10%;
  }
	 #pure_placenta .cta a.cta_link {
    bottom: 0%;
    width: 80%;
    height: 55px;
  }
  .safe_ban {
    margin: 0 3%;
  }
  #pure_placenta #explanation02 .renewal {
    top: -70px;
  }
  #pure_placenta #fv a.cta_detail {
    width: 140px;
    height: 220px;
  }
  #pure_placenta .cta a.cta_detail {
    width: 110px;
    height: 110px;
  }
  #pure_placenta #explanation02 a.cta_detail {
    width: 150px;
    height: 240px;
  }
	/*===============================
	インクルード
	===============================*/
	/*商品のまとめ（余白確保）*/
	#pure_placenta .item_wrapper{
		width: 92vw;
		margin: 0 auto;
		margin-top: 8%;
	}
	/*一商品*/		
	#pure_placenta .c-panel {
		/*padding: 4% 3%;*/
    padding: 3% 4%/*6% 4%*/;
	}
	/*商品画像*/
	#pure_placenta .c-panel__header {
		width: 110px;
	}
	/*タイトル余白調整*/
	#pure_placenta .item_title {
		margin-bottom: 3%;
	}

	/*テキスト領域*/
	#pure_placenta .c-panel__body {
		max-width: 63%;
		margin-left: 1.2rem;
		margin-bottom: 6px;
	}
	/*商品名*/	
	#pure_placenta .c-panel__name {
		font-size: 1.4rem;
	}	
	/*ボタン*/
	#pure_placenta .btn-sm,
	#pure_placenta .more_btn .btn.btn-sm.btn-outline-primary{
		font-size: 1.4rem;
	}

	/*価格下に余白確保（ボタンに被るのを回避）*/		
	#pure_placenta .c-panel__price-wrapper {
		margin-bottom: 3.9rem;
	}
	/*商品解説SPHは非表示に*/		
	#pure_placenta .c-panel__desc {
	display: none;
}

	/*割引率+期日のdiv*/
	#pure_placenta .c-panel__discount {
		flex-basis: 100%;/*（回り込み回避）*/
		--price-space: 2px;
	}
	/*価格の大きさ*/	
	#pure_placenta .c-price {
			font-size: 1.8rem;
    }	
	
	/*割引率*/
	#pure_placenta .c-panel__discount .badge.badge-red.c-label-discount {
		padding: 3px 5px;
		font-size: 1.8rem;
	}
	#pure_placenta .c-panel__action {
		width: 100%;
}
#pure_placenta .btn-primary {
	border-radius: 6px;
    padding: 6px;
}

}
/* pc表示------------------------------ */
@media screen and (min-width: 768px){
	.c-panel__header__image{
		width: 220px;
	}
}